<!-- =====================================================
     UNIVERSITY SECTION CSS
===================================================== -->

    /* Main Section */

    .universities-section {
        width: 100%;
        background: #ffffff;
        padding: 55px 5% 65px;
        overflow: hidden;
    }


    .universities-container {
        width: 80%;
        max-width: 1500px;
        margin: 0 auto;
    }


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

    .universities-heading {
        text-align: center;
        margin-bottom: 42px;
    }


    .universities-heading h2 {
        margin: 0;
        font-size: 38px;
        font-weight: 700;
        color: #111111;
        font-family: Arial, Helvetica, sans-serif;
    }


    .universities-heading h2 span {
        color: #165bbb;
    }


    .heading-line {
        width: 65px;
        height: 3px;
        background: #d19a2a;
        margin: 15px auto 12px;
        border-radius: 5px;
    }


    .universities-heading p {
        margin: 0 auto;
        max-width: 700px;
        color: #666666;
        font-size: 15px;
        line-height: 1.6;
    }


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

    .university-slider {
        width: 100%;
        overflow: hidden;
        position: relative;
    }


    .university-track {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 35px;
    }


    /* Individual Logo Box */

    .university-logo {
        flex: 1 1 0;
        min-width: 130px;
        height: 105px;

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

        padding: 10px;

        background: #ffffff;

        transition:
            transform 0.3s ease,
            box-shadow 0.3s ease;
    }


    .university-logo img {
        width: 100%;
        max-width: 170px;
        height: 90px;

        object-fit: contain;

        display: block;

        transition: transform 0.3s ease;
    }


    /* Hover Effect */

    .university-logo:hover {
        transform: translateY(-5px);
    }


    .university-logo:hover img {
        transform: scale(1.08);
    }


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

    @media (max-width: 1000px) {

        .universities-section {
            padding: 50px 30px 60px;
        }


        .universities-heading h2 {
            font-size: 34px;
        }


        .university-track {
            gap: 20px;
        }


        .university-logo {
            min-width: 105px;
            height: 95px;
        }


        .university-logo img {
            max-width: 135px;
            height: 75px;
        }

    }


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

    @media (max-width: 568px) {

        .universities-section {
            padding: 45px 0 50px;
        }


        .universities-heading {
            padding: 0 20px;
            margin-bottom: 30px;
        }


        .universities-heading h2 {
            font-size: 29px;
            line-height: 1.3;
        }


        .universities-heading p {
            font-size: 14px;
            margin-top: 8px;
        }


        /* Horizontal Mobile Slider */

        .university-slider {
            overflow-x: auto;
            overflow-y: hidden;

            scrollbar-width: none;

            padding: 5px 20px 15px;
        }


        .university-slider::-webkit-scrollbar {
            display: none;
        }


        .university-track {
            width: max-content;
            justify-content: flex-start;
            gap: 18px;
        }


        .university-logo {
            flex: 0 0 150px;

            width: 150px;
            min-width: 150px;

            height: 100px;

            border: 1px solid #eeeeee;
            border-radius: 6px;
        }


        .university-logo img {
            width: 130px;
            height: 80px;
            object-fit: contain;
        }

    }


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

    @media (max-width: 480px) {

        .universities-section {
            padding: 38px 0 45px;
        }


        .universities-heading h2 {
            font-size: 25px;
        }


        .universities-heading p {
            font-size: 13px;
            line-height: 1.5;
        }


        .heading-line {
            margin: 12px auto;
        }


        .university-track {
            gap: 14px;
        }


        .university-logo {
            flex: 0 0 140px;
            width: 140px;
            min-width: 140px;
            height: 95px;
        }


        .university-logo img {
            width: 120px;
            height: 72px;
        }

    }
/* AUTOMATIC LOGO MOVEMENT */

.university-slider {
    overflow: hidden;
}

.university-track.auto-moving {
    width: max-content;
    justify-content: flex-start;
    animation: universityMove 28s linear infinite;
}

.university-track.auto-moving:hover {
    animation-play-state: paused;
}

@keyframes universityMove {

    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }

}

<!-- =========================================================
     TOP COURSES CSS
