@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* =====================================================
           ROOT
        ====================================================== */

:root {
    --primary: #1765a8;
    --primary-dark: #10578f;
    --text: #102f4f;
    --muted: #829ab3;
    --border: #e1e8f0;
    --light-blue: #f4f8fc;
    /* Announcement bar height */
    --announcement-height: 61px;
}


/* =====================================================
           BASIC
        ====================================================== */

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Open Sans", sans-serif;
    color: var(--text);
    background: #fff;
}

a {
    text-decoration: none!important;
}

button {
    font-family: inherit;
}

h1, h2, h3, h4, h5 {
    font-family: 'Poppins', system-ui, sans-serif;
    margin: 0;
    text-wrap: balance;
}
/* =====================================================
           COMMON CONTAINER
        ====================================================== */

.header-container,
.announcement-inner {
    width: min(1560px,
            calc(100% - 40px));
    margin-left: auto;
    margin-right: auto;
}


/* =====================================================
           ANNOUNCEMENT BAR
        ====================================================== */

.announcement-bar {
    display: flex;
    align-items: center;
    background: #1765a8;
    color: #fff;
    position: relative;
    z-index: 1100;
    max-width: 1320px;
}

.announcement-inner {
    padding: 9px clamp(18px, 3.4vw, 32px);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}


.new-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    padding: 0 12px;
    margin-right: 18px;
    background: #fff;
    color: #1765a8;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    flex-shrink: 0;
}


.announcement-text {
    font-size: 13.5px;
    line-height: 1.4;
}

.announcement-link {
    margin-left: 18px;
    color: #fff;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: underline;
    white-space: nowrap;
}

.announcement-close {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #dcecff;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    z-index: 5;
}



/* =====================================================
           DESKTOP MAIN HEADER
        ====================================================== */

.main-header {
    height: 85px;
    background: #fff;
    border-bottom: 1px solid #e2e7ed;
    position: relative;
    z-index: 1000;
    padding: 0 5%;
    margin: 0 auto;
}


.header-container {
    height: 100%;
    display: flex;
    align-items: center;
}



/* =====================================================
           LOGO
        ====================================================== */

.brand-logo {
    width: 250px;
    min-width: 250px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.brand-logo img {
    width: 225px;
}





/* =====================================================
           DESKTOP NAVIGATION
        ====================================================== */

.desktop-navigation {
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 30px;
    margin-right: auto;
}


.desktop-navigation>ul {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}


.desktop-navigation>ul>li {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}


.nav-link-custom {
    height: 50px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 18px;
    border-radius: 12px;
    color: #102f4f;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    transition:
        color .2s ease,
        background .2s ease;
}


.nav-link-custom:hover {
    background: #f2f7fc;
    color: var(--primary);
}


.nav-link-custom i {
    font-size: 12px;
    line-height: 1;
}



/* =====================================================
           SERVICES ACTIVE
        ====================================================== */

.services-item:hover>.nav-link-custom {
    background: #f2f7fc;
    color: var(--primary);
}



/* =====================================================
           SERVICES MEGA MENU
        ====================================================== */

.services-mega-menu {
    position: fixed;
    /*
             * IMPORTANT:
             * Header is 105px high.
             * Announcement height is controlled by variable.
             *
             * When announcement is visible:
             * 105px + 61px = 166px
             *
             * When announcement is closed:
             * 105px + 0px = 105px
             */
    top: calc(69px + var(--announcement-height));
    left: 50%;
    width: 100vw;
    transform:
        translateX(-50%) translateY(10px);
    background: #fff;
    border-top: 1px solid #e0e7ef;
    border-bottom: 1px solid #e0e7ef;
    padding: 33px 0 32px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    box-shadow:
        0 20px 40px rgba(20, 55, 90, .07);
    transition:
        opacity .18s ease,
        transform .18s ease,
        visibility .18s ease,
        top .18s ease;
}


/* Invisible hover bridge */

.services-mega-menu::before {
    content: "";
    position: absolute;
    top: -18px;
    left: 0;
    width: 100%;
    height: 18px;
}


/* OPEN MEGA MENU */

.services-item:hover .services-mega-menu,
.services-mega-menu:hover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform:
        translateX(-50%) translateY(0);
}



/* =====================================================
           MEGA MENU INNER
        ====================================================== */

.mega-inner {
    width: min(1560px,
            calc(100% - 40px));
    margin: 0 auto;
    display: grid;
    grid-template-columns:
        1fr 1fr 1fr 360px;
    column-gap: 42px;
    align-items: start;
}



/* =====================================================
           MEGA MENU COLUMNS
        ====================================================== */

.mega-column-title {
    margin-bottom: 20px;
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 1.2;
}


.mega-column ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


.mega-column li {
    margin: 0 0 12px;
}


.mega-column li:last-child {
    margin-bottom: 0;
}


.mega-column a {
    display: block;
    color: #102f4f;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    transition: color .2s ease;
}


.mega-column a:hover {
    color: var(--primary);
}



/* =====================================================
           MOST REQUESTED BOX
        ====================================================== */

.requested-box {
    width: 100%;
    padding: 30px;
    background: #f5f9fd;
    border: 1px solid #dce7f2;
    border-radius: 20px;
    align-self: start;
}


.requested-title {
    margin-bottom: 14px;
    color: #0864ad;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
}


.requested-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


.requested-tag {
    display: flex;
    align-items: center;
    padding: 8px 11px;
    background: #fff;
    border: 1px solid #d4e0ec;
    border-radius: 9px;
    color: #173653;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.requested-tag:hover {
    border-color: rgb(14, 95, 168) !important;
    color: rgb(14, 95, 168) !important;
}

.all-services {
    display: inline-block;
    margin-top: 26px;
    color: #0867b4;
    font-size: 13px;
    font-weight: 600;
}


.all-services:hover {
    color: #10578f;
}


/* =====================================================
           RESOURCES DROPDOWN
        ====================================================== */
.resources-item {
    position: relative;
}

.resources-dropdown {
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    width: 240px;
    padding: 10px;
    background: #fff;
    border: 1px solid #e1e8f0;
    border-radius:
        0 0 12px 12px;
    box-shadow:
        0 18px 35px rgba(20, 55, 90, .10);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition:
        opacity .18s ease,
        visibility .18s ease,
        transform .18s ease;
}

.resources-dropdown::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    width: 100%;
    height: 12px;
}

.resources-item:hover .resources-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


.resources-dropdown a {
    display: block;
    padding: 8px 14px;
    border-radius: 8px;
    color: #102f4f;
    font-size: 15px;
}


.resources-dropdown a:hover {
    background: #f3f7fb;
    color: var(--primary);
}



/* =====================================================
           RIGHT HEADER ACTIONS
        ====================================================== */

.header-actions {
    margin-left: 30px;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
}


.search-btn {
    width: 40px;
    height: 40px;
    padding: 0;
    display: grid;
    place-items: center;
    background: none;
    border: 1px solid rgb(228, 234, 241);
    border-radius: 9px;
    color: rgb(60, 85, 112);
    cursor: pointer;
}


.search-btn:hover {
    border-color: #bfd1e2;
    color: var(--primary);
}


.consultation-btn {
    display: inline-flex;
    align-items: center;
    height: 46px;
    padding: 0px 22px;
    background: rgb(14, 95, 168);
    color: rgb(255, 255, 255);
    border-radius: 10px;
    white-space: nowrap;
}


.consultation-btn:hover {
    background: var(--primary-dark);
    color: #fff;
}



/* =====================================================
           MOBILE HEADER
        ====================================================== */

.mobile-header {
    display: none;
    height: 78px;
    background: #fff;
    border-bottom: 1px solid #e2e7ed;
    position: relative;
    z-index: 1000;
}


