/* ============================================================
   ASON Modern — Arthroscopy Society of Nepal
   Type scale (base 16px):
     xs   = 0.75rem  (12px)  — labels, badges, eyebrows
     sm   = 0.8125rem(13px)  — nav, captions, meta
     base = 0.875rem (14px)  — secondary body, footer
     md   = 0.9375rem(15px)  — primary body copy
     lg   = 1rem     (16px)  — card titles, button text
     xl   = 1.125rem (18px)  — sub-headings
     2xl  = 1.25rem  (20px)  — h3
     3xl  = 1.5rem   (24px)  — h2 / section headers
     4xl  = 1.875rem (30px)  — h1 / hero section titles
     hero = clamp(1.875, 4vw, 2.5rem) — slider headline
   ============================================================ */

:root {
    --ason-navy:      #1a3a6b;
    --ason-blue:      #1e4fa0;
    --ason-teal:      #0891b2;
    --ason-gold:      #c9a84c;
    --ason-red:       #ec1c24;   /* exact logo red */
    --ason-red-dark:  #c0141b;   /* hover / pressed state */
    --ason-light:     #f0f4f8;
    --ason-text:      #1e293b;
    --ason-muted:     #64748b;
    --ason-white:     #ffffff;
    --ason-radius:    8px;
    --ason-shadow:    0 4px 24px rgba(26,58,107,.10);
    --ason-shadow-lg: 0 8px 40px rgba(26,58,107,.16);
    --font-heading:   'Merriweather', Georgia, serif;
    --font-body:      'Inter', system-ui, sans-serif;

    /* Single-source font sizes */
    --fs-xs:   .75rem;      /* 12px — eyebrow labels, badges  */
    --fs-sm:   .8125rem;    /* 13px — nav, captions           */
    --fs-base: .875rem;     /* 14px — secondary body, footer  */
    --fs-md:   .9375rem;    /* 15px — primary body copy       */
    --fs-lg:   1rem;        /* 16px — card titles, buttons    */
    --fs-xl:   1.125rem;    /* 18px — sub-headings            */
    --fs-2xl:  1.25rem;     /* 20px — h3                      */
    --fs-3xl:  1.5rem;      /* 24px — h2 / section headers    */
    --fs-4xl:  1.875rem;    /* 30px — h1 / page titles        */
}

/* ── Global base ─────────────────────────────────────────── */
html { font-size: 16px; }

body {
    font-family: var(--font-body);
    font-size: var(--fs-md);
    line-height: 1.65;
    color: var(--ason-text);
    background: #fff;
    -webkit-font-smoothing: antialiased;
}

/* Heading scale */
h1 { font-size: var(--fs-4xl);  font-weight: 700; line-height: 1.2;  font-family: var(--font-heading); }
h2 { font-size: var(--fs-3xl);  font-weight: 700; line-height: 1.25; font-family: var(--font-heading); }
h3 { font-size: var(--fs-2xl);  font-weight: 600; line-height: 1.35; }
h4 { font-size: var(--fs-lg);   font-weight: 600; line-height: 1.4;  }
h5 { font-size: var(--fs-md);   font-weight: 600; }
h6 { font-size: var(--fs-base); font-weight: 600; }

/* Body copy — scoped to content areas to avoid fighting Bootstrap internals */
section p, article p, .about-content-wrap p,
.footer-about p, .message-body p, .mission-card p,
.slider-content p, .up-event-text p, .president-content-col p {
    font-size: var(--fs-md);
    line-height: 1.75;
}
small, .small { font-size: var(--fs-sm); }

/* ── Top bar ─────────────────────────────────────────────── */

/* Lock the whole header area so no global h/p rules bleed into nav */
#header-area { font-size: var(--fs-sm); }
#header-area h1, #header-area h2, #header-area h3,
#header-area h4, #header-area h5, #header-area h6,
#header-area p { font-size: inherit; font-weight: inherit; margin: 0; }