========================================================= -->


    /* =========================================
       MAIN SECTION
    ========================================= */

    .top-courses-section {

        width: 100%;

        background: #ffffff;

        padding: 50px 0 65px;

        overflow: hidden;

    }


    /* =========================================
       80% BODY WIDTH
    ========================================= */

    .top-courses-container {

        width: 80%;

        max-width: 1500px;

        margin: 0 auto;

    }


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

    .courses-heading {

        text-align: center;

        margin-bottom: 42px;

    }


    .courses-heading h2 {

        margin: 0;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 40px;

        line-height: 1.2;

        font-weight: 700;

        color: #111111;

    }


    .courses-heading h2 span {

        color: #165db7;

    }


    .courses-heading-line {

        width: 65px;

        height: 3px;

        background: #1595aa;

        margin: 13px auto 0;

        border-radius: 5px;

    }


    /* =========================================
       CAROUSEL
    ========================================= */

    .courses-carousel {

        width: 100%;

        overflow: hidden;

        position: relative;

    }


    .courses-track {

        display: flex;

        align-items: flex-start;

        width: max-content;

        gap: 90px;

        animation: courseMoving 28s linear infinite;

    }


    /* Pause when mouse is over carousel */

    .courses-carousel:hover .courses-track {

        animation-play-state: paused;

    }


    /* =========================================
       COURSE ITEM
    ========================================= */

    .course-item {

        width: 145px;

        min-width: 145px;

        text-align: center;

        flex-shrink: 0;

    }


    /* =========================================
       ROUND COURSE ICON
    ========================================= */

    .course-icon {

        width: 115px;

        height: 115px;

        margin: 0 auto 10px;

        border: 4px solid #1596aa;

        border-radius: 50%;

        display: flex;

        align-items: center;

        justify-content: center;

        background: #ffffff;

        overflow: hidden;

        transition: all 0.3s ease;

    }


    .course-icon img {

        width: 82px;

        height: 82px;

        object-fit: contain;

        display: block;

        transition: transform 0.3s ease;

    }


    /* =========================================
       HOVER EFFECT
    ========================================= */

    .course-item:hover .course-icon {

        transform: translateY(-5px);

        box-shadow: 0 8px 20px rgba(0,0,0,0.12);

    }


    .course-item:hover .course-icon img {

        transform: scale(1.08);

    }


    .course-item h3 {

        margin: 0;

        color: #111111;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 19px;

        font-weight: 700;

        white-space: nowrap;

    }


    /* =========================================
       CAROUSEL ANIMATION
    ========================================= */

    @keyframes courseMoving {

        0% {

            transform: translateX(-50%);

        }

        100% {

            transform: translateX(0);

        }

    }


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

    @media (max-width: 1100px) {

        .top-courses-container {

            width: 88%;

        }


        .courses-heading h2 {

            font-size: 36px;

        }


        .courses-track {

            gap: 55px;

        }


        .course-item {

            width: 130px;

            min-width: 130px;

        }


        .course-icon {

            width: 105px;

            height: 105px;

        }


        .course-icon img {

            width: 75px;

            height: 75px;

        }


        .course-item h3 {

            font-size: 17px;

        }

    }


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

    @media (max-width: 768px) {

        .top-courses-section {

            padding: 40px 0 50px;

        }


        .top-courses-container {

            width: 92%;

        }


        .courses-heading {

            margin-bottom: 30px;

        }


        .courses-heading h2 {

            font-size: 29px;

        }


        .courses-heading-line {

            margin-top: 10px;

        }


        .courses-track {

            gap: 35px;

            animation-duration: 24s;

        }


        .course-item {

            width: 125px;

            min-width: 125px;

        }


        .course-icon {

            width: 100px;

            height: 100px;

            border-width: 3px;

            margin-bottom: 9px;

        }


        .course-icon img {

            width: 72px;

            height: 72px;

        }


        .course-item h3 {

            font-size: 16px;

        }

    }


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

    @media (max-width: 480px) {

        .top-courses-section {

            padding: 35px 0 45px;

        }


        .top-courses-container {

            width: 94%;

        }


        .courses-heading h2 {

            font-size: 25px;

        }


        .courses-heading-line {

            width: 50px;

            height: 2px;

        }


        .courses-track {

            gap: 25px;

            animation-duration: 12s;

        }


        .course-item {

            width: 115px;

            min-width: 115px;

        }


        .course-icon {

            width: 90px;

            height: 90px;

        }


        .course-icon img {

            width: 65px;

            height: 65px;

        }


        .course-item h3 {

            font-size: 14px;

        }

    }

<!-- =========================================================
     HALLMARKS CSS
