/* =============================================================
   CRAS — Premium Navigation
   One definitive file. Overrides every theme rule.
   ============================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

/* ── GLOBAL HEADING FONT: Inter ── */
:root {
    --title-font: 'Inter', sans-serif;
    --subtitle-font: 'Inter', sans-serif;
}

/* All HTML heading tags */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Inter', sans-serif !important;
}

h1, h2, h3,
.h1, .h2, .h3 {
    font-weight: 600 !important;
}

h4, h5, h6,
.h4, .h5, .h6 {
    font-weight: 500 !important;
}

/* Named heading utility classes used across blade templates */
.sec-title, .box-title, .box-title2, .hero-title, .title-font,
.ca-title, .section-title, .section-heading,
.courses-title, .th-title, .blog-title, .widget-title,
.team-title, .event-title, .instructor-title,
.testimonial-title, .gallery-title, .feature-title {
    font-family: 'Inter', sans-serif !important;
}

/* ── 0. RESET ─────────────────────────────────────────────── */
html,body{margin:0!important;padding-top:0!important;}
.th-header{margin-top:0!important;}

/* ── 1. TOP INFO BAR ──────────────────────────────────────── */
.header-top{
    background:#081933!important;
    padding:0!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
}
.cras-topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:38px;
}
.cras-topbar-links{display:flex;align-items:center;list-style:none;margin:0;padding:0;}
.cras-topbar-links li a{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:11.5px;font-weight:500;
    color:rgba(255,255,255,.50)!important;
    text-decoration:none;
    padding:0 13px;
    border-right:1px solid rgba(255,255,255,.09);
    line-height:38px;display:inline-block;
    transition:color .18s;
}
.cras-topbar-links li:first-child a{padding-left:0;}
.cras-topbar-links li:last-child a{border-right:none;}
.cras-topbar-links li a:hover{color:rgba(255,255,255,.88)!important;}
.cras-topbar-ctas{display:flex;align-items:center;gap:5px;}
.topbar-pill{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:11px;font-weight:600;
    text-decoration:none;padding:4px 12px;
    border-radius:100px;line-height:1.5;transition:all .18s;
    color:rgba(255,255,255,.60)!important;
    border:1px solid rgba(255,255,255,.13);
}
.topbar-pill:hover{color:rgba(255,255,255,.92)!important;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);}
.topbar-pill--red{background:rgba(143,39,40,.80);color:#fff!important;border-color:transparent;}
.topbar-pill--red:hover{background:#8f2728;color:#fff!important;}

/* ── 2. MAIN NAV BAR ──────────────────────────────────────── */
.sticky-wrapper.sticky{
    background:transparent!important;
    filter:none!important;-webkit-filter:none!important;
}
.header-layout2 .menu-area,.menu-area{
    padding:0!important;position:relative!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:saturate(180%) blur(20px)!important;
    -webkit-backdrop-filter:saturate(180%) blur(20px)!important;
    border-bottom:1px solid rgba(0,0,0,.07)!important;
    box-shadow:none!important;left:auto!important;transform:none!important;width:100%!important;
    transition:box-shadow .3s ease,border-color .3s ease!important;
}
.sticky-wrapper.sticky .menu-area{
    box-shadow:0 1px 0 rgba(0,0,0,.07),0 4px 24px rgba(0,0,0,.06)!important;
    border-bottom-color:rgba(0,0,0,.09)!important;
}
.menu-area .row{min-height:70px!important;display:flex!important;align-items:center!important;}
.header-layout2 .header-logo,.header-logo{padding:0!important;}
.header-layout2 .header-logo img,.header-logo img{
    height:48px!important;width:auto!important;display:block!important;
    transition:opacity .2s!important;
}
.header-logo a:hover img{opacity:.75!important;}

/* ── 3. DESKTOP NAV ITEMS ─────────────────────────────────── */
.header-layout2 .main-menu,.main-menu{margin-left:0!important;}
.main-menu>ul{
    display:flex!important;align-items:center!important;
    gap:0!important;list-style:none!important;margin:0!important;padding:0!important;
}
.main-menu>ul>li{margin:0!important;position:relative!important;}

/* Base link — kill all theme overrides */
.header-layout2 .main-menu>ul>li>a,
.main-menu>ul>li>a{
    display:inline-flex!important;align-items:center!important;gap:5px!important;
    padding:7px 13px!important;border-radius:9px!important;
    font-family:'Plus Jakarta Sans',sans-serif!important;
    font-size:13.5px!important;font-weight:600!important;
    color:#1d1d1f!important;
    text-decoration:none!important;white-space:nowrap!important;
    line-height:1!important;letter-spacing:-.01em!important;
    text-transform:none!important;
    background:transparent!important;
    transition:color .18s ease,background .18s ease!important;
    position:static!important;
}
.header-layout2 .main-menu>ul>li:hover>a,
.main-menu>ul>li:hover>a{
    color:#8f2728!important;background:rgba(143,39,40,.06)!important;
}

/* Replace theme's FA "+" with CSS chevron */
.header-layout2 .main-menu ul li:has(.sub-menu)>a:after,
.header-layout2 .main-menu ul li:has(.mega-menu)>a:after,
.header-layout2 .main-menu ul li.menu-item-has-children>a:after,
.main-menu ul li:has(.sub-menu)>a:after,
.main-menu ul li:has(.mega-menu)>a:after,
.main-menu ul li.menu-item-has-children>a:after{
    content:''!important;
    font-family:none!important;speak:none!important;
    display:inline-block!important;
    width:4.5px!important;height:4.5px!important;
    border-right:1.5px solid rgba(29,29,31,.38)!important;
    border-bottom:1.5px solid rgba(29,29,31,.38)!important;
    border-top:none!important;border-left:none!important;
    background:none!important;font-size:0!important;font-weight:normal!important;
    transform:rotate(45deg) translateY(-1px)!important;
    margin-left:1px!important;top:0!important;position:relative!important;
    vertical-align:middle!important;flex-shrink:0!important;
    transition:transform .2s ease,border-color .2s ease!important;
}
.header-layout2 .main-menu>ul>li:hover>a:after,
.main-menu>ul>li:hover>a:after{
    border-color:rgba(143,39,40,.50)!important;
    transform:rotate(225deg) translateY(1.5px)!important;
}
.main-menu ul.sub-menu li a:after,
.main-menu .nav-drop li a:after{display:none!important;}

/* ── 4. DROPDOWN PANEL ────────────────────────────────────── */
.main-menu ul li{position:relative!important;}
.main-menu .nav-drop li{display:block!important;margin:0!important;}
.main-menu .nav-drop li:last-child,.main-menu .nav-drop li:first-child{margin:0!important;}

.nav-drop{
    position:absolute!important;
    top:calc(100% + 10px)!important;               /* 10px below nav bar */
    left:50%!important;
    transform:translateX(-50%) translateY(-6px)!important; /* slides in from above */
    min-width:232px!important;
    background:#fff!important;
    border-radius:20px!important;
    box-shadow:0 0 0 1px rgba(0,0,0,.05),
               0 4px 8px rgba(0,0,0,.03),
               0 24px 56px rgba(0,0,0,.13)!important;
    border:none!important;
    padding:8px!important;
    list-style:none!important;margin:0!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    display:block!important;
    transition:opacity .22s cubic-bezier(.25,.46,.45,.94),
               visibility .22s,
               transform .22s cubic-bezier(.25,.46,.45,.94)!important;
    z-index:9999!important;
}
/* Invisible hover bridge — covers the 10px gap + animation offset so cursor never loses hover */
.nav-drop::after{
    content:''!important;
    position:absolute!important;
    bottom:100%!important;
    left:-24px!important;right:-24px!important;
    height:22px!important;
    background:transparent!important;
    pointer-events:auto!important;
}
/* CSS :hover + JS .drop-open class for gap-tolerant behaviour */
.main-menu>ul>li:hover>.nav-drop,
.main-menu>ul>li.drop-open>.nav-drop{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transform:translateX(-50%) translateY(0)!important;
}

/* Dropdown link */
.nav-drop li{list-style:none!important;}
.nav-drop li a{
    display:flex!important;align-items:center!important;
    position:relative!important;
    padding:10px 14px 10px 22px!important;
    border-radius:12px!important;
    font-family:'Plus Jakarta Sans',sans-serif!important;
    font-size:13.5px!important;font-weight:500!important;
    color:#2c2c2e!important;
    text-decoration:none!important;white-space:nowrap!important;
    line-height:1.3!important;letter-spacing:0!important;
    background:transparent!important;
    transition:color .15s ease,background .15s ease!important;
}
/* Animated red left accent bar */
.nav-drop li a::before{
    content:''!important;
    position:absolute!important;left:9px!important;top:50%!important;
    width:3px!important;height:14px!important;
    background:#8f2728!important;border-radius:2px!important;
    transform:translateY(-50%) scaleY(0)!important;
    transition:transform .18s cubic-bezier(.25,.46,.45,.94)!important;
    display:block!important;
}
.nav-drop li a:hover::before{transform:translateY(-50%) scaleY(1)!important;}
.nav-drop li a:hover{color:#8f2728!important;background:rgba(143,39,40,.05)!important;}

.nav-drop-head{
    font-family:'Plus Jakarta Sans',sans-serif!important;
    font-size:10px!important;font-weight:700!important;
    letter-spacing:.15em!important;text-transform:uppercase!important;
    color:#8f2728!important;padding:10px 14px 5px!important;
    display:block!important;pointer-events:none!important;cursor:default!important;
}
.nav-drop-sep{height:1px;background:#f0f0f5;margin:5px 8px;pointer-events:none;display:block!important;}
.nav-drop--wide{min-width:264px!important;}

/* ── 5. COURSES MEGA MENU ─────────────────────────────────── */
.modern-mega-menu{position:static!important;}
.mega-menu-box{
    position:fixed!important;left:50%!important;top:108px!important;
    transform:translateX(-50%) translateY(20px)!important;
    width:min(1300px,95vw)!important;height:72vh!important;
    padding:26px!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    display:grid!important;grid-template-columns:240px 240px 1fr!important;gap:20px!important;
    z-index:99999!important;border-radius:28px!important;
    background:rgba(255,255,255,.98)!important;
    backdrop-filter:blur(28px)!important;-webkit-backdrop-filter:blur(28px)!important;
    border:none!important;
    box-shadow:0 0 0 1px rgba(0,0,0,.06),0 32px 80px rgba(0,0,0,.16)!important;
    transition:opacity .28s cubic-bezier(.25,.46,.45,.94),
               visibility .28s,
               transform .28s cubic-bezier(.25,.46,.45,.94)!important;
}
.sticky-wrapper.sticky .mega-menu-box{top:70px!important;}
/* CSS :hover + JS .mega-open class for gap-tolerant behaviour */
.modern-mega-menu:hover .mega-menu-box,
.modern-mega-menu.mega-open .mega-menu-box{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transform:translateX(-50%) translateY(0)!important;
}

/* ── 6. HEADER CONTROLS ───────────────────────────────────── */
.nav-cta-btn{
    display:inline-flex!important;align-items:center!important;
    background:#8f2728!important;color:#fff!important;
    font-family:'Plus Jakarta Sans',sans-serif!important;
    font-size:13px!important;font-weight:700!important;
    padding:10px 22px!important;border-radius:100px!important;
    text-decoration:none!important;white-space:nowrap!important;line-height:1!important;
    box-shadow:0 2px 8px rgba(143,39,40,.28),0 6px 20px rgba(143,39,40,.20)!important;
    transition:all .22s ease!important;border:none!important;
}
.nav-cta-btn:hover{
    background:#7e2222!important;color:#fff!important;
    transform:translateY(-1px)!important;
    box-shadow:0 4px 14px rgba(143,39,40,.34),0 10px 28px rgba(143,39,40,.22)!important;
}
.header-layout2 .header-search,.header-search{
    background:transparent!important;border:none!important;
    color:#6e6e73!important;
    width:36px!important;height:36px!important;border-radius:50%!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    cursor:pointer!important;font-size:16px!important;padding:0!important;flex-shrink:0!important;
    transition:color .2s,background .2s!important;box-shadow:none!important;
}
.header-layout2 .header-search:hover,.header-search:hover{
    color:#1d1d1f!important;background:#f5f5f7!important;
}
.icon-btn.sideMenuToggler{
    background:transparent!important;border:none!important;
    width:36px!important;height:36px!important;border-radius:50%!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    padding:0!important;transition:background .2s!important;box-shadow:none!important;
}
.icon-btn.sideMenuToggler:hover{background:#f5f5f7!important;}
.icon-btn.sideMenuToggler img{width:17px;height:17px;opacity:.55;transition:opacity .2s;}
.icon-btn.sideMenuToggler:hover img{opacity:1;}
.th-menu-toggle.d-inline-block{
    background:#1d1d1f!important;border:none!important;border-radius:11px!important;
    width:42px!important;height:42px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    color:#fff!important;font-size:17px!important;cursor:pointer!important;
    padding:0!important;flex-shrink:0!important;transition:background .2s!important;
    box-shadow:none!important;
}
.th-menu-toggle.d-inline-block:hover{background:#8f2728!important;}

/* ── 7. MOBILE DRAWER ─────────────────────────────────────── */
/* Backdrop */
.th-menu-wrapper{
    background:rgba(8,25,51,.60)!important;
    backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
}

/* Drawer panel */
.th-menu-wrapper .th-menu-area{
    background:#fff!important;
    max-width:330px!important;
    display:flex!important;flex-direction:column!important;
    box-shadow:0 0 0 0 transparent,32px 0 96px rgba(0,0,0,.28)!important;
    border-right:none!important;
    overflow:hidden!important;
}

/* ── 7a. DRAWER HEADER ────────────────────────────────────── */
.mobile-logo{
    background:linear-gradient(140deg,#081933 0%,#0d2850 100%)!important;
    padding:0 20px!important;
    height:68px!important;
    display:flex!important;align-items:center!important;
    justify-content:space-between!important;
    flex-shrink:0!important;
    position:relative!important;
    border-bottom:none!important;
}
/* thin red accent line at bottom of header */
.mobile-logo::after{
    content:''!important;
    position:absolute!important;bottom:0!important;left:0!important;right:0!important;
    height:2px!important;
    background:linear-gradient(90deg,#8f2728 0%,rgba(143,39,40,.3) 100%)!important;
}
.mobile-logo img{max-height:40px!important;width:auto!important;}

/* Close button */
.th-menu-wrapper .th-menu-toggle{
    position:static!important;
    width:36px!important;height:36px!important;border-radius:50%!important;
    background:rgba(255,255,255,.10)!important;
    border:1px solid rgba(255,255,255,.15)!important;
    font-size:13px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    color:#fff!important;flex-shrink:0!important;
    transition:background .2s,border-color .2s!important;cursor:pointer!important;
    line-height:1!important;
}
.th-menu-wrapper .th-menu-toggle:hover{
    background:rgba(255,255,255,.20)!important;border-color:rgba(255,255,255,.30)!important;
}

/* ── 7b. DRAWER SCROLL AREA ───────────────────────────────── */
.th-mobile-menu{
    overflow-y:auto!important;flex:1!important;
    padding:0!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
}
.th-mobile-menu::-webkit-scrollbar{display:none!important;}
.th-mobile-menu ul{list-style:none!important;margin:0!important;padding:0!important;}

/* ── 7c. TOP-LEVEL ITEMS ──────────────────────────────────── */
.th-mobile-menu>ul>li{
    border-bottom:1px solid #f2f2f4!important;
}
.th-mobile-menu>ul>li:last-child{border-bottom:none!important;}

.th-mobile-menu ul li a{
    display:flex!important;align-items:center!important;
    padding:16px 22px!important;
    font-family:'Plus Jakarta Sans',sans-serif!important;
    font-size:15px!important;font-weight:600!important;
    color:#1d1d1f!important;
    text-decoration:none!important;
    line-height:1.3!important;
    letter-spacing:-.01em!important;text-transform:none!important;
    transition:color .15s ease,background .15s ease!important;
    background:transparent!important;
}
/* kill all theme pseudo-elements on mobile links */
.th-mobile-menu ul li a::before{display:none!important;}
.th-mobile-menu ul li a::after{display:none!important;}

.th-mobile-menu ul li a:hover{
    color:#8f2728!important;background:rgba(143,39,40,.04)!important;
}
.th-mobile-menu ul li.th-active>a{
    color:#8f2728!important;background:rgba(143,39,40,.05)!important;
}

/* ── 7d. EXPAND CHEVRON (th-mean-expand span) ─────────────── */
.th-mobile-menu ul .th-item-has-children>a .th-mean-expand{
    width:32px!important;height:32px!important;
    border-radius:50%!important;
    margin-left:auto!important;flex-shrink:0!important;
    background:#f4f4f6!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    position:static!important;margin-top:0!important;
    transition:background .22s ease,transform .28s cubic-bezier(.25,.46,.45,.94)!important;
    font-size:0!important;
}
/* CSS chevron using borders */
.th-mobile-menu ul .th-item-has-children>a .th-mean-expand::before{
    content:''!important;
    display:block!important;
    width:7px!important;height:7px!important;
    border-right:2px solid #5c5c6b!important;
    border-bottom:2px solid #5c5c6b!important;
    border-top:none!important;border-left:none!important;
    transform:rotate(45deg) translate(-1px,-1px)!important;
    transition:transform .28s cubic-bezier(.25,.46,.45,.94),border-color .2s ease!important;
    font-family:none!important;background:none!important;
}
/* Active state — rotate chevron down */
.th-mobile-menu ul .th-item-has-children.th-active>a .th-mean-expand{
    background:rgba(143,39,40,.10)!important;
}
.th-mobile-menu ul .th-item-has-children.th-active>a .th-mean-expand::before{
    transform:rotate(-135deg) translate(0px,0px)!important;
    border-color:#8f2728!important;
}

/* ── 7e. SUB-ITEMS ────────────────────────────────────────── */
.th-mobile-menu ul li ul{
    background:#fafafa!important;
    border-top:1px solid #f0f0f2!important;
    border-left:none!important;
}
.th-mobile-menu ul li ul li{
    border-bottom:1px solid #f2f2f4!important;
    position:relative!important;
}
.th-mobile-menu ul li ul li:last-child{border-bottom:none!important;}
/* vertical red left rail */
.th-mobile-menu ul li ul li::before{
    content:''!important;
    position:absolute!important;left:22px!important;top:0!important;bottom:0!important;
    width:2px!important;background:rgba(143,39,40,.15)!important;border-radius:2px!important;
    pointer-events:none!important;
    display:block!important;
}
.th-mobile-menu ul li ul li a{
    padding:13px 22px 13px 36px!important;
    font-size:13.5px!important;font-weight:500!important;
    color:#4a4a55!important;
    letter-spacing:0!important;
}
.th-mobile-menu ul li ul li a:hover{
    color:#8f2728!important;background:rgba(143,39,40,.04)!important;
}

/* Nested level 3 */
.th-mobile-menu ul li ul li ul li a{
    padding-left:50px!important;
    font-size:13px!important;
}
.th-mobile-menu ul li ul li ul li::before{left:36px!important;}

/* ── 7f. SECTION LABELS (Fellowship / All Courses) ────────── */

.th-mobile-menu .menu-title{
    font-family:'Inter',sans-serif!important;
    font-size:10px!important;font-weight:700!important;
    letter-spacing:.16em!important;text-transform:uppercase!important;
    color:#8f2728!important;
    padding:14px 22px 6px!important;
    display:block!important;pointer-events:none!important;
    border-bottom:none!important;background:transparent!important;
}

/* ── 7g. BOTTOM CTA STRIP ─────────────────────────────────── */
.mobile-nav-cta{
    padding:16px;
    border-top:1px solid #efeff1;
    display:flex;flex-direction:column;gap:10px;
    flex-shrink:0;background:#fff;
}
.mobile-nav-cta a{
    display:flex;align-items:center;justify-content:center;
    height:46px;border-radius:13px;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:13.5px;font-weight:700;
    text-decoration:none;letter-spacing:-.01em;
    transition:all .2s ease;
}
.mobile-nav-cta .mnc-primary{
    background:#8f2728;color:#fff!important;
    box-shadow:0 2px 8px rgba(143,39,40,.28),0 6px 20px rgba(143,39,40,.20);
}
.mobile-nav-cta .mnc-primary:hover{background:#7e2222;}
.mobile-nav-cta .mnc-ghost{
    background:#f5f5f7;color:#1d1d1f!important;
    border:1px solid #e2e2e8;
}
.mobile-nav-cta .mnc-ghost:hover{background:#eaeaee;}

/* ── 8. MEGA MENU INNER CARDS ─────────────────────────────── */
.mega-left,.mega-center,.mega-right{
    height:100%;display:flex;flex-direction:column;gap:16px;min-height:0;
}
.mega-card{
    background:#fff;
    border:1px solid rgba(0,0,0,.06);
    border-radius:24px;padding:22px;
    overflow:hidden;display:flex;flex-direction:column;min-height:0;
    box-shadow:0 2px 12px rgba(0,0,0,.04);
    transition:box-shadow .25s ease,transform .25s ease;
}
.mega-card:hover{box-shadow:0 10px 32px rgba(0,0,0,.09);transform:translateY(-2px);}
.category-card{flex:1;min-height:0;}
.resource-card{
    height:120px;flex-shrink:0;
    background:linear-gradient(140deg,#081933 0%,#163a72 100%);
    border-color:transparent;
}
.fellowship-card,.standard-card{height:100%;min-height:0;}
.mega-card h5{
    font-family:'Inter',sans-serif;
    font-size:15px;font-weight:700;color:#1d1d1f;
    margin:0 0 14px;flex-shrink:0;letter-spacing:.01em;
}
.resource-card h5{color:rgba(255,255,255,.92);}
.scroll-area{
    overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding-right:6px;
    scrollbar-width:thin;scrollbar-color:#8f2728 transparent;
}
.scroll-area::-webkit-scrollbar{width:4px;}
.scroll-area::-webkit-scrollbar-track{background:transparent;}
.scroll-area::-webkit-scrollbar-thumb{background:#8f2728;border-radius:10px;}
.scroll-area a{
    display:block!important;text-decoration:none!important;
    color:#555!important;font-family:'Plus Jakarta Sans',sans-serif;
    font-size:13.5px;font-weight:500;
    padding:9px 0;border-bottom:1px solid #f5f5f7;
    transition:color .18s,padding-left .18s;
    letter-spacing:0;
}
.scroll-area a:last-child{border-bottom:none;}
.scroll-area a:hover{color:#8f2728!important;padding-left:6px;}
.resource-card .scroll-area a{color:rgba(255,255,255,.82)!important;border-color:rgba(255,255,255,.09);}
.resource-card .scroll-area a:hover{color:#fff!important;padding-left:6px;}
.title-row{
    display:flex;align-items:center;justify-content:space-between;
    gap:10px;margin-bottom:14px;flex-shrink:0;
}
.view-all{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:12px;font-weight:600;color:#8f2728!important;
    text-decoration:none;padding:5px 14px;
    border:1px solid rgba(143,39,40,.25);border-radius:100px;
    transition:all .18s;white-space:nowrap;letter-spacing:0;
}
.view-all:hover{background:#8f2728!important;color:#fff!important;border-color:#8f2728!important;}
.course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.course-item{
    display:flex!important;align-items:flex-start;gap:10px;
    padding:12px!important;border-radius:14px;
    background:#f9f9fb;border:1px solid #ededf0;
    text-decoration:none!important;
    transition:all .22s ease!important;
}
.course-item:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 6px 20px rgba(0,0,0,.08);
    border-color:rgba(143,39,40,.18);background:#fff!important;
}
.course-item span{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:12.5px;font-weight:600;color:#222;line-height:1.4;
}

/* ── 9. KILL THEME REMNANTS ───────────────────────────────── */
.modern-mega-menu>a::after{display:inline-block!important;}
.nav-drop li a::after{display:none!important;}

/* ── 10. GLOBAL TYPOGRAPHY ────────────────────────────────── */
p,li,span,td,th,label,input,textarea,select,blockquote{
    font-family:'Plus Jakarta Sans',sans-serif!important;
    letter-spacing:0.2px!important;
}
h1,h2,h3,h4,h5,h6{
    font-family:'Inter',sans-serif!important;
    letter-spacing:0.2px!important;
}
h1,h2,h3{ font-weight:600!important; }
h4,h5,h6{ font-weight:500!important; }