.preheader-area {
    background: var(--ason-navy) !important;
    padding: 4px 0;
    font-size: var(--fs-sm);
    line-height: 1.4;
    letter-spacing: .01em;
}
.preheader-area .row { align-items: center; }
.preheader-area a {
    font-size: var(--fs-sm) !important;
    color: rgba(255,255,255,.85) !important;
    text-decoration: none;
    margin-right: 18px;
    transition: color .2s;
    vertical-align: middle;
}
.preheader-area a:hover { color: var(--ason-gold) !important; }
.preheader-area strong {
    font-size: var(--fs-sm) !important;
    font-weight: 600;
    color: var(--ason-gold);
    margin-right: 3px;
}
.preheader-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}
.preheader-right .btn-auth { margin-left: 0; }

.btn-auth {
    background: var(--ason-teal);
    color: #fff !important;
    padding: 5px 16px !important;
    border-radius: 5px;
    font-size: .8125rem !important;
    font-weight: 600;
    line-height: 1.5 !important;
    text-decoration: none !important;
    transition: background .2s, border-color .2s;
    display: inline-flex !important;
    align-items: center;
    margin-left: 6px;
    vertical-align: middle;
    border: 1px solid transparent;
    cursor: pointer;
}
.btn-auth:hover        { background: var(--ason-gold) !important; color: #fff !important; border-color: transparent; }
.btn-auth-rev          { background: transparent !important; border: 1px solid rgba(255,255,255,.5) !important; color: rgba(255,255,255,.9) !important; }
.btn-auth-rev:hover    { background: rgba(255,255,255,.15) !important; color: #fff !important; }

/* Override legacy style.css / app.css btn-auth sizing */
#header-area .preheader-area .btn-auth,
#header-area .preheader-area .preheader-right .btn-auth {
    font-size: .8125rem !important;
    padding: 5px 16px !important;
    line-height: 1.5 !important;
}

/* ── Navigation ──────────────────────────────────────────── */
.header-bottom-area {
    background: #fff !important;
    box-shadow: 0 2px 16px rgba(26,58,107,.10);
    padding: 0;
    position: sticky;
    top: 0;
    z-index: 999;
}
.header-bottom-area .main-menu.navbar {
    min-height: 80px;
    padding-top: 0;
    padding-bottom: 0;
}
.header-bottom-area.sticky { box-shadow: 0 2px 24px rgba(26,58,107,.18); }

.main-menu .navbar-brand {
    font-size: var(--fs-base) !important;
    font-weight: 700;
    color: var(--ason-navy) !important;
    padding-top: 10px;
    padding-bottom: 10px;
}
.main-menu .navbar-brand img {
    max-height: 68px;
    width: auto;
    display: block;
}
.main-menu .nav-link {
    font-family: var(--font-body) !important;
    font-weight: 600 !important;
    font-size: var(--fs-sm) !important;
    color: var(--ason-navy) !important;
    letter-spacing: .025em;
    padding: 12px 8px !important;
    position: relative;
    transition: color .2s;
    white-space: nowrap;
}
.main-menu .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0; left: 11px; right: 11px;
    height: 3px;
    background: var(--ason-red);   /* logo red for active indicator */
    border-radius: 3px 3px 0 0;
    transform: scaleX(0);
    transition: transform .25s;
}
.main-menu .nav-item.active .nav-link,
.main-menu .nav-link:hover { color: var(--ason-red) !important; }
.main-menu .nav-item.active .nav-link::after,
.main-menu .nav-link:hover::after { transform: scaleX(1); }

.navbar-toggler { padding: 4px 8px !important; font-size: var(--fs-base) !important; }

/* ── Hero Slider ─────────────────────────────────────────── */
#slider-area { position: relative; }

.single-slide-wrap {
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    min-height: 560px;
    display: flex;
    align-items: center;
}
.single-slide-wrap::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg,rgba(10,25,55,.82) 0%,rgba(10,25,55,.55) 55%,rgba(10,25,55,.20) 100%);
    z-index: 1;
}
.single-slide-wrap .container { position: relative; z-index: 2; }