========================================================= -->

    /* =========================================
       MAIN SECTION
    ========================================= */

    .hallmarks-section {

        width: 100%;

        background: #ffffff;

        padding: 60px 0 70px;

        overflow: hidden;

    }


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

    .hallmarks-container {

        width: 92%;

        max-width: 1350px;

        margin: 0 auto;

    }


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

    .hallmarks-heading {

        text-align: center;

        margin-bottom: 55px;

    }


    .hallmarks-heading h2 {

        margin: 0;

        color: #080d21;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 36px;

        font-weight: 700;

        line-height: 1.2;

    }


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

    .hallmarks-grid {

        display: grid;

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

        gap: 22px 30px;

    }


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

    .hallmark-card {

        min-height: 190px;

        background: #ffffff;

        border: 1px solid #dfe2e8;

        border-radius: 15px;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        text-align: center;

        padding: 25px 20px;

        box-shadow:
            0 15px 30px rgba(0, 0, 0, 0.08);

        transition:
            transform 0.3s ease,
            box-shadow 0.3s ease,
            border-color 0.3s ease;

    }


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

    .hallmark-card:hover {

        transform: translateY(-6px);

        border-color: #cfd5df;

        box-shadow:
            0 20px 40px rgba(0, 0, 0, 0.13);

    }


    /* =========================================
       ICON
    ========================================= */

    .hallmark-icon {

        width: 75px;

        height: 75px;

        display: flex;

        align-items: center;

        justify-content: center;

        margin-bottom: 17px;

    }


    .hallmark-icon img {

        width: 70px;

        height: 70px;

        object-fit: contain;

        display: block;

        transition: transform 0.3s ease;

    }


    .hallmark-card:hover .hallmark-icon img {

        transform: scale(1.08);

    }


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

    .hallmark-card h3 {

        margin: 0;

        color: #222222;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 19px;

        font-weight: 400;

        line-height: 1.4;

    }


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

    @media (max-width: 1000px) {

        .hallmarks-container {

            width: 90%;

        }


        .hallmarks-heading {

            margin-bottom: 40px;

        }


        .hallmarks-heading h2 {

            font-size: 32px;

        }


        .hallmarks-grid {

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

            gap: 20px;

        }


        .hallmark-card {

            min-height: 180px;

        }

    }


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

    @media (max-width: 650px) {

        .hallmarks-section {

            padding: 45px 0 55px;

        }


        .hallmarks-container {

            width: 92%;

        }


        .hallmarks-heading {

            margin-bottom: 30px;

        }


        .hallmarks-heading h2 {

            font-size: 28px;

        }


        .hallmarks-grid {

            grid-template-columns: 1fr;

            gap: 18px;

        }


        .hallmark-card {

            min-height: 165px;

            padding: 25px 15px;

            border-radius: 12px;

        }


        .hallmark-icon {

            width: 65px;

            height: 65px;

            margin-bottom: 14px;

        }


        .hallmark-icon img {

            width: 62px;

            height: 62px;

        }


        .hallmark-card h3 {

            font-size: 17px;

        }

    }


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

    @media (max-width: 400px) {

        .hallmarks-heading h2 {

            font-size: 25px;

        }


        .hallmark-card {

            min-height: 155px;

        }


        .hallmark-card h3 {

            font-size: 16px;

        }

    }
    /* =====================================================
       MAIN SECTION
    ===================================================== */

    .online-universities-section {

        width: 100%;

        background: #eef8ff;

        padding: 55px 0 55px;

        overflow: hidden;

    }


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

    .online-universities-container {

        width: 82%;

        max-width: 1400px;

        margin: 0 auto;

    }


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

    .online-universities-heading {

        text-align: center;

        margin-bottom: 48px;

    }


    .online-universities-heading h2 {

        margin: 0;

        color: #111111;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 38px;

        font-weight: 700;

        line-height: 1.25;

    }


    .online-universities-heading h2 strong {

        font-weight: 700;

    }


    .online-universities-heading h3 {

        margin: 7px 0 0;

        color: #176ed1;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 27px;

        font-weight: 700;

        line-height: 1.3;

    }


    /* =====================================================
       UNIVERSITY GRID
    ===================================================== */

    .university-grid {

        width: 100%;

        display: grid;

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

        gap: 25px 40px;

    }


    /* =====================================================
       UNIVERSITY CARD
    ===================================================== */

    .university-card {

        width: 100%;

        height: 80px;

        background: #ffffff;

        border: 1px solid #d8dfe6;

        border-radius: 5px;

        display: flex;

        align-items: center;

        justify-content: center;

        padding: 8px 12px;

        transition:
            transform 0.3s ease,
            box-shadow 0.3s ease,
            border-color 0.3s ease;

    }


    .university-card img {

        width: 100%;

        height: 65px;

        object-fit: contain;

        display: block;

    }


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

    .university-card:hover {

        transform: translateY(-3px);

        border-color: #b8c7d8;

        box-shadow:
            0 7px 18px rgba(0, 0, 0, 0.10);

    }


    /* =====================================================
       EXTRA UNIVERSITIES
    ===================================================== */

    .extra-university {

        display: none;

    }


    .university-grid.show-all .extra-university {

        display: flex;

        animation: universityFadeIn 0.4s ease;

    }


    @keyframes universityFadeIn {

        from {

            opacity: 0;

            transform: translateY(10px);

        }

        to {

            opacity: 1;

            transform: translateY(0);

        }

    }


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

    .university-button-wrapper {

        width: 100%;

        text-align: center;

        margin-top: 32px;

    }


    .university-view-button {

        border: none;

        outline: none;

        background: #1474e8;

        color: #ffffff;

        padding: 11px 18px;

        border-radius: 5px;

        font-size: 16px;

        font-family: Arial, Helvetica, sans-serif;

        cursor: pointer;

        transition:
            background 0.3s ease,
            transform 0.2s ease;

    }


    .university-view-button:hover {

        background: #075dbd;

        transform: translateY(-2px);

    }


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

    @media (max-width: 1200px) {

        .online-universities-container {

            width: 90%;

        }


        .university-grid {

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

            gap: 20px 25px;

        }


        .online-universities-heading h2 {

            font-size: 35px;

        }


        .online-universities-heading h3 {

            font-size: 24px;

        }

    }


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

    @media (max-width: 900px) {

        .online-universities-section {

            padding: 45px 0 50px;

        }


        .online-universities-container {

            width: 90%;

        }


        .online-universities-heading {

            margin-bottom: 35px;

        }


        .online-universities-heading h2 {

            font-size: 32px;

        }


        .online-universities-heading h3 {

            font-size: 21px;

        }


        .university-grid {

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

            gap: 18px 20px;

        }


        .university-card {

            height: 78px;

        }


        .university-card img {

            height: 60px;

        }

    }


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

    @media (max-width: 600px) {

        .online-universities-section {

            padding: 40px 0 45px;

        }


        .online-universities-container {

            width: 92%;

        }


        .online-universities-heading {

            margin-bottom: 28px;

        }


        .online-universities-heading h2 {

            font-size: 27px;

        }


        .online-universities-heading h3 {

            font-size: 18px;

            line-height: 1.4;

            padding: 0 10px;

        }


        .university-grid {

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

            gap: 15px 12px;

        }


        .university-card {

            height: 75px;

            padding: 7px;

        }


        .university-card img {

            width: 100%;

            height: 58px;

        }


        .university-button-wrapper {

            margin-top: 25px;

        }


        .university-view-button {

            font-size: 15px;

            padding: 10px 18px;

        }

    }


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

    @media (max-width: 400px) {

        .online-universities-container {

            width: 94%;

        }


        .online-universities-heading h2 {

            font-size: 24px;

        }


        .online-universities-heading h3 {

            font-size: 16px;

        }


        .university-grid {

            gap: 12px 10px;

        }


        .university-card {

            height: 68px;

            border-radius: 4px;

        }


        .university-card img {

            height: 52px;

        }

    }