.mobile-header-inner {
    height: 100%;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.mobile-logo {
    width: 190px;
    display: block;
}

.mobile-logo img {
    width: 215px;
}


.mobile-menu-btn {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #dfe7ef;
    border-radius: 10px;
    background: #fff;
    color: var(--primary);
    font-size: 24px;
    cursor: pointer;
}



/* =====================================================
           MOBILE OVERLAY
        ====================================================== */

.mobile-overlay {
    position: fixed;
    inset: 0;
    background: rgba(9, 31, 52, .45);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition:
        opacity .25s ease,
        visibility .25s ease;
}


.mobile-overlay.active {
    opacity: 1;
    visibility: visible;
}



/* =====================================================
           MOBILE MENU
           SLIDES FROM LEFT
        ====================================================== */

.mobile-menu {
    position: fixed;
    top: 0;
    left: -100%;
    right: auto;
    width: min(410px, 92%);
    height: 100vh;
    background: #fff;
    z-index: 9999;
    overflow-y: auto;
    box-shadow:
        10px 0 30px rgba(0, 0, 0, .12);
    transition:
        left .3s ease;
}


.mobile-menu.active {
    left: 0;
    right: auto;
}



/* =====================================================
           MOBILE MENU HEADER
        ====================================================== */

.mobile-menu-header {
    height: 78px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5eaf0;
}


.mobile-menu-title {
    color: var(--primary);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .5px;
}


.mobile-close {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #dce4ed;
    border-radius: 8px;
    background: #fff;
    color: #173653;
    font-size: 19px;
    cursor: pointer;
}



/* =====================================================
           MOBILE NAVIGATION
        ====================================================== */

.mobile-navigation {
    padding: 15px 10px 30px;
}


.mobile-navigation>a,
.mobile-navigation>button {
    width: 100%;
    /* min-height: 49px; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 10px;
    border: 0;
    border-bottom: 1px solid #edf1f5;
    background: transparent;
    color: #102f4f;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}


.mobile-navigation>a:hover,
.mobile-navigation>button:hover {
    color: var(--primary);
}


.mobile-toggle i {
    font-size: 13px;
    transition: transform .2s ease;
}



/* =====================================================
           MOBILE SUBMENU
        ====================================================== */

.mobile-submenu {
    display: none;
    padding: 5px 10px 12px;
}


.mobile-submenu.active {
    display: block;
}


.mobile-submenu a {
    display: block;
    padding: 10px;
    color: #102f4f;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
}


.mobile-submenu a:hover {
    color: var(--primary);
}



/* =====================================================
           MOBILE SERVICES SECTIONS
        ====================================================== */

.mobile-mega-section {
    margin-bottom: 12px;
}


.mobile-mega-heading {
    display: block;
    padding: 12px 10px 7px;
    color: #849ab2;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.3px;
}


.mobile-all-services {
    color: var(--primary) !important;
    font-weight: 600 !important;
    margin-top: 4px;
}



/* =====================================================
           MOBILE CONSULTATION
        ====================================================== */

.mobile-consultation {
    margin-top: 20px;
    min-height: 54px !important;
    display: flex !important;
    align-items: center;
    justify-content: center !important;
    background: var(--primary) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 10px;
    text-align: center !important;
}


.mobile-consultation:hover {
    color: #fff !important;
    background: var(--primary-dark) !important;
}



/* =====================================================
           TABLET
        ====================================================== */

@media (max-width: 1250px) {
    .brand-logo {
        width: 215px;
        min-width: 215px;
    }

    .desktop-navigation {
        margin-left: 15px;
    }

    .nav-link-custom {
        padding-left: 12px;
        padding-right: 12px;
        font-size: 16px;
    }

    .header-actions {
        margin-left: 15px;
    }

    .consultation-btn {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 15px;
    }

    .mega-inner {
        grid-template-columns:
            1fr 1fr 1fr 310px;
        column-gap: 25px;
    }

    .mega-column a {
        font-size: 16px;
    }
}



/* =====================================================
           MOBILE / TABLET
        ====================================================== */

@media (max-width: 991px) {
    .announcement-bar {
        min-height: 55px;
        padding: 8px 0;
    }

    .announcement-inner {
        min-height: 39px;
        width: calc(100% - 55px);
        justify-content: flex-start;
        padding-right: 25px;
    }

    .announcement-text {
        font-size: 13px;
        line-height: 1.4;
    }

    .announcement-link {
        margin-left: 10px;
        font-size: 13px;
    }

    .new-badge {
        height: 26px;
        padding: 0 9px;
        margin-right: 9px;
        font-size: 10px;
    }

    .announcement-close {
        right: -12px;
    }

    /* Hide desktop header */
    .main-header {
        display: none;
    }

    /* Show mobile header */
    .mobile-header {
        display: block;
    }
}



/* =====================================================
           SMALL MOBILE
        ====================================================== */

@media (max-width: 575px) {
    .announcement-text {
        font-size: 11px;
    }

    .announcement-link {
        display: none;
    }

    .announcement-inner {
        width: calc(100% - 45px);
    }

    .mobile-logo {
        width: 165px;
    }

    .mobile-menu {
        width: 92%;
    }
}







/* =========================================
           FOOTER
        ========================================== */

.site-footer {
    background: #0E5FA8;
    color: #FFFFFF;
    padding: 75px 0 38px;
}


/* =========================================
           FOOTER CONTAINER
        ========================================== */

.footer-container {
    width: min(1575px,
            calc(100% - 40px));
    margin-left: auto;
    margin-right: auto;
}


/* ========= FOOTER TOP ALL 5 COLUMNS IN ONE LINE===================== */

.footer-top {
    display: grid;
    grid-template-columns:
        1.4fr 1fr 1fr 1fr 1fr;
    gap: 55px;
    align-items: start;
}


/* =========================================
           ABOUT COLUMN
        ========================================== */

.footer-about {
    min-width: 0;
}

.footer-logo {
    display: inline-block;
    margin-bottom: 22px;
}

.footer-logo img {
    width: 195px;
    max-width: 100%;
    height: auto;
    display: block;
}


/* ========================================= DESCRIPTION========================================== */

.footer-description {
    max-width: 380px;
    margin: 0 0 31px;
    color: rgb(214, 232, 249);
    font-weight: 400;
    line-height: 1.7;
    font-size: 14.5px;

}


/* ========================================= CONTACT ========================================== */
.footer-contact {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-contact li {
    margin-bottom: 9px;
}

.footer-contact a {
    color: #FFFFFF;
    color: rgb(214, 232, 249);
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    transition: opacity 0.2s ease;
    font-size: 14.5px;
}

.footer-contact a:hover {
    color: #FFFFFF;
    opacity: 0.75;
}


/* ========================================= COLUMN ========================================== */
.footer-column {
    min-width: 0;
}

/* ========================================= COLUMN TITLE ========================================== */
.footer-title {
    margin: 4px 0 18px;
    color: rgb(187, 220, 248);
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}


/* =========================================FOOTER LINKS========================================== */
.footer-links {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-links li {
    margin-bottom: 9px;
}

.footer-links a {
    color: rgb(214, 232, 249);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
    text-decoration: none;
    transition:
        opacity 0.2s ease,
        padding-left 0.2s ease;


}

.footer-links a:hover {
    color: #FFFFFF;
    opacity: 0.75;
    padding-left: 3px;
}


/* =========================================DIVIDER========================================== */
.footer-divider {
    height: 1px;
    background:
        rgba(255, 255, 255, 0.25);
    margin: 45px 0 24px;
}


/* =========================================FOOTER BOTTOM========================================== */
.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}


/* =========================================COPYRIGHT========================================== */
.copyright {
    margin: 0;
    color: rgb(201, 225, 247);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;

}


/* ========================================= BOTTOM LINKS========================================== */

.footer-bottom-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 34px;
    flex-wrap: wrap;
}

.footer-bottom-links a {
    color: rgb(201, 225, 247);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.footer-bottom-links a:hover {
    color: #FFFFFF;
    opacity: 0.75;
}


/* ========================================= LARGE DESKTOP========================================== */

@media (max-width: 1250px) {
    .footer-top {
        gap: 30px;
    }

    .footer-links a {
        font-size: 16px;
    }

    .footer-description {
        font-size: 16px;
    }

}


/* ========================================= TABLET ========================================== */

@media (max-width: 991px) {
    .site-footer {
        padding: 60px 0 35px;
    }

    .footer-top {
        grid-template-columns:
            repeat(3, 1fr);
        gap: 45px 30px;
    }

    .footer-about {
        grid-column: span 3;
    }

    .footer-description {
        max-width: 650px;
    }

}


/* ========================================= MOBILE ========================================== */

@media (max-width: 767px) {
    .site-footer {
        padding: 50px 0 30px;
    }

    .footer-container {
        width: calc(100% - 30px);
    }

    .footer-top {
        grid-template-columns:
            repeat(2, 1fr);
        gap: 40px 25px;
    }

    .footer-about {
        grid-column: span 2;
    }

    .footer-logo img {
        width: 180px;
    }

    .footer-description {
        font-size: 16px;
        line-height: 1.65;
    }

    .footer-links a {
        font-size: 16px;
    }

    .footer-title {
        font-size: 13px;
        letter-spacing: 1.6px;
        margin-bottom: 20px;
    }

    .footer-divider {
        margin: 45px 0 25px;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .footer-bottom-links {
        justify-content: flex-start;
        gap: 15px 25px;
    }

}


/* ========================================= SMALL MOBILE========================================== */
@media (max-width: 480px) {
    .footer-top {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .footer-about {
        grid-column: auto;
    }

    .footer-description {
        max-width: 100%;
    }

    .footer-bottom-links {
        /*display: grid;*/
        grid-template-columns:
            repeat(2, auto);
        justify-content: start;
        gap: 12px 25px;
    }

    .copyright {
        font-size: 14px;
    }

    .footer-bottom-links a {
        font-size: 14px;
    }

}



        /* =====================================================
           HERO SECTION
        ====================================================== */

        .hero-section {
            position: relative;
            width: 100%;
            min-height: 850px;
            padding:
                64px 0 55px;
            background:
                linear-gradient(180deg,
                    #F8FBFE 0%,
                    #FFFFFF 72%);
            overflow: hidden;
            padding: 4% 5%;

        }


        /* =====================================================
           HERO CONTAINER
        ====================================================== */

        .hero-container {
            width: min(1510px,
                    calc(100% - 80px));
            margin: 0 auto;

        }


        /* =====================================================
           HERO ROW
        ====================================================== */

        .hero-row {
            display: grid;
            grid-template-columns:
                minmax(0, 1.03fr) minmax(520px, .97fr);
            column-gap: 75px;
            align-items: center;

        }


        /* =====================================================
           LEFT CONTENT
        ====================================================== */

        .hero-content {
            padding-top: 1px;

        }


        /* =====================================================
           EYEBROW
        ====================================================== */


        .hero-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            min-height: 31px;
            padding: 0 17px;
            margin-bottom: 33px;
            border: 1px solid #D7E7F3;
            border-radius: 25px;
            background: #EFF7FD;
            color: #1265A7;
            font-size: 11px;
            font-weight: 600;
            line-height: 1;
            letter-spacing: 2px;
            text-transform: uppercase;
        }



        .hero-eyebrow::before {
            content: "";
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #1769B0;
            flex-shrink: 0;

        }


        /* =====================================================
           MAIN HEADING
        ====================================================== */

        .hero-title {
            max-width: 690px;
            margin: 0;
            font-size: clamp(33px, 5.2vw, 66px);
            line-height: 1.05;
            letter-spacing: -0.032em;
            font-weight: 700;
            color: rgb(10, 37, 64);

        }


        .hero-title span {
            display: block;

        }


        /* =====================================================
           DESCRIPTION
        ====================================================== */

        .hero-description {
            max-width: 680px;
            margin:
                39px 0 42px;

            font-size: clamp(16px, 1.3vw, 18px);
            line-height: 1.7;
            color: rgb(74, 96, 118);

        }


        /* =====================================================
           BUTTONS
        ====================================================== */

        .hero-buttons {
            display: flex;
            align-items: center;
            gap: 16px;

        }


        .hero-btn {
            min-height: 56px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding:
                0 30px;
            border-radius: 11px;
            font-size: 17px;
            font-weight: 600;
            text-decoration: none;
            transition:
                background .2s ease,
                border-color .2s ease,
                transform .2s ease;

        }


        .hero-btn-primary {
            align-items: center;
            height: 52px;
            padding: 0px 26px;
            background: rgb(14, 95, 168);
            color: rgb(255, 255, 255);
            font: 600 15.5px "Open Sans", sans-serif;
            border-radius: 11px;

        }


        .hero-btn-primary:hover {
            background: rgb(8, 70, 128) !important;
            border-color: var(--blue-dark);
            color: #FFFFFF;
            transform: translateY(-1px);

        }


        .hero-btn-secondary {

            align-items: center;
            height: 52px;
            padding: 0px 26px;
            background: rgb(255, 255, 255);
            color: rgb(10, 37, 64);
            border: 1px solid rgb(215, 225, 236);
            font: 600 15.5px "Open Sans", sans-serif;
            border-radius: 11px;

        }


        .hero-btn-secondary:hover {
            background: #F7FAFC;
            border-color: rgb(14, 95, 168) !important;
            color: rgb(14, 95, 168);

        }


        /* =====================================================
           HERO BOTTOM POINTS
        ====================================================== */

        .hero-points {
            max-width: 740px;
            margin-top: 47px;
            padding-top: 32px;
            border-top:
                1px solid #DFE7EE;
            display: flex;
            align-items: center;
            gap: 0;

        }


        .hero-point {
            position: relative;
            padding:
                0 30px;
            color: rgb(129, 149, 171);
            font-size: 13px;
            font-weight: 500;
            line-height: 1.4;
            white-space: nowrap;



        }


        .hero-point:first-child {
            padding-left: 0;

        }


        .hero-point+.hero-point::before {
            content: "•";
            position: absolute;
            left: 0;
            top: 0;
            color: #1769B0;
            font-size: 14px;

        }



        /* =====================================================
           RIGHT FRAMEWORK CARD
        ====================================================== */

        .framework-card {
            position: relative;
            width: 100%;
            max-width: 665px;

            margin-left: auto;
            padding: 27px;
            border:
                1px solid #DCE7EF;
            border-radius: 27px;
            background: rgba(255, 255, 255, .94);
            box-shadow:
                0 25px 55px rgba(31, 70, 105, .09);
            overflow: hidden;

        }


        /* subtle dotted background */

        .framework-card::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image:
                radial-gradient(#E7EEF4 1px,
                    transparent 1px);
            background-size: 22px 22px;
            opacity: .55;
            pointer-events: none;

        }


        .framework-card>* {
            position: relative;
            z-index: 1;

        }


        /* =====================================================
           CARD HEADER
        ====================================================== */

        .framework-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 19px;
            padding:
                0 1px;

        }


        .framework-label {
            color: rgb(129, 149, 171);
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 1.3px;
            text-transform: uppercase;

        }


        .framework-markets {
            color: #1769B0;
            font-size: 13px;
            font-weight: 600;

        }


        /* =====================================================
           FRAMEWORK GRID
        ====================================================== */

        .framework-grid {
            display: grid;
            grid-template-columns:
                repeat(4, 1fr);
            gap: 13px;

        }


        /* =====================================================
   FRAMEWORK BLOCK
===================================================== */

        .framework-item {
            min-height: 108px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 16px 17px;
            border: 1px solid #DCE6EE;
            border-radius: 17px;
            background: rgba(255, 255, 255, .88);
            transition:
                transform 0.25s ease,
                background 0.25s ease,
                border-color 0.25s ease,
                box-shadow 0.25s ease;

        }

        /* =====================================================
   BLOCK TEXT
===================================================== */

        .framework-item strong {

            display: block;

            margin-bottom: 7px;

            color: rgb(10, 37, 64);

            font-size: 15px;

            font-weight: 700;

            line-height: 1.15;

            letter-spacing: -0.3px;

            transition: color 0.25s ease;

        }


        .framework-item small {

            display: block;

            color: rgb(129, 149, 171);

            font-size: 12px;

            font-weight: 400;

            line-height: 1.4;

            transition: color 0.25s ease;

        }


        /* =====================================================
   MOUSEOVER EFFECT
===================================================== */

        .framework-item:not(.active):hover {

            background: #1769B0;

            border-color: #1769B0;

            transform: translateY(-5px);

            box-shadow:
                0 12px 25px rgba(23, 105, 176, 0.20);

        }


        .framework-item:not(.active):hover strong {

            color: #FFFFFF;

        }


        .framework-item:not(.active):hover small {

            color: #FFFFFF;

        }


        /* =====================================================
   ACTIVE UNIVATE BLOCK
===================================================== */

        .framework-item.active {

            background: #1769B0;

            border-color: #1769B0;

            cursor: default;

        }


        .framework-item.active strong {

            color: #FFFFFF;

            text-align: center;

        }


        .framework-item.active small {

            color: #FFFFFF;

            text-align: center;

            letter-spacing: 1.5px;

            text-transform: uppercase;

        }

        /* =====================================================
           ACTIVE UNIVATE BOX
        ====================================================== */

        .framework-item.active {
            background: #1769B0;
            border-color: #1769B0;

        }


        .framework-item.active strong {
            color: #FFFFFF;
            text-align: center;

        }


        .framework-item.active small {
            color: #FFFFFF;
            text-align: center;
            letter-spacing: 1.5px;
            text-transform: uppercase;

        }


        /* =====================================================
           CARD FOOTER
        ====================================================== */

        .framework-footer {
            margin-top: 22px;
            padding-top: 14px;
            border-top:
                1px dashed #DDE7EF;
            color: rgb(107, 129, 154);
            font-size: 13px;
            font-weight: 400;
            line-height: 1.5;

        }



        /* =====================================================
           DESKTOP TUNING
        ====================================================== */

        @media (max-width: 1350px) {
            .hero-container {
                width:
                    min(1240px,
                        calc(100% - 60px));
            }

            .hero-row {
                column-gap: 50px;
            }

            .hero-title {
                font-size: 64px;
            }

            .hero-description {
                font-size: 19px;
            }

            .framework-card {
                min-height: 500px;
            }

        }



        /* =====================================================
           TABLET
        ====================================================== */

        @media (max-width: 1100px) {
            .hero-section {
                padding:
                    55px 0 50px;
            }

            .hero-row {
                grid-template-columns: 1fr;
                row-gap: 55px;
            }

            .hero-content {
                max-width: 850px;
            }

            .hero-title {
                max-width: 800px;
                font-size: 64px;
            }

            .framework-card {
                max-width: 760px;
                margin:
                    0 auto;
            }

            .hero-points {
                max-width: 100%;
            }

        }



        /* =====================================================
           MOBILE
        ====================================================== */

        @media (max-width: 767px) {
            .hero-section {
                min-height: auto;
                padding:
                    40px 0 45px;
            }

            .hero-container {
                width:
                    calc(100% - 36px);
            }

            .hero-eyebrow {
                margin-bottom: 25px;
                padding:
                    0 13px;
                font-size: 10px;
                letter-spacing: 1.2px;
            }

            .hero-title {
                font-size: 46px;
                line-height: 1;
                letter-spacing: -2px;
            }

            .hero-description {
                margin:
                    28px 0 30px;
                font-size: 17px;
                line-height: 1.65;
            }

            .hero-buttons {
                flex-direction: column;
                align-items: stretch;
            }

            .hero-btn {
                width: 100%;
                min-width: 0;
            }

            .hero-points {
                margin-top: 35px;
                padding-top: 25px;
                flex-direction: column;
                align-items: flex-start;
                gap: 12px;
            }

            .hero-point {
                padding: 0;
                font-size: 14px;
            }

            .hero-point:first-child {
                padding-left: 0;
            }

            .hero-point+.hero-point::before {
                display: none;
            }

            .framework-card {
                min-height: auto;
                padding:
                    22px;
                border-radius: 20px;
            }

            .framework-header {
                margin-bottom: 18px;
            }

            .framework-label {
                font-size: 10px;
            }

            .framework-markets {
                font-size: 11px;
            }

            .framework-grid {
                grid-template-columns:
                    repeat(2, 1fr);
                gap: 10px;
            }

            .framework-item {
                min-height: 100px;
                padding:
                    13px;
            }

            .framework-item strong {
                font-size: 15px;
            }

            .framework-item small {
                font-size: 12px;
            }

            .framework-footer {
                font-size: 12px;
            }

        }



        /* =====================================================
           SMALL MOBILE
        ====================================================== */

        @media (max-width: 420px) {
            .hero-title {
                font-size: 40px;
                letter-spacing: -1.8px;
            }

            .hero-eyebrow {
                font-size: 9px;
            }

            .framework-grid {
                grid-template-columns: 1fr 1fr;
            }

            .framework-item {
                min-height: 95px;
            }

        }

/* =========================================
           STATISTICS SECTION
        ========================================== */

        .stats-section {

            width: 100%;

            background: #0F5FA8;

            padding: 38px 5%;

        }


        /* =========================================
           MAIN CONTAINER
        ========================================== */

        .stats-container {

            width: min(
                1570px,
                calc(100% - 94px)
            );

            margin: 0 auto;

        }


        /* =========================================
           STATISTICS BOX
        ========================================== */

        .stats-box {

            display: grid;

            grid-template-columns:
                repeat(5, 1fr);

            width: 100%;

            border: 1px solid rgba(255, 255, 255, 0.30);

            border-radius: 20px;

            overflow: hidden;

        }


        /* =========================================
           INDIVIDUAL STAT
        ========================================== */

        .stat-item {

            min-width: 0;

            padding:26px 24px;

            border-right:
                1px solid
                rgba(255, 255, 255, 0.25);

        }


        .stat-item:last-child {
            border-right: none;
        }


        /* =========================================
           NUMBER
        ========================================== */

        .stat-number {
            margin: 0 0 20px;
            color: #FFFFFF;
            font-size: 40px;
            font-weight: 700;
            line-height: 0.95;
            letter-spacing: -2px;
        }


        /* =========================================
           TITLE
        ========================================== */

        .stat-title {

            margin: 0 !important;

            max-width: 250px;

            color: rgb(214, 232, 249);

            font-size: 13px;

            font-weight: 600;

            line-height: 1.35;

        }


        /* =========================================
           PERSON / SUBTEXT
        ========================================== */

        .stat-subtitle {

            display: block;

                font-weight: 400;
    color: rgb(201, 225, 247);
    font-size: 11.5px;
    margin-top: 3px;

        }


        /* =========================================
           TABLET
        ========================================== */

        @media (max-width: 1100px) {

            .stats-container {

                width:
                    calc(100% - 50px);

            }

            .stats-box {

                grid-template-columns:
                    repeat(3, 1fr);

            }

            .stat-item:nth-child(3) {

                border-right: none;

            }

            .stat-item {

                padding:
                    35px
                    25px
                    30px;

            }

        }


        /* =========================================
           MOBILE
        ========================================== */

        @media (max-width: 767px) {

            .stats-section {

                padding:
                    35px
                    0;

            }

            .stats-container {

                width:
                    calc(100% - 30px);

            }

            .stats-box {

                grid-template-columns:
                    repeat(2, 1fr);

                border-radius: 16px;

            }

            .stat-item {

                padding:
                    30px
                    20px;

            }

            .stat-item:nth-child(3) {

                border-right:
                    1px solid
                    rgba(255, 255, 255, 0.25);

            }

            .stat-item:nth-child(2n) {

                border-right: none;

            }

            .stat-number {

                font-size: 42px;

                margin-bottom: 15px;

            }

            .stat-title {

                font-size: 15px;

            }

            .stat-subtitle {

                font-size: 13px;

            }

        }


        /* =========================================
           SMALL MOBILE
        ========================================== */

        @media (max-width: 480px) {

            .stats-box {

                grid-template-columns: 1fr;

            }

            .stat-item,
            .stat-item:nth-child(3) {

                border-right: none;

                border-bottom:
                    1px solid
                    rgba(255, 255, 255, 0.25);

            }

            .stat-item:last-child {

                border-bottom: none;

            }

            .stat-number {

                font-size: 40px;

            }

        }


/* Main Section */
        .practice-section {
            padding: 82px 5%;
        }

        .practice-wrapper {
            max-width: 1255px;
            margin: 0 auto;
        }

        /* Top Content */
        .section-label {
            display: block;
            margin-bottom: 17px;
            text-transform: uppercase;
            font: 600 11.5px "Open Sans", sans-serif;
            letter-spacing: 0.12em;
            color: rgb(14, 95, 168);
        }


        .section-description {
            max-width: 670px;
            font-weight: 400;
            margin: 18px 0px 0px;
            font-size: 17px;
            line-height: 1.65;
            color: rgb(74, 96, 118);
        }

        /* View All Button */
        .view-services-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 180px;
            height: 48px;
            padding: 0 20px;
            border: 1px solid #d8e0e5;
            border-radius: 10px;
            background: #ffffff;
            color: #19344a;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.25s ease;
        }

        .view-services-btn:hover {
            border-color: #176092;
            background: #f7fafc;
            color: #176092;
        }

        .view-services-btn span {
            margin-left: 5px;
            font-size: 17px;
            line-height: 1;
        }

        /* Cards Row */
        .practice-cards {
            margin-top: 47px;
        }

        /* Individual Card */
        .practice-card {
            height: 100%;
            min-height: 363px;
            padding: 28px 27px 23px;
            border: 1px solid var(--border);
            border-radius: 17px;
            background: #ffffff;
            display: flex;
            flex-direction: column;
            transition: transform 0.25s ease,
                box-shadow 0.25s ease,
                border-color 0.25s ease;
        }

        .practice-card:hover {
            border-color: #cfdbe3;
            box-shadow: 0 10px 30px rgba(9, 45, 75, 0.07);
            transform: translateY(-3px);
        }

        /* Card Icon */
        .card-icon {
            width: 43px;
            height: 43px;
            margin-bottom: 21px;
            border-radius: 11px;
            background: var(--light-blue);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #176092;
            font-size: 13px;
            font-weight: 700;
        }

        /* Card Heading */
        .card-title {
            min-height: 50px;
            margin: 0 0 10px;
            color: var(--primary);
            font-size: 19px;
            font-weight: 700;
            letter-spacing: -0.35px;
            line-height: 1.32;
        }

        /* Card Description */
        .card-description {
            min-height: 76px;
            margin: 0;
            color: #647587;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.7;
            margin-bottom: 0 !important;
        }

        /* Badges */
        .badge-list {
            display: flex;
            flex-wrap: wrap;
            gap: 7px 7px;
            margin-top: 7px;
        }

        .service-badge {
            display: inline-flex;
            align-items: center;
            min-height: 26px;
            padding: 4px 9px;
            border: 1px solid #e0e8ed;
            border-radius: 5px;
            background: rgb(244, 248, 252);
            color: #30485d;
            font-size: 11px;
            font-weight: 500;
            line-height: 1.25;
            white-space: nowrap;
        }

        /* Card Bottom */
        .card-footer-link {
            margin-top: 20px;
            padding-top: 11px;
            border-top: 1px solid #e7ebee;
        }

        .explore-link {
            display: inline-flex;
            align-items: center;
            color: #176092;
            font-size: 13px;
            font-weight: 500;
            text-decoration: none;
            transition: color 0.2s ease;
        }

        .explore-link:hover {
            color: #092d4b;
        }

        .explore-link span {
            margin-left: 4px;
            font-size: 16px;
        }

        /* Tablet */
        @media (max-width: 1199.98px) {

            .practice-wrapper {
                max-width: 94%;
            }

            .section-title {
                font-size: 38px;
            }

            .practice-card {
                padding: 25px 22px 22px;
            }
        }

        /* Small Tablet */
        @media (max-width: 991.98px) {

            .practice-section {
                padding: 60px 0;
            }

            .section-title {
                max-width: 650px;
                font-size: 36px;
            }

            .section-description {
                max-width: 650px;
            }

            .view-services-wrapper {
                margin-top: 25px;
            }

            .practice-cards {
                margin-top: 35px;
            }

            .practice-card {
                min-height: 400px;
            }
        }

        /* Mobile */
        @media (max-width: 767.98px) {

            .practice-section {
                padding: 45px 0;
            }

            .practice-wrapper {
                max-width: 90%;
            }

            .section-label {
                margin-bottom: 13px;
                font-size: 11px;
            }

            .section-title {
                font-size: 31px;
                letter-spacing: -1px;
                line-height: 1.16;
            }

            .section-description {
                margin-top: 17px;
                font-size: 14px;
                line-height: 1.7;
            }

            .view-services-wrapper {
                margin-top: 22px;
            }

            .view-services-btn {
                width: 100%;
            }

            .practice-cards {
                margin-top: 30px;
            }

            .practice-card {
                min-height: auto;
                padding: 25px 23px 22px;
            }

            .card-title {
                min-height: auto;
            }

            .card-description {
                min-height: auto;
                margin-bottom: 12px;
            }
        }

        /* Extra Small Mobile */
        @media (max-width: 480px) {

            .section-title {
                font-size: 28px;
            }

            .practice-wrapper {
                max-width: 92%;
            }

            .practice-card {
                border-radius: 14px;
            }
        }



/* Main Section */
        .compliance-section {
            padding: 82px 5%;
            min-height: 100vh;
        }

        .compliance-container {
            max-width: 1255px;
            margin: 0 auto;
            padding: 0 15px;
        }

        /* Small Heading */
        .section-label {
            text-transform: uppercase;
            margin-bottom: 18px;
            font: 600 11.5px "Open Sans", sans-serif;
            letter-spacing: 0.12em;
            color: rgb(14, 95, 168);
        }

        /* Main Heading */
       
        /* Cards Grid */
        .compliance-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }

        /* Individual Card */
        .compliance-card {
            background: #ffffff;
            border: 1px solid #dfe5e9;
            border-radius: 17px;
            min-height: 272px;
            padding: 34px 26px 28px;
            transition: all 0.25s ease;
        }

        .compliance-card:hover {
            transform: translateY(-3px);
            border-color: #cbd8e2;
            box-shadow: 0 8px 25px rgba(8, 44, 73, 0.06);
        }

        /* Number */
        .card-number {
            font-size: 12px;
            line-height: 1;
            font-weight: 700;
            color: #075b91;
            margin-bottom: 19px;
        }

        /* Card Heading */
        .card-title {
            font-size: 18px;
            line-height: 1.28;
            font-weight: 700;
            color: #092c47;
            margin-bottom: 12px;
        }

        /* Card Description */
        .card-text {
            font-size: 15px;
            line-height: 1.62;
            font-weight: 400;
            color: #71808d;
            margin: 0;
        }

        /* -----------------------------------
           Responsive
        ----------------------------------- */

        @media (max-width: 1199px) {

            .compliance-container {
                max-width: 1100px;
            }

            .section-title {
                font-size: 40px;
            }

            .compliance-card {
                padding: 30px 23px 26px;
            }

            .card-title {
                font-size: 17px;
            }

            .card-text {
                font-size: 14px;
            }
        }

        @media (max-width: 991px) {

            .compliance-section {
                padding: 55px 0;
            }

            .section-title {
                font-size: 36px;
                margin-bottom: 38px;
            }

            .compliance-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 18px;
            }

            .compliance-card {
                min-height: 250px;
            }
        }

        @media (max-width: 575px) {

            .compliance-section {
                padding: 45px 0;
            }

            .compliance-container {
                padding: 0 18px;
            }

            .section-label {
                font-size: 11px;
                margin-bottom: 14px;
            }

            .section-title {
                font-size: 30px;
                line-height: 1.18;
                letter-spacing: -0.8px;
                margin-bottom: 32px;
            }

            .compliance-grid {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .compliance-card {
                min-height: auto;
                padding: 28px 24px;
            }

            .card-number {
                margin-bottom: 16px;
            }

            .card-title {
                font-size: 18px;
            }

            .card-text {
                font-size: 14px;
                line-height: 1.6;
            }
        }





/* =========================
           HERO / SERVICES SECTION
        ========================== */

        .services-section {
          min-height: 600px;
          position: relative;
          overflow: hidden;
          border-bottom: 1px solid #e8edf1;
          background:
          linear-gradient(180deg,
            #f7fafc 0%,
            #ffffff 48%,
            #ffffff 100%);
        }

        .services-container {
          padding-top: 66px;
          padding-bottom: 50px;
        }
        .breadcrumb-item:hover{
          color: rgb(14, 95, 168) !important;
        }
        a.try-tag:hover {
         
          border-color: rgb(14, 95, 168) !important;

        }
        /* Breadcrumb */

        .breadcrumb-area {
          margin-bottom: 23px;
        }

        .breadcrumb {
          margin: 0;
          padding: 0;
          font-size: 13px;
          line-height: 1;
        }

        .breadcrumb-item {
            padding:0 !important;
          color: #8494a3;
          font-weight: 400;
            font-size: 13px;
            
        }
.breadcrumb-item a { color: #8494a3;}

        .breadcrumb-item.active {
          color: #132c43;
        }

        .breadcrumb-item+.breadcrumb-item::before {
          content: "/";
          color: #8c9aa6;
          padding: 0 12px;
        }

        /* Small section label */

        .section-label {
          font-size: 12px;
          line-height: 1;
          letter-spacing: 1.1px;
          font-weight: 600;
          color: #12547c;
          text-transform: uppercase;
          margin-bottom: 20px;
        }

        /* Main heading */

        .services-title {
          max-width: 720px;
          margin: 0 0 23px 0;
          color: #0b2943;
          font-size: clamp(42px, 4.1vw, 58px);
          line-height: 1.05;
          letter-spacing: -2.5px;
          font-weight: 700;
    
        }

        /* Description */

        .services-description {
          max-width: 720px;
          margin: 0 0 18px 0;
          color: #53697b;
          font-size: 18px;
          line-height: 1.65;
          font-weight: 400;
        }

        /* Search */

        .search-box {
          width: 560px;
          max-width: 100%;
          height: 56px;
          display: flex;
          align-items: center;
          border: 1px solid #d7e0e7;
          border-radius: 10px;
          background: #ffffff;
          padding: 0 17px;
          box-shadow: 0 1px 2px rgba(12, 39, 60, 0.02);
        }
        .search-box input[type="text"]:focus{border-color: transparent !important;}

        .search-box i {
          color: #7890a1;
          font-size: 17px;
          margin-right: 13px;
        }

        .search-box input {
          width: 100%;
          height: 100%;
          border: 0;
          outline: none;
          background: transparent;
          color: #213c52;
          font-size: 15px;
          font-family: inherit;
        }

        .search-box input::placeholder {
          color: #82909b;
          opacity: 1;
        }

        /* Try tags */

        .try-area {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          gap: 7px;
          margin-top: 13px;
        }

        .try-label {
          color: #8796a3;
          font-size: 12px;
          margin-right: 2px;
        }

        .try-tag {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          height: 30px;
          padding: 0 10px;
          border: 1px solid #dce7ee;
          border-radius: 7px;
          background: #eff5f9;
          color: #17527b;
          font-size: 12px;
          font-weight: 500;
          text-decoration: none;
          transition: all 0.2s ease;
        }

        .try-tag:hover {
          background: #e4eff6;
          color: #0e476d;
          border-color: #ccdce7;
        }

        

    /* =========================
           RESPONSIVE
        ========================== */

        @media (max-width: 991.98px) {

          .services-container {
            padding-top: 45px;
          }

          .services-title {
            max-width: 650px;
            font-size: 46px;
          }

          .services-description {
            max-width: 650px;
            font-size: 17px;
          }

          
        }

        @media (max-width: 767.98px) {

          .services-section {
            min-height: auto;
          }

          .services-container {
            padding: 35px 20px 45px;
          }

          .breadcrumb-area {
            margin-bottom: 22px;
          }

          .section-label {
            margin-bottom: 17px;
          }

          .services-title {
            font-size: 39px;
            line-height: 1.08;
            letter-spacing: -1.7px;
            margin-bottom: 20px;
          }

          .services-description {
            font-size: 16px;
            line-height: 1.6;
          }

          .search-box {
            width: 100%;
            height: 54px;
          }

          
        }

        @media (max-width: 480px) {

          .services-title {
            font-size: 34px;
          }

          .services-description {
            font-size: 15px;
          }

          .try-area {
            gap: 5px;
          }

          .try-tag {
            height: 28px;
            padding: 0 8px;
            font-size: 11px;
          }
        }


/* =========================================
           CATEGORY WRAPPER
        ========================================= */
        .category-wrapper {
            width: 100%;
            background: #ffffff;
            border-top: 1px solid #e5e9ee;
            border-bottom: 1px solid #e5e9ee;
            padding: 38px 5%;
        }

        /* =========================================
           CATEGORY SCROLL
        ========================================= */
        .category-scroll {
            width: 100%;
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            padding-bottom: 10px;
            scrollbar-width: auto;
            scrollbar-color: #8c8c8c #eeeeee;
            min-width: 0;
        }

        /* Chrome / Edge / Safari scrollbar */
        .category-scroll::-webkit-scrollbar {
            height: 9px;
        }

        .category-scroll::-webkit-scrollbar-track {
            background: #eeeeee;
        }

        .category-scroll::-webkit-scrollbar-thumb {
            background: #8c8c8c;
            border-radius: 10px;
        }

        .category-scroll::-webkit-scrollbar-thumb:hover {
            background: #666666;
        }

        /* =========================================
           CATEGORY BUTTON
        ========================================= */
        .category-btn {
            flex: 0 0 auto;
            display: inline-flex;
            align-items: center;
            justify-content: center;

            height: 38px;
            padding: 0 16px;

            background: #ffffff;
            color: #385270;

            border: 1px solid #d5dfeb;
            border-radius: 9px;

            font-size: 14px;
            font-weight: 500;
            line-height: 1;

            text-decoration: none;
            white-space: nowrap;
            cursor: pointer;

            transition:
                background 0.2s ease,
                border-color 0.2s ease,
                color 0.2s ease;
        }

        /* Hover */
        .category-btn:hover {
            background: #f5f8fb;
            color: #1d4f83;
            border-color: #b9cce0;
        }

        /* Active */
        .category-btn.active {
            background: #1168ad;
            border-color: #1168ad;
            color: #ffffff;
            font-weight: 600;
        }

        .category-btn.active:hover {
            background: #1168ad;
            border-color: #1168ad;
            color: #ffffff;
        }

        /* =========================================
           TABLET
        ========================================= */
        @media (max-width: 992px) {
            .category-wrapper {
                padding-left: 25px;
                padding-right: 25px;
            }
        }

        /* =========================================
           MOBILE
        ========================================= */
        @media (max-width: 768px) {

            .category-wrapper {
                padding: 12px 15px 6px;
            }

            .category-scroll {
                gap: 7px;
                padding-bottom: 9px;
            }

            .category-btn {
                height: 36px;
                padding: 0 14px;
                font-size: 13px;
                border-radius: 8px;
            }

            .category-scroll::-webkit-scrollbar {
                height: 8px;
            }
        }

        /* =========================================
           SMALL MOBILE
        ========================================= */
        @media (max-width: 480px) {

            .category-wrapper {
                padding-left: 12px;
                padding-right: 12px;
            }

            .category-btn {
                height: 35px;
                padding-left: 13px;
                padding-right: 13px;
                font-size: 13px;
            }
        }






/* Main Section */
        .framework2-section {
            width: 100%;
            padding: 76px 7.2% 40px;
            background: #f5f8fc;
        }

        /* Small Heading */
        .framework2-label {
        margin-bottom: 14px;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #0066ad;
        }

        /* Main Heading */
        .framework2-title {
            margin: 0 0 34px;
            font-size: clamp(29px, 3.7vw, 44px);
            line-height: 1.15;
            font-weight: 700;
            letter-spacing: -1.2px;
            color: #082f55;
        }

        /* Cards Row */
        .framework2-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            max-width: 1320px;
        }

        /* framework2 Card */
        .framework2-card {
            width: 19%;
            min-height: 88px;
            padding: 22px 20px 17px;
            background: #ffffff;
            border: 1px solid #dce4ec;
            border-radius: 16px;
            transition: 0.2s;
        }
        .framework2-card:hover {
    border-color: rgb(14, 95, 168) !important;
    transform: translateY(-2px) !important;
}

        .framework2-card h3 {
            margin: 0 0 9px;
            font-size: 18px;
            line-height: 1;
            font-weight: 700;
            color: #082f55;
        }

        .framework2-card p {
            margin: 0;
            font-size: 13px;
            line-height: 1.3;
            font-weight: 400;
            color: #54708e;
        }


/* framework3 Card */
        .framework3-card {
            width: 24%;
            min-height: 88px;
            padding: 22px 20px 17px;
            background: #ffffff;
            border: 1px solid #dce4ec;
            border-radius: 16px;
            transition: 0.2s;
        }
        .framework3-card:hover {
    border-color: rgb(14, 95, 168) !important;
    transform: translateY(-2px) !important;
}

        .framework3-card h3 {
            margin: 0 0 9px;
            font-size: 18px;
            line-height: 1.3;
            font-weight: 700;
            color: #082f55;
        }

        .framework3-card p {
            margin: 0;
            font-size: 13px;
            line-height: 1.3;
            font-weight: 400;
            color: #54708e;
        }

        /* Tablet */
        @media (max-width: 1199.98px) {
            .framework2-section {
                padding-left: 5%;
                padding-right: 5%;
            }

            .framework2-grid {
                max-width: 100%;
            }

            .framework2-card {
                width: calc(20% - 10px);
            }
        }

        /* Medium Devices */
        @media (max-width: 991.98px) {
            .framework2-title {
                font-size: 34px;
            }

            .framework2-card {
                width: calc(33.333% - 8px);
            }
        }

        /* Mobile */
        @media (max-width: 767.98px) {
            .framework2-section {
                padding: 55px 25px 35px;
            }

            .framework2-title {
                margin-bottom: 28px;
                font-size: 30px;
            }

            .framework2-grid {
                gap: 12px;
            }

            .framework2-card {
                width: calc(50% - 6px);
                min-height: 88px;
            }
        }

        /* Small Mobile */
        @media (max-width: 480px) {
            .framework2-section {
                padding: 45px 20px 30px;
            }

            .framework2-title {
                font-size: 27px;
            }

            .framework2-card {
                width: 100%;
            }
        }



.consulting-section {
            padding: 76px 7.2% 40px;
        }

        .journey-list {
            margin-top: 0;
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 38px 23px;
            width: 100%;
        }

        .journey-card {
            min-width: 0;
        }

        .journey-item {
            position: relative;
            padding-top: 22px;
            height: 100%;
        }

        /* Top line */
        .journey-item::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #d9e0e7;
        }

        .stage-number {
            display: block;
            margin-bottom: 17px;
            font: 700 12px Poppins, sans-serif;
            line-height: 1;
            color: rgb(14, 95, 168);
        }

        .stage-title {
           margin: 0 0 7px;
    color: #002b50;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
        }

        .stage-description {
               max-width: 175px;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
    color: rgb(90, 113, 137);
}
        }


        /* =========================================
           TABLET
        ========================================= */

        @media (max-width: 991.98px) {

            .consulting-section {
                padding: 35px 30px 40px;
            }

            .journey-list {
                grid-template-columns: repeat(2, 1fr);
                gap: 35px 25px;
            }

            .stage-title {
                font-size: 19px;
            }

            .stage-description {
                max-width: 100%;
                font-size: 15px;
            }
        }


        /* =========================================
           MOBILE
        ========================================= */

        @media (max-width: 767.98px) {

            .consulting-section {
                padding: 30px 20px 35px;
            }

            .journey-list {
                grid-template-columns: 1fr;
                gap: 0;
            }

            .journey-item {
                padding-top: 18px;
                margin-bottom: 28px;
            }

            .stage-number {
                margin-bottom: 10px;
            }

            .stage-title {
                font-size: 17px;
                margin-bottom: 9px;
            }

            .stage-description {
                max-width: 100%;
                font-size: 14px;
                line-height: 1.55;
            }
        }