.slider-content h2 {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 3.5vw, 2.5rem); /* hero — allowed to be larger */
    font-weight: 700;
    color: #fff;
    line-height: 1.25;
    margin-bottom: .5rem;
    text-shadow: 0 2px 12px rgba(0,0,0,.3);
}
.slider-content h3 {
    font-family: var(--font-body);
    font-size: clamp(var(--fs-md), 2vw, var(--fs-xl));
    font-weight: 400;
    color: var(--ason-gold);
    margin-bottom: 1.2rem;
}
.slider-content h3 span { border-bottom: 2px solid var(--ason-gold); padding-bottom: 2px; }
.slider-content p {
    color: rgba(255,255,255,.88);
    font-size: var(--fs-md);
    max-width: 560px;
    line-height: 1.75;
    margin-bottom: 1.8rem;
}

.btn-brand {
    background: var(--ason-red) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: var(--fs-sm) !important;
    padding: 12px 30px !important;
    border-radius: 50px !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    transition: transform .2s, box-shadow .2s, background .2s !important;
    box-shadow: 0 4px 18px rgba(236,28,36,.35) !important;
}
.btn-brand:hover {
    background: var(--ason-red-dark) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 28px rgba(236,28,36,.45) !important;
}
.btn-brand-dark {
    background: var(--ason-navy) !important;
    box-shadow: 0 4px 18px rgba(26,58,107,.35) !important;
}
.btn-brand-dark:hover { box-shadow: 0 8px 28px rgba(26,58,107,.5) !important; }

/* Slider social icons */
.social-networks-icon {
    position: absolute;
    right: 0; top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.social-networks-icon ul { list-style: none; padding: 0; margin: 0; }
.social-networks-icon li a {
    display: flex;
    align-items: center;
    background: rgba(255,255,255,.12);
    backdrop-filter: blur(6px);
    color: #fff;
    padding: 10px 14px;
    font-size: var(--fs-xs);
    font-weight: 600;
    text-decoration: none;
    border-left: 3px solid transparent;
    transition: background .2s, border-color .2s;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.social-networks-icon li a:hover { background: rgba(255,255,255,.22); border-left-color: var(--ason-gold); }
.social-networks-icon li a i     { margin-right: 8px; font-size: var(--fs-base); }

/* ── Impact Strip ────────────────────────────────────────── */
#ason-impact {
    background: var(--ason-navy);
    padding: 36px 0;
    border-bottom: 3px solid var(--ason-red);  /* red accent ties to logo */
}
.ason-stat {
    text-align: center;
    padding: 12px 24px;
    border-right: 1px solid rgba(255,255,255,.12);
}
.ason-stat:last-child { border-right: none; }
.ason-stat .stat-number {
    font-family: var(--font-heading);
    font-size: var(--fs-4xl);    /* 30px — prominent but not oversized */
    font-weight: 700;
    color: var(--ason-gold);
    display: block;
    line-height: 1;
}
.ason-stat .stat-label {
    color: rgba(255,255,255,.78);
    font-size: var(--fs-xs);
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-top: 6px;
    display: block;
}

/* ── Mission Cards ───────────────────────────────────────── */
#ason-mission {
    padding: 56px 0 60px;
    background: var(--ason-light);
    border-top: 4px solid var(--ason-red);
}
#ason-mission .section-header { text-align: center; margin-bottom: 40px; }
#ason-mission .section-header .eyebrow {
    font-size: var(--fs-xs);
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ason-teal);
    margin-bottom: 10px;
    display: block;
}
#ason-mission .section-header h2 {
    font-family: var(--font-heading);
    font-size: var(--fs-3xl);
    font-weight: 700;
    color: var(--ason-navy);
    margin: 0 auto 14px;
    max-width: 600px;
    line-height: 1.3;
}
#ason-mission .section-header p {
    font-size: var(--fs-md);
    color: var(--ason-muted);
    max-width: 620px;
    margin: 0 auto;
    line-height: 1.75;
}
.mission-card {
    background: #fff;
    border-radius: var(--ason-radius);
    padding: 36px 28px;
    height: 100%;
    box-shadow: var(--ason-shadow);
    border-top: 4px solid transparent;
    transition: transform .25s, box-shadow .25s, border-color .25s;
}
.mission-card:hover { transform: translateY(-6px); box-shadow: var(--ason-shadow-lg); border-top-color: var(--ason-gold); }
.mission-card .card-icon {
    width: 52px; height: 52px;
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    font-size: var(--fs-xl);
    margin-bottom: 18px;
    background: rgba(14,116,179,.10);
    color: var(--ason-blue);
}
.mission-card h4 {
    font-family: var(--font-heading);
    font-size: var(--fs-lg);
    font-weight: 700;
    color: var(--ason-navy);
    margin-bottom: 8px;
}
.mission-card p {
    color: var(--ason-muted);
    font-size: var(--fs-base);
    line-height: 1.7;
    margin: 0;
}