/* =====================================================
       MAIN SECTION
    ===================================================== */

    .trust-section {

        width: 100%;

        background: #f3f8ff;

        padding: 55px 0 70px;

        overflow: hidden;

    }


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

    .trust-container {

        width: 95%;

        max-width: 1600px;

        margin: 0 auto;

    }


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

    .trust-heading {

        text-align: center;

        margin-bottom: 65px;

    }


    .trust-heading h2 {

        margin: 0;

        color: #101828;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 38px;

        font-weight: 700;

        line-height: 1.2;

    }


    .trust-heading h2 span {

        color: #3169d7;

    }


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

    .trust-grid {

        display: grid;

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

        gap: 14px;

    }


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

    .trust-card {

        position: relative;

        min-height: 330px;

        background: #ffffff;

        border: 1px solid #d9e0e8;

        border-radius: 24px;

        padding: 30px;

        overflow: hidden;

        box-shadow:
            0 2px 8px rgba(0, 0, 0, 0.03);

        transition:
            transform 0.3s ease,
            box-shadow 0.3s ease;

    }


    .trust-card:hover {

        transform: translateY(-5px);

        box-shadow:
            0 15px 35px rgba(34, 60, 90, 0.10);

    }


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

    .trust-number {

        position: relative;

        z-index: 3;

        width: 60px;

        height: 60px;

        display: flex;

        align-items: center;

        justify-content: center;

        border-radius: 15px;

        color: #ffffff;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 22px;

        font-weight: 700;

        margin-bottom: 18px;

    }


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

    .number-blue {

        background:
            linear-gradient(
                135deg,
                #3979ec,
                #554ee8
            );

    }


    .number-pink {

        background:
            linear-gradient(
                135deg,
                #e9378a,
                #ef3155
            );

    }


    .number-orange {

        background:
            linear-gradient(
                135deg,
                #f39b0b,
                #ed5b08
            );

    }


    .number-green {

        background:
            linear-gradient(
                135deg,
                #17bd68,
                #05a96d
            );

    }


    .number-purple {

        background:
            linear-gradient(
                135deg,
                #a65ce9,
                #7049e7
            );

    }


    .number-cyan {

        background:
            linear-gradient(
                135deg,
                #0baec6,
                #2765dc
            );

    }


    /* =====================================================
       DECORATIVE CORNER
    ===================================================== */

    .trust-decoration {

        position: absolute;

        top: 30px;

        right: 30px;

        width: 55px;

        height: 55px;

        border-radius: 12px;

        opacity: 0.35;

    }


    .decoration-blue {
        background: #f1f5ff;
    }


    .decoration-pink {
        background: #fff1f8;
    }


    .decoration-orange {
        background: #fff8eb;
    }


    .decoration-green {
        background: #eefbf5;
    }


    .decoration-purple {
        background: #f7f1ff;
    }


    .decoration-cyan {
        background: #effaff;
    }


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

    .trust-content {

        position: relative;

        z-index: 2;

    }


    .trust-content h3 {

        margin: 0 0 18px;

        color: #172033;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 20px;

        font-weight: 700;

        line-height: 1.3;

    }


    .trust-content p {

        margin: 0;

        color: #738092;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 16px;

        font-weight: 400;

        line-height: 1.65;

    }


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

    @media (max-width: 1200px) {

        .trust-container {

            width: 92%;

        }


        .trust-grid {

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

            gap: 18px;

        }


        .trust-card {

            min-height: 300px;

        }

    }


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

    @media (max-width: 800px) {

        .trust-section {

            padding: 45px 0 55px;

        }


        .trust-heading {

            margin-bottom: 40px;

        }


        .trust-heading h2 {

            font-size: 32px;

        }


        .trust-card {

            min-height: 285px;

            padding: 25px;

            border-radius: 20px;

        }


        .trust-number {

            width: 55px;

            height: 55px;

            font-size: 20px;

        }


        .trust-content h3 {

            font-size: 18px;

        }


        .trust-content p {

            font-size: 15px;

        }

    }


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

    @media (max-width: 600px) {

        .trust-section {

            padding: 40px 0 50px;

        }


        .trust-container {

            width: 92%;

        }


        .trust-heading {

            margin-bottom: 30px;

        }


        .trust-heading h2 {

            font-size: 27px;

            line-height: 1.3;

        }


        .trust-grid {

            grid-template-columns: 1fr;

            gap: 16px;

        }


        .trust-card {

            min-height: auto;

            padding: 24px;

            border-radius: 18px;

        }


        .trust-number {

            width: 52px;

            height: 52px;

            border-radius: 13px;

            font-size: 19px;

            margin-bottom: 17px;

        }


        .trust-decoration {

            top: 25px;

            right: 25px;

            width: 48px;

            height: 48px;

        }


        .trust-content h3 {

            font-size: 18px;

            line-height: 1.35;

            padding-right: 5px;

            margin-bottom: 14px;

        }


        .trust-content p {

            font-size: 15px;

            line-height: 1.6;

        }

    }


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

    @media (max-width: 400px) {

        .trust-container {

            width: 94%;

        }


        .trust-heading h2 {

            font-size: 24px;

        }


        .trust-card {

            padding: 21px;

        }


        .trust-number {

            width: 48px;

            height: 48px;

            font-size: 18px;

        }


        .trust-content h3 {

            font-size: 17px;

        }


        .trust-content p {

            font-size: 14px;

        }

    }