/* Main Section */
        .industries-section {
            padding: 76px 7.2% 40px;
            background: #f6f9fd;
        }

        .industries-wrapper {
            max-width: 1256px;
            margin: 0 auto;
            padding: 0 0;
        }

        /* Small Heading */
        .section-label {
            margin: 0 0 17px;
            line-height: 1;
            text-transform: uppercase;
            color: #00549b;
            font: 600 11.5px "Open Sans", sans-serif;
            letter-spacing: 0.12em;
            color: rgb(14, 95, 168)
        }

        /* Main Heading */
        .section-title {
            font-weight: 700;
            letter-spacing: -1.5px;
            margin: 14px 0px 36px;
            font-size: clamp(29px, 3.7vw, 44px);
            line-height: 1.12;
            letter-spacing: -0.025em;
            color: rgb(10, 37, 64);
        }

        /* Cards Grid */
        .industries-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 14px;
        }

        /* Individual Card */
        .industry-card {
            min-height: 82px;
            padding: 18px 20px;
            display: flex;
            align-items: center;
            gap: 14px;

            background: #ffffff;
            border: 1px solid #dce5ef;
            border-radius: 13px;

            transition: all 0.25s ease;
        }

        .industry-card:hover {
            border-color: #c7d7e8;
            box-shadow: 0 6px 18px rgba(0, 47, 95, 0.06);
            transform: translateY(-2px);
        }

        /* Icon Box */
        .industry-icon {
            width: 36px;
            height: 36px;
            min-width: 36px;

            display: flex;
            align-items: center;
            justify-content: center;

            background: #edf5fc;
            border-radius: 9px;

            font-size: 12px;
            line-height: 1;
            font-weight: 700;
            color: #0062a9;
        }

        /* Card Text */
        .industry-name {
            margin: 0;
            line-height: 1.35;
            font: 600 15.5px "Open Sans", sans-serif;
            color: rgb(10, 37, 64);
        }

        /* Tablet */
        @media (max-width: 1100px) {

            .industries-wrapper {
                padding-left: 30px;
                padding-right: 30px;
            }

            .industries-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        /* Mobile */
        @media (max-width: 767px) {

            .industries-section {
                padding: 45px 0;
            }

            .industries-wrapper {
                padding-left: 20px;
                padding-right: 20px;
            }

            .section-label {
                font-size: 12px;
                margin-bottom: 14px;
            }

            .section-title {
                font-size: 34px;
                line-height: 1.15;
                margin-bottom: 30px;
                letter-spacing: -1px;
            }

            .industries-grid {
                grid-template-columns: 1fr;
                gap: 12px;
            }

            .industry-card {
                min-height: 76px;
                padding: 17px 18px;
            }
        }

        /* Small Mobile */
        @media (max-width: 400px) {

            .section-title {
                font-size: 30px;
            }

            .industry-name {
                font-size: 15px;
            }
        }



/* Main CTA Section */
        .framework-section {
            width: 100%;
            padding: 30px 42px;
        }

        .framework-box {
            position: relative;
            width: 100%;
            min-height: 338px;
            padding: 56px 58px;
            overflow: hidden;

            display: flex;
            align-items: flex-start;

            background-color: #1768ad;
            border-radius: 22px;
        }

        /* Dotted background */
        .framework-box::before {
            content: "";
            position: absolute;
            inset: 0;

            background-image: radial-gradient(
                rgba(255, 255, 255, 0.13) 1.2px,
                transparent 1.2px
            );

            background-size: 15px 15px;
            opacity: 0.75;

            pointer-events: none;
        }

        /* Content */
        .framework-content {
            position: relative;
            z-index: 2;
            max-width: 680px;
        }

        .framework-title {
            margin: 0 0 16px;

            color: #ffffff;
            font-size: 38px;
            line-height: 1.08;
            font-weight: 700;
            letter-spacing: -1.2px;
        }

        .framework-description {
            margin: 0 0 30px;

            color: #ffffff;
            font-size: 15.5px;
            line-height: 1.65;
            font-weight: 400;
        }

        /* Button */
        .framework-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 234px;
            height: 48px;
            padding: 0 24px;
            background: #ffffff;
            color: #111111;
            border: 0;
            border-radius: 10px;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.25s ease;
        }
        .framework-btn:hover {
            background: #f2f2f2;
            color: #111111;
            transform: translateY(-1px);
        }
        .framework-btn2 {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 234px;
            height: 48px;
            padding: 0 24px;
            background: transparent;
            color: rgb(255, 255, 255);
            border: 0;
            border-radius: 10px;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.25s ease;
            border: 1px solid rgba(255, 255, 255, 0.45);
        }
        .framework-btn2:hover {
            background: rgba(255, 255, 255, 0.12) !important;
            color: rgb(255, 255, 255) !important;
            transform: translateY(-1px);
        }

        /* Tablet */
        @media (max-width: 991px) {

            .framework-section {
                padding: 25px;
            }

            .framework-box {
                min-height: 320px;
                padding: 50px 45px;
                border-radius: 20px;
            }

            .framework-title {
                font-size: 34px;
            }

            .framework-content {
                max-width: 620px;
            }
        }

        /* Mobile */
        @media (max-width: 767px) {

            .framework-section {
                padding: 15px;
            }

            .framework-box {
                min-height: auto;
                padding: 42px 28px;
                border-radius: 18px;
            }

            .framework-title {
                font-size: 30px;
                line-height: 1.12;
                letter-spacing: -0.7px;
                margin-bottom: 16px;
            }

            .framework-description {
                font-size: 14px;
                line-height: 1.6;
                margin-bottom: 25px;
            }

            .framework-btn {
                min-width: 100%;
                height: 48px;
            }
        }

        /* Small Mobile */
        @media (max-width: 480px) {

            .framework-box {
                padding: 35px 22px;
            }

            .framework-title {
                font-size: 27px;
            }

            .framework-description {
                font-size: 13.5px;
            }
        }