/* ── Upcoming Event ──────────────────────────────────────── */
#upcoming-area {
    padding: 56px 0 60px;
    background: #fff;
    border-top: 4px solid var(--ason-red);
}
.upcoming-event-wrap {
    background: var(--ason-navy);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--ason-shadow-lg);
}
.up-event-titile {
    padding: 18px 36px;
    background: rgba(255,255,255,.06);
    border-bottom: 1px solid rgba(255,255,255,.10);
}
.up-event-titile h3 {
    font-family: var(--font-body);
    color: var(--ason-gold);
    font-size: var(--fs-xs);
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0;
}
.up-event-titile h3::before {
    content: '';
    display: inline-block;
    width: 18px; height: 2px;
    background: var(--ason-gold);
    vertical-align: middle;
    margin-right: 10px;
    border-radius: 2px;
}
.single-upcoming-event { padding: 0; }
.up-event-thumb { position: relative; height: 100%; min-height: 280px; }
.up-event-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.up-event-date {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,.72));
    color: #fff;
    font-size: var(--fs-sm);
    font-weight: 600;
    padding: 28px 18px 14px;
    margin: 0;
    letter-spacing: .04em;
}
.up-event-text { padding: 32px 36px; }
.event-countdown { margin-bottom: 20px; }
.event-countdown p {
    color: rgba(255,255,255,.55);
    font-size: var(--fs-xs);
    letter-spacing: .1em;
    text-transform: uppercase;
    margin: 4px 0 0;
}
.up-event-text h1 {
    font-family: var(--font-heading);
    font-size: clamp(var(--fs-xl), 2vw, var(--fs-3xl));
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 24px;
}
.up-event-text h1 a  { color: #fff !important; text-decoration: none; }
.up-event-text h1 a:hover { color: var(--ason-gold) !important; }

/* ── President's Message ─────────────────────────────────── */
#about-area {
    padding: 56px 0 60px;
    background: var(--ason-light);
    border-top: 4px solid var(--ason-red);
}
#about-area .about-area-wrapper { position: relative; }
#about-area .about-area-wrapper::before { display: none !important; }

.president-card {
    background: transparent;
    border-radius: 16px;
    box-shadow: var(--ason-shadow-lg);
    overflow: hidden;            /* default: clip on mobile stacked view */
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px) {
    .president-card {
        flex-direction: row;
        align-items: flex-start; /* photo stays its own fixed height; text flows freely */
        overflow: visible;        /* let child handle its own radius clipping */
    }
    .president-photo-col {
        border-radius: 16px 0 0 16px;
    }
    .president-content-col {
        border-radius: 0 16px 16px 0;
        box-shadow: none;
    }
}