/* =====================================================
       MAIN FAQ SECTION
    ===================================================== */

    .cv-faq-section {

        width: 100%;

        background: #ffffff;

        padding: 65px 0 70px;

        box-sizing: border-box;

        font-family:
            Arial,
            Helvetica,
            sans-serif;

    }


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

    .cv-faq-container {

        width: 96%;

        max-width: 1680px;

        margin: 0 auto;

        display: grid;

        grid-template-columns:
            390px 1fr;

        gap: 30px;

        align-items: center;

    }


    /* =====================================================
       LEFT SUPPORT
    ===================================================== */

    .cv-support {

        text-align: center;

        padding: 15px 10px;

    }


    /* =====================================================
       CHAT ICON
    ===================================================== */

    .cv-chat-icon {

        position: relative;

        width: 180px;

        height: 125px;

        margin: 0 auto 10px;

    }


    .chat-bubble {

        position: absolute;

        width: 110px;

        height: 65px;

        border-radius: 20px;

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 9px;

        box-shadow:
            0 3px 5px rgba(0,0,0,0.08);

    }


    .chat-bubble span {

        display: block;

        width: 13px;

        height: 13px;

        border-radius: 50%;

        background: #ffffff;

    }


    .chat-yellow {

        top: 0;

        left: 18px;

        background:
            linear-gradient(
                145deg,
                #ffd63e,
                #f6b900
            );

        transform: rotate(-3deg);

    }


    .chat-yellow::after {

        content: "";

        position: absolute;

        bottom: -17px;

        left: 25px;

        border-width: 20px 20px 0 0;

        border-style: solid;

        border-color: #f6bd00 transparent transparent transparent;

    }


    .chat-blue {

        bottom: 0;

        right: 5px;

        background:
            linear-gradient(
                145deg,
                #70a7ff,
                #376bdc
            );

        transform: rotate(3deg);

    }


    .chat-blue::after {

        content: "";

        position: absolute;

        bottom: -12px;

        right: 28px;

        border-width: 16px 0 0 18px;

        border-style: solid;

        border-color: #376bdc transparent transparent transparent;

    }


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

    .cv-support h2 {

        margin: 5px 0 24px;

        color: #071d4b;

        font-size: 34px;

        line-height: 1.2;

        font-weight: 700;

    }


    /* =====================================================
       CONTACT BOX
    ===================================================== */

    .cv-contact-box {

        width: 100%;

        min-height: 72px;

        background: #f1f1f1;

        border: 1px solid #dedede;

        border-radius: 5px;

        display: flex;

        align-items: center;

        text-align: left;

        padding: 9px 20px;

        box-sizing: border-box;

        margin-bottom: 20px;

    }


    /* =====================================================
       CONTACT ICON
    ===================================================== */

    .cv-contact-icon {

        width: 55px;

        flex-shrink: 0;

        color: #6d9df4;

        font-size: 39px;

        font-weight: 300;

        line-height: 1;

        text-align: center;

    }


    .email-icon {

        font-size: 38px;

    }


    /* =====================================================
       CONTACT TEXT
    ===================================================== */

    .cv-contact-content {

        display: flex;

        flex-direction: column;

        gap: 5px;

        margin-left: 10px;

    }


    .cv-contact-content span {

        color: #222222;

        font-size: 16px;

        line-height: 1.2;

    }


    .cv-contact-content strong {

        color: #202020;

        font-size: 16px;

        font-weight: 700;

        line-height: 1.2;

    }


    /* =====================================================
       FAQ CONTENT
    ===================================================== */

    .cv-faq-content {

        width: 100%;

        box-sizing: border-box;

    }


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

    .cv-faq-title {

        display: inline-block;

        margin-bottom: 30px;

    }


    .cv-faq-title h1 {

        margin: 0;

        padding-bottom: 10px;

        color: #202124;

        font-size: 38px;

        font-weight: 400;

        line-height: 1.2;

        border-bottom: 3px solid #2375db;

    }


    /* =====================================================
       FAQ ITEM
    ===================================================== */

    .cv-faq-item {

        width: 100%;

        border-left: 1px solid #d5d5d5;

        border-right: 1px solid #d5d5d5;

        border-bottom: 1px solid #d5d5d5;

        box-sizing: border-box;

        background: #ffffff;

    }


    .cv-faq-item:first-of-type {

        border-top: 1px solid #d5d5d5;

    }


    /* =====================================================
       FAQ QUESTION BUTTON
    ===================================================== */

    .cv-faq-question {

        width: 100%;

        min-height: 65px;

        border: none;

        outline: none;

        padding: 15px 25px 15px 45px;

        background: #ffffff;

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 20px;

        text-align: left;

        cursor: pointer;

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        transition:
            background 0.25s ease;

    }


    /* ACTIVE QUESTION */

    .cv-faq-item.active .cv-faq-question {

        background: #e8f2ff;

    }


    /* =====================================================
       QUESTION TEXT
    ===================================================== */

    .cv-question-text {

        display: flex;

        align-items: center;

        gap: 10px;

        color: #222222;

        font-size: 21px;

        font-weight: 400;

        line-height: 1.4;

    }


    .cv-faq-item.active
    .cv-question-text {

        color: #2375d4;

    }


    /* =====================================================
       STAR
    ===================================================== */

    .cv-star {

        color: #f4c928;

        font-size: 21px;

        line-height: 1;

        flex-shrink: 0;

        text-shadow:
            0 1px 1px rgba(0,0,0,0.15);

    }


    /* =====================================================
       ARROW
    ===================================================== */

    .cv-arrow {

        color: #222222;

        font-size: 30px;

        font-weight: 300;

        line-height: 1;

        flex-shrink: 0;

        transition:
            transform 0.3s ease;

    }


    .cv-faq-item.active
    .cv-arrow {

        color: #2375d4;

        transform: rotate(0deg);

    }


    /* =====================================================
       ANSWER
    ===================================================== */

    .cv-faq-answer {

        max-height: 0;

        overflow: hidden;

        background: #ffffff;

        transition:
            max-height 0.4s ease,
            padding 0.3s ease;

    }


    .cv-faq-item.active
    .cv-faq-answer {

        max-height: 250px;

    }


    .cv-faq-answer p {

        margin: 0;

        padding: 22px 28px;

        color: #4b4b4b;

        font-size: 19px;

        line-height: 1.55;

        font-weight: 400;

    }


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

    @media (max-width: 1100px) {

        .cv-faq-container {

            grid-template-columns:
                300px 1fr;

            gap: 25px;

        }


        .cv-support h2 {

            font-size: 30px;

        }


        .cv-faq-title h1 {

            font-size: 32px;

        }


        .cv-question-text {

            font-size: 18px;

        }


        .cv-faq-answer p {

            font-size: 17px;

        }

    }


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

    @media (max-width: 800px) {

        .cv-faq-section {

            padding: 50px 0 55px;

        }


        .cv-faq-container {

            width: 92%;

            grid-template-columns: 1fr;

            gap: 40px;

        }


        .cv-support {

            max-width: 500px;

            width: 100%;

            margin: 0 auto;

        }


        .cv-faq-content {

            width: 100%;

        }


        .cv-faq-title {

            display: block;

            text-align: center;

        }


        .cv-faq-title h1 {

            display: inline-block;

            font-size: 30px;

        }


        .cv-question-text {

            font-size: 17px;

        }

    }


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

    @media (max-width: 600px) {

        .cv-faq-section {

            padding: 40px 0 45px;

        }


        .cv-faq-container {

            width: 92%;

            gap: 32px;

        }


        /* SUPPORT */

        .cv-chat-icon {

            width: 160px;

            height: 110px;

            transform: scale(0.9);

        }


        .cv-support h2 {

            font-size: 28px;

            margin-bottom: 20px;

        }


        .cv-contact-box {

            min-height: 68px;

            padding: 8px 12px;

            margin-bottom: 14px;

        }


        .cv-contact-icon {

            width: 48px;

            font-size: 34px;

        }


        .cv-contact-content {

            margin-left: 5px;

        }


        .cv-contact-content span {

            font-size: 14px;

        }


        .cv-contact-content strong {

            font-size: 14px;

            word-break: break-word;

        }


        /* FAQ TITLE */

        .cv-faq-title {

            margin-bottom: 22px;

        }


        .cv-faq-title h1 {

            font-size: 27px;

            padding-bottom: 8px;

            border-bottom-width: 2px;

        }


        /* QUESTION */

        .cv-faq-question {

            min-height: 60px;

            padding: 14px 15px;

            gap: 10px;

        }


        .cv-question-text {

            font-size: 16px;

            line-height: 1.4;

            gap: 8px;

        }


        .cv-star {

            font-size: 17px;

        }


        .cv-arrow {

            font-size: 25px;

        }


        /* ANSWER */

        .cv-faq-answer p {

            padding: 18px 16px;

            font-size: 15px;

            line-height: 1.55;

        }

    }


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

    @media (max-width: 380px) {

        .cv-faq-container {

            width: 94%;

        }


        .cv-support h2 {

            font-size: 26px;

        }


        .cv-faq-title h1 {

            font-size: 23px;

        }


        .cv-question-text {

            font-size: 14px;

        }


        .cv-star {

            font-size: 15px;

        }


        .cv-arrow {

            font-size: 22px;

        }


        .cv-faq-answer p {

            font-size: 14px;

        }

    }
