/* ─── Design Token System ─────────────────────────────── */
:root {
    --ink:       #0f1117;
    --ink-soft:  #3a3d47;
    --muted:     #717589;
    --rule:      #e4e6ed;
    --surface:   #f5f6fa;
    --white:     #ffffff;
    --accent:    #1c5fdb;      /* Sapphire blue — authority + learning */
    --accent-lt: #dce8ff;
    --gold:      #c8982a;      /* warm gold for highlights */
    --teal:      #0e9e8e;      /* ESL / teacher green-teal */
    --teal-lt:   #d6f4f1;
    --radius:    10px;
    --bs-gutter-x: 1.5rem;
    --shadow:    0 4px 24px rgba(15,17,23,.08);
    --shadow-lg: 0 12px 48px rgba(15,17,23,.14);
    --font-head: 'DM Sans', sans-serif;
    --font-body: 'DM Sans', sans-serif;
}

/* ─── Reset ───────────────────────────────────────────── */

html { scroll-behavior: smooth; overflow-x: hidden; }



/* ─── Skip Link ───────────────────────────────────────── */



/* ─── Two-Tier Header ─────────────────────────────────── */

.logo {
    font-family: var(--font-head); font-size: 1.35rem; font-weight: 900;
    color: var(--ink) !important; white-space: nowrap;
    text-decoration: none; flex-shrink: 0; margin-right: auto;
}
.logo span { color: var(--accent); }

/* Header CTA */



/* ── Tier 2: nav strip ─────────────────────────────────── */


/* The Bootstrap navbar sits inside .header-nav and is constrained to
   the same max-width as the rest of the page layout. */


/* Let the nav item list wrap rather than overflow */


/* Nav links */




/* Thin accent rule under the active link */


/* Hamburger toggler */
.header-nav .navbar-toggler {
    border: 1.5px solid var(--rule);
    border-radius: 7px; padding: 5px 9px;
    margin-left: auto;
}





/* ── Mobile: below 768px ──────────────────────────────── */
@media (max-width: 767.98px) {
    /* Mobile nav extras in hamburger menu */
    .mobile-nav-extras {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 16px 0 12px;
    }
    .mobile-nav-extras .header-search,
    .mobile-nav-extras .header-search.mobile {
        display: flex !important;
        max-width: 100%;
        margin: 0;
        width: 100%;
    }
}
@media (min-width: 768px) {
    .mobile-nav-extras { display: none; }
}

/* Hide the mobile-only search bar on desktop */


/* ─── Hero ────────────────────────────────────────────── */


/* Decorative large letter — fully contained within hero */