/* Main Section */
        .cmmi-section {
            width: 100%;
            padding: 64px 0 48px;
            overflow: hidden;
        }

        .cmmi-container {
            max-width: 1120px;
            margin: 0 auto;
        }


        /* Left Content */


        .eyebrow {

            line-height: 1.4;
            font-weight: 700;
            color: #0860a9;
            text-transform: uppercase;
            margin-bottom: 13px;
            margin-top: 22px;
            font: 600 11.5px "Open Sans", sans-serif;
            letter-spacing: 0.12em;
            color: rgb(14, 95, 168);
        }

        .main-title {
            margin: 14px 0px;
            font-size: clamp(32px, 4.4vw, 56px);
            line-height: 1.08;
            letter-spacing: -0.03em;
            font-weight: 700;
            color: rgb(10, 37, 64);
        }
        .main-title2 {
            margin: 14px 0px;
            font-size: clamp(29px, 3.7vw, 44px);
    line-height: 1.12;
    letter-spacing: -0.025em;
    font-weight: 600;
    color: rgb(10, 37, 64);
        }


        .main-description {
            margin: 20px 0px 0px;
            font-size: clamp(16px, 1.3vw, 18px);
            line-height: 1.7;
            color: rgb(74, 96, 118)
        }

        /* Badges */
        .feature-badges {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 24px;
        }


        .feature-badge {
            height: 30px;
            white-space: nowrap;
            display: inline-flex;
            align-items: center;
            gap: 7px;
            font: 600 12.5px "Open Sans", sans-serif;
            color: rgb(10, 37, 64);
            background: rgb(255, 255, 255);
            border: 1px solid rgb(220, 231, 242);
            border-radius: 999px;
            padding: 7px 13px;
        }

        .feature-badge .check {
            font-size: 13px;
            color: #1268ad;
            font-weight: 600;
        }

        /* Buttons */
        .action-buttons {
            display: flex;
            flex-wrap: wrap;
            gap: 14px;
            margin-top: 32px;
        }

        .btn-consultation,
        .btn-specialist {
            min-height: 47px;
            text-decoration: none;
            transition: all 0.2s ease;
            border: 1px solid #0964ad;
            min-width: 194px;
            display: inline-flex;
            align-items: center;
            height: 52px;
            padding: 0px 26px;
            background: rgb(14, 95, 168);
            color: rgb(255, 255, 255);
            font: 600 15.5px "Open Sans", sans-serif;
            border-radius: 11px;
        }

        .btn-consultation {
            color: #ffffff;
            background: #0964ad;
            border: 1px solid #0964ad;
            min-width: 194px;
        }

        .btn-consultation:hover {
            color: #ffffff;
            background: #075796;
            border-color: rgb(14, 95, 168) !important;

        }

        .btn-specialist {
            color: #092b4c;
            background: #ffffff;
            border: 1px solid #cbdbea;
            min-width: 216px;
        }

        .btn-specialist:hover {
            background: #f6f9fc;
            border-color: rgb(14, 95, 168) !important;
            color: rgb(14, 95, 168) !important;
        }

        /* Maturity Card */
        .maturity-card {
            border: 1px solid #dce5ee;
            border-radius: 20px;
            background: #ffffff;
            padding: 25px 25px 26px;
            box-shadow: 0 20px 45px rgba(25, 59, 91, 0.08);
            min-height: 442px;
        }

        .maturity-heading {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 18px;
        }

        .maturity-title {
            margin: 0;
            color: #6e8ba8;
            font-size: 10px;
            line-height: 1.4;
            font-weight: 600;
            letter-spacing: 1.5px;
            text-transform: uppercase;
        }

        .cmmi-version {
            font-size: 10px;
            color: #075fa9;
            font-weight: 500;
        }

        /* Progress Rows */
        .maturity-list {
            display: flex;
            flex-direction: column;
            gap: 7px;
        }

        .maturity-item {
            min-height: 51px;
            padding: 7px 14px;
            display: flex;
            align-items: center;
            gap: 14px;
            border: 1px solid rgb(228, 234, 241);
            border-radius: 12px;
            padding: 13px 15px;
        }

        .level-number {
            width: 26px;
            height: 26px;
            flex: 0 0 26px;
            border-radius: 7px;
            background: #edf5fc;
            color: #1268ad;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 11px;
            font-weight: 700;
        }

        .level-name {
            color: #082d50;
            font-size: 14px;
            line-height: 1.25;
            font-weight: 600;
            min-width: 0;
            font-family: "Open Sans", sans-serif;
            ;

        }

        .progress-line {
            height: 5px;
            margin-left: auto;
            border-radius: 10px;
            background: #1268ad;
        }

        /* Individual line lengths */
        .line-1 {
            width: 82px;
        }

        .line-2 {
            width: 157px;
        }

        .line-3 {
            width: 231px;
        }

        .line-4 {
            width: 244px;
        }

        .line-5 {
            width: 239px;
        }

        /* Card Footer */
        .maturity-footer {
            border-top: 1px dashed #d9e4ee;
            margin-top: 17px;
            padding-top: 15px;
        }

        .maturity-footer p {
            max-width: 420px;
            margin: 18px 0px 0px;
            padding-top: 0px;
            font: 400 12.5px / 1.55 "Open Sans", sans-serif;
            color: rgb(107, 129, 154);
        }

        /* Responsive */
        @media (max-width: 1199.98px) {

            .cmmi-container {
                max-width: 960px;
            }

            .main-title {
                font-size: 44px;
            }

            .maturity-card {
                padding: 23px;
            }

            .line-4 {
                width: 205px;
            }

            .line-5 {
                width: 250px;
            }
        }

        @media (max-width: 991.98px) {

            .cmmi-section {
                padding: 25px 0 50px;
            }

            .cmmi-container {
                max-width: 720px;
            }

            .left-content {
                margin-bottom: 35px;
            }

            .main-title {
                font-size: 46px;
                max-width: 600px;
            }

            .main-description {
                max-width: 650px;
            }

            .maturity-card {
                min-height: auto;
            }

            .line-1 {
                width: 120px;
            }

            .line-2 {
                width: 220px;
            }

            .line-3 {
                width: 300px;
            }

            .line-4 {
                width: 340px;
            }

            .line-5 {
                width: 400px;
            }
        }

        @media (max-width: 575.98px) {

            .cmmi-section {
                padding: 18px 0 40px;
            }

            .cmmi-container {
                padding-left: 18px;
                padding-right: 18px;
            }

            .breadcrumb-wrap {
                margin-bottom: 18px;
            }

            .main-title {
                font-size: 37px;
                line-height: 1.02;
                letter-spacing: -1.5px;
            }

            .main-description {
                font-size: 14px;
                line-height: 1.65;
            }

            .feature-badges {
                gap: 6px;
            }

            .feature-badge {
                font-size: 10px;
                padding: 0 10px;
            }

            .action-buttons {
                flex-direction: column;
            }

            .btn-consultation,
            .btn-specialist {
                width: 100%;
            }

            .maturity-card {
                padding: 19px 14px;
                border-radius: 16px;
            }

            .maturity-item {
                padding: 8px 10px;
                gap: 9px;
            }

            .level-name {
                font-size: 12px;
            }

            .progress-line {
                width: 65px !important;
            }

            .maturity-footer p {
                font-size: 10px;
            }
        }