/* =====================================================
       FOOTER MAIN
    ====================================================== */

    .cv-footer {

        width: 100%;

        margin: 0;

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        color: #ffffff;

        background: #071d4b;

    }


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

    .cv-footer-container {

        width: 92%;

        max-width: 1450px;

        margin: 0 auto;

    }


    /* =====================================================
       MAIN FOOTER AREA
    ====================================================== */

    .cv-footer-main {

        padding: 65px 0 45px;

        background:
            linear-gradient(
                135deg,
                #061b45 0%,
                #092a68 55%,
                #123b86 100%
            );

    }


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

    .cv-footer-main
    .cv-footer-container {

        display: grid;

        grid-template-columns:
            1.6fr
            1fr
            1.1fr
            1.1fr
            1.4fr;

        gap: 45px;

    }


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

    .cv-footer-logo {

        display: inline-block;

        margin-bottom: 20px;

    }


    .cv-footer-logo img {

        width: 210px;

        max-width: 100%;

        height: auto;

        display: block;

    }


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

    .cv-footer-about p {

        margin: 0;

        max-width: 340px;

        color: #d5e0f4;

        font-size: 15px;

        line-height: 1.75;

    }


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

    .cv-footer-column h3 {

        position: relative;

        margin: 0 0 23px;

        padding-bottom: 11px;

        color: #ffffff;

        font-size: 19px;

        font-weight: 700;

    }


    .cv-footer-column h3::after {

        content: "";

        position: absolute;

        left: 0;

        bottom: 0;

        width: 42px;

        height: 3px;

        border-radius: 5px;

        background: #2677e8;

    }


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

    .cv-footer-column ul {

        list-style: none;

        margin: 0;

        padding: 0;

    }


    .cv-footer-column ul li {

        margin-bottom: 12px;

    }


    .cv-footer-column ul li a {

        position: relative;

        color: #d8e2f4;

        text-decoration: none;

        font-size: 15px;

        line-height: 1.5;

        transition:
            color 0.25s ease,
            padding-left 0.25s ease;

    }


    .cv-footer-column ul li a:hover {

        color: #ffffff;

        padding-left: 6px;

    }


    /* =====================================================
       SOCIAL LINKS
    ====================================================== */

    .cv-social-links {

        display: flex;

        align-items: center;

        gap: 10px;

        margin-top: 24px;

    }


    .cv-social-links a {

        width: 38px;

        height: 38px;

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

        border-radius: 50%;

        display: flex;

        align-items: center;

        justify-content: center;

        color: #ffffff;

        text-decoration: none;

        font-size: 17px;

        font-weight: 700;

        transition:
            background 0.25s ease,
            transform 0.25s ease,
            border-color 0.25s ease;

    }


    .cv-social-links a:hover {

        background: #2677e8;

        border-color: #2677e8;

        transform:
            translateY(-3px);

    }


    /* =====================================================
       CONTACT
    ====================================================== */

    .cv-footer-contact-item {

        display: flex;

        align-items: flex-start;

        gap: 13px;

        margin-bottom: 20px;

    }


    .cv-contact-symbol {

        width: 34px;

        height: 34px;

        flex-shrink: 0;

        display: flex;

        align-items: center;

        justify-content: center;

        border-radius: 7px;

        background:
            rgba(255,255,255,0.12);

        color: #74a8ff;

        font-size: 19px;

    }


    .cv-footer-contact-item small {

        display: block;

        margin-bottom: 4px;

        color: #9fb3d4;

        font-size: 12px;

    }


    .cv-footer-contact-item a {

        color: #ffffff;

        text-decoration: none;

        font-size: 15px;

        font-weight: 600;

        line-height: 1.5;

    }


    .cv-footer-contact-item a:hover {

        color: #71a7ff;

    }


    .cv-footer-contact-item p {

        margin: 0;

        color: #d8e2f4;

        font-size: 14px;

        line-height: 1.5;

    }


    /* =====================================================
       DISCLAIMER
    ====================================================== */

    .cv-footer-disclaimer {

        background: #061838;

        border-top: 1px solid
            rgba(255,255,255,0.1);

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

        padding: 18px 0;

    }


    .cv-footer-disclaimer p {

        margin: 0;

        color: #aebed8;

        font-size: 12px;

        line-height: 1.7;

        text-align: center;

    }


    .cv-footer-disclaimer strong {

        color: #ffffff;

    }


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

    .cv-footer-bottom {

        background: #04142e;

        padding: 18px 0;

    }


    .cv-footer-bottom-container {

        width: 92%;

        max-width: 1450px;

        margin: 0 auto;

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 20px;

    }


    .cv-footer-bottom p {

        margin: 0;

        color: #aebed8;

        font-size: 13px;

    }


    /* =====================================================
       LEGAL LINKS
    ====================================================== */

    .cv-footer-legal {

        display: flex;

        align-items: center;

        flex-wrap: wrap;

        justify-content: flex-end;

        gap: 10px;

    }


    .cv-footer-legal a {

        color: #b9c8df;

        text-decoration: none;

        font-size: 13px;

        transition:
            color 0.25s ease;

    }


    .cv-footer-legal a:hover {

        color: #ffffff;

    }


    .cv-footer-legal span {

        color: #617697;

        font-size: 12px;

    }


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

    @media (max-width: 1100px) {

        .cv-footer-main
        .cv-footer-container {

            grid-template-columns:
                1.5fr
                1fr
                1fr;

            row-gap: 40px;

        }


        .cv-footer-about {

            grid-column: span 3;

        }


        .cv-footer-about p {

            max-width: 650px;

        }

    }


    /* =====================================================
       TABLET / SMALL LAPTOP
    ====================================================== */

    @media (max-width: 800px) {

        .cv-footer-main {

            padding: 50px 0 35px;

        }


        .cv-footer-main
        .cv-footer-container {

            grid-template-columns:
                1fr 1fr;

            gap: 35px 30px;

        }


        .cv-footer-about {

            grid-column: span 2;

        }


        .cv-footer-bottom-container {

            flex-direction: column;

            text-align: center;

        }


        .cv-footer-legal {

            justify-content: center;

        }

    }


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

    @media (max-width: 600px) {

        .cv-footer-container {

            width: 90%;

        }


        .cv-footer-main {

            padding: 45px 0 30px;

        }


        .cv-footer-main
        .cv-footer-container {

            grid-template-columns: 1fr;

            gap: 32px;

        }


        .cv-footer-about {

            grid-column: span 1;

        }


        .cv-footer-logo img {

            width: 190px;

        }


        .cv-footer-about p {

            font-size: 14px;

            line-height: 1.7;

        }


        .cv-footer-column h3 {

            font-size: 18px;

            margin-bottom: 18px;

        }


        .cv-footer-column ul li {

            margin-bottom: 10px;

        }


        .cv-footer-column ul li a {

            font-size: 14px;

        }


        .cv-social-links {

            margin-top: 20px;

        }


        .cv-footer-contact-item {

            margin-bottom: 16px;

        }


        .cv-footer-disclaimer {

            padding: 16px 0;

        }


        .cv-footer-disclaimer p {

            font-size: 11px;

            text-align: left;

        }


        .cv-footer-bottom {

            padding: 18px 0;

        }


        .cv-footer-bottom-container {

            width: 90%;

            gap: 13px;

        }


        .cv-footer-bottom p {

            font-size: 12px;

            line-height: 1.5;

        }


        .cv-footer-legal {

            gap: 7px;

        }


        .cv-footer-legal a {

            font-size: 11px;

        }


        .cv-footer-legal span {

            font-size: 10px;

        }

    }


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

    @media (max-width: 380px) {

        .cv-footer-logo img {

            width: 170px;

        }


        .cv-footer-about p {

            font-size: 13px;

        }


        .cv-footer-column h3 {

            font-size: 17px;

        }


        .cv-footer-column ul li a {

            font-size: 13px;

        }


        .cv-social-links a {

            width: 35px;

            height: 35px;

            font-size: 15px;

        }

    }