html {
  font-size: 16px !important; /* default */
}

.breadcrumbs-top a {
    width: auto;
}
.flatpickr-time {
    height: auto !important;
}
select[readonly] {
    pointer-events: none;
}

.main-menu .navbar-header .navbar-brand {
    display: inline-block;
    align-items: center;
    margin-top: 0;
    font-size: inherit;
}
label.form-label {
    font-weight: bold;
}
.sectionTitle__title {
    font-size: 2.5rem;
    line-height: 40px;
    letter-spacing: -0.96px;
    font-weight: 500;
}

.primary-text {
    color: #00bed6 !important;
}

.bg-dark-1 {
    background-color: #0e2742;
}

.fi {
    position: relative;
    display: inline-block;
    width: 1rem !important;
    height: 12px !important;
}

.footer-widget-info .footer-widget .contact-item {
    margin-bottom: 10px !important;
}

.popup-bg {
    background-image: url(../user-assets/img/all-img/coupon-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}



.mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 700px;
    /* Increased width for third column */
    background: #fff;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    display: flex;
    border-radius: 6px;
    overflow: hidden;
    z-index: 999;
}

/* Left Panel - Categories */
.categories-list {
    width: 40%;
    /* Adjusted for 3-column layout */
    background: #f9f9f9;
    max-height: 400px;
    overflow-y: auto;
    border-right: 1px solid #ddd;
}

.category-item {
    padding: 12px 15px;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
}

.category-item:hover,
.category-item.active {
    background: #007bff;
    color: #fff;
}

/* Middle Panel - Courses */
.courses-list {
    width: 60%;
    /* Adjusted for 3-column layout */
    padding: 15px;
    max-height: 400px;
    overflow-y: auto;
    border-right: 1px solid #ddd;
}

.courses-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.courses-content ul li {
    margin-bottom: 8px;
}

.courses-content ul li a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
}

.courses-content ul li a:hover {
    color: #007bff;
}

/* Right Panel - Accreditation */
.accreditation-list {
    width: 30%;
    /* New column */
    padding: 15px;
    max-height: 400px;
    overflow-y: auto;
    background: #fafafa;
}

.accreditation-content img {
    display: block;
    margin-bottom: 5px;
    margin-right: 10px;
    width: 15%;
    object-fit: contain;
    height: auto;
}

/* Dropdown Show/Hide */
.mega-dropdown .mega-menu {
    display: none;
}

.mega-dropdown:hover .mega-menu {
    display: flex;
}

.mega-dropdown .list-unstyle li {
    display: block !important;
}

li.nav-item.dropdown.mega-dropdown{
    flex: 0 !important;
}

/* All courses mega menu */
.mega-menu {
    width: min(700px, 100vw);
    max-width: 100vw;
    height: auto;
    box-sizing: border-box;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .16);
    border-radius: 0 0 7px 7px;
    z-index: 1000;
}

.categories-list {
    flex: 0 0 38%;
    width: auto;
    height: auto;
    max-height: none;
    overflow-y: visible;
    padding: 12px 10px;
    background: #fff;
    border-color: #e2e8f0;
    box-sizing: border-box;
}

.category-item {
    min-height: 43px;
    padding: 10px 12px;
    color: #425b6b;
    font-size: 16px;
    line-height: 1.35;
    transition: background .2s ease, color .2s ease;
    border-radius: 5px;
    margin-bottom: 6px;
}

.category-item:hover,
.category-item.active {
    background: #087afb;
    color: #fff;
    box-shadow: 0 2px 6px rgba(8, 122, 251, .25);
}

.courses-list {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    height: auto;
    max-height: none;
    overflow-y: visible;
    padding: 15px;
    border: 0;
}

.courses-content > .d-flex {
    align-items: center;
    min-height: 28px;
    margin-bottom: 10px !important;
    padding-bottom: 8px;
    border-color: #d9d9d9 !important;
}