.president-photo-col {
    flex: 0 0 420px;          /* wider photo column */
    position: relative;
    height: 600px;             /* taller so more of the photo shows */
    background: var(--ason-navy);
    overflow: hidden;
}
.president-photo-col img {
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: center 20%;  /* face centred, ~20% from top */
    display: block;
    position: absolute;
    inset: 0;
}
.president-photo-badge {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    background: linear-gradient(transparent, rgba(10,25,55,.88));
    padding: 40px 20px 20px;
    text-align: center;
    color: #fff;
}
.president-photo-badge .badge-title {
    display: block;
    font-size: var(--fs-xs);
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--ason-gold);
    margin-bottom: 4px;
}
.president-content-col { flex: 1; padding: 40px 36px; }
.president-content-col .eyebrow {
    font-size: var(--fs-xs);
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ason-teal);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.president-content-col .eyebrow::before {
    content: '';
    display: inline-block;
    width: 24px; height: 2px;
    background: var(--ason-teal);
    border-radius: 2px;
}
.president-content-col h2 {
    font-family: var(--font-heading);
    font-size: clamp(var(--fs-2xl), 2vw, var(--fs-3xl));
    font-weight: 700;
    color: var(--ason-navy);
    margin-bottom: 16px;
    line-height: 1.3;
}
.president-content-col .message-body { color: var(--ason-muted); font-size: var(--fs-md); line-height: 1.8; }
.president-content-col .message-body p { margin-bottom: 1rem; }
.president-content-col blockquote {
    border-left: 4px solid var(--ason-gold);
    padding: 16px 20px 16px 20px;
    margin: 20px 0 0;
    background: rgba(201,168,76,.07);
    border-radius: 0 var(--ason-radius) var(--ason-radius) 0;
    font-style: italic;
    color: var(--ason-navy);
    font-size: var(--fs-md);
    line-height: 1.7;
    overflow: hidden;       /* prevent any float artefacts */
    display: block;
}
/* Kill Bootstrap/theme ::before and ::after artefacts on blockquote */
.president-content-col blockquote::before,
.president-content-col blockquote::after {
    content: none !important;
    display: none !important;
}

/* ── Footer ──────────────────────────────────────────────── */
#footer-area {
    background: #0d1f3c !important;
    border-top: 4px solid var(--ason-red);
}
.footer-widget { padding: 64px 0 48px !important; }
.footer-about img { max-height: 52px; margin-bottom: 18px; filter: brightness(0) invert(1); opacity: .9; }
.footer-about p   { color: rgba(255,255,255,.65); font-size: var(--fs-base); line-height: 1.75; margin-bottom: 14px; }
.footer-about a   { color: rgba(255,255,255,.65) !important; font-size: var(--fs-base); display: block; margin-bottom: 6px; text-decoration: none !important; transition: color .2s; }
.footer-about a:hover { color: var(--ason-gold) !important; }

.widget-title {
    font-family: var(--font-body) !important;    /* body font — more readable at small size */
    color: rgba(255,255,255,.9) !important;
    font-size: var(--fs-xs) !important;          /* 12px — tight label */
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    margin-bottom: 16px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid var(--ason-gold) !important;
    display: block !important;                   /* full-width so border stretches */
}

.footer-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.footer-list li { margin-bottom: 8px; }
.footer-list li a {
    color: rgba(255,255,255,.65) !important;     /* !important beats Bootstrap's a{color:#007bff} */
    font-size: var(--fs-base) !important;
    text-decoration: none !important;
    transition: color .2s, padding-left .2s;
    display: flex !important;
    align-items: center;
    gap: 8px;
    line-height: 1.5;
}
.footer-list li a i {
    color: var(--ason-gold) !important;
    font-size: var(--fs-xs) !important;          /* 12px — icon stays small */
    flex-shrink: 0;
}
.footer-list li a:hover { color: var(--ason-gold) !important; padding-left: 4px; }

.footer-newsletter-intro {
    color: rgba(255,255,255,.55);
    font-size: var(--fs-base);
    margin-bottom: 12px;
    line-height: 1.6;
}

