/*---------------------------------------------------------------
  Template Name: Medinexia | Modern Medical & Healthcare Multi-Page Website Template
  Description: Medinexia – Modern Medical & Healthcare Multi-Page Template designed for hospitals, clinics, doctors and healthcare services with a clean, trustworthy UI.
  Author: Lucid ThemesLab
  Author URL: https://www.templatemonster.com/store/lucid_themeslab/
  Version: 1.0.0
-----------------------------------------------------------------
@import url('/newmoban/_external/fonts.googleapis.com/css2__q_family-Archivo-ital-wght-0-100..900-1-100..900-display-swap.css');

/* ==================
  Color Variables
  ================== */
[data-medinexia-theme="medinexia_light"] {

    /* bg colors */
    --body-color: #FFFFFF;
    --alt-color:#effbfc;
    --light-color:#f5f5f5;
    --primary-color:#26c6da;
    --primary-rgb:38, 198, 218;
    --secondary-rgb: 24, 90, 187;
    --secondary-color:#0a1b57;
    --dark-color:#4b3b0f;
    --card-color:#ffffff;
    --theme-gradient:linear-gradient(180deg, #061b44, #033b88);
    --theme-gradient-2:linear-gradient(135deg, #0d6efd, #20c997);
    --input-bg: #effbfc;
    --input-text: #000000;

    --hero-bg: rgba(255, 255, 255, 0.14);
    --hero-border: rgba(255, 255, 255, 0.25);
    --hero-glow: rgba(255, 255, 255, 0.15);
    --hero-text: #fff;
    --hero-overlay: rgba(1, 33, 39, 0.50); /* light overlay *

    /* text-colors */
    --white-text: #ffff;
    --secondary-text: #0a1b57;
    --prime-text: #c9611c;
    --heading-text: #000137;
    --para-text: #353536;

    /* font family*/
    --PrimaryFont:   "Archivo", sans-serif;

}

[data-medinexia-theme="medinexia_dark"]{

    /* bg colors */
    --body-color: #010916;
    --alt-color:#142037;
    --light-color:#1a2333;
    --primary-color:#26c6da;
    --primary-rgb:38, 198, 218;
    --secondary-rgb: 24, 90, 187;
    --secondary-color:#2e438b;
    --dark-color:#0f0f0f;
    --card-color:#27334a;
    --theme-gradient:linear-gradient(180deg, #061b44, #2e438b);
    --theme-gradient-2:linear-gradient(135deg, #0d6efd, #20c997);
    --input-bg: #142037;
    --input-text: #b7c4dc;

    --hero-bg: rgba(0, 0, 0, 0.25);
    --hero-border: rgba(255, 255, 255, 0.15);
    --hero-glow: rgba(0, 0, 0, 0.35);
    --hero-text: #f1f1f1;
    --hero-overlay: rgba(1, 33, 39, 0.50); /* light overlay */

    /* text-colors */
    --white-text: #ffff;
    --secondary-text: #2e438b;
    --prime-text: #c9611c;
    --heading-text: #ffffff;
    --para-text: #b8b8b8;

    /* font family*/
    --PrimaryFont:   "Archivo", sans-serif;
}

.card-color{
    background-color: var(--card-color);
}

.primary-color{
    background-color: var(--primary-color);
}

.alt-color{
    background-color: var(--alt-color);
}

.secondary-color{
    background-color: var(--secondary-color);
}

.heading-text {
    color: var(--heading-text) ;
}

.light-bg {
    background: var(--light-color);
}

.primary-border{
    border-color: var(--primary-color)!important;
}

.para-text {
    color: var(--para-text);
}

.white-text {
    color: var(--white-text);
}

.primary-text {
    color: var(--primary-color) ;
}

.secondary-text {
    color: var(--secondary-color) ;
}