.courses-content h6 { margin: 0; color: #032b39; font-size: 16px; font-weight: 700; }
.courses-content > .d-flex > a { color: #5b6d74; font-size: 16px; line-height: 1; text-decoration: none; }
.courses-content ul li { gap: 8px; margin-bottom: 8px; padding-left: 0; }
.courses-content ul li a { color: #353535; font-size: 16px; line-height: 1.4; transition: color .2s ease; }
.courses-content ul li a:hover { color: #087afb; }
.courses-content ul li img { width: 40px !important; height: 40px; margin-right: 0 !important; object-fit: contain; flex: 0 0 40px; }

.mega-dropdown .dropbtn {
    min-width: 160px;
    min-height: 44px;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 8px;
    background: #1267df;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}
.mega-dropdown .dropbtn:hover, .mega-dropdown .dropbtn:focus { background: #1267df; }
.mega-dropdown .dropbtn svg { width: 20px; height: 20px; }

.category-item {
    display: flex;
    align-items: center;
    gap: 14px;
}

.category-item > i:first-child {
    font-size: 16px;
    line-height: 1;
}

.category-item > span { flex: 1; }
.category-item .category-arrow { font-size: 18px; line-height: 1; }

.courses-content ul {
    display: grid;
    gap: 8px;
}

.courses-content ul .course-menu-card {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    margin: 0;
    padding: 6px 9px;
    border: 1px solid #e0e8f4;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(25, 70, 125, .08);
    width: 100%;
    box-sizing: border-box;
}

.courses-content ul .course-menu-card > img {
    width: 40px !important;
    height: 40px;
    flex: 0 0 40px;
}

.course-menu-details {
    flex: 1;
    min-width: 0;
}

.courses-content ul li .course-menu-title {
    display: block;
    overflow: hidden;
    color: #17324d;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.course-menu-details p {
    overflow: hidden;
    margin: 3px 0 0;
    color: #6b7b8d;
    font-size: 10px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.courses-content ul li .course-menu-link {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 4px;
    padding: 6px 7px;
    border: 1px solid #74a7ff;
    border-radius: 5px;
    color: #1769e8;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

/* Header CSS positions generic icons absolutely; reset it inside this menu. */
.navbar-area .navbar-top .mega-menu .category-item > i,
.navbar-area .navbar-top .mega-menu .course-menu-link i,
.navbar-area .navbar-top .mega-menu .view-all-courses i {
    position: static !important;
    top: auto !important;
    left: auto !important;
    color: inherit !important;
}

.navbar-area .navbar-top .mega-menu .category-item > i:first-child {
    width: 19px;
    font-size: 18px;
    text-align: center;
}

.courses-content ul li .course-menu-link:hover {
    background: #1769e8;
    color: #fff;
}

.view-all-courses {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #1769e8 !important;
    font-size: 11px !important;
    font-weight: 700;
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .mega-menu { position: fixed; top: auto; right: 15px; bottom: 15px; left: 15px; width: auto; height: min(600px, calc(100vh - 100px)); }
    .categories-list { flex-basis: 42%; }
    .category-item, .courses-content h6, .courses-content > .d-flex > a, .courses-content ul li a { font-size: 16px; }
    .category-item { min-height: 56px; padding: 16px 12px; }
    .courses-list { padding: 15px; }
    .courses-content ul li img { width: 35px !important; height: 40px; flex-basis: 35px; }
    .courses-content ul .course-menu-card { gap: 8px; min-height: 66px; padding: 8px; }
    .courses-content ul .course-menu-card > img { width: 38px !important; height: 38px; flex-basis: 38px; }
    .courses-content ul li .course-menu-title { font-size: 13px; }
    .course-menu-details p { display: none; }
    .courses-content ul li .course-menu-link { padding: 6px; font-size: 10px; }
}

.deal-header {
    background: #f9f7fa; /* Light orange/beige */
    font-size: 16px;
    font-weight: 600;
    color: #000;
    border-bottom: 1px solid #ddd;
}
.deal-text i {
    font-size: 14px;
}

.payment-gateway img {
    padding: 4px;
    /* width: 27%; */
    padding-left: 0px;
}

.cpr-right a {
    font-size: 20px;
    background-color: #fff;
    padding: 10px;
    margin-right: 9px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center !important;
    padding: 10px 10px 10px 12px;
}
.disclaimer .accordion-button.collapsed::after {
    transform: rotate(0deg) !important;
    margin-left: 10px;
}
.disclaimer .accordion-button:not(.collapsed)::after {
    margin-left: 10px;
}

.trending-tag {
    position: absolute;
    top: 15px;
    left: -10px;
    background-color: #ff7e00;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 16px 6px 20px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 99;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}

.trending-tag::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #cc6600;
}
/* <!-- Simple modal background --> */
.callbackmodal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    align-items: center;
    justify-content: center;
}

.callbackmodal .modal-content {
    width: 90%;
    max-width: 800px;
    background: #fff;
    /* padding: 25px 20px; */
    border-radius: 8px;
    position: relative;
}

.callbackmodal .close {
    position: absolute;
    right: 12px;
    top: 6px;
    font-size: 24px;
    cursor: pointer;
}

.callbackmodal .modal-body {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.callbackmodal .modal-image {
    flex: 1;

    background-color: #79caf6;
}

.callbackmodal .modal-image img {
    /* border-radius: 8px; */
    max-width: 100%;
    max-height: 320px;
    object-fit: cover;
}

.callbackmodal .modal-form {
    flex: 1;
}
.callbackmodal .select2-container .select2-selection--single {
    height: 37px;
}
.callbackmodal .select2-container--default .select2-selection--single {
    border: 0;
    border-bottom: 1px solid #aaa;
    border-radius: 0;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .callbackmodal .modal-body {
        flex-direction: column;
        width: 100%;
        left: 8px;
    }
    .callbackmodal .modal-image {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
    .callbackmodal .modal-image img {
        width: 100%;
        max-height: 200px;
        object-fit: cover;
        border-radius: 8px;
    }
}
.footer-widget-info .footer-widget .country ul li {
    color: #000;
}
.footer-widget-info .footer-widget .country ul li:hover {
    color: #fff;
}
.footer-widget-info .footer-widget .country ul li:hover::after {
    width: 0px !important;
}
.footer-widget-info .footer-widget .country ul li:hover {
    padding-left: 0px !important;
}
.footer-widget-info .footer-widget .country ul li {
    margin-bottom: 0px;
    line-height: 17px;
}
.promomenu .owl-carousel.hero-slider.owl-theme.owl-loaded.owl-drag,
.promomenu section.page-title-area.position-relative, 
.promomenu .bg-image.position-relative {
    margin-top: 4%;
}
section.page-title-area.position-relative, .owl-carousel.hero-slider.owl-theme.owl-loaded.owl-drag, .bg-image.position-relative {
    margin-top: 0%;
}
section.course-container-pmp .container a
{
    margin-top: 0 !IMPORTANT;
}
.promomenu section.course-container-pmp .container a
{
    margin-top: 4rem !IMPORTANT;
}
.hero-replica {
        position: relative;
        min-height: 710px;
        overflow: visible;
        color: #fff;
        isolation: isolate;
        background:
            radial-gradient(ellipse 43% 77% at 74% 25%, rgba(4, 104, 231, .62), transparent 72%),
            linear-gradient(132deg, #06265f 0%, #073c92 48%, #06419b 100%);
    }

    .hero-replica__inner {
        position: relative;
        width: 100%;
        max-width: none !important;
        margin: 0;
        height: 710px;
        min-height: 0;
        padding: 0;
    }

    .hero-replica__glow {
        position: absolute;
        pointer-events: none;
        border-radius: 50%;
        background: rgba(24, 111, 237, .42);
        filter: blur(2px);
    }

    .hero-replica__glow--top {
        width: 890px;
        height: 630px;
        top: -460px;
        left: -80px;
        transform: rotate(-17deg);
        opacity: .75;
    }

    .hero-replica__glow--bottom {
        width: 760px;
        height: 420px;
        bottom: -235px;
        left: 37%;
        transform: rotate(-19deg);
        opacity: .74;
    }

    .hero-replica__dots {
        position: absolute;
        z-index: 0;
        width: 220px;
        height: 250px;
        opacity: .5;
        background-image: radial-gradient(circle, #36a7f5 2px, transparent 2.5px);
        background-size: 25px 25px;
    }
    .hero-replica__dots--right { top: 40px; right: 0; }
    .hero-replica__dots--left { bottom: 6px; left: 0; width: 110px; height: 105px; }

    .hero-replica__copy {
        position: absolute;
        z-index: 2;
        top: 98px;
        left: 80px;
        max-width: 800px;
    }

    .hero-replica__eyebrow {
        display: inline-block;
        padding: 12px 25px;
        border-radius: 30px;
        background: #16c2d7;
        color: #fff;
        font-size: 18px;
        font-weight: 800;
        line-height: 1.2;
        letter-spacing: .3px;
    }

    .hero-replica h1 {
        margin: 17px 0 8px;
        color: #fff;
        font-size: clamp(48px, 4vw, 74px);
        font-weight: 800;
        line-height: 1.06;
    }

    .hero-replica h1 strong {
        color: #ff9d0b;
        font-weight: 800;
    }

    .hero-replica__intro {
        margin: 25px 0 30px;
        font-size: 21px;
        font-weight: 500;
        line-height: 1.4;
    }

    .hero-replica__intro strong {
        color: #ffad16;
    }

    .hero-replica__stats {
        display: flex;
        gap: 28px;
        margin-bottom: 31px;
    }

    .hero-replica__stats > div {
        display: grid;
        grid-template-columns: 56px auto;
        align-items: center;
        column-gap: 10px;
        min-width: 145px;
        padding-right: 22px;
        border-right: 2px solid rgba(255, 255, 255, .45);
    }

    .hero-replica__stats > div:last-child {
        border-right: 0;
    }

    .hero-stat-icon {
        grid-row: span 2;
        display: grid;
        place-items: center;
        width: 54px;
        height: 54px;
        border-radius: 50%;
        background: #1477f9;
        color: #fff;
        font-size: 24px;
        font-weight: 700;
    }

    .hero-replica__stats > div:nth-child(2) .hero-stat-icon { background: #1fc76a; }
    .hero-replica__stats > div:nth-child(3) .hero-stat-icon { background: #ff9812; }
    .hero-replica__stats b { font-size: 20px; }
    .hero-replica__stats small { font-size: 15px; font-weight: 500; }

    .hero-replica--slide-two {
        background:
            radial-gradient(ellipse 34% 68% at 84% 35%, rgba(21, 104, 218, .48), transparent 75%),
            linear-gradient(128deg, #031846 0%, #082964 52%, #0a469a 100%);
    }

    .hero-replica__stats--stacked {
        display: grid;
        gap: 12px;
        margin: 24px 0 25px;
    }

    .hero-replica__stats--stacked > div {
        grid-template-columns: 54px auto;
        min-width: 0;
        padding: 0;
        border: 0;
    }

    .hero-replica__stats--stacked .hero-stat-icon {
        width: 46px;
        height: 46px;
        font-size: 19px;
    }

    .hero-replica__stats--stacked b { font-size: 16px; }
    .hero-replica__stats--stacked small { font-size: 12px; }

    .hero-replica__person--slide-two {
        top: 55px;
        right: 7%;
        bottom: auto;
        width: auto;
        height: min(600px, calc(100% - 110px));
        max-width: 48%;
        max-height: none;
        transform: none;
        object-fit: contain;
        object-position: right center;
    }

    .hero-replica__actions {
        display: flex;
        gap: 20px;
    }

    .hero-action {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        min-width: 285px;
        padding: 17px 26px;
        border-radius: 12px;
        font-size: 20px;
        font-weight: 700;
        text-decoration: none;
    }

    .hero-action--primary { background: #ff9412; color: #fff; }
    .hero-action--outline { border: 2px solid #fff; color: #fff; }
    .hero-action:hover { color: #fff; transform: translateY(-2px); }

    .hero-replica__person {
        position: absolute;
        z-index: 1;
        top: 50px;
        right: 6%;
        bottom: auto;
        width: min(36vw, 585px);
        max-height: 620px;
        object-fit: contain;
        object-position: bottom;
        transform: translateY(-23px) scale(.91, .855);
        transform-origin: right bottom;
    }

    .hero-replica__benefits {
        position: absolute;
        z-index: 3;
        right: 2.5%;
        bottom: -51px;
        left: 2.5%;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        min-height: 130px;
        padding: 16px 22px;
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 9px 24px rgba(0, 27, 84, .25);
        color: #123c82;
    }

    .hero-replica__benefits > div {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 0 18px;
        border-right: 1px solid #cbd9ee;
    }

    .hero-replica__benefits > div:last-child { border-right: 0; }
    .hero-replica__benefits > div > span {
        display: grid;
        flex: 0 0 64px;
        place-items: center;
        width: 64px;
        height: 64px;
        border-radius: 50%;
        background: #1477f9;
        color: #fff;
        font-size: 27px;
    }
    .hero-replica__benefits > div:nth-child(2) > span { background: #18bd67; }
    .hero-replica__benefits > div:nth-child(3) > span { background: #ff9210; }
    .hero-replica__benefits > div:nth-child(4) > span { background: #7544e9; }
    .hero-replica__benefits > div:nth-child(5) > span { background: #13b9d2; }
    .hero-replica__benefits b, .hero-replica__benefits small { display: block; }
    .hero-replica__benefits b { font-size: 17px; }
    .hero-replica__benefits small { margin-top: 5px; font-size: 14px; line-height: 1.35; }

    .hero-replica__mobile-header,
    .hero-replica__floating-cta {
        display: none;
    }

    .hero-replica__plane {
        position: absolute;
        z-index: 2;
        top: 154px;
        left: 53.7%;
        right: auto;
        color: #fff;
        font-size: 51px;
        transform: rotate(17deg);
    }

    .hero-replica__rays {
        position: absolute;
        z-index: 2;
        top: 121px;
        left: 74.2%;
        right: auto;
        width: 37px;
        height: 0;
        border-top: 5px solid #fff;
        border-radius: 8px;
        transform: rotate(-18deg);
    }

    .hero-replica__rays::before,
    .hero-replica__rays::after {
        position: absolute;
        right: 0;
        width: 37px;
        border-top: 5px solid #fff;
        border-radius: 8px;
        content: '';
    }
    .hero-replica__rays::before { top: -26px; transform: rotate(-8deg); }
    .hero-replica__rays::after { top: 26px; transform: rotate(8deg); }

    /* Laptop / compact desktop: stop the desktop artwork from colliding. */
    @media (max-width: 1599px) and (min-width: 992px) {
        .hero-replica { min-height: 690px; overflow-x: clip; }
        .hero-replica__inner { height: 690px; }
        .hero-replica__copy { top: 100px; left: 54px; max-width: 650px; }
        .hero-replica__eyebrow { padding: 9px 21px; font-size: 16px; }
        .hero-replica h1 { margin-top: 13px; font-size: clamp(48px, 4.4vw, 66px); }
        .hero-replica__intro { margin: 18px 0 23px; font-size: 18px; }
        .hero-replica__stats { gap: 17px; margin-bottom: 24px; }
        .hero-replica__stats > div { grid-template-columns: 50px auto; min-width: 132px; padding-right: 15px; }
        .hero-stat-icon { width: 48px; height: 48px; font-size: 20px; }
        .hero-replica__stats b { font-size: 18px; }
        .hero-replica__stats small { font-size: 13px; }
        .hero-action { min-width: 238px; padding: 14px 20px; font-size: 17px; }
        .hero-replica__person { top: 72px; right: 6%; width: min(39vw, 510px); transform: none; }
        .hero-replica__person--slide-two { top: 45px; right: 4%; bottom: auto; width: auto; height: min(570px, calc(100% - 90px)); max-width: 46%; max-height: none; }
        .hero-replica__plane { top: 137px; left: 55%; font-size: 40px; }
        .hero-replica__rays { top: 110px; left: 76%; }
        .hero-replica__benefits { right: 3%; bottom: -14px; left: 3%; min-height: 108px; padding: 12px 8px; }
        .hero-replica__benefits > div { gap: 9px; padding: 0 10px; }
        .hero-replica__benefits > div > span { flex-basis: 49px; width: 49px; height: 49px; font-size: 20px; }
        .hero-replica__benefits b { font-size: 14px; }
        .hero-replica__benefits small { font-size: 12px; }
    }

    @media (max-width: 991px) {
        .hero-replica { overflow: hidden; }
        .hero-replica, .hero-replica__inner { height: auto; min-height: 850px; }
        .hero-replica__inner { max-width: 960px !important; margin: 0 auto; padding: 50px 24px 200px; }
        .hero-replica__copy { position: relative; top: auto; left: auto; }
        .hero-replica__person { top: auto; right: 3%; bottom: 110px; width: 48vw; transform: none; }
        .hero-replica__person--slide-two { top: auto; right: 3%; bottom: 120px; width: 48vw; height: auto; max-width: none; }
        .hero-replica__benefits { bottom: 24px; grid-template-columns: repeat(3, 1fr); }
        .hero-replica__benefits > div:nth-child(3) { border-right: 0; }
        .hero-replica__benefits > div:nth-child(n+4) { display: none; }
    }

    @media (max-width: 767px) {
        .hero-replica {
            display: none;
        }

        .hero-section-mobile {
            display: block !important;
            margin-top: 0 !important;
            background: #06265f;
        }

        .hero-section-mobile.mobile-slide-hidden {
            display: none !important;
        }

        .hero-replica__mobile-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 0;
            padding: 10px 12px;
            border-radius: 14px 14px 0 0;
            background: rgba(255, 255, 255, 0.96);
            box-shadow: 0 10px 18px rgba(11, 32, 77, 0.08);
        }

        .hero-replica__floating-cta {
            display: none;
        }

        .hero-replica,
        .hero-replica__inner {
            min-height: auto;
        }

        .hero-replica__inner {
            max-width: none !important;
            padding: 0 0 18px;
            border-radius: 18px;
            overflow: hidden;
        }

        .hero-replica__brand {
            display: flex;
            align-items: center;
            gap: 10px;
            font-weight: 800;
            letter-spacing: .04em;
            color: #0d3d9e;
        }

        .hero-replica__brand-mark {
            display: grid;
            place-items: center;
            width: 28px;
            height: 28px;
            border-radius: 8px;
            background: #0d3d9e;
            color: #fff;
            font-size: 18px;
            font-weight: 900;
        }

        .hero-replica__brand-text {
            font-size: 12px;
            line-height: 1.1;
            color: #0d3d9e;
        }

        .hero-replica__header-tools {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .hero-replica__country {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 5px 10px;
            border-radius: 999px;
            background: rgba(13, 61, 158, 0.04);
            border: 1px solid rgba(13, 61, 158, 0.18);
            font-size: 11px;
            color: #0d3d9e;
        }

        .hero-replica__flag {
            font-size: 12px;
        }

        .hero-replica__menu {
            display: inline-flex;
            flex-direction: column;
            justify-content: center;
            gap: 4px;
            width: 34px;
            height: 34px;
            border: 0;
            border-radius: 10px;
            background: rgba(13, 61, 158, 0.06);
        }

        .hero-replica__menu span {
            display: block;
            width: 18px;
            height: 2px;
            margin: 0 auto;
            border-radius: 999px;
            background: #0d3d9e;
        }

        .hero-replica__mobile-image-wrap {
            position: relative;
            order: 1;
            margin-top: 6px;
        }

        .hero-replica__person {
            position: relative;
            right: auto;
            bottom: auto;
            display: block;
            width: 86%;
            max-width: 100%;
            height: auto;
            margin: 0 auto;
            object-fit: contain;
            object-position: center top;
            transform: none;
        }

        .hero-replica__copy--mobile-variant {
            position: relative;
            top: auto;
            left: auto;
            max-width: 100%;
            padding: 14px 16px 10px;
            margin-top: -4px;
            border-radius: 22px 22px 0 0;
            background: rgba(255, 255, 255, 0.10);
            text-align: left;
            order: 2;
        }

        .hero-replica__copy--mobile-variant {
            margin-top: 0;
            border-radius: 18px 18px 0 0;
            background: rgba(255, 255, 255, 0.06);
        }

        .hero-replica__eyebrow {
            display: block;
            font-size: 10px;
            padding: 0;
            border-radius: 0;
            background: transparent;
            letter-spacing: .08em;
            color: #fff;
        }

        .hero-replica h1 {
            font-size: 28px;
            line-height: 1.05;
            letter-spacing: -.04em;
            margin: 12px 0 10px;
        }

        .hero-replica__intro {
            font-size: 12px;
            line-height: 1.5;
            margin: 0 0 14px;
            color: rgba(255, 255, 255, 0.95);
        }

        .hero-replica__stats {
            display: flex;
            gap: 10px;
            margin-bottom: 14px;
            justify-content: space-between;
        }

        .hero-replica__stats > div {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-width: 0;
            width: 33.333%;
            min-height: 72px;
            padding: 8px 4px;
            border: 0;
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.08);
            text-align: center;
        }

        .hero-stat-icon {
            display: grid;
            place-items: center;
            width: 30px;
            height: 30px;
            margin-bottom: 8px;
            border-radius: 50%;
            font-size: 14px;
        }

        .hero-replica__stats b {
            font-size: 14px;
            line-height: 1.2;
        }

        .hero-replica__stats small {
            font-size: 9px;
            line-height: 1.3;
        }

        .hero-replica__actions {
            flex-direction: column;
            gap: 10px;
            margin-top: 8px;
        }

        .hero-action {
            min-width: 0;
            width: 100%;
            padding: 13px 18px;
            font-size: 15px;
            justify-content: center;
            border-radius: 10px;
        }

        .hero-action--outline {
            border-width: 1px;
            background: rgba(255,255,255,.05);
        }

        .hero-replica__benefits {
            display: none;
        }

        .hero-replica--slide-two .hero-replica__copy {
            margin-top: -8px;
        }

        .hero-replica--slide-two .hero-replica__stats--stacked {
            display: block;
            margin: 12px 0 16px;
            padding-left: 0;
        }

        .hero-replica--slide-two .hero-replica__stats--stacked > div {
            display: block;
            min-height: auto;
            padding: 0;
            border: 0;
            background: transparent;
            text-align: left;
        }

        .hero-replica--slide-two .hero-replica__stats--stacked .hero-stat-icon {
            display: inline-grid;
            margin-right: 8px;
        }

        .hero-replica__floating-cta {
            position: absolute;
            right: 18px;
            bottom: 18px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 14px;
            border: 0;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.95);
            color: #0b3b86;
            font-size: 11px;
            font-weight: 700;
            box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
        }

        .hero-replica__floating-cta-icon {
            display: grid;
            place-items: center;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background: #ff9d0b;
            color: #fff;
            font-size: 12px;
        }

        .hero-replica__plane,
        .hero-replica__rays,
        .hero-replica__dots { display: none; }
    }

    .mobile-slide-item {
        position: relative;
        overflow: hidden;
        height: 75vh;
    }

    .mobile-hero-bg img {
        width: 100%;
        /* height: 75vh; */
        object-fit: contain;
        border-radius: 0;
    }

    .mobile-hero-content {
       background: rgba(255, 255,255, 0.8); 
        color: #fff;
        border-radius: 0;
        padding: 30px 20px;
    }

    .mobile-hero-content h2 {
        font-size: 1.6rem;
        line-height: 1.3;
        /* text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); */
    }

    .mobile-hero-content h5 {
        letter-spacing: 0.5px;
    }

    .mobile-hero-content p,
    .mobile-hero-content li {
        font-size: 14px;
        opacity: 0.9;
    }

    .mobile-hero-content .btn {
        background-color: #007bff;
        border: none;
    }

    @media (max-width: 767px) {
        @keyframes mobileHeroSlideIn {
            from {
                opacity: 0;
                transform: translateX(22px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        .hero-section-mobile .mobile-slide-item {
            height: 610px;
            top:80px;
            min-height: 610px;
            background-image: url('{{ asset('admin/banner_img/Banner1.png') }}');
            background-color: #06265f;
            background-size: cover;
            background-position: center top;
            background-repeat: no-repeat;
        }

        .hero-section-mobile:not(.mobile-slide-hidden) .mobile-slide-item {
            animation: mobileHeroSlideIn .65s ease both;
        }

        .hero-section-mobile--two .mobile-slide-item {
            background-image: url('{{ asset('admin/banner_img/Banner2.png') }}');
            background-position: center top;
        }

        .hero-section-mobile .hero-mobile-content {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            padding: 0 14px 14px;
            color: #123c82;
            background: transparent;
        }

        .hero-section-mobile .hero-mobile-copy {
            padding: 18px 16px 16px;
            border-radius: 18px 18px 0 0;
            background: rgb(255 255 255 / 80%);
            box-shadow: 0 -8px 22px rgba(0, 26, 83, .18);
        }

        .hero-section-mobile .hero-mobile-kicker {
            margin: 0 0 7px;
            color: #00a9d1;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: .08em;
        }

        .hero-section-mobile .hero-mobile-title {
            margin: 0 0 9px;
            color: #123c82;
            font-size: 27px;
            font-weight: 800;
            line-height: 1.08;
        }

        .hero-section-mobile .hero-mobile-title strong {
            color: #f28a11;
        }

        .hero-section-mobile .hero-mobile-description {
            margin: 0 0 10px;
            color: #4d6382;
            font-size: 12px;
            line-height: 1.45;
        }

        .hero-section-mobile .hero-mobile-description strong {
            color: #f28a11;
        }

        .hero-section-mobile .hero-mobile-list {
            display: grid;
            gap: 5px;
            margin: 0 0 14px;
            padding: 0;
            color: #31527f;
            font-size: 11px;
            list-style: none;
        }

        .hero-section-mobile .hero-mobile-item i {
            margin-right: 6px;
            color: #16b96a;
        }

        .hero-section-mobile .hero-mobile-btn {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            padding: 12px 16px;
            border: 1px solid #ff9412;
            border-radius: 12px;
            background: #ff9412;
            color: #fff;
            box-shadow: 0 10px 20px rgba(255, 148, 18, 0.25);
            font-size: 13px;
            font-weight: 800;
        }

        .hero-section-mobile .hero-mobile-btn--secondary {
            justify-content: center;
            margin-top: 8px;
            border: 1px solid #123c82;
            background: #123c82;
            color: #fff;
            box-shadow: 0 10px 20px rgba(18, 60, 130, 0.2);
        }

        .hero-section-mobile .hero-mobile-btn--secondary i {
            margin-right: 7px;
        }

        .hero-mobile-benefits {
            display: flex !important;
            gap: 0;
            margin: 0 10px 18px;
            padding: 10px 0;
            overflow-x: auto;
            border-radius: 14px;
            background: #fff;
            box-shadow: 0 8px 20px rgba(0, 27, 84, .18);
            color: #123c82;
            scrollbar-width: none;
        }

        .hero-mobile-benefits::-webkit-scrollbar {
            display: none;
        }

        .hero-mobile-benefits > div {
            display: flex;
            flex: 0 0 245px;
            align-items: center;
            gap: 10px;
            min-height: 72px;
            padding: 8px 16px;
            border-right: 1px solid #d8e2f1;
        }

        .hero-mobile-benefits > div:last-child {
            border-right: 0;
        }

        .hero-mobile-benefits > div > span {
            display: grid;
            flex: 0 0 42px;
            place-items: center;
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: #1477f9;
            color: #fff;
            font-size: 17px;
        }

        .hero-mobile-benefits > div:nth-child(2) > span { background: #18bd67; }
        .hero-mobile-benefits > div:nth-child(3) > span { background: #ff9210; }
        .hero-mobile-benefits > div:nth-child(4) > span { background: #7544e9; }
        .hero-mobile-benefits > div:nth-child(5) > span { background: #13b9d2; }
        .hero-mobile-benefits b,
        .hero-mobile-benefits small { display: block; }
        .hero-mobile-benefits b { font-size: 13px; }
        .hero-mobile-benefits small { margin-top: 3px; font-size: 10px; line-height: 1.3; }
    }
    .learning-format-section .unlock-bg::before {
        border-radius: 11px;
        background: linear-gradient(180deg, rgba(3, 29, 65, .46) 0%, rgba(3, 24, 55, .86) 78%);
    }
    .unlock-content { position: relative; z-index: 1; max-width: 285px; }
    .unlock-label {
        display: inline-block;
        margin-bottom: 20px;
        padding: 6px 11px;
        border-radius: 6px;
        background: #00bdb9;
        color: #fff;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: .02em;
    }
    .learning-format-section .unlock-bg h2 {
        margin: 0 0 13px;
        font-size: clamp(31px, 3.1vw, 38px);
        font-weight: 800;
        line-height: 1.08;
        text-shadow: none;
    }
    .learning-format-section .unlock-bg h2 em { color: #00c5c1; font-style: normal; }
    .learning-format-section .unlock-bg p {
        margin: 0;
        color: #f4f7fb;
        font-size: 14px;
        line-height: 1.6;
    }
    .unlock-stats {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        margin: 25px -28px 0;
        padding: 22px 14px 24px;
        background: rgba(0, 42, 94, .94);
    }
    .unlock-stats > div { display: grid; justify-items: center; padding: 0 5px; text-align: center; border-right: 1px solid rgba(255,255,255,.1); }
    .unlock-stats > div:last-child { border: 0; }
    .unlock-stats i { margin-bottom: 7px; color: #09c6c4; font-size: 24px; }
    .unlock-stats strong { color: #fff; font-size: 20px; line-height: 1.1; }
    .unlock-stats span { margin-top: 5px; color: #d8e5f3; font-size: 10px; line-height: 1.35; }

    .learning-format-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .learning-format-card {
        --format-color: #08aeb0;
        --format-tint: #e5fafa;
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 287px;
        padding: 23px 22px 18px;
        border-radius: 11px;
        background: #fff;
        box-shadow: 0 4px 15px rgba(27, 46, 77, .08);
        text-align: center;
    }
    .learning-format-card--blue { --format-color: #2d8fe5; --format-tint: #e9f4ff; }
    .learning-format-card--orange { --format-color: #f18737; --format-tint: #fff0e6; }
    .learning-format-card--purple { --format-color: #7651d9; --format-tint: #f0ebff; }
    .learning-format-card .stepCard__icon {
        display: grid;
        width: 68px;
        height: 68px;
        margin-bottom: 13px;
        place-items: center;
        border-radius: 50%;
        background: var(--format-tint);
    }
    .learning-format-card .stepCard__icon img { width: 42px; height: 42px; object-fit: contain; }
    .learning-format-card h3 { margin: 0 0 10px; color: #10254b; font-size: 18px; font-weight: 800; line-height: 1.15; }
    .learning-format-card h3::after { content: ''; display: block; width: 30px; height: 2px; margin: 9px auto 0; background: var(--format-color); }
    .learning-format-card p {
        display: -webkit-box;
        overflow: hidden;
        margin: 0;
        color: #5d6b80;
        font-size: 11px;
        line-height: 1.52;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }
    .learning-format-card a { margin-top: auto; padding-top: 13px; color: var(--format-color); font-size: 12px; font-weight: 800; text-decoration: none; }
    .learning-format-card a i { margin-left: 4px; font-size: 10px; }
    .learning-format-card:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(27, 46, 77, .13); }

    @media (max-width: 767px) {
        .learning-format-layout { grid-template-columns: 1fr; }
        .learning-format-section .unlock-bg { min-height: 470px; }
        .learning-format-cards { grid-template-columns: 1fr; }
    }
    
    .top-categories-section {
        position: relative;
        padding: 80px 0 30px;
        background: linear-gradient(180deg, #f5f9fd 0%, #edf5fb 100%);
        overflow: hidden;
    }

    .top-categories-section::before,
    .top-categories-section::after {
        content: "";
        position: absolute;
        border: 1px solid rgba(73, 149, 230, 0.15);
        border-radius: 50%;
        pointer-events: none;
    }

    .top-categories-section::before {
        width: 440px;
        height: 440px;
        right: -140px;
        top: 40px;
    }

    .top-categories-section::after {
        width: 300px;
        height: 300px;
        left: -80px;
        bottom: 30px;
    }

    .top-categories-header {
        position: relative;
        z-index: 1;
        max-width: 760px;
        margin: 0 auto 42px;
        text-align: center;
    }

    .top-categories-eyebrow {
        display: inline-block;
        position: relative;
        padding: 0 22px;
        margin-bottom: 18px;
        color: #0a7ec4;
        font-size: 16px;
        font-weight: 800;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .top-categories-eyebrow::before,
    .top-categories-eyebrow::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 42px;
        height: 2px;
        background: linear-gradient(90deg, rgba(10,126,196,0), rgba(10,126,196,.8), rgba(10,126,196,0));
    }

    .top-categories-eyebrow::before { left: -52px; }
    .top-categories-eyebrow::after { right: -52px; }

    .top-categories-header h2 {
        margin: 0 0 16px;
        color: #053d8b;
        font-size: clamp(36px, 4vw, 72px);
        font-weight: 900;
        line-height: 1.02;
        letter-spacing: -0.06em;
    }

    .top-categories-header p {
        margin: 0;
        color: #2b486d;
        font-size: 18px;
        line-height: 1.6;
    }

    .top-categories-grid {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 26px 18px;
    }

    .top-category-card {
        position: relative;
        min-height: 290px;
        background: rgba(255, 255, 255, 0.35);
        border-radius: 0 0 18px 18px;
        box-shadow: 0 18px 30px rgba(18, 42, 84, 0.08);
        overflow: hidden;
        transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .top-category-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 22px 35px rgba(18, 42, 84, 0.12);
    }

    .top-category-card::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(255,255,255,0.22), transparent 54%);
        pointer-events: none;
    }

    .top-category-card::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 130px;
        height: 130px;
        background: rgba(255,255,255,0.18);
        clip-path: polygon(0 0, 100% 0, 0 100%);
    }

    .top-category-card--blue { background: linear-gradient(180deg, rgba(17, 153, 232, 0.12), rgba(17, 153, 232, 0.04)); }
    .top-category-card--blue .top-category-index { background: #0a90e8; }
    .top-category-card--blue .top-category-icon { background: #0f7de6; }
    .top-category-card--blue .top-category-link-text { color: #0d7ee8; }

    .top-category-card--green { background: linear-gradient(180deg, rgba(21, 201, 150, 0.12), rgba(21, 201, 150, 0.04)); }
    .top-category-card--green .top-category-index { background: #16b98d; }
    .top-category-card--green .top-category-icon { background: #1abf9d; }
    .top-category-card--green .top-category-link-text { color: #1abf9d; }

    .top-category-card--amber { background: linear-gradient(180deg, rgba(247, 160, 40, 0.12), rgba(247, 160, 40, 0.03)); }
    .top-category-card--amber .top-category-index { background: #ef9c1b; }
    .top-category-card--amber .top-category-icon { background: #f4a123; }
    .top-category-card--amber .top-category-link-text { color: #ef9c1b; }

    .top-category-card--purple { background: linear-gradient(180deg, rgba(120, 80, 255, 0.1), rgba(120, 80, 255, 0.03)); }
    .top-category-card--purple .top-category-index { background: #784eff; }
    .top-category-card--purple .top-category-icon { background: #7d51ff; }
    .top-category-card--purple .top-category-link-text { color: #7d51ff; }

    .top-category-card--pink { background: linear-gradient(180deg, rgba(255, 78, 147, 0.08), rgba(255, 78, 147, 0.03)); }
    .top-category-card--pink .top-category-index { background: #ea4f9a; }
    .top-category-card--pink .top-category-icon { background: #ef5ca1; }
    .top-category-card--pink .top-category-link-text { color: #ea4f9a; }

    .top-category-card--teal { background: linear-gradient(180deg, rgba(0, 195, 206, 0.1), rgba(0, 195, 206, 0.03)); }
    .top-category-card--teal .top-category-index { background: #1ac2d5; }
    .top-category-card--teal .top-category-icon { background: #1fc3d4; }
    .top-category-card--teal .top-category-link-text { color: #1ac2d5; }

    .top-category-card--orange { background: linear-gradient(180deg, rgba(255, 123, 32, 0.1), rgba(255, 123, 32, 0.03)); }
    .top-category-card--orange .top-category-index { background: #f47d22; }
    .top-category-card--orange .top-category-icon { background: #ff8a2d; }
    .top-category-card--orange .top-category-link-text { color: #f47d22; }

    .top-category-card--cyan { background: linear-gradient(180deg, rgba(28, 176, 194, 0.1), rgba(28, 176, 194, 0.03)); }
    .top-category-card--cyan .top-category-index { background: #2cb3d3; }
    .top-category-card--cyan .top-category-icon { background: #38bed8; }
    .top-category-card--cyan .top-category-link-text { color: #2cb3d3; }

    .top-category-link {
        position: relative;
        z-index: 1;
        display: block;
        height: 100%;
        padding: 22px 20px 18px;
        text-decoration: none;
        color: #0b2d6a;
    }

    .top-category-index {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 72px;
        height: 52px;
        padding: 0 18px;
        border-bottom-right-radius: 18px;
        color: #fff;
        font-size: 24px;
        font-weight: 800;
        box-shadow: 0 10px 18px rgba(11, 24, 65, 0.1);
    }

    .top-category-icon-wrap {
        display: flex;
        justify-content: center;
        margin: 52px 0 18px;
    }

    .top-category-icon {
        display: grid;
        place-items: center;
        width: 98px;
        height: 98px;
        border-radius: 50%;
        background: #117ce7;
        box-shadow: inset 0 0 0 10px rgba(255,255,255,0.16);
    }

    .top-category-icon img {
        width: 46px;
        height: 46px;
        object-fit: contain;
    }

    .top-category-icon i {
        color: #fff;
        font-size: 36px;
        line-height: 1;
    }

    .top-category-card h3 {
        margin: 0 0 12px;
        color: #0b2d6a;
        font-size: clamp(22px, 2vw, 30px);
        font-weight: 800;
        line-height: 1.2;
        letter-spacing: -0.04em;
    }

    .top-category-card p {
        margin: 0;
        color: #3f5177;
        font-size: 15px;
        line-height: 1.6;
    }

    .top-category-link-text {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-top: 18px;
        padding-top: 14px;
        border-top: 2px solid rgba(25, 52, 90, 0.12);
        font-size: 18px;
        font-weight: 700;
    }

    .top-category-link-text i {
        font-size: 16px;
    }

    /* Top category cards — reference layout */
    .top-categories-section {
        padding: 50px 0 14px;
        background: linear-gradient(180deg, #fafcff 0%, #f4f8ff 100%);
    }

    .top-categories-section::before {
        width: 360px;
        height: 360px;
        right: -135px;
        top: 22px;
        border-width: 58px;
        border-color: rgba(88, 155, 246, .07);
    }

    .top-categories-section::after {
        width: 100px;
        height: 70px;
        left: 22px;
        bottom: auto;
        top: 66px;
        border: 0;
        border-radius: 0;
        background-image: radial-gradient(circle, #c5edf6 2px, transparent 2px);
        background-size: 18px 18px;
    }

    .top-categories-header { max-width: 600px; margin-bottom: 28px; }
    .top-categories-eyebrow { margin-bottom: 9px; font-size: 11px; color: #04a9ba; }
    .top-categories-eyebrow::before, .top-categories-eyebrow::after { width: 28px; background: #20bcc9; }
    .top-categories-eyebrow::before { left: -37px; }
    .top-categories-eyebrow::after { right: -37px; }
    .top-categories-header h2 { margin-bottom: 9px; color: #050f32; font-size: clamp(34px, 4vw, 52px); letter-spacing: -.045em; }
    .top-categories-header p { color: #63708c; font-size: 14px; line-height: 1.45; }

    .top-categories-grid { gap: 16px; }
    .top-category-card {
        --category-color: #1479ed;
        --category-tint: #eaf3ff;
        min-height: 222px;
        background: #fff !important;
        border: 0;
        border-bottom: 4px solid var(--category-color);
        border-radius: 11px 11px 3px 3px;
        box-shadow: 0 5px 18px rgba(27, 57, 105, .10);
    }
    .top-category-card::before { display: none; }
    .top-category-card::after { width: 63px; height: 57px; background: var(--category-color); }
    .top-category-card--blue { --category-color: #1479ed; --category-tint: #e9f3ff; }
    .top-category-card--green { --category-color: #00a394; --category-tint: #e7fbf7; }
    .top-category-card--amber { --category-color: #ff9900; --category-tint: #fff5e5; }
    .top-category-card--purple { --category-color: #673de6; --category-tint: #f1edff; }
    .top-category-card--pink { --category-color: #ee55a1; --category-tint: #ffedf6; }
    .top-category-card--teal { --category-color: #168fe2; --category-tint: #eaf5ff; }
    .top-category-card--orange { --category-color: #ff6a3d; --category-tint: #fff0eb; }
    .top-category-card--cyan { --category-color: #0abdc8; --category-tint: #e8fbfc; }

    .top-category-link { padding: 14px 15px 12px; text-align: center; color: #111a38; }
    .top-category-index {
        z-index: 2;
        top: 8px;
        left: 10px;
        min-width: 0;
        height: auto;
        padding: 0;
        background: transparent !important;
        box-shadow: none;
        font-size: 13px;
    }
    .top-category-icon-wrap { margin: 10px 0 8px; }
    .top-category-icon {
        width: 58px;
        height: 58px;
        background: var(--category-tint) !important;
        box-shadow: inset 0 0 0 1px rgba(15, 91, 175, .05), 0 0 0 3px #fff, 0 0 0 4px color-mix(in srgb, var(--category-color) 25%, transparent);
    }
    .top-category-icon img { width: 31px; height: 31px; }
    .top-category-icon i { color: var(--category-color); font-size: 25px; }
    .top-category-card h3 { min-height: 37px; margin: 0 0 6px; color: #111a38; font-size: 20px; line-height: 1.14; letter-spacing: -.02em; }
    .top-category-card p {
        display: -webkit-box;
        min-height: 42px;
        margin: 0;
        overflow: hidden;
        color: #53617a;
        font-size: 12px;
        line-height: 1.4;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    .top-category-link-text {
        margin-top: 7px;
        padding: 0;
        border: 0;
        color: var(--category-color) !important;
        font-size: 11px;
        font-weight: 800;
    }
    .top-category-link-text i { font-size: 10px; }

    @media (min-width: 768px) and (max-width: 1199px) {
        .top-categories-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    }

    button#site-reviews-tab {
        background-color: #0d6efd;
    }

    @media (max-width: 1199px) {
        .top-categories-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 767px) {
        .top-categories-section {
            padding-top: 60px;
        }

        .top-categories-header {
            margin-bottom: 28px;
        }

        .top-categories-header p {
            font-size: 15px;
            padding: 0 8px;
        }

        .top-categories-grid {
            grid-template-columns: 1fr;
            gap: 16px;
        }

        .top-category-card {
            min-height: 210px;
        }

        .top-category-index {
            min-width: 64px;
            height: 46px;
            font-size: 20px;
        }

        .top-category-icon-wrap {
            margin-top: 42px;
        }

        .top-category-icon {
            width: 78px;
            height: 78px;
        }

        .top-category-card h3 {
            font-size: 24px;
        }
    }

    /* Corporate clients: reference-card layout */
    .corporate-clients-section {
        position: relative;
        overflow: hidden;
        padding: 56px 0 64px;
        background: #fff;
    }
    .corporate-clients-section__container { position: relative; z-index: 1; }
    .corporate-clients-section__heading { margin-bottom: 24px; }
    .corporate-clients-section__heading h2 {
        margin: 0;
        color: #101d3d;
        font-size: clamp(2rem, 3.2vw, 3.2rem);
        font-weight: 800;
        line-height: .98;
        letter-spacing: -.055em;
    }
    .corporate-clients-section__heading > span {
        display: block;
        width: 42px;
        height: 3px;
        margin: 14px 0 13px;
        border-radius: 99px;
        background: #12b8c6;
    }
    .corporate-clients-section__heading p {
        margin: 0;
        color: #657189;
        font-size: .88rem;
        line-height: 1.55;
    }
    
    .corporate-clients-section .slider-corporate {
        overflow: hidden;
        padding: 8px 4px 26px;
    }
    .corporate-clients-section .slider-corporate .client-grid {
        display: flex;
        gap: 0;
        padding: 0;
    }
    .corporate-clients-section .corporate-client-slide {
        display: flex;
        height: auto;
    }
    .corporate-clients-section .corporate-client-card {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 0;
        height: 100%;
        border: 1px solid #edf0f5;
        border-radius: 12px;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 10px 22px rgba(34, 55, 92, .12);
    }
    .corporate-clients-section .profile-header {
        position: relative;
        height: 142px;
        overflow: hidden;
        border-radius: 11px 11px 0 0;
        background: var(--client-color);
    }
    .corporate-clients-section .corporate-client-card--seagreen .profile-header {
        --client-color: #28c4ce;
        --client-wave: #9be5e7;
    }
    .corporate-clients-section .corporate-client-card--orange .profile-header {
        --client-color: #f8a365;
        --client-wave: #ffd5b4;
    }
    .corporate-clients-section .corporate-client-card--violet .profile-header {
        --client-color: #927cf0;
        --client-wave: #c7b8f8;
    }
    .corporate-clients-section .profile-header::before,
    .corporate-clients-section .profile-header::after {
        content: '';
        position: absolute;
        right: -12%;
        left: -12%;
        border-radius: 50%;
        pointer-events: none;
    }
    .corporate-clients-section .profile-header::before {
        height: 94px;
        bottom: 30px;
        background: var(--client-wave);
        transform: rotate(-5deg);
    }
    .corporate-clients-section .profile-header::after {
        height: 104px;
        bottom: -67px;
        background: #fff;
        transform: rotate(4deg);
    }
    .corporate-clients-section .corporate-client-card__body {
        min-height: 225px;
        margin-top: -1px;
        padding: 0 24px 17px;
        background: #fff;
        position: relative;
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .corporate-clients-section .corporate-client-card__avatar-wrap {
        width: 110px;
        height: 110px;
        position: absolute;
        left: 50%;
        top: -55px;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translateX(-50%);
        border-radius: 50%;
        background: #fff;
        border: 3px solid #fff;
        box-shadow: 0 5px 11px rgba(26, 44, 79, .19);
    }
    .corporate-clients-section .profile-pic {
        width: 100px;
        height: 100px;
        margin: 0;
        border: 2px solid #e7edf6;
        object-fit: cover;
        object-position: center;
    }
    .corporate-clients-section .corporate-client-card__quote {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 68px;
        height: 22px;
        color: #09adb9;
        font-size: 1.25rem;
        line-height: 1;
    }
    .corporate-clients-section .corporate-client-card__name-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 7px 0 11px;
        gap: 3px;
    }
    .corporate-clients-section .corporate-client-card__name-wrap h3 {
        color: #162647;
        font-size: 1rem;
        font-weight: 800;
    }
    .corporate-clients-section .corporate-client-card__name-wrap .btn-link svg {
        width: 13px;
        height: 13px;
        vertical-align: -1px;
    }
    .corporate-clients-section .corporate-client-card__description {
        min-height: 45px;
        margin: 0;
        color: #657189;
        font-size: .72rem;
        line-height: 1.45;
    }
    .corporate-clients-section .corporate-client-card__description p { margin: 0; }
    .corporate-clients-section .corporate-client-card__footer {
        position: relative;
        width: 100%;
        min-height: 58px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: auto;
        padding-top: 0;
        border-top: 0;
    }
    .corporate-clients-section .corporate-client-card__footer::before {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        height: 1px;
        background: #e1e7ef;
    }
    .corporate-clients-section .corporate-client-card__badge {
        position: relative;
        z-index: 1;
        width: 43px;
        height: 43px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        box-shadow: 0 0 0 9px #fff;
        font-size: 1rem;
        background: #eaf9fa;
        color: #10b3be;
    }
    .corporate-clients-section .corporate-client-card--orange .corporate-client-card__badge { background: #fff2e9; color: #ff9854; }
    .corporate-clients-section .corporate-client-card--violet .corporate-client-card__badge { background: #f1edff; color: #956cf0; }
    @media (max-width: 767px) {
        .corporate-clients-section { padding: 42px 0; }
        .corporate-clients-section__heading h2 { font-size: 2.2rem; }
    }