.hero-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.btn-hero-primary {
    background: var(--gold); color: #fff; font-weight: 700; font-size: .92rem;
    padding: 13px 28px; border-radius: 9px;
    transition: background .15s, transform .12s, box-shadow .15s;
    display: inline-flex; align-items: center; gap: 8px;
    box-shadow: 0 4px 20px rgba(200,152,42,.35);
}
    .btn-hero-primary:hover { background: #b07e1e; transform: translateY(-2px); }
.btn-hero-secondary {
    background: transparent; color: rgba(255,255,255,.82); font-weight: 500; font-size: .92rem;
    padding: 12px 22px; border-radius: 9px; border: 1.5px solid rgba(255,255,255,.2);
    transition: background .15s, border-color .15s;
    display: inline-flex; align-items: center; gap: 8px;
}
.btn-hero-secondary:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.4); }
.hero-cta-note { margin-top: 14px; font-size: .74rem; color: rgba(255,255,255,.3); letter-spacing: .02em; }

        /* Audience Switcher Card */
        .hero-card {
            background: rgba(255,255,255,.1); backdrop-filter: blur(16px);
            border: 1px solid rgba(255,255,255,.18); border-radius: 16px;
            padding: 32px; flex-shrink: 0;
        }
        .hero-card h2 { font-size: 1rem; font-weight: 600; margin-bottom: 18px; color: rgba(255,255,255,.85); letter-spacing: .02em; }
        .audience-tabs { display: flex; gap: 8px; margin-bottom: 20px; }
        .audience-tab {
            flex: 1; padding: 9px 0; text-align: center; border-radius: 7px;
            font-size: .82rem; font-weight: 600; cursor: pointer;
            transition: background .15s, color .15s;
            border: 1.5px solid rgba(255,255,255,.2); color: rgba(255,255,255,.65);
        }
        .audience-tab.active { background: var(--gold); border-color: var(--gold); color: #fff; }
        .audience-links { display: flex; flex-direction: column; gap: 10px; }
        .audience-link {
            display: flex; align-items: center; gap: 10px;
            background: rgba(255,255,255,.08); border-radius: 8px;
            padding: 11px 14px; font-size: .88rem; color: rgba(255,255,255,.88);
            transition: background .15s; border: 1px solid rgba(255,255,255,.08);
        }
        .audience-link:hover { background: rgba(255,255,255,.16); }
        .audience-link .audience-icon { font-size: 1.1rem; flex-shrink: 0; }
        .audience-link .lbl { font-weight: 500; }
        .audience-link .arr { margin-left: auto; opacity: .5; }

        /* Trust bar */
        .trust-bar {
            background: var(--ink); color: rgba(255,255,255,.6);
            padding: 14px 0; width: 100%;
        }
        .trust-bar-inner { display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: wrap; }
        .trust-item { display: flex; align-items: center; gap: 10px; font-size: .82rem; }
        .trust-item strong { color: #fff; font-size: 1.1rem; }

        /* ─── Level Tests ─────────────────────────────────────── */
        .level-test-section { background: var(--white); }
        .level-test-grid {
            display: grid; grid-template-columns: repeat(3, 1fr);
            gap: 24px; margin-top: 48px;
        }
        .level-test-card {
            border-radius: 14px; padding: 32px 28px;
            display: flex; flex-direction: column; gap: 10px;
            text-decoration: none; color: inherit;
            border: 2px solid transparent;
            transition: transform .2s, box-shadow .2s, border-color .2s;
            position: relative; overflow: hidden;
        }
        .level-test-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }

        .level-test-card--beginner  { background: linear-gradient(145deg, #e8f4e8, #d0ead0); }
        .level-test-card--beginner:hover  { border-color: #5aaa5a; }
        .level-test-card--intermediate { background: linear-gradient(145deg, #fff8e6, #fdefc8); }
        .level-test-card--intermediate:hover { border-color: var(--gold); }
        .level-test-card--advanced  { background: linear-gradient(145deg, #e8eeff, #ccd5ff); }
        .level-test-card--advanced:hover  { border-color: var(--accent); }

        .level-test-badge {
            display: inline-flex; align-self: flex-start;
            font-size: .68rem; font-weight: 800; letter-spacing: .1em;
            text-transform: uppercase; padding: 3px 10px; border-radius: 99px;
        }
        .level-test-card--beginner  .level-test-badge { background: #5aaa5a; color: #fff; }
        .level-test-card--intermediate .level-test-badge { background: var(--gold); color: #fff; }
        .level-test-card--advanced  .level-test-badge { background: var(--accent); color: #fff; }

        .level-test-label {
            font-size: .78rem; font-weight: 700; color: var(--muted);
            letter-spacing: .06em; text-transform: uppercase;
        }
        .level-test-card h3 {
            font-family: var(--font-head); font-size: 1.2rem; font-weight: 700;
            color: var(--ink); line-height: 1.2; margin: 0;
        }
        .level-test-card p {
            font-size: .85rem; color: var(--ink-soft); line-height: 1.65;
            flex: 1; margin: 0;
        }
        .level-test-meta {
            display: flex; align-items: center; gap: 8px;
            font-size: .74rem; color: var(--muted); font-weight: 600;
            margin-top: 4px;
        }
        .level-test-cta {
            font-size: .85rem; font-weight: 700; margin-top: 6px;
            transition: gap .15s;
        }
        .level-test-card--beginner  .level-test-cta { color: #3d7a3d; }
        .level-test-card--intermediate .level-test-cta { color: #8a6010; }
        .level-test-card--advanced  .level-test-cta { color: var(--accent); }
        .level-test-card:hover .level-test-cta { text-decoration: underline; }

        @media (max-width: 900px) {
            .level-test-grid { grid-template-columns: 1fr; }
        }

        /* ─── Latest Content ──────────────────────────────────── */
        .latest-section { background: var(--surface); }
        .latest-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 40px; }
        .latest-item {
            background: var(--white); border: 1px solid var(--rule); border-radius: 10px;
            padding: 20px 22px; display: flex; align-items: flex-start; gap: 16px;
            transition: box-shadow .15s, border-color .15s;
        }
        .latest-item:hover { box-shadow: var(--shadow); border-color: var(--accent); }
        .latest-cat {
            flex-shrink: 0; width: 44px; height: 44px; border-radius: 9px;
            display: flex; align-items: center; justify-content: center; font-size: 1.3rem;
        }
        .latest-cat.lesson  { background: var(--accent-lt); text-align: center;}
        .latest-cat.article { background: var(--teal-lt);  text-align: center; }
        .latest-info .meta { font-size: .75rem; color: var(--muted); font-weight: 600; text-transform: uppercase; letter-spacing: .06em; }
        .latest-info h4 { font-size: .95rem; font-weight: 600; margin: 3px 0 5px; line-height: 1.4; }
        .latest-info .detail { font-size: .8rem; color: var(--muted); }
        .see-all { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: .9rem; color: var(--accent); margin-top: 28px; }
        .see-all:hover { gap: 12px; }

        /* ─── Quizzes Banner ──────────────────────────────────── */
        .quiz-banner {
            background: linear-gradient(135deg, #0a1a38 0%, #1a3a7a 100%);
            border-radius: 16px; padding: 56px 64px;
            display: grid; grid-template-columns: 1fr auto; gap: 48px; align-items: start;
            color: #fff; position: relative; overflow: hidden;
        }
        .quiz-banner::before {
            content: '?';
            position: absolute; right: -10px; top: -40px;
            font-family: var(--font-head); font-size: 26rem; font-weight: 900; line-height: 1;
            color: rgba(255,255,255,.04); pointer-events: none;
        }
        .quiz-banner h2 {
            font-family: var(--font-head); font-size: 2rem; font-weight: 700;
            margin-bottom: 12px; line-height: 1.2;
        }
        .quiz-banner > div > p {
            color: rgba(255,255,255,.7); font-size: .95rem; line-height: 1.7;
            margin-bottom: 24px; max-width: 540px;
        }
        .quiz-cats { display: flex; flex-wrap: wrap; gap: 8px; }
        .quiz-cat {
            border: 1px solid rgba(255,255,255,.22); border-radius: 99px;
            padding: 5px 14px; font-size: .78rem; font-weight: 600; color: rgba(255,255,255,.7);
            transition: border-color .15s, color .15s, background .15s; white-space: nowrap;
        }
        .quiz-cat:hover { border-color: var(--gold); color: var(--gold); background: rgba(200,152,42,.08); }
        .quiz-stats {
            display: flex; flex-direction: column; gap: 14px; flex-shrink: 0; min-width: 190px;
        }
        .quiz-stat-card {
            background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.15);
            border-radius: 12px; padding: 18px 22px; text-align: center; backdrop-filter: blur(6px);
        }
        .quiz-stat-card .val {
            font-family: var(--font-head); font-size: 2rem; font-weight: 900; color: #fff; line-height: 1;
        }
        .quiz-stat-card .lbl {
            font-size: .74rem; color: rgba(255,255,255,.55); margin-top: 5px; line-height: 1.4;
        }
        .btn-gold {
            display: inline-flex; align-items: center; gap: 8px;
            background: var(--gold); color: #fff; font-weight: 700; font-size: .92rem;
            padding: 13px 28px; border-radius: 9px; transition: background .15s, transform .1s, box-shadow .15s;
            white-space: nowrap; box-shadow: 0 4px 20px rgba(200,152,42,.35); text-decoration: none;
        }
        .btn-gold:hover { background: #b07e1e; transform: translateY(-2px); box-shadow: 0 6px 28px rgba(200,152,42,.45); }
        @media (max-width: 767.98px) {
            .quiz-banner { grid-template-columns: 1fr; padding: 36px 28px; }
            .quiz-banner::before { display: none; }
            .quiz-stats { flex-direction: row; min-width: 0; }
            .quiz-stat-card { flex: 1; padding: 14px 10px; }
            .quiz-stat-card .val { font-size: 1.5rem; }
        }

        /* ─── Community / Forum Section ──────────────────────── */
        .forum-section { background: var(--surface); }
        .forum-layout {
            display: grid; grid-template-columns: 1fr 320px; gap: 40px;
            align-items: start; margin-top: 48px;
        }

        /* Category cards grid */
        .forum-cats { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
        .forum-cat-card {
            background: var(--white); border: 1px solid var(--rule); border-radius: 12px;
            padding: 20px 22px; display: flex; flex-direction: column; gap: 6px;
            transition: border-color .2s, box-shadow .2s, transform .2s;
            text-decoration: none; color: inherit;
        }
        .forum-cat-card:hover {
            border-color: var(--accent); box-shadow: var(--shadow); transform: translateY(-2px);
        }
        .forum-cat-icon { font-size: 1.6rem; line-height: 1; margin-bottom: 4px; }
        .forum-cat-name {
            font-family: var(--font-head); font-weight: 700; font-size: .95rem; color: var(--ink);
        }
        .forum-cat-desc { font-size: .8rem; color: var(--muted); line-height: 1.5; }
        .forum-cat-count {
            margin-top: 8px; font-size: .72rem; font-weight: 700;
            color: var(--accent); letter-spacing: .04em; text-transform: uppercase;
        }
        /* Featured variant — Ask a Teacher card */
        .forum-cat-card--featured {
            border-color: var(--accent);
            background: linear-gradient(160deg, var(--white) 60%, var(--accent-lt));
        }
        .forum-cat-card--featured:hover {
            border-color: var(--accent); box-shadow: 0 4px 20px rgba(28,95,219,.15); transform: translateY(-2px);
        }
        .btn-ask-teacher {
            display: inline-flex; align-items: center; gap: 7px;
            margin-top: 14px; padding: 9px 16px; border-radius: 8px;
            background: var(--accent); color: #fff;
            font-size: .82rem; font-weight: 700;
            text-decoration: none; transition: background .15s, transform .1s;
            align-self: flex-start;
        }
        .btn-ask-teacher:hover { background: #1449b8; transform: translateY(-1px); }

        /* Right panel */
        .forum-panel {
            background: var(--white); border: 1px solid var(--rule); border-radius: 14px;
            padding: 28px; display: flex; flex-direction: column; gap: 0;
            box-shadow: var(--shadow);
        }
        .forum-panel-heading {
            font-family: var(--font-head); font-size: 1.1rem; font-weight: 700;
            color: var(--ink); margin-bottom: 18px;
        }
        .forum-panel-stats { display: flex; flex-direction: column; gap: 0; }
        .forum-panel-stat {
            display: flex; justify-content: space-between; align-items: center;
            padding: 11px 0; border-bottom: 1px solid var(--rule);
        }
        .forum-panel-stat:last-child { border-bottom: none; }
        .forum-panel-stat .stat-label { font-size: .85rem; color: var(--muted); }
        .forum-panel-stat .stat-val {
            font-family: var(--font-head); font-weight: 700; font-size: .95rem; color: var(--ink);
        }
        .forum-panel-divider { height: 1px; background: var(--rule); margin: 20px 0; }
        .forum-panel-prompt {
            font-size: .85rem; color: var(--muted); line-height: 1.6; margin-bottom: 16px;
        }
        .btn-forum-primary {
            display: flex; align-items: center; justify-content: center; gap: 8px;
            background: var(--accent); color: #fff; font-weight: 700; font-size: .88rem;
            padding: 11px 20px; border-radius: 8px; transition: background .15s;
            text-decoration: none; text-align: center;
        }
        .btn-forum-primary:hover { background: #1449b8; }
        .btn-forum-secondary {
            display: flex; align-items: center; justify-content: center; gap: 8px;
            background: transparent; color: var(--accent); font-weight: 600; font-size: .85rem;
            padding: 10px 20px; border-radius: 8px; border: 1.5px solid var(--accent);
            transition: background .15s; text-decoration: none; margin-top: 10px;
        }
        .btn-forum-secondary:hover { background: var(--accent-lt); }

        @media (max-width: 900px) {
            .forum-layout { grid-template-columns: 1fr; }
            .forum-panel { order: -1; }
        }
        @media (max-width: 600px) {
            .forum-cats { grid-template-columns: 1fr; }
        }

        /* ─── About Section ───────────────────────────────────── */
        .about-blurb {
            background: linear-gradient(135deg, #091428 0%, #0f2456 100%);
            padding: 64px 0; position: relative; overflow: hidden;
        }
        .about-blurb::before {
            content: '"';
            position: absolute; left: -20px; top: -60px;
            font-family: var(--font-head); font-size: 28rem; font-weight: 900; line-height: 1;
            color: rgba(255,255,255,.03); pointer-events: none; user-select: none;
        }
        .about-blurb-inner {
            display: grid; grid-template-columns: 1fr auto;
            gap: 48px; align-items: center;
        }
        .about-blurb-year {
            font-size: .72rem; font-weight: 800; letter-spacing: .14em;
            text-transform: uppercase; color: var(--gold);
            margin-bottom: 14px; display: flex; align-items: center; gap: 10px;
        }
        .about-blurb-year::after {
            content: ''; flex: 1; height: 1px;
            background: linear-gradient(90deg, rgba(200,152,42,.4), transparent);
            max-width: 80px;
        }
        .about-blurb h2 {
            font-family: var(--font-head); font-size: 1.6rem; font-weight: 800;
            color: #fff; line-height: 1.2; margin-bottom: 16px;
        }
        .about-blurb p {
            font-size: .9rem; color: rgba(255,255,255,.55); line-height: 1.8;
            max-width: 620px; margin: 0;
        }
        .about-blurb-cta {
            display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0;
            padding: 12px 24px; border-radius: 9px;
            border: 1.5px solid rgba(255,255,255,.2); color: rgba(255,255,255,.8);
            font-size: .88rem; font-weight: 600; text-decoration: none;
            transition: border-color .2s, color .2s, background .2s;
            white-space: nowrap;
        }
        .about-blurb-cta:hover {
            border-color: var(--gold); color: var(--gold); background: rgba(200,152,42,.06);
        }
        @media (max-width: 767.98px) {
            .about-blurb-inner { grid-template-columns: 1fr; }
            .about-blurb-cta { align-self: flex-start; }
            .about-blurb::before { display: none; }
        }

        /* ─── Membership CTA ──────────────────────────────────── */
        .membership-section { background: var(--accent); color: #fff; padding: 80px 0; width: 100%; }
        .membership-inner { display: grid; grid-template-columns: 1fr 340px; gap: 64px; align-items: center; }
        .membership-inner h2 { font-family: var(--font-head); font-size: 2.4rem; font-weight: 900; margin-bottom: 14px; }
        .membership-inner p { font-size: 1rem; color: rgba(255,255,255,.8); line-height: 1.7; }
        .perks { display: flex; flex-direction: column; gap: 10px; margin-top: 28px; }
        .perk { display: flex; align-items: center; gap: 12px; font-size: .9rem; }
        .perk::before { content: '✓'; font-weight: 900; color: var(--gold); font-size: 1rem; flex-shrink: 0; }
        .membership-card {
            background: rgba(255,255,255,.15); backdrop-filter: blur(12px);
            border: 1px solid rgba(255,255,255,.25); border-radius: 16px; padding: 36px;
        }
        .price-row { display: flex; align-items: baseline; gap: 6px; margin-bottom: 20px; }
        .price { font-family: var(--font-head); font-size: 3rem; font-weight: 900; }
        .price-period { font-size: .9rem; color: rgba(255,255,255,.65); }
        .btn-join {
            display: block; text-align: center; background: var(--gold); color: #fff;
            font-weight: 700; font-size: 1rem; padding: 14px 0; border-radius: 9px;
            transition: background .15s, transform .1s;
        }
        .btn-join:hover { background: #b07e1e; transform: translateY(-2px); }
        .membership-note { text-align: center; font-size: .78rem; color: rgba(255,255,255,.55); margin-top: 12px; }

        /* ─── Footer ──────────────────────────────────────────── */
        footer {
            background: var(--ink); color: rgba(255,255,255,.55);
            padding: 64px 0 32px; width: 100%;
        }
        .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 56px; }
        .footer-brand .footer-logo { font-size: 1.4rem; color: #fff; margin-bottom: 14px; display: block; }
        .footer-brand p { font-size: .85rem; line-height: 1.7; max-width: 260px; }
        .footer-col h4 { color: #fff; font-size: .82rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 16px; }
        .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 9px; }
        .footer-col a { font-size: .85rem; transition: color .15s; }
        .footer-col a:hover { color: #fff; }
        .footer-bottom {
            border-top: 1px solid rgba(255,255,255,.1); padding-top: 28px;
            display: flex; align-items: center; justify-content: space-between; font-size: .8rem;
            flex-wrap: wrap; gap: 12px;
        }
        .footer-bottom-links { display: flex; gap: 20px; }
        .footer-bottom-links a:hover { color: #fff; }

        /* ─── Breadcrumb ──────────────────────────────────────── */
        /* (present on inner pages; homepage shows none) */

        /* ─── Mobile ──────────────────────────────────────────── */
        @media (max-width: 900px) {
            /* Nav is now handled by Bootstrap — no manual hide needed */
            .hero-inner { grid-template-columns: 1fr; }
            .hero-card { display: none; }
            .hero::after { display: none; }
            .split-grid, .resource-grid, .tools-row, .latest-grid, .forum-grid { grid-template-columns: 1fr; }
            .exams-banner { grid-template-columns: 1fr; padding: 40px 32px; }
            .exams-banner::before { display: none; }
            .membership-inner { grid-template-columns: 1fr; }
            .footer-grid { grid-template-columns: 1fr 1fr; }
        }
        @media (max-width: 600px) {
            .hero { padding: 56px 0 52px; }
            .hero h1 { font-size: 2rem; }
            .trust-bar-inner { gap: 20px; }
            .footer-grid { grid-template-columns: 1fr; }
            .footer-bottom { flex-direction: column; align-items: flex-start; }
        }

        /* ─── Fade-in Animation ───────────────────────────────── */
        @keyframes fadeUp {
            from { opacity: 0; transform: translateY(22px); }
            to   { opacity: 1; transform: translateY(0); }
        }
        .hero-eyebrow { animation: fadeUp .5s ease both; }
        .hero h1      { animation: fadeUp .55s .1s ease both; }
        .hero-sub     { animation: fadeUp .55s .2s ease both; }
        .hero-actions { animation: fadeUp .55s .3s ease both; }
        .hero-card    { animation: fadeUp .55s .4s ease both; }

        /* ─── Icons ──────────────────────────────────────── */
        /* (for what's new) */
        .icon {
            display:inline-block;
            width:2rem;
            float: left;
            margin: 0 auto;
        }
        .icon::before {
            content:"";
            display:block;
            padding-top:100%;
        }
        .document {background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-file-earmark-text" viewBox="0 0 16 16"><path d="M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/><path d="M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5L9.5 0zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z"/></svg>') 0 0/contain no-repeat;}
        .pdf {background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="0.86em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1536 1792"><path d="M1468 380q28 28 48 76t20 88v1152q0 40-28 68t-68 28H96q-40 0-68-28t-28-68V96q0-40 28-68T96 0h896q40 0 88 20t76 48zm-444-244v376h376q-10-29-22-41l-313-313q-12-12-41-22zm384 1528V640H992q-40 0-68-28t-28-68V128H128v1536h1280zm-514-593q33 26 84 56q59-7 117-7q147 0 177 49q16 22 2 52q0 1-1 2l-2 2v1q-6 38-71 38q-48 0-115-20t-130-53q-221 24-392 83q-153 262-242 262q-15 0-28-7l-24-12q-1-1-6-5q-10-10-6-36q9-40 56-91.5t132-96.5q14-9 23 6q2 2 2 4q52-85 107-197q68-136 104-262q-24-82-30.5-159.5T657 552q11-40 42-40h22q23 0 35 15q18 21 9 68q-2 6-4 8q1 3 1 8v30q-2 123-14 192q55 164 146 238zm-576 411q52-24 137-158q-51 40-87.5 84t-49.5 74zm398-920q-15 42-2 132q1-7 7-44q0-3 7-43q1-4 4-8q-1-1-1-2q-1-2-1-3q-1-22-13-36q0 1-1 2v2zm-124 661q135-54 284-81q-2-1-13-9.5t-16-13.5q-76-67-127-176q-27 86-83 197q-30 56-45 83zm646-16q-24-24-140-24q76 28 124 28q14 0 18-1q0-1-2-3z"/></svg>') 0 0/contain no-repeat;}
        .locked {background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z"/></svg>') 0 0/contain no-repeat;}

        .small {
            font-size: .875em
        }

        .row {
            --bs-gutter-x: 1.5rem;
            --bs-gutter-y: 0;
            display: flex;
            flex-wrap: wrap;
            margin-top: calc(-1 * var(--bs-gutter-y));
            margin-right: calc(-.5 * var(--bs-gutter-x));
            margin-left: calc(-.5 * var(--bs-gutter-x))
        }

        .row > * {
            flex-shrink: 0;
            width: 100%;
            max-width: 100%;
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5);
            margin-top: var(--bs-gutter-y)
        }

        .col-12 {
            flex: 0 0 auto;
            width: 91.66666667%
        }

        .col-12 {
            width: 100%
        }

        @media (min-width: 576px) {
            .col-sm-4 {
                flex: 0 0 auto;
                width: 25%
            }

            .col-sm-4 {
                width: 33.33333333%
            }

            .col-sm-6 {
                flex: 0 0 auto;
                width: 41.66666667%
            }

            .col-sm-6 {
                width: 50%
            }
        }

        @media (min-width: 768px) {
            .col-md-4 {
                flex: 0 0 auto;
                width: 25%
            }

            .col-md-4 {
                width: 33.33333333%
            }

            .col-md-6 {
                flex: 0 0 auto;
                width: 41.66666667%
            }

            .col-md-6 {
                width: 50%
            }
        }

        .collapse:not(.show) {
            display: none
        }

        .collapsing {
            height: 0;
            overflow: hidden;
            transition: height .35s ease
        }

        @media (prefers-reduced-motion: reduce) {
            .collapsing {
                transition: none
            }
        }

        .dropdown {
            position: relative
        }

        .dropdown-toggle {
            white-space: nowrap
        }

        .dropdown-toggle::after {
            display: inline-block;
            margin-left: .255em;
            vertical-align: .255em;
            content: "";
            border-top: .3em solid;
            border-right: .3em solid transparent;
            border-bottom: 0;
            border-left: .3em solid transparent
        }

        .dropdown-toggle:empty::after {
            margin-left: 0
        }

        .dropdown-menu {
            --bs-dropdown-zindex: 1000;
            --bs-dropdown-min-width: 10rem;
            --bs-dropdown-padding-x: 0;
            --bs-dropdown-padding-y: 0.5rem;
            --bs-dropdown-spacer: 0.125rem;
            --bs-dropdown-font-size: 1rem;
            --bs-dropdown-color: #000000;
            --bs-dropdown-bg: #fff;
            --bs-dropdown-border-color: var(--bs-border-color-translucent);
            --bs-dropdown-border-radius: 0.375rem;
            --bs-dropdown-border-width: 1px;
            --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
            --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
            --bs-dropdown-divider-margin-y: 0.5rem;
            --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
            --bs-dropdown-link-color: #212529;
            --bs-dropdown-link-hover-color: #1e2125;
            --bs-dropdown-link-hover-bg: #e9ecef;
            --bs-dropdown-link-active-color: #fff;
            --bs-dropdown-link-active-bg: #0d6efd;
            --bs-dropdown-link-disabled-color: #adb5bd;
            --bs-dropdown-item-padding-x: 1rem;
            --bs-dropdown-item-padding-y: 0.25rem;
            --bs-dropdown-header-color: #6c757d;
            --bs-dropdown-header-padding-x: 1rem;
            --bs-dropdown-header-padding-y: 0.5rem;
            position: absolute;
            z-index: var(--bs-dropdown-zindex);
            display: none;
            min-width: var(--bs-dropdown-min-width);
            padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
            margin: 0;
            font-size: var(--bs-dropdown-font-size);
            color: var(--bs-dropdown-color);
            text-align: left;
            list-style: none;
            background-color: var(--bs-dropdown-bg);
            background-clip: padding-box;
            border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
            border-radius: var(--bs-dropdown-border-radius)
        }

        .dropdown-menu[data-bs-popper] {
            top: 100%;
            left: 0;
            margin-top: var(--bs-dropdown-spacer)
        }

        .dropdown-divider {
            height: 0;
            margin: var(--bs-dropdown-divider-margin-y) 0;
            overflow: hidden;
            border-top: 1px solid var(--bs-dropdown-divider-bg);
            opacity: 1
        }

        .dropdown-item {
            display: block;
            width: 100%;
            padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
            clear: both;
            font-weight: 400;
            color: var(--bs-dropdown-link-color);
            text-align: inherit;
            text-decoration: none;
            white-space: nowrap;
            background-color: transparent;
            border: 0
        }

        .dropdown-item:focus, .dropdown-item:hover {
            color: var(--bs-dropdown-link-hover-color);
            background-color: var(--bs-dropdown-link-hover-bg)
        }

        .dropdown-item.active, .dropdown-item:active {
            color: var(--bs-dropdown-link-active-color);
            text-decoration: none;
            background-color: var(--bs-dropdown-link-active-bg)
        }

        .dropdown-item:disabled {
            color: var(--bs-dropdown-link-disabled-color);
            pointer-events: none;
            background-color: transparent
        }

        .dropdown-menu.show {
            display: block
        }

        .nav {
            --bs-nav-link-padding-x: 1rem;
            --bs-nav-link-padding-y: 0.5rem;
            --bs-nav-link-font-size: 1rem;
            --bs-nav-link-font-weight: 500;
            --bs-nav-link-color: var(--bs-link-color);
            --bs-nav-link-hover-color: var(--bs-link-hover-color);
            --bs-nav-link-disabled-color: #6c757d;
            display: flex;
            flex-wrap: wrap;
            padding-left: 0;
            margin-bottom: 0;
            list-style: none
        }

        .nav-link {
            display: block;
            padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
            font-size: var(--bs-nav-link-font-size);
            font-weight: var(--bs-nav-link-font-weight);
            color: var(--bs-nav-link-color);
            text-decoration: none;
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
        }

        @media (prefers-reduced-motion: reduce) {
            .nav-link {
                transition: none
            }
        }

        .nav-link:focus, .nav-link:hover {
            color: var(--bs-nav-link-hover-color)
        }

        .navbar {
            --bs-navbar-padding-x: 0;
            --bs-navbar-padding-y: 0.5rem;
            --bs-navbar-color: rgba(0, 0, 0, 0.55);
            --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
            --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
            --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
            --bs-navbar-brand-padding-y: 0.29875rem;
            --bs-navbar-brand-margin-end: 1rem;
            --bs-navbar-brand-font-size: 1.4375rem;
            --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
            --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
            --bs-navbar-nav-link-padding-x: 0.5rem;
            --bs-navbar-toggler-padding-y: 0.25rem;
            --bs-navbar-toggler-padding-x: 0.75rem;
            --bs-navbar-toggler-font-size: 1.4375rem;
            --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
            --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
            --bs-navbar-toggler-border-radius: 0.375rem;
            --bs-navbar-toggler-focus-width: 0.25rem;
            --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
            position: relative;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
        }

        .navbar > .container, .navbar > .container-fluid {
            display: flex;
            flex-wrap: inherit;
            align-items: center;
            justify-content: space-between
        }

        .navbar-brand:focus, .navbar-brand:hover {
            color: var(--bs-navbar-brand-hover-color)
        }

        .navbar-nav {
            --bs-nav-link-padding-x: 0;
            --bs-nav-link-padding-y: 0.5rem;
            --bs-nav-link-font-size: 1rem;
            --bs-nav-link-font-weight: 500;
            --bs-nav-link-color: var(--bs-navbar-color);
            --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
            --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
            display: flex;
            flex-direction: column;
            padding-left: 0;
            margin-bottom: 0;
            list-style: none
        }

        .navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
            color: var(--bs-navbar-active-color)
        }

        .navbar-nav .dropdown-menu {
            position: static
        }

        .navbar-collapse {
            flex-basis: 100%;
            flex-grow: 1;
            align-items: center
        }

        .navbar-toggler {
            padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
            font-size: var(--bs-navbar-toggler-font-size);
            line-height: 1;
            color: var(--bs-navbar-color);
            background-color: transparent;
            border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
            border-radius: var(--bs-navbar-toggler-border-radius);
            transition: var(--bs-navbar-toggler-transition)
        }

        @media (prefers-reduced-motion: reduce) {
            .navbar-toggler {
                transition: none
            }
        }

        .navbar-toggler:hover {
            text-decoration: none
        }

        .navbar-toggler:focus {
            text-decoration: none;
            outline: 0;
            box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
        }

        @media (min-width: 768px) {
            .navbar-expand-lg {
                flex-wrap: nowrap;
                justify-content: flex-start
            }

            .navbar-expand-lg .navbar-nav {
                flex-direction: row
            }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

            .navbar-expand-lg .navbar-collapse {
                display: flex !important;
                flex-basis: auto
            }

            .navbar-expand-lg .navbar-toggler {
                display: none
            }
        }

        .card {
            --bs-card-spacer-y: 1rem;
            --bs-card-spacer-x: 1rem;
            --bs-card-title-spacer-y: 0.5rem;
            --bs-card-border-width: 1px;
            --bs-card-border-color: var(--bs-border-color-translucent);
            --bs-card-border-radius: 0.375rem;
            --bs-card-box-shadow: ;
            --bs-card-inner-border-radius: calc(0.375rem - 1px);
            --bs-card-cap-padding-y: 0.5rem;
            --bs-card-cap-padding-x: 1rem;
            --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
            --bs-card-cap-color: ;
            --bs-card-height: ;
            --bs-card-color: ;
            --bs-card-bg: #fff;
            --bs-card-img-overlay-padding: 1rem;
            --bs-card-group-margin: 0.75rem;
            position: relative;
            display: flex;
            flex-direction: column;
            min-width: 0;
            height: var(--bs-card-height);
            word-wrap: break-word;
            background-color: var(--bs-card-bg);
            background-clip: border-box;
            border: var(--bs-card-border-width) solid var(--bs-card-border-color);
            border-radius: var(--bs-card-border-radius)
        }

        .card > hr {
            margin-right: 0;
            margin-left: 0
        }

        .card > .list-group {
            border-top: inherit;
            border-bottom: inherit
        }

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: var(--bs-card-inner-border-radius);
            border-top-right-radius: var(--bs-card-inner-border-radius)
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: var(--bs-card-inner-border-radius);
            border-bottom-left-radius: var(--bs-card-inner-border-radius)
        }

        .card > .card-header + .list-group {
            border-top: 0
        }

        .card-body {
            flex: 1 1 auto;
            padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
            color: var(--bs-card-color)
        }

        .card-header {
            padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
            margin-bottom: 0;
            color: var(--bs-card-cap-color);
            background-color: var(--bs-card-cap-bg);
            border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
        }

        .card-header:first-child {
            border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
        }

        .list-group {
            --bs-list-group-color: #212529;
            --bs-list-group-bg: #fff;
            --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
            --bs-list-group-border-width: 1px;
            --bs-list-group-border-radius: 0.375rem;
            --bs-list-group-item-padding-x: 1rem;
            --bs-list-group-item-padding-y: 0.5rem;
            --bs-list-group-action-color: #495057;
            --bs-list-group-action-hover-color: #495057;
            --bs-list-group-action-hover-bg: #f8f9fa;
            --bs-list-group-action-active-color: #000000;
            --bs-list-group-action-active-bg: #e9ecef;
            --bs-list-group-disabled-color: #6c757d;
            --bs-list-group-disabled-bg: #fff;
            --bs-list-group-active-color: #fff;
            --bs-list-group-active-bg: #0d6efd;
            --bs-list-group-active-border-color: #0d6efd;
            display: flex;
            flex-direction: column;
            padding-left: 0;
            margin-bottom: 0;
            border-radius: var(--bs-list-group-border-radius)
        }

        .list-group-item-action {
            width: 100%;
            color: var(--bs-list-group-action-color);
            text-align: inherit
        }

        .list-group-item-action:focus, .list-group-item-action:hover {
            z-index: 1;
            color: var(--bs-list-group-action-hover-color);
            text-decoration: none;
            background-color: var(--bs-list-group-action-hover-bg)
        }

        .list-group-item-action:active {
            color: var(--bs-list-group-action-active-color);
            background-color: var(--bs-list-group-action-active-bg)
        }

        .list-group-item {
            position: relative;
            display: block;
            padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
            color: var(--bs-list-group-color);
            text-decoration: none;
            background-color: var(--bs-list-group-bg);
            border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
        }

        .list-group-item:first-child {
            border-top-left-radius: inherit;
            border-top-right-radius: inherit
        }

        .list-group-item:last-child {
            border-bottom-right-radius: inherit;
            border-bottom-left-radius: inherit
        }

        .list-group-item:disabled {
            color: var(--bs-list-group-disabled-color);
            pointer-events: none;
            background-color: var(--bs-list-group-disabled-bg)
        }

        .list-group-item.active {
            z-index: 2;
            color: var(--bs-list-group-active-color);
            background-color: var(--bs-list-group-active-bg);
            border-color: var(--bs-list-group-active-border-color)
        }

        .list-group-item + .list-group-item {
            border-top-width: 0
        }

        .list-group-item + .list-group-item.active {
            margin-top: calc(-1 * var(--bs-list-group-border-width));
            border-top-width: var(--bs-list-group-border-width)
        }

        /* styles-home.min.css */
        @keyframes fadeIn {
            0% {
                opacity: 0
            }
            to {
                opacity: 1
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .btn {
                transition: none
            }
        }

        .text-bg-light {
            color: #000 !important;
            background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important
        }

        /*.position-static{position:static!important}*/
        .dropdown-mega .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            /* Ensure it doesn't push content */
        }

        .me-2 {
            margin-right: .5rem !important
        }

        .mb-2 {
            margin-bottom: .5rem !important
        }

        .mb-3 {
            margin-bottom: 1rem !important
        }

        .ms-2 {
            margin-left: .5rem !important
        }

        .ms-auto {
            margin-left: auto !important
        }

        .py-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important
        }

        .py-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important
        }

        .fs-5 {
            font-size: calc(1.26875rem + .225vw) !important
        }

        .text-center {
            text-align: center !important
        }

        .text-decoration-none {
            text-decoration: none !important
        }

        .text-light {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
        }

        .text-light {
            color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
        }

        .text-black {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
        }

        .text-black {
            color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
        }

        @media (min-width: 992px) {
            .mb-lg-0 {
                margin-bottom: 0 !important
            }

            .px-lg-0 {
                padding-right: 0 !important;
                padding-left: 0 !important
            }
        }

        @media (min-width: 1200px) {
            .fs-5 {
                font-size: 1.4375rem !important
            }
        }

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

        .btn {
            --bs-btn-padding-x: 0.75rem;
            --bs-btn-padding-y: 0.375rem;
            --bs-btn-font-family: ;
            --bs-btn-font-size: 1.15rem;
            --bs-btn-font-weight: 400;
            --bs-btn-line-height: 1.4;
            --bs-btn-color: #000000;
            --bs-btn-bg: transparent;
            --bs-btn-border-width: 1px;
            --bs-btn-border-color: transparent;
            --bs-btn-border-radius: 0.375rem;
            --bs-btn-hover-border-color: transparent;
            --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
            --bs-btn-disabled-opacity: 0.65;
            --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
            display: inline-block;
            padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
            font-family: var(--bs-btn-font-family);
            font-size: var(--bs-btn-font-size);
            font-weight: var(--bs-btn-font-weight);
            line-height: var(--bs-btn-line-height);
            text-align: center;
            text-decoration: none;
            vertical-align: middle;
            cursor: pointer;
            user-select: none;
            border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
            border-radius: var(--bs-btn-border-radius);
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

        @media (prefers-reduced-motion: reduce) {
            .btn {
                transition: none
            }
        }

        .btn:hover {
            color: var(--bs-btn-hover-color);
            background-color: var(--bs-btn-hover-bg);
            border-color: var(--bs-btn-hover-border-color)
        }

        .btn:focus-visible {
            color: var(--bs-btn-hover-color);
            background-color: var(--bs-btn-hover-bg)
        }

        .btn:focus-visible {
            border-color: var(--bs-btn-hover-border-color);
            outline: 0;
            box-shadow: var(--bs-btn-focus-box-shadow)
        }

        .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
            color: var(--bs-btn-active-color);
            background-color: var(--bs-btn-active-bg);
            border-color: var(--bs-btn-active-border-color)
        }

        .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible {
            box-shadow: var(--bs-btn-focus-box-shadow)
        }

        .btn:disabled, fieldset:disabled .btn {
            color: var(--bs-btn-disabled-color);
            pointer-events: none;
            background-color: var(--bs-btn-disabled-bg);
            border-color: var(--bs-btn-disabled-border-color);
            opacity: var(--bs-btn-disabled-opacity)
        }

        .btn-primary {
            --bs-btn-color: #fff;
            --bs-btn-hover-color: #fff;
            --bs-btn-active-color: #fff;
            --bs-btn-disabled-color: #fff
        }

        .btn-primary {
            --bs-btn-bg: #0d6efd;
            --bs-btn-border-color: #0d6efd;
            --bs-btn-hover-bg: #0b5ed7;
            --bs-btn-hover-border-color: #0a58ca;
            --bs-btn-focus-shadow-rgb: 49, 132, 253;
            --bs-btn-active-bg: #0a58ca;
            --bs-btn-active-border-color: #0a53be;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-bg: #0d6efd;
            --bs-btn-disabled-border-color: #0d6efd
        }

        .btn-dark {
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
        }

        .btn-dark {
            --bs-btn-color: #fff;
            --bs-btn-bg: #212529;
            --bs-btn-border-color: #212529;
            --bs-btn-hover-bg: #424649;
            --bs-btn-hover-border-color: #373b3e;
            --bs-btn-focus-shadow-rgb: 66, 70, 73;
            --bs-btn-active-bg: #4d5154;
            --bs-btn-active-border-color: #373b3e;
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #212529;
            --bs-btn-disabled-border-color: #212529
        }

        .btn-dark {
            --bs-btn-hover-color: #fff;
            --bs-btn-active-color: #fff
        }

        .btn-sm {
            --bs-btn-padding-y: 0.25rem;
            --bs-btn-padding-x: 0.5rem;
            --bs-btn-font-size: 1.00625rem;
            --bs-btn-border-radius: 0.25rem
        }

        .icon {
            float: left;
            margin: 0
        }

        .icon {
            display: inline-block;
            width: 2rem
        }

        .icon::before {
            content: "";
            display: block;
            padding-top: 100%
        }

        .pdf {
            background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" focusable=\"false\" width=\"0.86em\" height=\"1em\" style=\"-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 1536 1792\"><path d=\"M1468 380q28 28 48 76t20 88v1152q0 40-28 68t-68 28H96q-40 0-68-28t-28-68V96q0-40 28-68T96 0h896q40 0 88 20t76 48zm-444-244v376h376q-10-29-22-41l-313-313q-12-12-41-22zm384 1528V640H992q-40 0-68-28t-28-68V128H128v1536h1280zm-514-593q33 26 84 56q59-7 117-7q147 0 177 49q16 22 2 52q0 1-1 2l-2 2v1q-6 38-71 38q-48 0-115-20t-130-53q-221 24-392 83q-153 262-242 262q-15 0-28-7l-24-12q-1-1-6-5q-10-10-6-36q9-40 56-91.5t132-96.5q14-9 23 6q2 2 2 4q52-85 107-197q68-136 104-262q-24-82-30.5-159.5T657 552q11-40 42-40h22q23 0 35 15q18 21 9 68q-2 6-4 8q1 3 1 8v30q-2 123-14 192q55 164 146 238zm-576 411q52-24 137-158q-51 40-87.5 84t-49.5 74zm398-920q-15 42-2 132q1-7 7-44q0-3 7-43q1-4 4-8q-1-1-1-2q-1-2-1-3q-1-22-13-36q0 1-1 2v2zm-124 661q135-54 284-81q-2-1-13-9.5t-16-13.5q-76-67-127-176q-27 86-83 197q-30 56-45 83zm646-16q-24-24-140-24q76 28 124 28q14 0 18-1q0-1-2-3z\"/></svg>") 0 0/contain no-repeat
        }

        .dropdown-menu.show {
            -webkit-animation: fadeIn .3s alternate;
            animation: fadeIn .3s alternate
        }

        .nav-item.dropdown.dropdown-mega {
            position: static
        }

        .nav-item.dropdown.dropdown-mega .dropdown-menu {
            width: 100%;
            top: auto;
            left: 0
        }

        .dropdown-menu .title {
            font-weight: 700;
            font-size: 1.2rem
        }

        .dropdown-menu .title a:link {
            text-decoration: none
        }

        .mega-content .card-body p {
            font-size: 1.1rem;
            line-height: 1.5rem
        }

        .menu-promo {
            background-color: #f0f8ff
        }

        .navbar-toggler {
            border: 0;
            padding: 0;
            outline: 0
        }

        .navbar-toggler:focus {
            box-shadow: none
        }

        .navbar-toggler .hamburger-toggle {
            position: relative;
            display: inline-block;
            width: 50px;
            height: 50px;
            z-index: 11;
            float: right
        }

        .navbar-toggler .hamburger-toggle .hamburger {
            position: absolute;
            transform: translate(-50%, -50%) rotate(0deg);
            left: 50%;
            top: 50%;
            width: 50%;
            height: 50%;
            pointer-events: none
        }

        .navbar-toggler .hamburger-toggle .hamburger span {
            width: 100%;
            height: 4px;
            position: absolute;
            background: #ccc;
            border-radius: 2px;
            z-index: 1;
            transition: transform .2s cubic-bezier(.77, .2, .05, 1), background .2s cubic-bezier(.77, .2, .05, 1), all .2s ease-in-out;
            left: 0
        }

        .navbar-toggler .hamburger-toggle .hamburger span:first-child {
            top: 10%;
            transform-origin: 50% 50%;
            transform: translate(0%, -50%) !important
        }

        .navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
            top: 50%;
            transform: translate(0, -50%)
        }

        .navbar-toggler .hamburger-toggle .hamburger span:last-child {
            left: 0;
            top: auto;
            bottom: 10%;
            transform-origin: 50% 50%
        }

        .navbar-toggler .hamburger-toggle .hamburger.active span {
            position: absolute;
            margin: 0
        }

        .navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
            top: 45%;
            transform: rotate(45deg)
        }

        .navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
            left: 50%;
            width: 0
        }

        .navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
            top: 45%;
            transform: rotate(-45deg)
        }