/* Newsletter form — all !important to beat Bootstrap form defaults */
.newsletter-form { margin-top: 4px; }
.newsletter-form .row { margin-left: -6px; margin-right: -6px; }
.newsletter-form .col-lg-5, .newsletter-form .col-md-5,
.newsletter-form .col-lg-2, .newsletter-form .col-md-2 {
    padding-left: 6px;
    padding-right: 6px;
}
.newsletter-form input {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 6px !important;
    color: #fff !important;
    font-size: var(--fs-base) !important;
    font-family: var(--font-body) !important;
    padding: 9px 12px !important;
    width: 100% !important;
    margin-bottom: 8px;
    outline: none !important;
    box-shadow: none !important;
    appearance: none;
}
.newsletter-form input::placeholder { color: rgba(255,255,255,.35) !important; font-size: var(--fs-base); }
.newsletter-form input:focus {
    border-color: var(--ason-gold) !important;
    background: rgba(255,255,255,.12) !important;
    box-shadow: none !important;
}
.newsletter-form button {
    background: var(--ason-gold) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 6px !important;
    padding: 9px 14px !important;
    cursor: pointer;
    transition: background .2s !important;
    width: 100% !important;
    font-size: var(--fs-base) !important;
    font-weight: 600 !important;
    outline: none !important;
}
.newsletter-form button:hover { background: var(--ason-red) !important; }
.footer-social-icons { margin-top: 20px; display: flex; gap: 14px; }
.footer-social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px; height: 38px;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.75) !important;
    font-size: var(--fs-lg) !important;
    text-decoration: none;
    transition: background .2s, color .2s, transform .2s;
    border: 1px solid rgba(255,255,255,.12);
}
.footer-social-icons a:hover { background: var(--ason-gold); color: #fff !important; transform: translateY(-3px); border-color: var(--ason-gold); }
.footer-bottom { background: rgba(0,0,0,.25) !important; border-top: 1px solid rgba(255,255,255,.07); padding: 18px 0 !important; }
.footer-bottom-text p { color: rgba(255,255,255,.45); font-size: var(--fs-sm); margin: 0; letter-spacing: .02em; }

/* ── Scroll-top button ───────────────────────────────────── */
.scroll-top {
    position: fixed !important;
    bottom: 28px !important;
    right: 28px !important;
    z-index: 9999 !important;
    background: var(--ason-navy) !important;
    border-radius: 50% !important;
    width: 44px !important; height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: var(--ason-shadow-lg) !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: var(--fs-lg) !important;
    transition: background .2s, transform .2s !important;
}
.scroll-top:hover { background: var(--ason-red) !important; transform: translateY(-3px); color: #fff !important; }

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 991px) {
    .ason-stat { border-right: none; border-bottom: 1px solid rgba(255,255,255,.10); padding: 18px 12px; }
    .ason-stat:last-child { border-bottom: none; }
    .president-photo-col { flex: 0 0 100%; height: 360px; border-radius: 0; }
    .president-content-col { padding: 32px 28px; }
    .single-slide-wrap { min-height: 420px; }
    .up-event-text { padding: 24px; }
    .main-menu .navbar-nav { padding: 12px 0; }
    .main-menu .nav-link { padding: 12px 20px !important; border-bottom: 1px solid rgba(26,58,107,.06); }
    .main-menu .nav-link::after { display: none; }
    .header-bottom-area { position: sticky; top: 0; }
}
@media (max-width: 767px) {
    .social-networks-icon { display: none; }
    .slider-content h2 { font-size: clamp(1.25rem, 6vw, 1.6rem); }
    #ason-mission, #upcoming-area, #about-area { padding: 40px 0 44px; }
    .mission-card { padding: 24px 20px; }
    .president-content-col { padding: 24px 20px; }
    .ason-stat .stat-number { font-size: var(--fs-3xl); }
    #footer-area .col-lg-4,
    #footer-area .col-lg-3,
    #footer-area .col-lg-5 { margin-bottom: 32px; }
}