/* =========================================
           DESKTOP NAVIGATION
        ========================================= */

        .page-nav {
            width: 100%;
            height: 56px;
            border-top: 1px solid #e1e6eb;
            border-bottom: 1px solid #e1e6eb;
            background: #fff;
            position: sticky;
    top: 0;
    z-index: 9999;
        }

        .page-nav .container {
            height: 100%;
        }

        .page-nav-list {
            height: 100%;
            display: flex;
            align-items: center;
            gap: 29px;
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .page-nav-list li {
            margin: 0;
            padding: 0;
        }

        .page-nav-list a {
            display: inline-flex;
            align-items: center;
            height: 100%;
            text-decoration: none;
            transition: color 0.2s ease;
            white-space: nowrap;
            font: 600 13.5px "Open Sans", sans-serif;
            color: rgb(60, 85, 112);
            padding: 10px 14px;
            border-radius: 8px;
        }

        .page-nav-list a:hover {
            background: rgb(241, 246, 251) !important;
            color: rgb(14, 95, 168) !important;
        }

        @media (min-width: 1200px) {
            .page-nav .container {
                max-width: 1130px;
            }
        }


        /* =========================================
           MOBILE JUMP TO SECTION
        ========================================= */

        .mobile-jump-nav {
            display: none;
        }

        .mobile-jump-toggle {
            width: 100%;
            height: 56px;
            padding: 0 18px;

            display: flex;
            align-items: center;
            justify-content: space-between;

            background: #f8fafc;
            border: 1px solid #dbe4ed;
            border-radius: 12px;

            color: #0b2943;
            font-size: 16px;
            font-weight: 600;

            cursor: pointer;
            transition: all 0.2s ease;
        }

        .mobile-jump-toggle:hover {
            display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f8fafc;
    border: 1px solid #dbe4ed;
    border-radius: 12px;
    color: #0b2943;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
        }

        .mobile-jump-arrow {
            width: 9px;
            height: 9px;

            border-right: 2px solid #0e5fa8;
            border-bottom: 2px solid #0e5fa8;

            transform: rotate(45deg);
            transition: transform 0.25s ease;

            margin-top: -4px;
        }

        .mobile-jump-nav.active .mobile-jump-arrow {
            transform: rotate(225deg);
            margin-top: 5px;
        }


        /* =========================================
           MOBILE MENU
        ========================================= */

        .mobile-jump-list {
            display: none;
            position: relative;
            left: -42px;
            width: 100%;
            margin-top: 10px;
            padding: 0;
            list-style: none;
            background: #fff;
            border: 1px solid #dbe4ed;
            border-radius: 12px;
            overflow: hidden;
        }

        .mobile-jump-nav.active .mobile-jump-list {
            display: block;
        }

        .mobile-jump-list li {
            margin: 0;
            padding: 0;
        }

        .mobile-jump-list a {
            display: flex;
            align-items: center;

            min-height: 56px;
            padding: 0 19px;

            color: #234a70;
            background: #fff;

            font-size: 16px;
            font-weight: 500;

            text-decoration: none;

            border-bottom: 1px solid #edf1f5;

            transition: background 0.2s ease,
                        color 0.2s ease;
        }

        .mobile-jump-list li:last-child a {
            border-bottom: none;
        }

        .mobile-jump-list a:hover {
            background: #f5f8fb;
            color: #0e5fa8;
        }


        /* =========================================
           TABLET / MOBILE
        ========================================= */

        @media (max-width: 991.98px) {

            /* Hide desktop navigation */
            .page-nav {
                display: none;
            }

            /* Show mobile navigation */
            .mobile-jump-nav {
                display: block;
                width: 100%;
            }

            .mobile-jump-nav .container {
                padding-left: 15px;
                padding-right: 15px;
            }
        }


        /* =========================================
           SMALL MOBILE
        ========================================= */

        @media (max-width: 575.98px) {

            .mobile-jump-nav .container {
                padding-left: 15px;
                padding-right: 15px;
            }

            .mobile-jump-toggle {
                height: 56px;
                padding: 0 18px;

                font-size: 16px;
            }

            .mobile-jump-list a {
                min-height: 56px;
                padding: 0 19px;

                font-size: 16px;
            }
        }




/* =========================
           RIGHT SIDEBAR
        ========================= */

        .cmmi-card {
            width: 100%;

            border: 1px solid #d9e5ef;
            border-radius: 15px;

            padding: 24px 22px;

            background: #ffffff;

            margin-bottom: 13px;
        }

        .cmmi-card.glance {
            background: #f4f8fc;
        }

        .cmmi-card:last-child {
            margin-bottom: 0;
        }

        .card-heading {
            margin: 0 0 17px;
            text-transform: uppercase;
            font: 600 11px "Open Sans", sans-serif;
            letter-spacing: 0.11em;
            color: rgb(14, 95, 168);
        }

        .card-item {
            margin-bottom: 13px;
        }

        .card-item:last-child {
            margin-bottom: 0;
        }

        .card-label {
            display: block;
            margin-bottom: 3px;
            font: 400 12.5px "Open Sans", sans-serif;
            color: rgb(124, 144, 166);
        }

        .card-value {
            display: block;
            margin: 2px 0px 0px;
            font: 600 14.5px "Open Sans", sans-serif;
            color: rgb(10, 37, 64);
        }

        /* =========================
           SECOND CARD
        ========================= */

        .cmmi-note {
            min-height: 140px;
            padding-top: 24px;
        }

        .cmmi-note .card-heading {
            margin-bottom: 14px;
        }

        .cmmi-note p {
            margin: 10px 0px 0px;
            font: 400 14px / 1.65 "Open Sans", sans-serif;
            color: rgb(90, 113, 137);
        }

        /* =========================
           RESPONSIVE
        ========================= */

        @media (max-width: 1199.98px) {

            .cmmi-section {
                padding-left: 35px;
                padding-right: 35px;
            }

            .cmmi-left {
                padding-right: 25px;
            }

            .cmmi-title {
                font-size: 42px;
            }

            .cmmi-text p {
                font-size: 16px;
            }
        }

        @media (max-width: 991.98px) {

            .cmmi-section {
                padding: 30px 25px;
            }

            .cmmi-left {
                padding-right: 15px;
                margin-bottom: 30px;
            }

            .cmmi-text {
                max-width: 100%;
            }

            .cmmi-right {
                padding-left: 15px;
            }
        }

        @media (max-width: 575.98px) {

            .cmmi-section {
                padding: 25px 18px;
            }

            .cmmi-title {
                font-size: 34px;
                letter-spacing: -1px;
            }

            .cmmi-text p {
                font-size: 15px;
                line-height: 1.7;
            }

            .cmmi-card {
                padding: 20px 18px;
            }
        }

.maturity-section {
            padding: 82px 5%;
        }

        .maturity-container {
            max-width: 1320px;
            margin: 0 auto;
        }
/* Cards Row */
        .maturity-cards {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 16px;
        }

        /* Individual Card */
        .maturity-card {
            position: relative;
            min-height: 277px;
            padding: 31px 24px 25px;
            background: #fff;
            border: 1px solid #dce5ed;
            border-radius: 18px;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

        /* Number + LEVEL */
        .level-heading {
            display: flex;
            align-items: baseline;
            gap: 6px;
            margin-bottom: 24px;
        }

        .level-number {
            color: #0065b3;
            font-size: 35px;
            line-height: 1;
            font-weight: 700;
        }

        .level-text {
            color:rgb(154, 170, 187);
            font-size: 11px;
            line-height: 1;
            font-weight: 500;
            letter-spacing: 0.8px;
            text-transform: uppercase;
        }

        /* Card Title */
        .card-title {
            margin: 0 0 11px;
            color: #061f38;
            font-size: 18px;
            line-height: 1.35;
            font-weight: 700;
        }

        /* Card Description */
        .card-description {
            margin: 0;
            color: #4d7296;
            font-size: 14px;
            line-height: 1.65;
            font-weight: 400;
        }

        /* Progress Bar */
        .progress-track {
            width: 100%;
            height: 4px;
            margin-top: auto;
            background: #e8f0f7;
            border-radius: 0;
            overflow: hidden;
        }

        .progress-fill {
            height: 100%;
            background: #0065b3;
        }

        .level-1 .progress-fill {
            width: 20%;
        }

        .level-2 .progress-fill {
            width: 40%;
        }

        .level-3 .progress-fill {
            width: 67%;
        }

        .level-4 .progress-fill {
            width: 80%;
        }

        .level-5 .progress-fill {
            width: 100%;
        }

        /* Responsive */
        @media (max-width: 1100px) {
            .maturity-section {
                padding-left: 30px;
                padding-right: 30px;
            }

            .maturity-cards {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media (max-width: 767px) {
            .maturity-section {
                padding: 25px 20px;
            }
            .maturity-cards {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .maturity-card {
                min-height: 250px;
            }
        }

        @media (min-width: 768px) and (max-width: 991px) {
            .maturity-card {
                min-height: 270px;
            }
        }


.benefits-section {
            padding: 82px 5%;;
        }

        /* Cards */
        .benefit-card {
            height: 178px;
            border: 1px solid #dce5ee;
            border-radius: 17px;
            background: #fff;
            padding: 17px 24px;
            display: flex;
            align-items: flex-start;
			overflow: hidden;
        }
.benefit-ht{ min-height: 327px !important;}

        .benefit-icon {
            width: 27px;
            height: 27px;
            min-width: 27px;
            border-radius: 50%;
            background: #eff6fd;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 14px;
            margin-top: 0;
        }

        .benefit-icon::after {
            content: "✓";
            color: #0067b9;
            font-size: 13px;
            font-weight: 600;
            line-height: 1;
        }


     .benefit-heading{font-size: 19px;
    line-height: 1.3;
    font-weight: 600;
    color: #071f36;
	margin: 0 0 12px;}

        .benefit-text {
            font-size: 15px;
            line-height: 1.7;
            font-weight: 400;
            color: #315d8b;
            margin: 0;
        }

        /* Desktop */
        @media (min-width: 1200px) {
            .benefits-section {
                padding-left: 32px;
                padding-right: 32px;
            }

            .benefit-col {
                width: 25%;
            }
        }

        /* Tablet */
        @media (max-width: 1199.98px) {
            .benefit-card {
                height: auto;
                min-height: 178px;
            }

            .section-title {
                font-size: 38px;
            }
        }

        /* Mobile */
        @media (max-width: 767.98px) {
            .benefits-section {
                padding: 30px 20px;
            }

            .section-title {
                font-size: 30px;
                letter-spacing: -0.8px;
                margin-bottom: 30px;
            }

            .benefit-card {
                min-height: 150px;
                height: auto;
                padding: 22px 20px;
            }

            .benefit-text {
                font-size: 14px;
                line-height: 1.65;
            }
        }


/* Process list */
        .process-list {
            margin-top: 48px;
            border-top: 1px solid #dfe5e9;
        }

        .process-item {
            display: flex;
            align-items: flex-start;
            min-height: 112px;
            padding: 26px 0 24px;
            border-bottom: 1px solid #dfe5e9;
        }

        /* Number */
        .process-number {
            flex: 0 0 100px;
            font-size: 22px;
            line-height: 1.2;
            font-weight: 700;
            color: #0067b1;
        }

        /* Content */
        .process-content {
            padding-left: 0;
        }

        .process-title {
            font-size: 19px;
            line-height: 1.3;
            font-weight: 700;
            color: #071f36;
            margin: 0 0 12px;
        }

        .process-description {
            font-size: 16px;
            line-height: 1.5;
            font-weight: 400;
            color: #4b7096;
            margin: 0;
        }

        /* Tablet */
        @media (max-width: 991.98px) {

            .process-list {
                margin-top: 40px;
            }

            .process-number {
                flex-basis: 80px;
            }
        }

        /* Mobile */
        @media (max-width: 575.98px) {

            .process-list {
                margin-top: 35px;
            }

            .process-item {
                display: block;
                padding: 22px 0;
            }

            .process-number {
                margin-bottom: 10px;
                font-size: 20px;
            }

            .process-title {
                font-size: 17px;
                margin-bottom: 8px;
            }

            .process-description {
                font-size: 14px;
                line-height: 1.5;
            }
        }


/* Main Section */
        .cmmi-markets-section {
            background: #1765a5;
            padding: 76px 5%;
        }

        .cmmi-container {
            max-width: 1260px;
            margin: 0 auto;
        }
        
        /* Small Heading */
        .cmmi-markets-label {
            margin-bottom: 16px;
            text-transform: uppercase;
            font: 601 11.5px "Open Sans", sans-serif;
            letter-spacing: 0.12em;
            color: rgb(187, 220, 248);
        }

        /* Main Heading */
        .cmmi-markets-title {
            color: #ffffff;
            font-size: clamp(29px, 3.7vw, 44px);
    line-height: 1.12;
    letter-spacing: -0.025em;
    font-weight: 600;
        }

        /* Description */
        .cmmi-markets-description {
            max-width: 800px;
            margin: 0 0 46px;
            color: #d4e7f7;
            font-size: 16px;
            line-height: 1.8;
            font-weight: 400;
        }

        /* Cards */
        .market-card {
    display: block;
    color: inherit;
    text-decoration: none;
    height: 180px;
    padding: 25px 24px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.035);
    transition: all 0.3s ease;
}

        .market-card:hover {
            background: rgba(255, 255, 255, 0.08);
            border-color: rgba(255, 255, 255, 0.42);
            transform: translateY(-2px);
        }

        .market-title {
            margin: 0;
            color: #ffffff;
            font-size: 18px;
            line-height: 1.3;
            font-weight: 700;
            letter-spacing: -0.3px;
        }

        .market-text {
            margin: 0;
            color: #d3e6f5;
            font-size: 14px;
            line-height: 1.65;
            font-weight: 400;
        }

.market-code {
    flex-shrink: 0;
    color: #d3e6f5;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.08em;
}
.market-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

        /* Tablet */
        @media (max-width: 991.98px) {

            .cmmi-markets-section {
                padding: 60px 35px;
            }

            .cmmi-markets-title {
                font-size: 36px;
            }

            .cmmi-markets-description {
                margin-bottom: 38px;
            }

            .market-card {
                height: auto;
                min-height: 175px;
            }
        }

        /* Mobile */
        @media (max-width: 767.98px) {

            .cmmi-markets-section {
                padding: 50px 20px;
            }

            .cmmi-markets-label {
                font-size: 11px;
                margin-bottom: 12px;
            }

            .cmmi-markets-title {
                font-size: 32px;
                line-height: 1.2;
                letter-spacing: -0.8px;
            }

            .cmmi-markets-description {
                font-size: 15px;
                line-height: 1.7;
                margin-bottom: 32px;
            }

            .market-card {
                min-height: auto;
                height: auto;
                padding: 22px 20px;
            }

            .market-title {
                font-size: 17px;
            }

            .market-text {
                font-size: 14px;
            }
        }

        /* Small Mobile */
        @media (max-width: 575.98px) {

            .cmmi-markets-section {
                padding: 42px 18px;
            }

            .cmmi-markets-title {
                font-size: 29px;
            }

            .cmmi-markets-description {
                font-size: 14px;
            }
        }



/* FAQ Section */
        .faq-section {
            width: 100%;
            padding: 88px 20px 104px;
            background: #fff;
            border-bottom: 1px solid rgb(228, 234, 241);
        }

        .faq-wrapper {
            max-width: 820px;
            margin: 0 auto;
        }

        /* Small Label */
        .faq-label {
            margin-bottom: 14px;
            font: 600 11.5px "Open Sans", sans-serif;
            letter-spacing: 0.12em;
            color: rgb(14, 95, 168);
        }

        /* Main Heading */
        .faq-title {
            margin: 0 0 32px;
            font-size: 44px;
            line-height: 1.15;
            font-weight: 700;
            letter-spacing: -1.2px;
            color: #0b2943;
        }

        /* Accordion */
        .faq-accordion {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .faq-item {
            border: 1px solid #dfe4e8;
            border-radius: 14px;
            overflow: hidden;
            background: #fff;
        }

        .faq-button {
            width: 100%;
            min-height: 71px;
            padding: 20px 24px;
            border: 0;
            outline: none;
            background: #fff;
            color: #0b2943;
            display: flex;
            align-items: center;
            justify-content: space-between;
            text-align: left;
            font-family: 'Open Sans', system-ui, sans-serif;
            font-size: 16px;
            line-height: 1.4;
            font-weight: 600;
            cursor: pointer;
            transition: background-color 0.2s ease;
        }

        .faq-button:hover {
            background: #fafcfd;
        }

        .faq-question {
            padding-right: 20px;
            cursor: pointer;
            font: 600 16.5px "Open Sans", sans-serif;
            color: rgb(10, 37, 64);
            text-align: left;
        }

        /* FAQ Icon */
        .faq-icon {
            flex: 0 0 26px;
            width: 26px;
            height: 26px;
            border: 1px solid #d7e0e6;
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #17628e;
            font-size: 17px;
            font-weight: 400;
            line-height: 1;
        }

        /* Closed = Plus */
        .faq-icon::before {
            content: "+";
        }

        /* Open = Minus */
        .faq-button:not(.collapsed) .faq-icon::before {
            content: "−";
            font-size: 18px;
            line-height: 1;
        }

        /* Answer */
        .faq-answer {
            padding: 0 24px 24px;
            font-size: 15.5px;
            line-height: 1.75;
            color: rgb(90, 113, 137);
        }

        /* Remove Bootstrap default accordion icon */
        .faq-button::after {
            display: none !important;
        }

        .faq-button:focus {
            box-shadow: none;
            background: none;
}
        }

        /* Bottom Border Line */
        .bottom-line {
            width: 100%;
            height: 1px;
            background: #e3e7ea;
        }

        /* Responsive */
        @media (max-width: 767px) {

            .faq-section {
                padding: 55px 18px 65px;
            }

            .faq-wrapper {
                max-width: 100%;
            }

            .faq-label {
                font-size: 11px;
                margin-bottom: 12px;
            }

            .faq-title {
                margin: 14px 0 32px;
                font-size: clamp(29px, 3.7vw, 44px);
                line-height: 1.12;
                letter-spacing: -0.025em;
                font-weight: 600;
                color: rgb(10, 37, 64);
            }

            .faq-accordion {
                gap: 10px;
            }

            .faq-button {
                min-height: 64px;
                padding: 17px 18px;
                font-size: 15px;
            }

            .faq-icon {
                width: 25px;
                height: 25px;
                flex-basis: 25px;
            }

            .faq-answer {
                padding: 0 18px 18px;
                font-size: 14px;
            }
        }

        @media (max-width: 480px) {

            .faq-title {
                font-size: 28px;
            }

            .faq-button {
                font-size: 14px;
            }
        }


 /* =========================================
           HOW WE WORK SECTION
        ========================================= */

        .how-we-work {
            padding: 85px 5%;
            background: #ffffff;
        }

        .how-we-work-container {
            max-width: 1320px;
            margin: 0 auto;
            padding: 0 25px;
        }


        /* =========================================
           TIMELINE
        ========================================= */

        .process-wrapper {
            position: relative;
        }

        /*
        Horizontal line
        */
        .process-line {
            position: absolute;
            top: 22px;
            left: 22px;
            right: 22px;
            height: 1px;
            background: #d7e0eb;
            z-index: 0;
        }


        /* =========================================
           PROCESS ITEMS
        ========================================= */

        .process-item2 {
            position: relative;
            z-index: 1;
            padding-right: 25px;
            z-index: 1;
            padding-right: 11px;
            display: grid;
            border:none;
            grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
        }

        .process-number2 {
            justify-content: center;
            margin-bottom: 24px;
            width: 44px;
            height: 44px;
            display: grid;
            place-items: center;
            background: rgb(255, 255, 255);
            border: 1px solid rgb(215, 225, 236);
            border-radius: 50%;
            font: 700 13px Poppins, sans-serif;
            color: rgb(14, 95, 168);
        }


        /* =========================================
           PROCESS TITLE
        ========================================= */

        .process-title2 {
            margin: 0 0 10px;
            line-height: 1.3;
            font-weight: 700;
            font-size: 15px;
            color: rgb(10, 37, 64);
        }


        /* =========================================
           PROCESS DESCRIPTION
        ========================================= */

        .process-description2{
            margin: 0;
            max-width: 185px;

            font-size: 14px;
            line-height: 1.5;
            font-weight: 400;

            color: #647d9d;
        }


        /* =========================================
           RESPONSIVE
        ========================================= */

        @media (max-width: 991px) {

            .how-we-work {
                padding: 70px 0 50px;
            }
            .process-wrapper {
                margin-top: 50px;
            }

            .process-description2{
                max-width: 100%;
            }

            .process-item2 {
                margin-bottom: 40px;
            }

            .process-line {
                display: none;
            }

            .process-number2 {
                margin-bottom: 18px;
            }
        }


        @media (max-width: 575px) {

            .how-we-work {
                padding: 55px 0 40px;
            }

            .how-we-work-container {
                padding: 0 20px;
            }

            .process-wrapper {
                margin-top: 40px;
            }

            .process-item2 {
                padding-right: 0;
                margin-bottom: 32px;
            }

            .process-number2 {
                width: 42px;
                height: 42px;
            }

            .process-description2{
                max-width: 100%;
            }
        }


/* Main Section */
        .industry-section {
            background: #f7faff;
            padding: 80px 5%;
        }

        .industry-container {
            max-width: 1280px;
            margin: 0 auto;
        }


        /* Cards Area */
        .industry-grid {
            margin-top: 44px;
        }

        /* Industry Link */
        .industry-link {
            width: 100%;
            min-height: 82px;
            color: #092b4c;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 14px;
            background: rgb(255, 255, 255);
            border: 1px solid rgb(228, 234, 241);
            border-radius: 14px;
            padding: 18px 20px;
            transition: 0.2s;
        }

        .industry-link:hover {
            color: #092b4c;
            border-color: #b8cfe5;
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(9, 43, 76, 0.08);
        }

        /* Icon Box */
        .industry-icon {
            flex: 0 0 36px;
            width: 36px;
            height: 36px;
            margin-right: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 9px;
            background: #edf4fb;
            color: #0064ad;
            font-size: 11px;
            font-weight: 700;
            line-height: 1;
        }

        /* Card Text */
        .industry-name {
            font: 600 15.5px "Open Sans", sans-serif;
            color: rgb(10, 37, 64);
        }

        /* Tablet */
        @media (max-width: 991.98px) {

            .industry-section {
                padding: 70px 0 60px;
            }

            .industry-grid {
                margin-top: 35px;
            }
        }

        /* Mobile */
        @media (max-width: 767.98px) {

            .industry-section {
                padding: 55px 0 45px;
            }

            .industry-grid {
                margin-top: 30px;
            }

            .industry-link {
                min-height: 76px;
            }
        }

        @media (max-width: 575.98px) {

            .industry-link {
                min-height: 72px;
                padding: 14px 16px;
            }

            .industry-name {
                font-size: 15px;
            }
        }




/* =====================================================
           CATEGORY TABS WRAPPER
        ====================================================== */

        .practice2-tabs-wrapper {
            width: 100%;
            width: 100%;
            height: 56px;
            border-top: 1px solid #e1e6eb;
            border-bottom: 1px solid #e1e6eb;
            overflow-x: auto;
            overflow-y: hidden;
            scrollbar-width: auto;
            scrollbar-color: #8C8C8C #F3F3F3;
            position: sticky;
            top: 0;
            z-index: 9999;
            background: rgba(255, 255, 255, 0.97);
            backdrop-filter: blur(8px);
            border-bottom: 1px solid rgb(228, 234, 241);

        }


        /* Chrome / Edge / Safari */

        .practice2-tabs-wrapper::-webkit-scrollbar {
            height: 12px;

        }


        .practice2-tabs-wrapper::-webkit-scrollbar-track {
            background: #F4F4F4;

        }


        .practice2-tabs-wrapper::-webkit-scrollbar-thumb {
            background: #8B8B8B;
            border-radius: 10px;

        }


        /* =====================================================
           TABS
        ====================================================== */

        .practice2-tabs {
            display: flex;
            align-items: center;
            gap: 10px;
            width: max-content;
            min-width: 100%;
            padding: 6px 0 17px;

        }


        /* =====================================================
           TAB BUTTON
        ====================================================== */

        .practice2-tab {
            flex-shrink: 0;
            height: 39px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: background .2s ease, border-color .2s ease, color .2s ease;
            white-space: nowrap;
            font: 600 13.5px "Inter", sans-serif;
            border-radius: 9px;
            padding: 9px 15px;
            border: 1px solid rgb(215, 225, 236);
            background: rgb(255, 255, 255);
            color: rgb(60, 85, 112);
            cursor: pointer;

        }


        .practice2-tab:hover {
            border-color: #B9D0E2;
            color: var(--blue);

        }


        .practice2-tab.active {
            background: #0968B5;
            border-color: #0968B5;
            color: #FFFFFF;

        }


        /* =====================================================
           practice2 COUNT
        ====================================================== */

        .practice2-count {
            margin: 30px 0 33px;
            color: #55708f;
            font-size: 12px;
            line-height: 18px;
            font-weight: 400;

        }


        /* =====================================================
           CARD GRID
        ====================================================== */

        .practice2-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;

        }


        /* =====================================================
           FULL CARD CLICKABLE LINK
        ====================================================== */

        .practice2-card-link {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
            color: inherit;

        }


        .practice2-card-link:hover,
        .practice2-card-link:focus,
        .practice2-card-link:active {
            color: inherit;
            text-decoration: none;

        }


        /* =====================================================
           CARD
        ====================================================== */
		.practice2-card-ht{min-height:232px !important;}
		.practice2-card img{width: 130px !important;}
        .practice2-card {
            position: relative;
            width: 100%;
            height: 100%;
            min-height: 350px;
            display: flex;
            flex-direction: column;
            background: rgb(255, 255, 255);
            border: 1px solid rgb(228, 234, 241);
            border-radius: 18px;
            padding: 30px 28px 26px;
            transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;

        }


        /* =====================================================
           CARD HOVER
        ====================================================== */

        .practice2-card-link:hover .practice2-card {
            border-color: rgb(185, 211, 236) !important;
            box-shadow: rgba(10, 37, 64, 0.3) 0px 20px 40px -28px !important;
            transform: translateY(-3px) !important;

        }


        /* =====================================================
           CARD TOP
        ====================================================== */

        .card-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;

        }


        /* =====================================================
           CARD CODE
        ====================================================== */

        .card-code {
            width: 42px;
            height: 35px;
            flex: 0 0 57px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #edf4fb;
            border-radius: 11px;
            color: #0068b7;
            font-size: 14px;
            font-weight: 700;
            line-height: 1;

        }


        /* =====================================================
           CARD CATEGORY
        ====================================================== */

        .card-category {
            text-align: right;
            font: 600 11px "Open Sans", sans-serif;
            letter-spacing: 0.09em;
            color: rgb(129, 149, 171);

        }


        /* =====================================================
           CARD TITLE
        ====================================================== */

        .card-title2 {
            letter-spacing: -.25px;
            margin: 20px 0 0;
            font-size: 19px;
            line-height: 1.28;
            font-weight: 600;
            color: rgb(10, 37, 64);

        }


        /* =====================================================
           CARD DESCRIPTION
        ====================================================== */

        .card-description2 {
            margin: 10px 0 0;
            font-size: 13px;
            line-height: 1.65;
            color: rgb(90, 113, 137);

        }


        /* =====================================================
           CARD TAGS
        ====================================================== */

        .card-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
            margin: 20px 0px 0px;

        }


        /* =====================================================
           TAG
        ====================================================== */



        .card-tag {
            /* min-height: 33px; */
            display: inline-flex;
            align-items: center;
            justify-content: center;
            white-space: nowrap;
            font: 600 11.5px "Open Sans", sans-serif;
            color: rgb(60, 85, 112);
            background: rgb(244, 248, 252);
            border: 1px solid rgb(228, 237, 246);
            border-radius: 6px;
            padding: 5px 9px;
        }


        /* =====================================================
           CARD FOOTER
        ====================================================== */

        .card-footer-custom {
            margin-top: 22px;
            padding-top: 16px;
            border-top: 1px solid rgb(238, 242, 247);
            font: 600 13.5px "Inter", sans-serif;
            color: rgb(14, 95, 168);

        }


        /* =====================================================
           EXPLORE LINK
        ====================================================== */

        .card-link {
            color: #0069B7;
            font-size: 13px;
            font-weight: 600;
            line-height: 1.4;
            text-decoration: none;
            transition: color .2s ease;

        }


        .practice2-card-link:hover .card-link {
            color: #064F8A;

        }


        /* =====================================================
           SINGLE CARD MODE
           IMPORTANT
        ====================================================== */

        .practice2-grid.single-card {
            grid-template-columns: 1fr;

        }


        .practice2-grid.single-card .practice2-card {
            min-height: 285px;
            padding: 30px 28px 26px;

        }


        .practice2-grid.single-card .card-title2 {
            font-size: 27px;

        }


        .practice2-grid.single-card .card-description2 {
            max-width: 1100px;

        }


        /* =====================================================
           EMPTY STATE
        ====================================================== */

        .practice2-empty {
            width: 100%;
            padding: 55px;
            border: 1px solid var(--border);
            border-radius: 21px;
            color: var(--muted);
            text-align: center;
            font-size: 16px;

        }


        /* =====================================================
           TABLET
        ====================================================== */

        @media (max-width: 1100px) {
            .practice2-count {
                margin-top: 65px;
            }

            .practice2-grid {
                grid-template-columns: repeat(2, 1fr);
            }

        }


        /* =====================================================
           MOBILE
        ====================================================== */

        @media (max-width: 767px) {
            .practice2-section {
                padding: 0 0 45px;
            }

            .practice2-container {
                width: calc(100% - 30px);
            }

            .practice2-tabs {
                gap: 8px;
                padding-bottom: 13px;
            }

            .practice2-tab {
                height: 44px;
                padding: 0 16px;
                font-size: 14px;
            }

            .practice2-count {
                margin: 45px 0 22px;
                font-size: 14px;
            }

            .practice2-grid {
                grid-template-columns: 1fr;
                gap: 18px;
            }

            .practice2-card {
                min-height: 400px;
                padding: 28px 25px 25px;
                border-radius: 17px;
            }

            .card-title2 {
                font-size: 23px;
            }

            .card-description2 {
                font-size: 16px;
                line-height: 1.65;
            }

            .practice2-grid.single-card .practice2-card {
                min-height: 390px;
                padding: 28px 25px 25px;
            }

        }


        /* =====================================================
           SMALL MOBILE
        ====================================================== */

        @media (max-width: 480px) {
            .practice2-tab {
                font-size: 13px;
                padding: 0 14px;
            }

            .card-category {
                font-size: 12px;
            }

            .card-title2 {
                font-size: 21px;
            }

            .card-code {
                width: 40px;
                height: 40px;
                flex-basis: 40px;
            }

        }


/* =====================================================
           ABOUT
        ====================================================== */
        .hero-bg{border-bottom: 1px solid #e8edf1;
          background:
          linear-gradient(180deg,
            #f7fafc 0%,
            #ffffff 48%,
            #ffffff 100%);}
        .about-section{
            padding:82px 5%;
        }
        .about-grid{
            display:grid;
            grid-template-columns:300px minmax(0,1fr);
            gap:75px;
            align-items:start;
        }
        .about-number{
            color:#edf3f7;
            font-size:110px;
            line-height:.8;
            letter-spacing:-8px;
            font-weight:800;
        }
        .about-side h2{
            margin:25px 0 0;
            color:#1572B8;
            font-size:30px;
            line-height:1.25;
            font-weight:700;
        }

        .about-side h2 span{
            color:#1572B8;
        }
        .about-line{
            width:50px;
            height:3px;
            margin-top:20px;
            background:#1572B8;
        }
        .about-content p{
            margin:0;
            color:#506777;
            font-size:14.5px;
            line-height:1.95;
        }
        .about-content p + p{
            margin-top:24px;
        }
        .about-content strong{
            color:#1572B8;
        }
        .about-content a{
            color:#1572B8;
        }

        /* Highlight */

        .highlight-box{
            position:relative;
            margin-top:35px;
            padding:28px 30px 28px 35px;
            background:#edf6fc;
            border-radius:3px 15px 15px 3px;
        }
        .highlight-box:before{
            content:"";
            position:absolute;
            left:0;
            top:0;
            bottom:0;
            width:5px;
            background:#1572B8;
            border-radius:5px 0 0 5px;
        }
        .highlight-box p{
            margin:0;
            color:#526a79;
            font-size:13.5px;
            line-height:1.9;
        }



        /* =====================================================
           EXPERTISE
        ====================================================== */

        .expertise-section{
            padding:82px 5%;
            background:#f7fafc;
            border-top:1px solid #edf1f4;
            border-bottom:1px solid #edf1f4;
        }
        .expertise-section-header{
            display:flex;
            align-items:flex-end;
            justify-content:space-between;
            gap:40px;
            margin-bottom:38px;
        }
        .expertise-section-label{
            margin-bottom:12px;
            color:#1572B8;
            font-size:10px;
            font-weight:700;
            letter-spacing:.17em;
            text-transform:uppercase;
        }


        .expertise-section-title{
            margin:0;
            color:#1572B8;
            font-size:38px;
            line-height:1.2;
            letter-spacing:-1px;
            font-weight:700;
        }


        .expertise-section-title span{
            color:#1572B8;
        }

        .section-description{
            max-width:440px;
            margin:0;
            color:#647987;
            font-size:13px;
            line-height:1.8;
        }

        .expertise-card{
            height:100%;
            padding:28px;
            background:#ffffff;
            border:1px solid var(--border);
            border-radius:15px;
            transition:.25s ease;
        }


        .expertise-card:hover{
            transform:translateY(-4px);
            border-color:#b8d0e1;
            box-shadow:
            0 14px 32px rgba(15,50,78,.08);
        }


        .expertise-number{
            color:#1572B8;
            font-size:10px;
            font-weight:700;
            letter-spacing:.12em;
            margin-bottom:25px;
        }


        .expertise-card h3{
            margin:0 0 10px;
            color:#1572B8;
            font-size:19px;
            line-height:1.4;
            font-weight:600;
        }


        .expertise-card p{
            margin:0;
            color:#647987;
            font-size:13px;
            line-height:1.75;
        }



        /* =====================================================
           NEW CERTIFICATE SECTION
        ====================================================== */

        .certificate-section{
            padding:82px 5%;
            background:#ffffff;
            overflow:hidden;
        }

        .certificate-header{
            margin-bottom:50px;
        }

        .certificate-header .expertise-section-label{
            margin-bottom:12px;
        }

        .certificate-header h2{
            margin:0;
            color:#1572B8;
            font-size:43px;
            line-height:1.15;
            font-weight:700;
            letter-spacing:-1.3px;
        }


        .certificate-header h2 span{
            color:#1572B8;
        }


        .certificate-header p{
            max-width:650px;
            margin:15px 0 0;
            color:#667b89;
            font-size:14px;
            line-height:1.8;
        }


        /* MAIN CERTIFICATE LAYOUT */

        .certificate-layout{
            display:grid;
            grid-template-columns:minmax(0,1.5fr) minmax(310px,.5fr);
            gap:0;
            align-items:stretch;
        }


        /* IMAGE AREA */

        .certificate-image-area{
            position:relative;
            padding:35px;
            background:#f5f8fa;
            border:1px solid var(--border);
            border-right:0;
            border-radius:20px 0 0 20px;
        }


        .certificate-image-area:before{
            content:"CERTIFICATE";
            position:absolute;
            left:35px;
            top:17px;
            color:#a4b1ba;
            font-size:9px;
            font-weight:700;
            letter-spacing:.16em;
        }


        .certificate-image-wrap{
            margin-top:15px;
            padding:15px;
            background:#ffffff;
            border:1px solid #e0e7ec;
            border-radius:10px;
            box-shadow:
            0 12px 35px rgba(20,50,75,.06);
        }


        .certificate-image-wrap img{
            display:block;
            width:100%;
            height:auto;
            margin:0 auto;
        }


        /* INFORMATION AREA */

        .certificate-information{
            position:relative;
            padding:40px 32px;
            background:#1572B8;
            border-radius:0 20px 20px 0;
            overflow:hidden;
        }


        .certificate-information:before{
            content:"";
            position:absolute;
            width:220px;
            height:220px;
            right:-100px;
            bottom:-100px;
            border:45px solid rgba(255,255,255,.035);
            border-radius:50%;
        }


        .certificate-information:after{
            content:"";
            position:absolute;
            width:100px;
            height:100px;
            right:35px;
            top:40px;
            border:1px solid rgba(255,255,255,.08);
            border-radius:50%;
        }


        .certificate-big-number{
            position:relative;
            z-index:2;
            color:rgba(255,255,255,.10);
            font-size:92px;
            line-height:.8;
            font-weight:800;
            letter-spacing:-7px;
        }


        .certificate-information h3{
            position:relative;
            z-index:2;
            margin:30px 0 10px;
            color:#ffffff;
            font-size:23px;
            line-height:1.35;
            font-weight:600;
        }


        .certificate-information > p{
            position:relative;
            z-index:2;
            margin:0;
            color:#b7c9d4;
            font-size:12.5px;
            line-height:1.75;
        }


        /* DETAILS */

        .certificate-points{
            position:relative;
            z-index:2;
            margin-top:32px;
            padding-top:5px;
        }


        .certificate-point{
            display:flex;
            align-items:flex-start;
            gap:12px;
            padding:16px 0
            border-bottom:1px solid rgba(255,255,255,.11);
        }


        .certificate-point:last-child{
            border-bottom:0;
        }


        .certificate-point-icon{
            width:30px;
            height:30px;
            flex:0 0 30px;
            display:flex;
            align-items:center;
            justify-content:center;
            background:rgba(255,255,255,.08);
            color:#72bde2;
            border-radius:7px;
            font-size:13px;
        }


        .certificate-point small{
            display:block;
            color:#7892a1;
            font-size:8px;
            font-weight:700;
            letter-spacing:.12em;
            text-transform:uppercase;
            margin-bottom:3px;
        }


        .certificate-point strong{
            color:#ffffff;
            font-size:12px;
            font-weight:600;
            line-height:1.5;
        }


        /* =====================================================
           CERTIFICATE BOTTOM LINE
        ====================================================== */

        .certificate-footer{
            display:flex;
            justify-content:space-between;
            align-items:center;
            gap:25px;
            margin-top:18px;
            padding:18px 22px;
            background:#f7fafc;
            border:1px solid var(--border);
            border-radius:11px;
        }


        .certificate-footer-text{
            color:#607483;
            font-size:12px;
            line-height:1.6;
        }


        .certificate-footer-text strong{
            color:#1572B8;
        }


        .certificate-valid{
            color:#1572B8;
            font-size:11px;
            font-weight:700;
            white-space:nowrap;
        }



        


        /* =====================================================
           RESPONSIVE
        ====================================================== */

        @media(max-width:991px){
            .hero-grid{
                grid-template-columns:1fr;
                gap:40px;
            }


            .hero-side{
                min-height:260px;
                justify-content:flex-start;
            }


            .about-grid{
                grid-template-columns:1fr;
                gap:35px;
            }


            .about-number{
                font-size:80px;
            }


            .expertise-section-header{
                display:block;
            }


            .section-description{
                margin-top:15px;
            }


            .certificate-layout{
                grid-template-columns:1fr;
            }


            .certificate-image-area{
                border-right:1px solid var(--border);
                border-bottom:0;
                border-radius:20px 20px 0 0;
            }


            .certificate-information{
                border-radius:0 0 20px 20px;
            }

        }


        @media(max-width:767px){

            .main-container{
                width:calc(100% - 30px);
            }

            .about-section{
                padding:65px 0;
            }


            .about-side h2{
                font-size:27px;
            }


            .expertise-section{
                padding:65px 0;
            }


            .expertise-section-title{
                font-size:31px;
            }


            .certificate-section{
                padding:65px 0;
            }


            .certificate-header h2{
                font-size:34px;
            }


            .certificate-image-area{
                padding:20px;
            }


            .certificate-information{
                padding:30px 25px;
            }


            .certificate-footer{
                display:block;
            }


            .certificate-valid{
                display:block;
                margin-top:8px;
            }


            .final-content{
                display:block;
            }


            .final-badge{
                margin-top:25px;
            }

        }


        @media(max-width:480px){

            .hero-title{
                font-size:35px;
            }


            .hero-info{
                width:210px;
                min-height:210px;
                padding:25px;
            }


            .hero-info strong{
                font-size:23px;
            }


            .highlight-box{
                padding:24px 20px 24px 30px;
            }


            .certificate-big-number{
                font-size:75px;
            }


            .certificate-information h3{
                font-size:21px;
            }

        }




.clients-section {
            padding: 80px 5%;
        }

        .clients-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 36px;
        }

        .clients-heading {
            margin: 0;
            text-transform: uppercase;
            font: 600 11.5px "Open Sans", sans-serif;
            letter-spacing: 0.12em;
            color: rgb(129, 149, 171);
        }

        .view-all {
            color: #005bb5;
            font-size: 13px;
            font-weight: 600;
            text-decoration: none;
            white-space: nowrap;
        }

        .view-all:hover {
            color: #092b4c;
        }

        /* Main client grid */
        .clients-grid {
            display: grid;
            grid-template-columns: repeat(8, 1fr);
            border: 1px solid #d9e2ec;
            border-radius: 16px;
            overflow: hidden;
            background: #ffffff;
        }

        .client-box {
            min-height: 96px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 15px 12px;
            text-decoration: none;
            border-right: 1px solid #d9e2ec;
            border-bottom: 1px solid #d9e2ec;
            background: #ffffff;
            transition: background-color 0.2s ease,
                color 0.2s ease;
            font: 600 12px / 1.35 "Open Sans", sans-serif;
            color: rgb(124, 144, 166);
            letter-spacing: 0.01em;
        }


        .client-box:hover {
            background: #f7fafd;
            
        }

        /* Remove right border from every 8th item */
        .client-box:nth-child(8n) {
            border-right: none;
        }

        /* Second row */
        .client-box:nth-child(n+9) {
            border-bottom: none;
        }

        /* Empty grey area */
        .client-empty {
            background: #e5ebf2;
            min-height: 96px;
            grid-column: span 4;
            border-bottom: none;
        }

        .client-note {
            margin-top: 17px;
            font-size: 11px;
            line-height: 1.5;
            color: #7693b3;
        }


        /* --------------------------------
           Responsive
        -------------------------------- */

        @media (max-width: 991.98px) {

            .clients-section {
                padding: 60px 25px 0;
            }

            .clients-grid {
                grid-template-columns: repeat(4, 1fr);
            }

            .client-box {
                min-height: 90px;
            }

            .client-box:nth-child(8n) {
                border-right: 1px solid #d9e2ec;
            }

            .client-box:nth-child(4n) {
                border-right: none;
            }

            .client-empty {
                grid-column: span 4;
            }
        }

        @media (max-width: 575.98px) {

            .clients-section {
                padding: 45px 16px 0;
            }

            .clients-top {
                align-items: flex-start;
                gap: 15px;
                margin-bottom: 25px;
            }

            .clients-heading {
                font-size: 11px;
                line-height: 1.5;
            }

            .view-all {
                font-size: 11px;
            }

            .clients-grid {
                grid-template-columns: repeat(2, 1fr);
                border-radius: 12px;
            }

            .client-box {
                min-height: 90px;
                font-size: 12px;
                padding: 12px 8px;
            }

            .client-box:nth-child(4n) {
                border-right: 1px solid #d9e2ec;
            }

            .client-box:nth-child(2n) {
                border-right: none;
            }

            .client-empty {
                grid-column: span 2;
                min-height: 70px;
            }

            .client-note {
                font-size: 10px;
                margin-top: 14px;
            }
        }




.testimonial-section {
            min-height: 500px;
            display: flex;
            align-items: center;
            padding: clamp(56px, 8vw, 104px) 0px;
            background: rgb(247, 250, 253);
            border-bottom: 1px solid rgb(228, 234, 241);
        }

        .testimonial-container {
            max-width: 1320px;
            margin: auto;
            padding: 0 30px;
        }

        /* LEFT SIDE */

        .testimonial-sidebar {
            padding-top: 5px;
        }

        .testimonial-section-label {
            margin-bottom: 14px;
            text-transform: uppercase;
            letter-spacing: 0.12em;
            color: rgb(14, 95, 168);
        }

        .testimonial-section-title {
            margin-bottom: 30px;
            font-size: 32px;
            line-height: 1.16;
            letter-spacing: -0.02em;
            font-weight: 700;
            color: rgb(10, 37, 64);
        }

        /* NAVIGATION */

        .slider-controls {
            display: flex;
            gap: 10px;
            margin-bottom: 17px;
        }

        .slider-btn-testimonial {
            justify-content: center;
            font-size: 22px;
            transition: all 0.3s ease;
            width: 44px;
            height: 44px;
            display: grid;
            place-items: center;
            background: rgb(255, 255, 255);
            border: 1px solid rgb(215, 225, 236);
            border-radius: 10px;
            color: rgb(60, 85, 112);
        }

        .slider-btn-testimonial:hover {
            border-color: rgb(14, 95, 168) !important;
            color: rgb(14, 95, 168) !important;
        }

        .slide-counter {
            font-size: 12px;
            color: #7790aa;
            letter-spacing: 1px;
        }

        /* TESTIMONIAL CARD */

        .testimonial-card {
            padding: 72px 52px;
            min-height: 398px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            margin: 0px;
            background: rgb(255, 255, 255);
            border: 1px solid rgb(228, 234, 241);
            border-radius: 20px;
        }

        .testimonial-content {
            margin: 0;
            font-family: Poppins, sans-serif;
            font-size: clamp(19px, 2.1vw, 23px);
            line-height: 1.5;
            font-weight: 400;
            letter-spacing: -0.01em;
            color: rgb(10, 37, 64);
        }

        .testimonial-footer {
            border-top: 1px solid #e6edf4;
            padding-top: 26px;
            margin-top: 32px;
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .author-avatar {
            width: 46px;
            height: 46px;
            flex-shrink: 0;
            border-radius: 50%;
            background: #eef5fc;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #0860ae;
            font-weight: 700;
            font-size: 14px;
        }

        .author-name {
            font-size: 15px;
            font-weight: 500;
            color: #092b4c;
            margin-bottom: 3px;
        }

        .author-designation {
            font-size: 13px;
            color: #72869d;
            line-height: 1.5;
        }

        /* SLIDE ANIMATION */

        .testimonial-slide {
            display: none;
            animation: slideFade 0.45s ease;
        }

        .testimonial-slide.active {
            display: block;
        }

        @keyframes slideFade {
            from {
                opacity: 0;
                transform: translateX(15px);
            }

            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        /* RESPONSIVE */

        @media (max-width: 991px) {

            .testimonial-section {
                padding: 45px 0;
            }

            .testimonial-sidebar {
                margin-bottom: 30px;
            }

            .testimonial-section-title br {
                display: none;
            }

            .testimonial-card {
                min-height: 350px;
                padding: 35px;
            }

            .testimonial-content {
                font-size: 22px;
            }
        }

        @media (max-width: 575px) {

            .testimonial-container {
                padding: 0 18px;
            }

            .testimonial-section {
                padding: 35px 0;
            }

            .testimonial-section-title {
                font-size: 29px;
                margin-bottom: 22px;
            }

            .testimonial-card {
                padding: 28px 22px;
                border-radius: 16px;
                min-height: 370px;
            }

            .testimonial-content {
                font-size: 19px;
                line-height: 1.55;
                letter-spacing: 0;
            }

            .testimonial-footer {
                padding-top: 20px;
                margin-top: 25px;
                gap: 12px;
            }

            .author-name {
                font-size: 14px;
            }

            .author-designation {
                font-size: 12px;
            }
        }


.team-section {
            padding: 85px 5%;
        }

        .team-btn {
            justify-content: center;
            gap: 5px;
            background: #ffffff;
            text-decoration: none;
            transition: all 0.3s ease;
            display: inline-flex;
            align-items: center;
            height: 48px;
            padding: 0px 22px;
            border: 1px solid rgb(215, 225, 236);
            border-radius: 10px;
            font: 600 14.5px "Open Sans", sans-serif;
            color: rgb(10, 37, 64);
            white-space: nowrap;
        }

        .team-btn:hover {

            border-color: rgb(14, 95, 168) !important;
            color: rgb(14, 95, 168) !important;
        }

        .team-card {
            height: 100%;
            background: rgb(255, 255, 255);
            border: 1px solid rgb(228, 234, 241);
            border-radius: 18px;
            overflow: hidden;
            transition: 0.2s;
        }

        .team-card:hover {
            border-color: rgb(185, 211, 236) !important;
            box-shadow: rgba(10, 37, 64, 0.3) 0px 20px 40px -30px !important;
        }

        .team-image {
            height: 190px;
            background: linear-gradient(135deg, #edf4fb, #e1edf8);
            display: flex;
            align-items: center;
            justify-content: center;
            border-bottom: 1px solid #e0e6eb;
        }

		.team-image img{ max-width:160px;}

        .team-initials {
            font-size: 34px;
            font-weight: 700;
            color: #8db4d9;
            letter-spacing: 1px;
        }

        .team-content {
            padding: 22px 22px 24px;
        }

        .team-name {
            font-size: 17px;
            line-height: 1.4;
            font-weight: 700;
            color: #092b4c;
            margin-bottom: 4px;
        }

        .team-role {
            font-size: 13px;
            font-weight: 500;
            color: #175d98;
            margin-bottom: 10px;
        }

        .team-description {
            font-size: 13.5px;
            line-height: 1.6;
            color: #687785;
            margin-bottom: 16px;
        }

        .team-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
        }

        .team-tag {
            display: inline-block;
            font-size: 11px;
            line-height: 1.4;
            color: #344b60;
            background: #f2f6fa;
            border: 1px solid #e3eaf0;
            border-radius: 5px;
            padding: 4px 9px;
            font-weight: 600;
        }

        /* Tablet */
        @media (max-width: 991px) {
            .team-section {
                padding: 60px 0;
            }

            .section-title {
                font-size: 36px;
            }
        }

        /* Mobile */
        @media (max-width: 767px) {
            .team-section {
                padding: 45px 0;
            }
            .team-header {
                align-items: flex-start !important;
                gap: 20px;
            }
            .team-btn {
                margin-top: 5px;
                padding: 10px 14px;
                font-size: 12px;
            }
            .team-image {
                height: 180px;
            }
        }

        @media (max-width: 575px) {
            .team-header {
                flex-direction: column;
            }
            .team-content {
                padding: 20px;
            }
        }
.cta-label {
    margin-bottom: 16px;
    display: block;
    font: 600 11.5px "Open Sans", sans-serif;
    letter-spacing: 0.12em;
    color: rgb(187, 217, 244);
}






.team-wrap {
  
	padding: 82px 5%;
    }

    .team-wrap > [class*="col-"] {
      display: flex;
    }

    .member {
      width: 100%;
      height: 100%;
      background: #fff;
      border: 1px solid #dce8f2;
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 8px 25px rgba(20,63,95,.05);
      transition: .3s ease;
    }

    .member:hover {
      transform: translateY(-5px);
      box-shadow: 0 15px 35px rgba(20,63,95,.10);
    }

    .member-photo {
      height: 230px;
      background: #eaf5ff;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .photo-placeholder {
      width: 180px;
      height: 180px;
      border-radius: 50%;
      /*background: #fff;
      border: 1px solid #c8d9e6;*/
      display: grid;
      place-items: center;
      color: #1265ae;
      font-size: 42px;
    }

    .member-body {
      padding: 24px;
    }

    .member h3 {
      margin: 0 0 6px;
      color: #082e63;
      font-size: 20px;
      font-weight: 700;
    }

    .role {
      color: #1265ae;
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .06em;
      margin-bottom: 14px;
    }

    .member-description {
      position: relative;
      max-height: 110px;
      overflow: hidden;
      transition: max-height .4s ease;
    }

    .member-description::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 40px;
      background: linear-gradient(transparent, #fff);
      pointer-events: none;
    }

    .member-description.expanded {
      max-height: 1200px;
    }

    .member-description.expanded::after {
      display: none;
    }

    .member p,
    .member li {
      color: #617487;
      font-size: 13px;
      line-height: 1.65;
    }

    .member ul {
      padding-left: 18px;
      margin-bottom: 0;
    }

    .read-toggle {
      border: 0;
      background: none;
      color: #1265ae;
      padding: 12px 0 0;
      font-size: 12px;
      font-weight: 700;
      cursor: pointer;
    }
.read-toggle:hover { background:transparent; color:#1265ae;}
.read-toggle:active { background:transparent; color:#1265ae;}
.read-toggle:focus { background:transparent; color:#1265ae;}
    .read-toggle i {
      margin-left: 5px;
    }     



/* Client Count */
.stat-box {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 27px;
}

.stat-number {
    color: #ffffff;
    font-size: 36px;
    line-height: 1;
    font-weight: 800;
}

.stat-caption {
    max-width: 130px;
    color: #c8d8e7;
    font-size: 12px;
    line-height: 1.5;
}


/* Logo Section */

.section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.section-head h2 {
    margin: 0;
    color: #1765a8;
    font-size: 25px;
    font-weight: 750;
    letter-spacing: -.5px;
}

.section-head p {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 14px;
}


/* Logo Grid */
.logo-grid {
    padding: 22px;
    background: #f5f8fb;
    border: 1px solid #e9eef3;
}

.logo-card {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 104px;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    transition: transform .2s ease,
                border-color .2s ease,
                box-shadow .2s ease;
}

.logo-card:hover {
    transform: translateY(-4px);
    border-color: #b9d6ea;
    box-shadow: 0 9px 20px rgba(16,45,79,.08);
}

.logo-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Call to Action */
.bottom-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-top: 32px;
    padding: 25px 28px;
    background: #edf5fb;
    border-left: 4px solid #1675b9;
}

.bottom-cta h3 {
    margin: 0 0 4px;
    color: #1765a8;
    font-size: 18px;
    font-weight: 700;
}

.bottom-cta p {
    margin: 0;
    color: #617184;
    font-size: 14px;
}

.btn-main {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 13px 21px;
    background: #1675b9;
    border: 1px solid #1675b9;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    transition: all .2s ease;
}

.btn-main:hover {
    background: #1765a8;
    border-color: #1765a8;
    color: #ffffff;
}

.btn-main span {
    font-size: 19px;
    line-height: 1;
}

/* Responsive Design */
@media (max-width: 767.98px) {
    .hero {
        padding: 48px 0 56px;
    }

    .hero h1 {
        font-size: 38px;
    }

    .hero-copy {
        font-size: 14px;
    }

    .story-card {
        padding: 19px;
        font-size: 13px;
    }

    .logo-section {
        padding-top: 34px;
    }

    .section-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .section-head h2 {
        font-size: 23px;
    }

    .logo-grid {
        padding: 12px;
    }

    .logo-card {
        height: 82px;
        padding: 10px;
    }

    .bottom-cta {
        align-items: flex-start;
        flex-direction: column;
        padding: 20px;
    }
}



/* Contact Section */
        .ug-contact-section {
            position: relative;
            padding: 90px 0;
            background: #ffffff;
            font-family: Arial, Helvetica, sans-serif;
            overflow: hidden;
        }

        .ug-contact-section * {
            box-sizing: border-box;
        }

        .ug-contact-section .container {
            max-width: 1320px;
        }

        /* Section Heading */
        .ug-contact-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 18px;
            color: #083d7f;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

        .ug-contact-eyebrow::before {
            content: "";
            width: 28px;
            height: 2px;
            background: #1689e8;
        }

        .ug-contact-title {
            max-width: 480px;
            margin-bottom: 20px;
            color: #132e55;
            font-size: clamp(32px, 4vw, 46px);
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: -1.2px;
        }

        .ug-contact-description {
            max-width: 490px;
            margin-bottom: 35px;
            color: #52657c;
            font-size: 16px;
            line-height: 1.9;
        }

        /* Contact Information */
        .ug-contact-info {
            padding-right: 35px;
        }

        .ug-contact-details {
            display: grid;
            gap: 23px;
        }

        .ug-contact-item {
            display: flex;
            align-items: flex-start;
            gap: 17px;
        }

        .ug-contact-icon {
            display: flex;
            flex-shrink: 0;
            align-items: center;
            justify-content: center;
            width: 48px;
            height: 48px;
            border-radius: 12px;
            background: #f3f7fc;
            color: #083d7f;
            font-size: 21px;
            transition: all 0.3s ease;
        }

        .ug-contact-item:hover .ug-contact-icon {
            background: #083d7f;
            color: #ffffff;
            transform: translateY(-2px);
        }

        .ug-contact-item h3 {
            margin: 1px 0 8px;
            color: #132e55;
            font-size: 18px;
            font-weight: 700;
        }

        .ug-contact-item p {
            margin: 0;
            color: #52657c;
            font-size: 14px;
            line-height: 1.9;
        }

        .ug-contact-item a {
            color: #1689e8;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .ug-contact-item a:hover {
            color: #083d7f;
        }

        .ug-contact-phone-list {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }

        

        /* Responsive Design */
        @media (max-width: 991.98px) {
            .ug-contact-section {
                padding: 65px 0;
            }

            .ug-contact-info {
                padding-right: 12px;
            }

            .ug-contact-title {
                max-width: 100%;
            }

            .ug-contact-description {
                max-width: 100%;
            }

        }

        @media (max-width: 767.98px) {
            .ug-contact-section {
                padding: 48px 0;
            }

            .ug-contact-title {
                font-size: 34px;
                letter-spacing: -0.6px;
            }

            .ug-contact-description {
                font-size: 15px;
                line-height: 1.8;
            }

            .ug-contact-details {
                gap: 22px;
            }

        }





/* General Form Styling */
.ug-form-heading {
    margin-bottom: 8px;
    color: #132e55;
    font-size: 27px;
    font-weight: 700;
}
.ug-form-subheading {
    margin-bottom: 0px;
    color: #52657c;
    font-size: 14px;
    line-height: 1.8;
}
.wpcf7-form {
    margin: 0 auto;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
	display: inline !important;
}

/* Form Row Styling */
.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px; /* Add spacing between rows */
}

/* Half-Width Fields */
.form-half {
    width: 48%;
    margin-right: 2% !important; /* Space between two fields in the same row */
}

.form-half:last-child {
    margin-right: 0;
}

/* Labels Styling */
.wpcf7-form label {
    display: block;
    margin-bottom: 8px; /* Space below the label */
    padding-top: 10px; /* Add padding above labels */
    font-weight: bold;
    color: #555;
    font-size: 14px;
	
}

/* Input and Textarea Fields */
textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="submit"] {
width: 100% !important;
    padding: 25px 15px !important;
    border: 1px solid #dce5ef;
    border-radius: 8px;
    background-color: #ffffff;
    font-size: 16px !important;
    color: #333 !important;
    margin-top: 10px !important;
}

/* Text Area Reduced Rows */
textarea {
    height: 115px; /* Adjust height for less rows */
    resize: none!important; /* Disable resize */
    margin-top: 10px !important;
}

/* Placeholder Text */
textarea::placeholder,
input::placeholder {
    color: #bbb; /* Minimal and soft color for placeholders */
    font-size: 14px;
}

/* Submit Button */
input[type="submit"] {
   display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 52px;
    padding: 13px 25px !important;
    border: none !important;
    border-radius: 7px !important;
    background: #0964ad !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
	font: 600 15.5px "Open Sans", sans-serif;
}

input[type="submit"]:hover {
    background-color: #075796 !important;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .form-half {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px; /* Add spacing for stacked fields */
    }
}





/* Page Introduction */

        .page-intro {
            padding: 82px 5%;
        }

        .page-section-label {
            display: inline-block;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #1477b9;
            margin-bottom: 12px;
        }

        .page-title {
            font-size: clamp(36px, 5vw, 54px);
            line-height: 1.15;
            letter-spacing: -2px;
            font-weight: 800;
            color: #0b2945;
            margin-bottom: 22px;
        }

        .intro-text {
            max-width: 1000px;
            font-size: 17px;
            line-height: 1.9;
            margin-bottom: 0;
        }

        /* Content Sections */

        .content-section {
            padding: 65px 0;
            border-top: 1px solid #e2eaf1;
        }

        .light-section {
            background: #f5f9fc;
        }

        .section-heading {
            font-size: 29px;
            line-height: 1.4;
            font-weight: 700;
            letter-spacing: -0.8px;
            color: #0b2945;
            margin-bottom: 20px;
        }

        .section-heading span {
            color: #1477b9;
        }

        .section-description {
            max-width: 950px;
            margin-bottom: 28px;
        }

        .content-paragraph {
            margin-bottom: 20px;
            line-height: 1.9;
        }

        /* Partner Cards */

        .partner-card {
            height: 100%;
            background: #ffffff;
            border: 1px solid #e2eaf1;
            border-radius: 8px;
            padding: 30px;
            transition: all 0.3s ease;
        }

        .partner-card:hover {
            border-color: #b8d9ef;
            box-shadow: 0 12px 35px rgba(11, 41, 69, 0.07);
            transform: translateY(-4px);
        }

        .partner-icon {
            width: 54px;
            height: 54px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #eaf5fd;
            color: #1477b9;
            border-radius: 7px;
            font-size: 25px;
            margin-bottom: 23px;
        }

        .partner-card h3 {
            font-size: 19px;
            font-weight: 700;
            line-height: 1.5;
            color: #0b2945;
            margin-bottom: 15px;
        }

        .partner-card p {
            font-size: 14px;
            line-height: 1.9;
            margin-bottom: 0;
        }

        /* Information Box */

        .info-box {
            display: flex;
            gap: 18px;
            padding: 25px;
            background: #ffffff;
            border-left: 4px solid #1477b9;
            border-radius: 4px;
            box-shadow: 0 5px 25px rgba(11, 41, 69, 0.04);
            margin-top: 30px;
        }

        .info-box i {
            font-size: 24px;
            color: #1477b9;
            flex-shrink: 0;
        }

        .info-box p {
            margin-bottom: 0;
        }

        /* Partnership Cards */

        .step-card {
            background: #ffffff;
            border: 1px solid #e2eaf1;
            border-radius: 8px;
            padding: 25px;
            height: 100%;
        }

        .step-number {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: #0b2945;
            color: #ffffff;
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 18px;
        }

        .step-card h3 {
            font-size: 17px;
            font-weight: 700;
            color: #0b2945;
            margin-bottom: 12px;
        }

        .step-card p {
            font-size: 14px;
            margin-bottom: 0;
            line-height: 1.85;
        }

        

        /* Responsive */

        @media (max-width: 991px) {
            .page-intro {
                padding: 40px 0 50px;
            }

            .content-section {
                padding: 50px 0;
            }

            .partner-card {
                padding: 25px;
            }
        }

        @media (max-width: 767px) {
            body {
                font-size: 14px;
            }

            .page-intro {
                padding: 30px 0 45px;
            }

            .page-title {
                font-size: 36px;
                letter-spacing: -1.2px;
            }

            .intro-text {
                font-size: 15px;
                line-height: 1.85;
            }

            .section-heading {
                font-size: 25px;
            }

            .content-section {
                padding: 45px 0;
            }

            .partner-card {
                padding: 24px;
            }

            .info-box {
                padding: 20px;
            }
        }



.privacy-policy {
        padding: 60px 0;
        background-color: #ffffff;
        color: #132e55;
        font-family: Arial, sans-serif;
    }


    .privacy-policy .policy-section {
        margin-bottom: 30px;
    }

    .privacy-policy h3 {
        font-size: 22px;
        font-weight: 600;
        color: #132e55;
        margin-bottom: 15px;
    }

    .privacy-policy p,
    .privacy-policy li {
        font-size: 15px;
        line-height: 1.8;
        color: #555f6e;
    }

    .privacy-policy ul {
        padding-left: 22px;
        margin-bottom: 0;
		    margin-left: 0px;
    }

    .privacy-policy li {
        margin-bottom: 10px;
    }

    @media (max-width: 767px) {
        .privacy-policy {
            padding: 35px 0;
        }

        .privacy-policy h3 {
            font-size: 20px;
        }

        .privacy-policy p,
        .privacy-policy li {
            font-size: 15px;
        }
    }



 /* Top line */
  .topline {
    background: var(--navy);
    color: #e6edf3;
    font-size: 12px;
    padding: 8px 0;
  }

  .topline a {
    color: inherit;
    text-decoration: none;
    margin-left: 18px;
  }

  /* Header / navigation */
  .site-header {
    background: #fff;
    border-bottom: 1px solid var(--border);
  }

  .navbar {
    padding: 16px 0;
  }

  .brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--navy);
    line-height: 1.1;
  }

  .brand-mark {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: var(--navy);
    color: white;
    font-weight: 800;
    font-size: 19px;
  }

  .brand-name {
    font-weight: 800;
    font-size: 19px;
  }

  .brand-sub {
    display: block;
    color: #1765a8;
    font-size: 9px;
    letter-spacing: 2px;
    font-weight: 800;
    margin-top: 4px;
  }

  .navbar .nav-link {
    font-size: 12px;
    font-weight: 800;
    color: #344455;
    padding: 10px 11px !important;
  }

  .navbar .nav-link:hover {
    color: #1765a8;
  }

  .btn-brand {
    background: #1765a8;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 800;
    padding: 12px 17px;
    border-radius: 2px;
    display: inline-flex;
    gap: 9px;
    align-items: center;
  }

  .btn-brand:hover {
    background: #c95622;
    color: white;
  }


  /* Main content */
  main .content {
    padding: 45px 0 70px;
  }

  .intro {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 20px;
    margin-bottom: 26px;
  }

  .intro h2 {
    font-size: 25px;
    font-weight: 800;
    margin: 0 0 4px;
  }

  .intro p {
    margin: 0;
    color: var(--muted);
  }

  /* Search */
  .search {
    position: relative;
    width: 100%;
    max-width: 320px;
  }

  .search i {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    color: #82909e;
  }

  .search input {
    width: 100%;
    padding: 11px 12px 11px 38px;
    border: 1px solid var(--border);
    outline: none;
    font-size: 13px;
    border-radius: 3px;
  }

  .search input:focus {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px #174f7912;
  }

  /* Sitemap cards */
  .sitemap-card {
    height: 100%;
    padding: 22px;
    border: 1px solid var(--border);
    border-radius: 5px;
    background: white;
    transition: .2s;
  }

  .sitemap-card:hover {
    border-color: #cbd7e2;
    box-shadow: 0 10px 28px #102c460c;
    transform: translateY(-2px);
  }

  .sitemap-card-heading {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    border-bottom: 1px solid #edf1f5;
    padding-bottom: 14px;
    margin-bottom: 10px;
  }

  .card-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 4px;
    background: #fff3ed;
    color: #1765a8;
    font-size: 17px;
  }

  .sitemap-card-heading h3 {
    font-size: 16px;
    line-height: 1.35;
    font-weight: 800;
    margin: 2px 0 0;
  }

  .link-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .link-list a {
    display: flex;
    gap: 9px;
    padding: 4px 0;
    color: #526171;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.5;
    overflow-wrap: anywhere;
  }

  .link-list a:before {
    content: "›";
    color: #98a6b3;
    font-weight: bold;
  }

  .link-list a:hover {
    color: #1765a8;
    padding-left: 3px;
  }

  /* Sections */
  .section {
    margin-top: 56px;
    scroll-margin-top: 20px;
  }

  .section-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 18px;
    border-bottom: 1px solid var(--border);
    padding-bottom: 17px;
    margin-bottom: 22px;
  }

  .section-head h2 {
    font-size: 27px;
    font-weight: 800;
    letter-spacing: -.6px;
    margin: 0 0 4px;
  }

  .section-head p {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
  }

  .kicker {
    font-size: 10px;
    letter-spacing: 1.7px;
    text-transform: uppercase;
    color: #1765a8;
    font-weight: 800;
    display: block;
    margin-bottom: 5px;
  }

  /* Country cards */
  .country-card {
    height: 100%;
    padding: 19px;
    background: var(--soft);
    border: 1px solid var(--border);
    border-radius: 5px;
  }

  .country-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
  }

  .country-title i {
    color: #1765a8;
  }

  .country-title h3 {
    font-size: 16px;
    font-weight: 800;
    margin: 0;
  }

  .country-note {
    font-size: 12px;
    color: var(--muted);
    margin: 0 0 8px;
  }

  .no-results {
    display: none;
    padding: 22px;
    text-align: center;
    color: var(--muted);
    background: var(--soft);
    border: 1px solid var(--border);
  }



  @media (max-width: 767px) {

    .content {
      padding: 32px 0 50px !important;
    }

    .intro,
    .section-head {
      align-items: stretch;
      flex-direction: column;
    }

    .search {
      max-width: none;
    }

    .sitemap-card {
      padding: 19px;
    }

  }


  .eyebrow:before {
    display: none;
  }

  .chip {
    border: 0;
    background: transparent;
    padding: 0;
    color: #667585;
    font-weight: 500;
  }

  main .content {
    padding: 34px 0 55px;
  }

  .intro {
    margin-bottom: 25px;
  }

  .intro h2 {
    font-size: 23px;
  }

  .sitemap-card,
  .country-card {
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
    transition: none;
  }

  .sitemap-card:hover {
    border-color: transparent;
    box-shadow: none;
    transform: none;
  }

  .sitemap-card-heading {
    display: block;
    border-bottom: 1px solid #dfe5ea;
    padding: 0 0 10px;
    margin: 0 0 10px;
  }

  .sitemap-card-heading h3,
  .country-title h3 {
    font-size: 17px;
    font-weight: 700;
    margin: 0;
    color: var(--navy);
    line-height: 1.45;
  }

  .link-list a {
    display: block;
    padding: 3px 0;
    font-size: 14px;
    color: #526171;
  }

  .link-list a:before {
    content: "";
    display: none;
  }

  .link-list a:hover {
    padding-left: 0;
    color: #1765a8;
    text-decoration: underline;
  }

  #sitemapGrid {
    row-gap: 30px !important;
  }


  .country-title {
    display: block;
    margin-bottom: 8px;
  }

  .country-card {
    padding: 0 0 14px;
    border-bottom: 1px solid #e5eaee;
  }

  .country-note {
    margin-bottom: 8px;
  }

  .no-results {
    border: 0;
    background: transparent;
    padding: 18px 0;
  }

  @media (max-width: 767px) {


    .sitemap-card {
      padding: 0;
    }

    .section {
      margin-top: 32px;
    }
  }


.assessment-card {
            background-color: #1763ad;
            border-radius: 20px;
            padding: 24px;
            max-width: 355px;
            width: 100%;
            color: #ffffff;
            font-family: 'Inter', sans-serif;
        }

        .assessment-label {
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 1.2px;
            color: rgb(187, 220, 248);
            margin-bottom: 14px;
            text-transform: uppercase;
        }

        .assessment-title {
            font-size: 18px;
            line-height: 1.35;
            font-weight: 600;
            margin-bottom: 14px;
            color: #ffffff;
        }

        .assessment-description {
            font-size: 14px;
            line-height: 1.6;
            font-weight: 400;
            color: #d9eaff;
            margin-bottom: 22px;
        }

        .assessment-btn {
            display: inline-block;
            background-color: #ffffff;
            color: #152b45;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
            padding: 13px 23px;
            border-radius: 10px;
            transition: all 0.3s ease;
        }

        .assessment-btn:hover {
            background-color: #eaf3ff;
            color: #0b3d70;
        }

        /* Mobile Responsive */
        @media (max-width: 576px) {
            .assessment-card {
                max-width: 100%;
                padding: 25px;
            }

            .assessment-title {
                font-size: 21px;
            }

            .assessment-description {
                font-size: 17px;
            }
        }