/* ================================================================
   MCI HEADER THEME  —  mci-header.css
================================================================ */

/* ── Brand palette ── */
:root {
    --h-navy   : #0b2545;
    --h-blue   : #0a3d67;
    --h-blue-lt: #1e7cc2;
    --h-gold   : #e8a020;
    --h-red    : #FF5544;
    --h-text   : rgba(255,255,255,0.90);
    --h-dim    : rgba(255,255,255,0.60);
}

/* ================================================================
   TOP INFO BAR
================================================================ */

.main-header .main-menu__top {
    background   : var(--h-navy) !important;
    padding      : 8px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}
.main-header .main-menu__top-inner {
    padding-top   : 0 !important;
    padding-bottom: 0 !important;
}
.main-header .main-menu__contact-list li .icon i,
.main-header .main-menu__contact-list li .text p,
.main-header .main-menu__contact-list li .text p a {
    color    : var(--h-dim) !important;
    font-size: 13px !important;
}
.main-header .main-menu__contact-list li .text p a:hover { color: #fff !important; }
.main-header .main-menu__top-welcome-text { display: none !important; }
.main-header .main-menu__social-title     { color: var(--h-dim) !important; font-size: 12px !important; }
.main-header .main-menu__social a         { color: var(--h-dim) !important; font-size: 13px !important; transition: color .2s; }
.main-header .main-menu__social a:hover   { color: #fff !important; }

/* ================================================================
   SHARED NAV STYLES — applied to BOTH normal + sticky nav
   This single block guarantees they are always identical
================================================================ */
.main-header .main-menu,
.stricky-header,
.stricky-header.main-menu,
.stricky-header.stricked-menu,
.stricky-header.stricked-menu.main-menu,
.stricky-header.stricked-menu.main-menu.stricky-fixed {
    background   : linear-gradient(90deg,
                       var(--h-navy)    0%,
                       var(--h-blue)    50%,
                       var(--h-blue-lt) 100%) !important;
    box-shadow   : 0 3px 18px rgba(11,37,69,.50) !important;
    border-top   : none !important;
    border-bottom: none !important;
    padding      : 0 !important;
    overflow     : visible !important;
}

/* wrapper padding reset — both */
.main-header .main-menu__wrapper,
.stricky-header .main-menu__wrapper {
    padding : 0 !important;
    overflow: visible !important;
}

/* wrapper-inner height — identical for both */
.main-header .main-menu__wrapper-inner,
.stricky-header .main-menu__wrapper-inner {
    min-height    : 80px !important;
    height        : auto !important;
    max-height    : none !important;
    padding-top   : 10px !important;
    padding-bottom: 10px !important;
    display       : flex !important;
    align-items   : center !important;
    overflow      : visible !important;
    box-sizing    : border-box !important;
}


/* ================================================================
   LOGO LEFT AREA — both
================================================================ */
.main-header .main-menu__left,
.stricky-header .main-menu__left {
    display     : flex !important;
    align-items : center !important;
    padding-left: 24px !important;
    flex-shrink : 0 !important;
    overflow    : visible !important;
}

.main-header .main-menu__logo a,
.stricky-header .main-menu__logo a {
    display        : flex !important;
    align-items    : center !important;
    gap            : 12px !important;
    text-decoration: none !important;
    overflow       : visible !important;
}

/* circular logo badge — both */
.main-header .main-menu__logo a img,
.stricky-header .main-menu__logo a img {
    width          : 58px !important;
    height         : 58px !important;
    min-width      : 58px !important;
    border-radius  : 50% !important;
    object-fit     : cover !important;
    object-position: center !important;
    background     : #fff !important;
    border         : 2px solid rgba(255,255,255,.95) !important;
    box-shadow     : 0 0 0 4px rgba(255,255,255,.22),
                     0 3px 12px rgba(0,0,0,.30) !important;
    display        : block !important;
    flex-shrink    : 0 !important;
    transition     : box-shadow .3s !important;
}
.main-header .main-menu__logo a:hover img,
.stricky-header .main-menu__logo a:hover img {
    box-shadow: 0 0 0 5px rgba(255,255,255,.45),
                0 5px 16px rgba(0,0,0,.36) !important;
}

/* logo text — both */
.main-header .main-menu__logo .mci-logo-text,
.stricky-header .main-menu__logo .mci-logo-text {
    display        : flex !important;
    flex-direction : column !important;
    justify-content: center !important;
    line-height    : 1.3 !important;
}
.main-header .main-menu__logo .mci-logo-text .mci-name-1,
.stricky-header .main-menu__logo .mci-logo-text .mci-name-1 {
    font-family   : 'Montserrat Alternates', sans-serif !important;
    font-size     : 15px !important;
    font-weight   : 800 !important;
    color         : #ffffff !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    white-space   : nowrap !important;
    display       : block !important;
    line-height   : 1.2 !important;
}
.main-header .main-menu__logo .mci-logo-text .mci-name-2,
.stricky-header .main-menu__logo .mci-logo-text .mci-name-2 {
    font-family   : 'Montserrat Alternates', sans-serif !important;
    font-size     : 14.5px !important;
    font-weight   : 600 !important;
    color         : var(--h-red) !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    white-space   : nowrap !important;
    display       : block !important;
    line-height   : 1.2 !important;
}

/* ================================================================
   NAV LINKS — both
================================================================ */
.main-header .main-menu__list > li > a,
.stricky-header .main-menu__list > li > a {
    color         : var(--h-text) !important;
    font-size     : 14px !important;
    font-weight   : 600 !important;
    letter-spacing: .02em !important;
    padding       : 8px 13px !important;
    border-radius : 4px !important;
    transition    : background .2s, color .2s !important;
}
.main-header .main-menu__list > li > a:hover,
.main-header .main-menu__list > li.current > a,
.stricky-header .main-menu__list > li > a:hover,
.stricky-header .main-menu__list > li.current > a {
    color     : #fff !important;
    background: rgba(255,255,255,.12) !important;
}
.main-header .main-menu__list > li.current > a::after,
.stricky-header .main-menu__list > li.current > a::after {
    background-color: var(--h-gold) !important;
}

/* ================================================================
   DROPDOWNS — both
================================================================ */
.main-header .main-menu__list li ul.shadow-box,
.stricky-header .main-menu__list li ul.shadow-box {
    border-top   : 2px solid var(--h-blue-lt) !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow   : 0 8px 26px rgba(0,0,0,.14) !important;
}
.main-header .main-menu__list li ul.shadow-box li a,
.stricky-header .main-menu__list li ul.shadow-box li a {
    color      : #17304e !important;
    font-size  : 13.5px !important;
    font-weight: 500 !important;
    transition : background .15s, color .15s, padding-left .15s !important;
}
.main-header .main-menu__list li ul.shadow-box li a:hover,
.stricky-header .main-menu__list li ul.shadow-box li a:hover {
    background  : #e4effa !important;
    color       : var(--h-blue) !important;
    padding-left: 22px !important;
}

/* ================================================================
   RIGHT CONTROLS — both
================================================================ */
.main-header .main-menu__category-btn,
.stricky-header .main-menu__category-btn {
    border       : 1.5px solid rgba(255,255,255,.28) !important;
    border-radius: 5px !important;
    padding      : 6px 12px !important;
    transition   : background .2s !important;
}
.main-header .main-menu__category-btn:hover,
.stricky-header .main-menu__category-btn:hover       { background: rgba(255,255,255,.10) !important; }
.main-header .main-menu__category-btn p,
.main-header .main-menu__category-btn i,
.main-header .main-menu__category-btn span,
.stricky-header .main-menu__category-btn p,
.stricky-header .main-menu__category-btn i,
.stricky-header .main-menu__category-btn span        { color: var(--h-text) !important; }

.main-header .header-logon-box,
.stricky-header .header-logon-box                    { display: none !important; }

.main-header .main-menu__nav-sidebar-icon a span,
.stricky-header .main-menu__nav-sidebar-icon a span  { background: rgba(255,255,255,.60) !important; }
.main-header .main-menu__nav-sidebar-icon a:hover span,
.stricky-header .main-menu__nav-sidebar-icon a:hover span { background: #fff !important; }

.main-header .mobile-nav__toggler i,
.stricky-header .mobile-nav__toggler i               { color: #fff !important; font-size: 22px !important; }

/* ================================================================
   ADMISSION INQUIRY BUTTON — both, identical
================================================================ */
.main-header .main-menu__btn-box .thm-btn,
.stricky-header .main-menu__btn-box .thm-btn {
    background    : #ffffff !important;
    color         : var(--h-navy) !important;
    border        : none !important;
    font-weight   : 700 !important;
    font-size     : 13.5px !important;
    letter-spacing: .04em !important;
    padding       : 12px 22px !important;
    border-radius : 5px !important;
    box-shadow    : 0 2px 10px rgba(0,0,0,.18) !important;
    transition    : background .2s, color .2s, transform .2s, box-shadow .2s !important;
    white-space   : nowrap !important;
}
.main-header .main-menu__btn-box .thm-btn:hover,
.stricky-header .main-menu__btn-box .thm-btn:hover {
    background: var(--h-gold) !important;
    color     : #0b1e38 !important;
    transform : translateY(-1px) !important;
    box-shadow: 0 5px 18px rgba(11,37,69,.28) !important;
}
.main-header .main-menu__btn-box .thm-btn .fas,
.stricky-header .main-menu__btn-box .thm-btn .fas    { color: inherit !important; }

/* ================================================================
   MOBILE SLIDE-IN NAV PANEL
================================================================ */
.mobile-nav__wrapper .mobile-nav__content { background: var(--h-navy) !important; }
.mobile-nav__wrapper .mobile-nav__close i  { color: #fff !important; }
.mobile-nav__container li > a {
    color        : rgba(255,255,255,.82) !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
    padding      : 13px 0 !important;
    font-weight  : 500 !important;
    font-size    : 14px !important;
}
.mobile-nav__container li > a:hover              { color: var(--h-red) !important; }
.mobile-nav__container .sub-menu li a {
    color       : rgba(255,255,255,.62) !important;
    padding-left: 26px !important;
    font-size   : 13px !important;
}
.mobile-nav__wrapper .mobile-nav__contact li,
.mobile-nav__wrapper .mobile-nav__contact li i,
.mobile-nav__wrapper .mobile-nav__contact li a   { color: rgba(255,255,255,.55) !important; }
.mobile-nav__wrapper .mobile-nav__social a       { color: rgba(255,255,255,.55) !important; }
.mobile-nav__wrapper .mobile-nav__social a:hover { color: var(--h-red) !important; }

/* ================================================================
   RESPONSIVE
================================================================ */
@media (min-width: 1200px) {
    .main-header .main-menu__left,
    .stricky-header .main-menu__left { padding-left: 28px !important; }
}

@media (max-width: 1199px) {
    .main-header .main-menu__list > li > a,
    .stricky-header .main-menu__list > li > a          { font-size: 13px !important; padding: 7px 10px !important; }
    .main-header .main-menu__logo .mci-logo-text .mci-name-1,
    .stricky-header .main-menu__logo .mci-logo-text .mci-name-1 { font-size: 13.5px !important; }
    .main-header .main-menu__logo .mci-logo-text .mci-name-2,
    .stricky-header .main-menu__logo .mci-logo-text .mci-name-2 { font-size: 11px !important; }
}

@media (max-width: 991px) {
    .main-header .main-menu__left,
    .stricky-header .main-menu__left                   { padding-left: 14px !important; }
    .main-header .main-menu__logo a img,
    .stricky-header .main-menu__logo a img             { width: 50px !important; height: 50px !important; min-width: 50px !important; }
    .main-header .main-menu__logo .mci-logo-text .mci-name-1,
    .stricky-header .main-menu__logo .mci-logo-text .mci-name-1 { font-size: 12.5px !important; }
    .main-header .main-menu__logo .mci-logo-text .mci-name-2,
    .stricky-header .main-menu__logo .mci-logo-text .mci-name-2 { font-size: 10px !important; }
    .main-header .main-menu__btn-box .thm-btn,
    .stricky-header .main-menu__btn-box .thm-btn       { padding: 10px 16px !important; font-size: 12.5px !important; }
    .main-header .main-menu__category-box,
    .stricky-header .main-menu__category-box           { display: none !important; }
    .main-header .main-menu__nav-sidebar-icon,
    .stricky-header .main-menu__nav-sidebar-icon       { display: none !important; }
}

@media (max-width: 767px) {
    .main-header .main-menu__top                       { display: none !important; }
    .main-header .main-menu__wrapper-inner,
    .stricky-header .main-menu__wrapper-inner {
        min-height    : 64px !important;
        height        : auto !important;
        max-height    : none !important;
        padding-top   : 8px  !important;
        padding-bottom: 8px  !important;
    }
    .main-header .main-menu__logo a img,
    .stricky-header .main-menu__logo a img             { width: 44px !important; height: 44px !important; min-width: 44px !important; }
    .main-header .main-menu__logo .mci-logo-text,
    .stricky-header .main-menu__logo .mci-logo-text    { display: flex !important; }
    .main-header .main-menu__logo .mci-logo-text .mci-name-1,
    .stricky-header .main-menu__logo .mci-logo-text .mci-name-1 { font-size: 12px !important; }
    .main-header .main-menu__logo .mci-logo-text .mci-name-2,
    .stricky-header .main-menu__logo .mci-logo-text .mci-name-2 { font-size: 9.5px !important; }
    .main-header .main-menu__btn-box,
    .stricky-header .main-menu__btn-box                { display: none !important; }
}

@media (max-width: 480px) {
    .main-header .main-menu__left,
    .stricky-header .main-menu__left                   { padding-left: 10px !important; }
    .main-header .main-menu__logo a img,
    .stricky-header .main-menu__logo a img             { width: 40px !important; height: 40px !important; min-width: 40px !important; }
    .main-header .main-menu__logo .mci-logo-text,
    .stricky-header .main-menu__logo .mci-logo-text    { display: flex !important; }
    .main-header .main-menu__logo .mci-logo-text .mci-name-1,
    .stricky-header .main-menu__logo .mci-logo-text .mci-name-1 { font-size: 16px !important; }
    .main-header .main-menu__logo .mci-logo-text .mci-name-2,
    .stricky-header .main-menu__logo .mci-logo-text .mci-name-2 { font-size: 15px !important; }
}

.main-menu__list li.dropdown > a::after {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  color: inherit !important;
}