:root {
            --primary-one: #00B6B1;
            --primary-two: #0ED9D4;
            --primary-three: #024A5B;
            --primary-four: #104E70;
            --primary-gradient: linear-gradient(180deg, #024368 0%, #012E48 100%);
            --primary-gradient-two: linear-gradient(180deg, #03476E 0%, #012B43 100%);
            --primary-gradient-three: linear-gradient(90deg, #00B6B1 0%, #055654 100%);
            --primary-gradient-four: linear-gradient(180deg, #001B33 25.62%, #00B6B1 100%);
            --primary-gradient-five: linear-gradient(180deg, rgba(0, 27, 51, 0.50) 25.62%, rgba(0, 182, 177, 0.50) 100%);
            --secondary-one: #FDA31B;
            /* not using */
            --secondary-two: #FFE6C1;
            --secondary-three: #FFF8EC;
            --secondary-four: #F5F5F5;
            --text-light-blue: #3EA4C1;
            /* not using */
            --border-color: #104E70;

        }

        body {
            background: var(--primary-gradient-two);
        }

        .btn-teal {
            background: var(--primary-one);
            color: white;
            border: none;
            font-family: Inter;
            font-size: 20px;
            font-weight: 600;
            line-height: 1.2;
            padding: 15px 30px;
            border: none;
        }

        .btn-primary {
            background: var(--primary-one);
            color: white;
            border: 2px solid transparent;
            font-family: Inter;
            font-size: 20px;
            font-weight: 600;
            line-height: 1.2;
            padding: 15px 30px;

        }

        .btn-primary-outlined {
            background: #ffffff00;
            color: #f2f2f2;
            border: 2px solid #ffffff;
            font-family: Inter;
            font-size: 20px;
            font-weight: 600;
            line-height: 1.2;
            padding: 15px 30px;

        }

        .btn-ylw {
            background: var(--secondary-one);
            color: white;
            border: none;
            font-family: Inter;
            font-size: 20px;
            font-weight: 600;
            line-height: 1.2;
            padding: 15px 30px;
            border: 0.5px solid transparent;
        }

        .btn-white {
            background: #FFF;
            color: black;
            border: none;
            font-family: Inter;
            font-size: 20px;
            font-weight: 600;
            line-height: 1.2;
            padding: 15px 30px;
            border: none;
        }

        .btn-box:hover .btn-teal,
        .btn-box:hover .icon-teal,
        .btn-box:hover .icon-teal svg path {
            background: var(--secondary-one);
            color: rgb(255, 255, 255);
            fill: #ffffff;
        }

        .btn-box:hover .btn-ylw svg path,
        .btn-box:hover .btn-ylw,
        .btn-box:hover .icon-ylw,
        .btn-box:hover .icon-ylw svg path {
            background: #fff;
            color: rgb(0, 0, 0);
            border: 0.5px solid var(--secondary-one);
            fill: #000000;
        }

        .btn-box:hover .btn-white,
        .btn-box:hover .icon-white,
        .btn-box:hover .icon-white svg path {
            background: var(--secondary-one);
            color: rgb(255, 255, 255);
            fill: #ffffff;
        }

        .btn-box:hover .btn-primary,
        .btn-box:hover .icon-primary,
        .btn-box:hover .icon-primary svg path {
            background: white;
            color: var(--primary-one);
            border: 2px solid var(--primary-one);
            fill: var(--primary-one);
        }

        .btn-primary-outlined:hover {
            background: var(--primary-one);
            color: white;
            border: 2px solid transparent;
        }

        /* 
        .btn-ylw:hover {
            background: #fff;
            color: rgb(0, 0, 0);
            border: 0.5px solid var(--secondary-one);
        }

        .btn-teal:hover {
            background: var(--secondary-one);
            color: rgb(255, 255, 255);
        }

        .btn-white:hover {
            background: var(--secondary-one);
            color: rgb(255, 255, 255);
        }

        .btn-primary:hover {
            background: white;
            color: var(--primary-one);
            border: 2px solid var(--primary-one);
        }

        .btn-primary-outlined:hover {
            background: var(--primary-one);
            color: white;
            border: 2px solid transparent;
        } */

        @media(max-width:576px) {

            .btn-teal,
            .btn-white,
            .btn-ylw,
            .btn-primary,
            .btn-primary-outlined {
                padding: 10px 15px;
                font-size: 18px;
                font-weight: 600;
                line-height: 1.2;
            }

        }

        .icon-teal {
            border: none;
            width: 53px;
            height: 53px;
            background: var(--primary-one);
        }

        .icon-white {
            border: none;
            width: 53px;
            height: 53px;
            background: #FFF;
        }


        .icon-ylw {
            border: 0.5px solid transparent;
            width: 53px;
            height: 53px;
            background: var(--secondary-one);
        }

        /* 
        .icon-teal:hover {
            background: var(--secondary-one);
            color: rgb(255, 255, 255);
            fill: #ffffff;
        }

        .icon-teal:hover svg path {
            fill: #ffffff;
        }


        .icon-white:hover {
            background: var(--secondary-one);
            color: rgb(255, 255, 255);
            fill: #ffffff;
        }

        .icon-white:hover svg path {
            fill: #ffffff;
        }

        .icon-ylw:hover {
            background: #fff;
            color: black;
            fill: #000;
            border: 0.5px solid var(--secondary-one);
        }

        .icon-ylw:hover svg path {
            fill: #000;
        } */

        @media(max-width:576px) {
            .icon-teal {
                width: 41.6px;
                height: 41.6px;

            }

            .icon-ylw {
                width: 41.6px;
                height: 41.6px;

            }

            .icon-white {
                width: 41.6px;
                height: 41.6px;

            }
        }

        /* Custom container */
        .custom-container {
            max-width: 1230px;
            padding-left: 15px;
            padding-right: 15px;
            margin: 0 auto;
        }

        .custom-container-lg {
            max-width: 1530px;
            overflow: hidden;
            margin: 0 auto;
        }


        .heading-small {
            font-size: 20px;

        }

        .heading-medium {
            font-size: 20px;
        }

        .heading-large {
            font-size: 20px;
        }

        .heading-medium,
        .heading-large,
        .heading-small {
            color: var(--primary-one);
            font-weight: 700;
            line-height: 1.2;
            max-width: 700px;
            margin-bottom: 20px;
            text-transform: capitalize;
        }

        .heading-medium.max-w-100,
        .heading-large.max-w-100,
        .heading-small.max-w-100 {
            max-width: 100% !important;
        }


        .heading-medium span,
        .heading-large span,
        .heading-small span {
            color: var(--secondary-one);

        }

        @media (min-width:576px) {
            .heading-medium {
                font-size: 25px;
                margin-bottom: 30px;
            }

            .heading-large {
                font-size: 40px;
            }
        }

        /* MAIN CSS */


        /* Hero Section Starts */
        .hero-section {
            background: var(--primary-gradient);
            overflow: hidden;

        }


        @media(min-width:992px) {
            .hero-section .heading-large {
                margin-bottom: 82px;
            }

            .hero-section .btn-ylw svg {
                margin-top: 0.2rem;
            }


        }

        @media(max-width:576px) {
            .hero-section .heading-large {
                font-size: 18px;
            }
        }


        .hero-section .bg-name {
            position: absolute;
            top: 100px;
            left: 50%;
            transform: translateX(-49%);
            width: 100%;
            pointer-events: none;
        }

        @media(max-width:576px) {
            .hero-section .bg-name {
                top: 8px;
                width: 92%;
            }


        }

        .hero-section .drone-part {
            position: relative;
            /* align-items: center; */
        }

        .hero-section .left-drone-part {
            display: flex;
            gap: 20px;
            height: 100%;
            justify-content: center;
            padding-left: 10px;
        }

        .hero-section .part {
            display: flex;
            align-items: center;
            flex-direction: column;
            gap: 5px;
        }

        .hero-section .part p {
            color: var(--primary-one);
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 1.4;
            width: 100%;
            text-align: center;
            max-width: fit-content;
            margin-bottom: 0px;
        }

        .hero-section .drone-part {
            position: relative;
            /* min-height: 300px; */
        }

        .hero-section .svg-heading {
            position: absolute;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            z-index: 0;
            pointer-events: none;
        }

        .hero-section .drone-part .col-lg-3,
        .hero-section .drone-part .col-lg-6 {
            position: relative;
            z-index: 2;
        }

        .hero-section .drone-part .col-lg-6 .drone-image {
            position: relative;
            max-width: 700px;
            display: flex;
            /* gap: 20px; */

            flex-direction: column;
            align-items: center;
        }

        .hero-section .drone-part .col-lg-6 .drone-image .desc {
            color: #fff;
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 130%;
            margin-bottom: 20px;
        }

        @media(max-width:576px) {
            .hero-section .drone-part .col-lg-6 .drone-image .desc {
                font-size: 14px;
                line-height: normal;
            }
        }


        .hero-section .drone-part .col-lg-6 .drone-image img {
            margin-bottom: 8px;
        }

        /* @media (max-width: 991px) {
        .hero-section .drone-part .col-lg-6 .drone-image img {
            width: 320px;
            margin: 20px 0;
        }
        } */

        @media (max-width: 576px) {
            .hero-section .drone-part .col-12 img {
                max-width: 320px;
                margin: 20px 0;
            }
        }

        .hero-section .right-drone-part {
            display: flex;
            gap: 20px;
            height: 100%;
            justify-content: center;
        }

        .hero-section .left-part {
            position: relative;

            flex-direction: column;
            justify-content: space-between;
            height: 100%;
            align-items: flex-start;
            padding: 36px 0 36px 0;
        }

        /* @media (min-width: 992px) {
        .hero-section .left-part {
            padding: 36px 0 30px 0; 
        }
        } */
        .hero-section .left-part .circles-part-drone {
            display: flex;
            gap: 20px;
        }

        .hero-section .left-part .circles-part-drone .circle {
            width: 88px;
            height: 88px;
        }

        @media(max-width:576px) {

            .hero-section .drone-part .links-btn span {
                font-size: 14px;
            }

            .hero-section .drone-part .links-btn .btn-teal svg {
                width: 18px;
                height: 18px;
            }

        }


        .hero-section .mid-icons {}

        @media(max-width:576px) {
            .hero-section .mid-icons .icon1 {
                font-size: 11px;
                gap: 4px !important;
            }

            .hero-section .mid-icons .icon1 span {
                max-width: 66px;
            }

            .hero-section .mid-icons .icon1 svg {
                width: 22px;
            }

            .hero-section .mid-icons .circles svg {
                width: 70px;
            }
        }

        .hero-section .mid-icons .icon1 {}

        /* Hero Section Ends */


        /* Strength Section Starts */

        .strength-section {
            /* background: var(--primary-gradient-two); */
            padding-top: 120px;
        }

        .strength-section .heading-medium {
            max-width: 571px;
        }

        .strength-section::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            /* border thickness */
            background: linear-gradient(90deg,
                    rgba(16, 78, 112, 0) 0%,
                    #104E70 50%,
                    rgba(16, 78, 112, 0) 100%);
        }

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

        @media(max-width:576px) {
            .strength-section {
                padding-top: 30px;
            }
        }

        .strength-section .desc {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            max-width: 600px;
            /* 22.4px */
            margin-bottom: 30px;
        }

        @media(max-width:576px) {
            .strength-section .desc {
                font-size: 14px;
                line-height: normal;
                margin-bottom: 20px;
            }
        }

        .strength-section .heading-shadow {
            top: -38px;
            left: -30px;
            height: 100%;
            width: auto;
            aspect-ratio: 839 / 94;
            max-height: 94px;
        }

        @media(max-width:768px) {
            .strength-section .heading-shadow {
                top: -14px;
                left: -14px;
                height: 100%;
                width: auto;
                aspect-ratio: 839/94;
                max-height: 60px;
            }
        }

        @media(max-width:576px) {
            .strength-section .heading-shadow {
                top: 6px;
                left: 2px;
                height: 100%;
                width: auto;
                aspect-ratio: 839 / 94;
                max-height: 30px;
            }
        }

        .strength-section .strength-of-embedded .swiper-head {}

        .strength-section .embedded-content {
            margin-bottom: 20px;
        }

        .strength-section .embedded-content .desc {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            /* 22.4px */
            margin-bottom: 0px;
            max-width: 433px;
        }

        @media(max-width:576px) {
            .strength-section .embedded-content .desc {
                font-size: 14px;
                max-width: 264px;
                line-height: normal;
            }
        }

        .strength-section .row .next-pre .pre,
        .strength-section .row .next-pre .next {
            width: 53px;
            height: 53px;
            aspect-ratio: 1/1;
            border-radius: 53px;
            border: 1px solid #00b6b1;
            cursor: pointer;
        }

        .strength-section .row .next-pre .pre:hover svg path,
        .strength-section .row .next-pre .next:hover svg path {
            fill: #ffffff;
        }

        @media(max-width:576px) {

            .strength-section .row .next-pre .pre,
            .strength-section .row .next-pre .next {
                width: 30px;
                height: 30px;
                aspect-ratio: 1/1;
                border-radius: 53px;
                border: 1px solid #00b6b1;
                cursor: pointer;
            }

            .strength-section .row .next-pre .pre:hover svg,
            .strength-section .row .next-pre .next:hover svg {
                width: 14px;
            }

        }

        .strength-section .row .next-pre .pre:hover,
        .strength-section .row .next-pre .next:hover {
            background-color: #00b6b1;
            color: white;
        }

        /* Make swiper wrapper stretch slides */
        .strength-section .mySwiper2 .swiper-wrapper {
            align-items: stretch;
        }

        /* Make each slide auto height + flex */
        .strength-section .mySwiper2 .swiper-slide {
            height: auto;
            display: flex;
        }

        .strength-section .generic-card {
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.32);
            background: #0C415F;
            padding: 20px;
            height: 100%;
            width: 100%;
        }

        .strength-section .generic-card .icon {
            width: 60px;
            height: 60px;
            aspect-ratio: 1/1;
            border-radius: 20px;
            background: rgba(0, 182, 177, 0.30);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
        }

        .strength-section .generic-card .icon svg path {
            fill: #fff;
        }

        .strength-section .generic-card .content {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            /* 22.4px */
        }
        
        @media(max-width:576px){
         
        /*.strength-section .generic-card {*/
        /*    border-radius: 20px;*/
        /*    border: 1px solid rgba(255, 255, 255, 0.32);*/
        /*    background: #0C415F;*/
        /*    padding: 20px;*/
        /*    height: 100%;*/
        /*    width: 100%;*/
        /*}*/

        .strength-section .generic-card .icon {
            width: 45px;
            height: 45px;
            aspect-ratio: 1/1;
            border-radius: 14px;
            background: rgba(0, 182, 177, 0.30);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 14px;
        }

        .strength-section .generic-card .icon svg path {
            fill: #fff;
        }

        .strength-section .generic-card .content {
            color: #FFF;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            /* 22.4px */
        }   
        }
        .strength-section .generic-card .graphics {
            top: 20px;
            right: 0;
        }

        .strength-section .timer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 8px;
            border-radius: 10px;
            border: 1px solid #FFF;
            padding: 10px 20px;
        }

        /* Each block */
        .strength-section .time-block {
            text-align: center;
            color: #fff;
        }

        .strength-section .time-block span {
            display: block;
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 23px;
            /* 92% */
        }

        .strength-section .time-block small {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 10px;
            font-style: normal;
            font-weight: 700;
            line-height: 10px;
            /* 100% */
        }

        /* Colon in center */
        .strength-section .colon {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 23px;
            /* 92% */
            transform: translateY(-4px);
            /* perfect vertical alignment */
        }



        .strength-section .bg-svg {
            position: absolute;
            bottom: 55px;
            right: 14px;
        }

        .strength-section .robot-wrapper {
            position: relative;
        }

        .strength-section .robot-box {
            position: relative;
            width: fit-content;
            margin-left: auto;
        }

        .strength-section .robot-img {
            width: 507px;
            height: auto;
            display: block;
        }

        @media(max-width:604px) {
            .strength-section .robot-img {
                width: 300px;
                height: auto;
                display: block;
            }

            .strength-section .form-box-wrapper {
                position: absolute;
                overflow: hidden;
                z-index: 2;
                top: 50%;
                left: -21%;
                transform: translate(-50%, -50%);
                border-radius: 20px;
                padding: 2px;
                background: linear-gradient(224deg, #0ED9D4 0.17%, rgba(14, 217, 212, 0.00) 32.52%, rgba(14, 217, 212, 0.00) 67.02%, #0ED9D4 99.83%);
                box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 8px 16px rgba(0, 0, 0, 0.08);
            }

        }

        @media(max-width:425px) {
            .strength-section .robot-box {
                min-height: 213px;
                display: flex;
                align-items: center;
            }

            .strength-section .robot-img {
                width: 200px;
                height: auto;
                display: block;
            }

            .strength-section .form-box-wrapper {
                position: absolute;
                overflow: hidden;
                z-index: 2;
                top: 51%;
                left: -7%;
                transform: translate(-50%, -50%);
                border-radius: 20px;
                padding: 2px;
                background: linear-gradient(224deg, #0ED9D4 0.17%, rgba(14, 217, 212, 0.00) 32.52%, rgba(14, 217, 212, 0.00) 67.02%, #0ED9D4 99.83%);
                box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 8px 16px rgba(0, 0, 0, 0.08);
            }

        }

        .strength-section .form-box-wrapper {
            position: absolute;
            overflow: hidden;
            z-index: 2;
            top: 35%;
            left: 13%;
            transform: translate(-50%, -50%);
            border-radius: 20px;
            padding: 2px;
            /* max-width: 247px;
            height: 257px; */
            background: linear-gradient(224deg, #0ED9D4 0.17%, rgba(14, 217, 212, 0.00) 32.52%, rgba(14, 217, 212, 0.00) 67.02%, #0ED9D4 99.83%);
            box-shadow:
                0 0 4px rgba(0, 0, 0, 0.04),
                0 8px 16px rgba(0, 0, 0, 0.08);

        }

        .strength-section .form-box {

            /* IMPORTANT */
            padding: 20px 10px;
            text-align: center;
            border-radius: 20px;
            display: flex;
            flex-direction: column;
            background: linear-gradient(180deg, rgba(0, 27, 51, 0.50) 25.62%, rgba(0, 182, 177, 0.50) 100%);

            /* gap: 20px; */

        }

        .strength-section .form-box .heading-medium {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 23px;
            /* 115% */
            margin-bottom: 5px;
        }

        .strength-section .form-box .ribbon {
            position: relative;
            width: 100%;
            display: flex;
            justify-content: center;
            margin-bottom: 20px;

        }

        .strength-section .form-box .ribbon svg {
            width: 100%;
            max-width: 200px;
        }

        .strength-section .form-box .ribbon-text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);

            font-size: 14px;
            color: #fff;
            font-weight: 00;
            white-space: nowrap;
        }

        .strength-section .form-box .sub-text {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 23px;
            /* 164.286% */
            margin-bottom: 8px;
            /* 164.286% */
        }



        .strength-section .form-box .timer-box {
            margin-bottom: 14px;
        }

        @media(max-width:540px) {

            .strength-section .form-box-wrapper {
                position: absolute;
                overflow: hidden;
                z-index: 2;
                top: 51%;
                left: -7%;
                transform: translate(-50%, -50%);
                border-radius: 20px;
                padding: 2px;
                background: linear-gradient(224deg, #0ED9D4 0.17%, rgba(14, 217, 212, 0.00) 32.52%, rgba(14, 217, 212, 0.00) 67.02%, #0ED9D4 99.83%);
                box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 8px 16px rgba(0, 0, 0, 0.08);
            }

            .strength-section .form-box {

                /* IMPORTANT */
                padding: 15px 8px;
                text-align: center;
                border-radius: 20px;
                display: flex;
                flex-direction: column;
                background: linear-gradient(180deg, rgba(0, 27, 51, 0.50) 25.62%, rgba(0, 182, 177, 0.50) 100%);

                /* gap: 20px; */

            }

            .strength-section .form-box .heading-medium {
                color: #FFF;
                text-align: center;
                font-family: Inter;
                font-size: 16px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                /* 115% */
                margin-bottom: 5px;
            }

            .strength-section .form-box .ribbon {
                position: relative;
                width: 100%;
                display: flex;
                justify-content: center;
                margin-bottom: 10px;

            }

            .strength-section .form-box .ribbon svg {
                width: 100%;
                max-width: 150px;
            }

            .strength-section .form-box .ribbon-text {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);

                font-size: 12px;
                color: #fff;

                white-space: nowrap;
            }

            .strength-section .form-box .sub-text {
                color: #FFF;
                text-align: center;
                font-family: Inter;
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                /* 164.286% */
                margin-bottom: 5px;
                /* 164.286% */
            }



            .strength-section .form-box .timer-box {
                margin-bottom: 12px;
            }
        }


        /* Strength Section Ends */

        /*Our Trusted Partners Section  Starts*/

        .our-trusted-partners {
            /* background: var(--primary-gradient-two); */
            padding-top: 60px;
        }

        .our-trusted-partners::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            /* border thickness */
            background: linear-gradient(90deg,
                    rgba(16, 78, 112, 0) 0%,
                    #104E70 50%,
                    rgba(16, 78, 112, 0) 100%);
        }

        @media(max-width:768px) {
            .our-trusted-partners {
                padding-top: 37px;
            }
        }

        @media(max-width:576px) {
            .our-trusted-partners {
                padding-top: 30px;
            }
        }

        .our-trusted-partners .heading-shadow {
            top: -58px;
            left: -32px;
            height: 100%;
            width: auto;
            aspect-ratio: 839/94;
            max-height: 94px;
        }

        @media(max-width:768px) {
            .our-trusted-partners .heading-shadow {
                top: -36px;
                left: -14px;
                height: 100%;
                width: auto;
                aspect-ratio: 839/94;
                max-height: 60px;
            }
        }

        @media(max-width:576px) {
            .our-trusted-partners .heading-shadow {
                top: -28px;
                left: 0;
                height: 100%;
                width: auto;
                aspect-ratio: 839/94;
                max-height: 30px;
            }
        }


        .our-trusted-partners .grid-container {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-top: 30px;
        }

        @media(max-width:992px) {
            .our-trusted-partners .grid-container {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media(max-width:576px) {
            .our-trusted-partners .grid-container {
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
            }
        }

        .our-trusted-partners .grid-container .partner {
            padding: 11px 12px;
            border-radius: 20px;
            border: 2px solid #104e70;
            box-shadow: 0 6px 14.7px 0 rgba(1, 2, 115, 0.1);
            gap: 20px;
        }

        .our-trusted-partners .grid-container .partner .partner-image {
            width: 68px;
            overflow: hidden;
            height: 68px;
            border-radius: 20px;
            background: #fff;
            flex-shrink: 0;
        }

        .our-trusted-partners .grid-container .partner .partner-image img {
            object-fit: contain;
            height: 100%;
            max-height: 60px;
        }

        .our-trusted-partners .grid-container .partner .text-white {
            color: #fff;
            font-family: Inter;
            font-size: 15px;
            font-style: normal;
            font-weight: 700;
            line-height: 22px;
            /* 146.667% */
            margin-bottom: 0px;
        }

        @media(max-width:576px) {

            .our-trusted-partners .grid-container .partner {
                padding: 11px 12px;
                border-radius: 10px;
                border: 2px solid #104e70;
                box-shadow: 0 6px 14.7px 0 rgba(1, 2, 115, 0.1);
                gap: 8px;
            }

            .our-trusted-partners .grid-container .partner .partner-image {
                width: 34px;
                overflow: hidden;
                height: 34px;
                border-radius: 6px;
                background: #fff;
                flex-shrink: 0;
            }

            .our-trusted-partners .grid-container .partner .partner-image img {
                object-fit: contain;
                height: 100%;
                max-height: 30px;
            }

            .our-trusted-partners .grid-container .partner .text-white {
                color: #fff;
                font-family: Inter;
                font-size: 11px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                /* 146.667% */
            }
        }

        /* Our Trusted Partners Section  Ends*/


        .admission-deadline {
            background: var(--primary-gradient-three);
        }

        .admission-deadline .deadline-flex .deadline-item .icon {
            width: 50px;
            height: 50px;
        }

        .admission-deadline .deadline-flex .deadline-item .icon svg path {
            fill: var(--text-light-blue);
        }

        .admission-deadline .deadline-flex .deadline-item .text h4 {
            color: #FFF;
            font-family: Inter;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 30px;
            /* 150% */
        }

        .admission-deadline .deadline-flex .deadline-item .text p {
            color: #FFF;
            font-family: Inter;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 30px;
        }

        .admission-deadline img {
            max-height: 100px;
        }

        @media(max-width:576px) {
            .admission-deadline .deadline-flex .deadline-item .text h4 {
                font-size: 14px;
                line-height: normal;
            }

            .admission-deadline .deadline-flex .deadline-item .text p {
                font-size: 14px;
                line-height: normal;
            }

            .admission-deadline .deadline-flex .deadline-item .icon {
                width: 35px;
                height: 35px;
            }

            .admission-deadline .deadline-flex .deadline-item .icon svg {
                width: 15px;

            }

            .admission-deadline img {
                max-height: 63px;
            }
        }


        /* Key Highlights Section Starts */

        .key-highlights {
            /* background: var(--primary-gradient-two); */
            padding-top: 94px;
            overflow: hidden;
        }

        @media(max-width:768px) {
            .key-highlights {
                padding-top: 60px;
            }
        }

        @media(max-width:576px) {
            .key-highlights {
                padding-top: 30px;
            }
        }

        .key-highlights .heading-shadow {
            top: -92px;
            left: 0;
            height: 100%;
            width: auto;
            aspect-ratio: 839/94;
            max-height: 94px;
        }

        @media(max-width:768px) {
            .key-highlights .heading-shadow {
                top: -58px;
                left: 0;
                height: 100%;
                width: auto;
                aspect-ratio: 839/94;
                max-height: 60px;
            }
        }

        @media(max-width:576px) {
            .key-highlights .heading-shadow {
                top: -28px;
                left: 0;
                height: 100%;
                width: auto;
                aspect-ratio: 839/94;
                max-height: 30px;
            }
        }

        .key-highlights .highlight-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 14px;
            /* gap: 16px;
            row-gap: 36px; */
        }

        .key-highlights .highlight-grid .higlight .icon {
            background: #104E71;
            filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.08)) drop-shadow(0 0 4px rgba(0, 0, 0, 0.04));
            width: 50px;
            height: 50px;
            aspect-ratio: 1/1;
        }

        .key-highlights .highlight-grid .higlight .icon svg path {
            fill: #ffffff;
        }

        .key-highlights .highlight-grid .higlight .text {
            color: #ffffff;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            /* max-width: 220px; */
            max-width: 255px;
        }

        .key-highlights .highlight-grid .higlight .text span {
            font-weight: 700;
            display: block;
        }


        @media(max-width:576px) {
            .key-highlights .highlight-grid {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                gap: 5px;
                row-gap: 14px;
            }

            .key-highlights .highlight-grid .higlight .icon {
                width: 35px;
                height: 35px;
                aspect-ratio: 1/1;

            }

            .key-highlights .highlight-grid .higlight .icon svg {
                width: 15px;
            }

            .key-highlights .highlight-grid .higlight .text {
                color: #ffffff;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                max-width: 100%;
            }
        }


        .key-highlights form {
            border-radius: 20px;
            border: 1px solid #D4D4D4;
            overflow: hidden;
            /* important for rounded top */
            padding: 0 !important;
            background: var(--primary-gradient-two);
        }

        .key-highlights .form-head {
            background: var(--primary-four);
            padding: 20px 29px;
            text-align: center;
            color: #fff;
            border-radius: 20px 20px 0 0;
        }

        .key-highlights .form-head h4 {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%;
            /* 24px */
            margin-bottom: 20px;
        }

        .key-highlights .timer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 8px;
            border-radius: 10px;
            border: 1px solid #FFF;
            padding: 10px 20px;
        }

        /* Each block */
        .key-highlights .time-block {
            text-align: center;
            color: #fff;
        }

        .key-highlights .time-block span {
            display: block;
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 23px;
            /* 92% */
        }

        .key-highlights .time-block small {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 10px;
            font-style: normal;
            font-weight: 700;
            line-height: 10px;
            /* 100% */
        }

        /* Colon in center */
        .key-highlights .colon {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 23px;
            /* 92% */
            transform: translateY(-4px);
            /* perfect vertical alignment */
        }

        /* ===== FORM BODY SPACING ===== */
        .key-highlights form>*:not(.form-head) {
            padding-left: 15px;
            padding-right: 15px;
        }

        .key-highlights form>.d-flex,
        .key-highlights form>div,
        .key-highlights form>h3 {
            margin-top: 15px;
        }

        .key-highlights form input {
            border: 1px solid #D4D4D4 !important;
        }

        .key-highlights form select {
            border: 1px solid #D4D4D4 !important;
        }

        .key-highlights form select {
            color: #B0B0B0;
        }

        .key-highlights form input::placeholder {
            color: #B0B0B0 !important;
        }

        .key-highlights form select:valid {
            color: #000;
        }

        .key-highlights form input::-webkit-input-placeholder {
            color: #B0B0B0 !important;
        }

        .key-highlights form input:-ms-input-placeholder {
            color: #B0B0B0 !important;
        }

        .key-highlights form input::-ms-input-placeholder {
            color: #B0B0B0 !important;
        }

        .key-highlights form input,
        .key-highlights form select,
        .key-highlights form textarea {
            border-radius: 10px !important;
            border: 1px solid #D6D6D6 !important;
            background: transparent;
        }

        .key-highlights .select-wrapper {
            position: relative;
        }

        .key-highlights .custom-select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            padding-right: 2.5rem;
            /* space for custom icon */
            background-image: url("../images/ds_ml_ai_genai_by_eict_iitroorkee/arrow_down.png");
            background-repeat: no-repeat;
            background-position: right 0.9rem center;
            background-size: 14px 14px;
            /* adjust to your icon size */
        }


        @media(max-width:576px) {
            .key-highlights .form-head h4 {
                font-size: 16px;
            }
        }

        .key-highlights .feature-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }

        /* CARD */
        .key-highlights .feature-grid .feature {
            position: relative;
            overflow: hidden;
            border-radius: 20px;
            background: var(--primary-four);
            padding: 20px 41px 20px 20px;
            transition: all .45s ease;
        }

        /* SHINER LINE */
        .key-highlights .feature-grid .feature::before {
            content: "";
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: -30px;
            /* hidden initially */
            width: 286px;
            height: 8px;
            border-radius: 50px;
            background: linear-gradient(90deg,
                    rgba(255, 255, 255, 0) 0%,
                    rgba(255, 255, 255, 0.54) 50%,
                    rgba(255, 255, 255, 0) 100%);
            filter: blur(4.4px);
            opacity: 0;
            transition: all .55s ease;
            z-index: 2;
        }

        /* ICON */
        .key-highlights .feature-grid .feature .icon {
            width: 60px;
            height: 60px;
            aspect-ratio: 1/1;
            background: var(--primary-one);
            margin-bottom: 20px;
            position: relative;
            z-index: 3;
            transition: all .45s ease;
        }
        
        @media(max-width:576px){
            .key-highlights .feature-grid .feature .icon {
            width: 45px;
    height: 45px;
    aspect-ratio: 1 / 1;
    background: var(--primary-one);
    margin-bottom: 14px;
    position: relative;
    z-index: 3;
    transition: all .45s ease;
    }
        }

        .key-highlights .feature-grid .feature .icon svg path {
            fill: #fff;
            transition: all .45s ease;
        }

        /* TEXT */
        .key-highlights .feature-grid .feature .content {
            color: #FFF;
            font-family: Inter;
            font-size: 14px;
            font-weight: 400;
            line-height: 148%;
            position: relative;
            z-index: 3;
        }

        .key-highlights .feature-grid .feature .content span {
            display: block;
            font-weight: 700;
        }

        /* HOVER EFFECT */
        .key-highlights .feature-grid .feature:hover {
            background: #00B6B1;
        }

        .key-highlights .feature-grid .feature:hover .icon {
            background: #fff;
        }

        .key-highlights .feature-grid .feature:hover .icon svg path {
            fill: #03476E;
        }

        /* Shiner top to icon bottom */
        .key-highlights .feature-grid .feature:hover::before {
            top: 82px;
            /* icon bottom edge area */
            opacity: 1;
        }

        /* Responsive */
        @media(max-width:992px) {
            .key-highlights .feature-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 15px;
            }
        }

        @media(max-width:768px) {
            .key-highlights .feature-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
            }
        }

        @media(max-width:576px) {
            .key-highlights .feature-grid {
                grid-template-columns: repeat(1, 1fr);
                gap: 10px;
            }
        }

        /* Key Highlights Section Ends */





        /* Career Opportunities Section Starts */
        .career-section {
            min-height: 485px;
            /* background: var(--secondary-four); */
        }

        .career-section::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            /* border thickness */
            background: linear-gradient(90deg,
                    rgba(16, 78, 112, 0) 0%,
                    #104E70 50%,
                    rgba(16, 78, 112, 0) 100%);
        }

        .career-section .tabs {
            gap: 10px;
            margin-bottom: 30px;
        }


        .tab-content {
            position: relative;
            min-height: 280px;

        }

        /* hide all */
        .tab-content-item {
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
            opacity: 0;
            transition: opacity 0.4s ease-in-out;
            pointer-events: none;
            visibility: hidden;
        }

        .tab-content-item.active {
            opacity: 1;
            position: relative;
            pointer-events: auto;
            visibility: visible;
        }

        .tab-btn {
            display: inline-flex;
            padding: 10px 30px;
            justify-content: center;
            align-items: center;
            gap: 10px;
            border-radius: 10px;
            border: 1px solid var(--primary-one);
            color: var(--primary-one);
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 140%;
            background: transparent;
        }

        .tab-btn.active {
            background: var(--primary-one);
            color: #fff;
        }

        .tab-content-item p {
            color: #ffffff;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            text-transform: capitalize;
            margin-bottom: 30px;
        }
        
        

        .tab-content-item h4 {
            color: #ffffff;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 140%;
            text-transform: capitalize;
            margin-bottom: 26px;
        }
        
        @media(max-width:576px){
            .tab-content-item p {
            color: #ffffff;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-transform: capitalize;
            margin-bottom: 20px;
        }
        
        

        .tab-content-item h4 {
            color: #ffffff;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            text-transform: capitalize;
            margin-bottom: 14px;
        }
        }

        .tab-content-item .companies-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            max-width: 80%;
        }

        .tab-content-item .companies-grid .company-item {
            min-height: 43px;
            display: flex;
            background: #fff;
            align-items: center;
            padding: 0 12px;
            border-radius: 10px;
            border: 1px solid var(--primary-one);
        }

        .tab-content-item .companies-grid .company-item img {
            max-height: 34px;
            margin: auto;
        }

        @media(max-width:576px) {
            .tab-content-item .companies-grid {
                gap: 5px;
            }

        }

        @media(max-width:992px) {
            .tab-content-item .companies-grid {
                max-width: 100%;
            }

        }

        @media(max-width:576px) {
            .career-section .tabs {
                gap: 5px;
                margin-bottom: 20px;
            }

            .career-section .tab-btn {
                display: inline-flex;
                padding: 5px 14px;
                justify-content: center;
                align-items: center;
                gap: 10px;
                border-radius: 10px;
                border: 1px solid var(--primary-one);
                /* color: var(--primary-one); */
                text-align: center;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 700;
                line-height: 1.2;
            }
        }

        /* Career Opportunities Section Ends */

        /* Course Overview Section Starts */

        .course-overview {
            /* background: var(--primary-gradient-two); */
            padding-top: 109px;
            overflow: hidden;
        }

        .course-overview .heading-medium {
            max-width: 571px;
        }

        .course-overview::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            /* border thickness */
            background: linear-gradient(90deg,
                    rgba(16, 78, 112, 0) 0%,
                    #104E70 50%,
                    rgba(16, 78, 112, 0) 100%);
        }

        @media(max-width:768px) {
            .course-overview {
                padding-top: 60px;
            }
        }

        @media(max-width:576px) {
            .course-overview {
                padding-top: 30px;
            }
        }


        .course-overview .heading-shadow {
            top: -53px;
            left: 13px;
            height: 100%;
            width: auto;
            aspect-ratio: 839/94;
            max-height: 94px;
        }

        @media(max-width:768px) {
            .course-overview .heading-shadow {
                top: -11px;
                left: 14px;
                height: 100%;
                width: auto;
                aspect-ratio: 839/94;
                max-height: 60px;
            }
        }

        @media(max-width:576px) {
            .course-overview .heading-shadow {
                top: -18px;
                left: 16px;
                height: 100%;
                width: auto;
                aspect-ratio: 839 / 94;
                max-height: 30px;
            }
        }

        @media (min-width:900px) {
            .course-overview .accordion {
                max-height: 450px;
                overflow-y: scroll;
            }
        }

        .course-overview .accordion .accordion-header {
            min-height: 70px;
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            border-radius: 10px;
            padding: 2px;
            color: #164052;
            background: linear-gradient(224deg, #0ED9D4 0.17%, rgba(14, 217, 212, 0.00) 32.52%, rgba(14, 217, 212, 0.00) 67.02%, #0ED9D4 99.83%);
            background-color: linear-gradient(224deg, #0ED9D4 0.17%, rgba(14, 217, 212, 0.00) 32.52%, rgba(14, 217, 212, 0.00) 67.02%, #0ED9D4 99.83%);


        }

        .course-overview .accordion .accordion-item {
            margin-bottom: 1rem;
            border: 0;
            background-color: #024A5B;
            border-radius: 10px;
        }

        .course-overview .accordion .accordion-item:nth-last-child(1) {
            margin-bottom: 0;
        }

        .course-overview .accordion .accordion-header .collapsed {
            box-shadow: none;
        }

        .course-overview .accordion .accordion-header .accordion-button {
            /*background-color: linear-gradient(180deg, #001B33 25.62%, #00B6B1 100%);*/

            /*background: linear-gradient(180deg, #001B33 25.62%, #00B6B1 100%);*/
            background-color: #06667C;
            background: #06667C;
            color: #ffffff;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 25px;
            min-height: 70px;
            height: auto;
            padding-right: 56px;
            position: relative;
            border: 0;
            width: 100%;
            text-align: left;
            text-decoration: none;
            box-shadow: none;
            border-radius: 10px;
        }
        @media(max-width:576px){
             .course-overview .accordion .accordion-header {
            min-height: 50px;
           

        }
            .course-overview .accordion .accordion-header .accordion-button {
       
    font-size: 14px;

    line-height: normal;
    min-height: 50px;

            }
 
        }
        .course-overview .accordion-item:first-of-type>.accordion-header .accordion-button {
            border-radius: 10px;
        }

        .course-overview .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 10px;
        }

        .course-overview .accordion-item .accordion-header .accordion-button {
            border-radius: 10px;
        }

        .course-overview .accordion .accordion-header .accordion-button.collapsed::after {
            display: none !important;
        }

        .course-overview .accordion .accordion-header .accordion-button::after {
            display: none !important;
        }

        .course-overview .accordion .accordion-header .accordion-button.collapsed::before {
            transform: rotate(0deg);
        }

        .course-overview .accordion .accordion-header .accordion-button::before {
            content: '';
            position: absolute;
            transition: transform 0.3s ease-in-out;
            right: 30px;
            top: 50;
            width: 20px;
            height: 20px;
            background-image: url('../images/ds_ml_ai_genai_by_eict_iitroorkee/arrow_down_white.png');
            background-size: contain;
            background-repeat: no-repeat;
            transform: rotate(180deg);
        }

        .course-overview .accordion .accordion-body {
            color: var(--default-color);
            font-family: var(--default-font);
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            background-color: transparent;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }

        .course-overview .accordion .accordion-body p,
        .course-overview .accordion .accordion-body li {
            color: #ffffff;
            font-size: 16px;
        }

        @media (max-width:576px) {
            .course-overview .right-part {
                justify-content: center;

            }
             .course-overview .accordion .accordion-body {
            color: var(--default-color);
            font-family: var(--default-font);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            background-color: transparent;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }
              .course-overview .accordion .accordion-body p,
        .course-overview .accordion .accordion-body li {
            color: #ffffff;
            font-size: 14px;
        }

        }

        .course-overview .image-building-1 {
            aspect-ratio: 249/395;
            max-width: 150px;

        }

        @media(min-width:768px) {
            .course-overview .image-building-1 {
                aspect-ratio: 249/395;
                max-width: 249px;

            }
        }

        .course-overview .image-building-2 {
            aspect-ratio: 256/343;
            max-width: 171px;

        }

        @media(min-width:768px) {
            .course-overview .image-building-2 {
                aspect-ratio: 256/343;
                max-width: 256px;

            }
        }

        .course-overview .arrow {
            position: relative;
            background-color: rgba(29, 110, 144, 1);
            border-radius: 10px;
            aspect-ratio: 118/141;
            padding: 10px;
            width: 78px;
        }

        @media(min-width:768px) {
            .course-overview .arrow {
                padding: 10px;
                width: 118px;
            }

        }

        .course-overview .arrow img {
            position: absolute;
            top: 10px;
            right: 10px;
        }

        @media(max-width:576px) {
            .course-overview .arrow img {
                max-width: 40px;
            }

        }

        .course-overview .ctc-part {
            background-color: rgba(22, 64, 82, 1);
            border-radius: 10px;
        }

        @media(min-width:768px) {
            .course-overview .ctc-part {
                background-color: rgba(22, 64, 82, 1);
                border-radius: 10px;
            }
        }

        .ctc-part h5 {
            font-size: 14px;
            font-weight: 500;
        }

        .ctc-part p {
            font-size: 20px;
            font-weight: 700;
        }

        @media(min-width:768px) {
            .ctc-part h5 {
                font-size: 18px;
                font-weight: 500;
            }

            .ctc-part p {
                font-size: 24px;
                font-weight: 700;
            }
        }

        @keyframes spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

        .rotate {
            animation: spin 4s linear infinite;
        }


        .course-overview .play {
            position: absolute;
            top: 18%;
            left: 50%;
            transform: translatex(-26%);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 3;
        }

        @media(max-width:576px) {
            .course-overview .play {
                transform: translatex(-50%);
            }

            .course-overview .play img {
                max-width: 70px;
                max-height: 70px;
            }

            .course-overview .play svg {
                max-width: 10px;
                max-height: 15px;
            }
        }

        .course-overview .play svg {
            position: absolute;
            cursor: pointer;
            z-index: 2;
        }

        .course-overview .play img {
            width: 116px;
            height: 116px;
            z-index: 1;
        }

        .course-overview .feature-card {
            min-height: 134px;
            border-radius: 10px;
        }



        /* Backgrounds: Dark → Light (top to bottom) */
        .course-overview .d-flex.flex-column .feature-card:nth-child(1) {
            background-color: #2A526B;
            /* Darkest */
        }

        .course-overview .d-flex.flex-column .feature-card:nth-child(2) {
            background-color: #347284;
        }

        .course-overview .d-flex.flex-column .feature-card:nth-child(3) {
            /* background-color: #00ADB4; */
            background-color: #1784A3;
        }

        .course-overview .d-flex.flex-column .feature-card:nth-child(4) {
            /* background-color: #1784A3; */
            background-color: #00ADB4;

        }

        /* Icon borders matching backgrounds */
        .course-overview .d-flex .feature-card:nth-child(1) .icon {
            border: 5px solid #2A526B;
        }

        .course-overview .d-flex .feature-card:nth-child(2) .icon {
            border: 5px solid #347284;
        }

        .course-overview .d-flex .feature-card:nth-child(3) .icon {
            /* border: 5px solid #00ADB4; */
            border: 5px solid #1784A3;
        }

        .course-overview .d-flex .feature-card:nth-child(4) .icon {
            /* border: 5px solid #1784A3; */
            border: 5px solid #00ADB4;
        }

        .course-overview .d-flex .feature-card:nth-child(1) .icon svg path {
            fill: #2A526B;
        }

        .course-overview .d-flex .feature-card:nth-child(2) .icon svg path {
            fill: #347284;
        }

        .course-overview .d-flex .feature-card:nth-child(3) .icon svg path {
            fill: #1784A3;
        }

        .course-overview .d-flex .feature-card:nth-child(4) .icon svg path {
            fill: #00ADB4;
        }

        .course-overview .d-flex .feature-card .semi-circle {
            top: -8px;
            left: 50%;
            transform: translateX(-50%);
        }

        .course-overview .feature-card h4 {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 5px;
        }

        .course-overview .feature-card p {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 15px;
            font-style: normal;
            font-weight: 500;
            line-height: 1.2;
            margin: 0px;
        }

        @media(max-width:576px) {
            .course-overview .feature-card h4 {
                font-size: 16px;
            }

            .course-overview .feature-card p {
                font-size: 14px;
            }

        }

        .course-overview .feature-card .icon {
            bottom: 0;
            left: 50%;
            transform: translate(-50%, 62%);
            z-index: 2;
            border: 5px solid #00ADB4;
            width: 79px;
            height: 79px;
        }

        .course-overview .feature-card .content {
            transform: translateY(10%);
        }

        .course-overview .feature-card:nth-child(1) .content {
            transform: translateY(0%);
        }


        .course-overview form {
            border-radius: 20px;
            border: 1px solid #D4D4D4;
            overflow: hidden;
            /* important for rounded top */
            padding: 0 !important;
            background: #FFF;
        }

        .course-overview .form-head {
            background: var(--primary-gradient-three);
            padding: 20px 29px;
            text-align: center;
            color: #fff;
            border-radius: 20px 20px 0 0;
        }

        .course-overview .form-head h4 {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%;
            text-wrap: nowrap;
            margin-bottom: 20px;
        }

        .course-overview .timer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 8px;
            border-radius: 10px;
            border: 1px solid #FFF;
            padding: 10px 20px;
        }

        /* Each block */
        .course-overview .time-block {
            text-align: center;
            color: #fff;
        }

        .course-overview .time-block span {
            display: block;
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 23px;
            /* 92% */
        }

        .course-overview .time-block small {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 10px;
            font-style: normal;
            font-weight: 700;
            line-height: 10px;
            /* 100% */
        }

        /* Colon in center */
        .course-overview .colon {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 23px;
            /* 92% */
            transform: translateY(-4px);
            /* perfect vertical alignment */
        }

        /* ===== FORM BODY SPACING ===== */
        .course-overview form>*:not(.form-head) {
            padding-left: 15px;
            padding-right: 15px;
        }

        .course-overview form>.d-flex,
        .course-overview form>div,
        .course-overview form>h3 {
            margin-top: 15px;
        }

        .course-overview form input {
            border: 1px solid #D4D4D4 !important;
        }

        .course-overview form select {
            border: 1px solid #D4D4D4 !important;
        }

        .course-overview form select {
            color: #B0B0B0;
        }

        .course-overview form input::placeholder {
            color: #B0B0B0 !important;
        }

        .course-overview form select:valid {
            color: #000;
        }

        .course-overview form input::-webkit-input-placeholder {
            color: #B0B0B0 !important;
        }

        .course-overview form input:-ms-input-placeholder {
            color: #B0B0B0 !important;
        }

        .course-overview form input::-ms-input-placeholder {
            color: #B0B0B0 !important;
        }

        .course-overview form input,
        .course-overview form select,
        .course-overview form textarea {
            border-radius: 10px !important;
            border: 1px solid #D6D6D6 !important;
        }

        .course-overview .select-wrapper {
            position: relative;
        }

        .course-overview .custom-select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            padding-right: 2.5rem;
            /* space for custom icon */
            background-image: url("../images/ds_ml_ai_genai_by_eict_iitroorkee/arrow_down.png");
            background-repeat: no-repeat;
            background-position: right 0.9rem center;
            background-size: 14px 14px;
            /* adjust to your icon size */
        }


        @media(max-width:576px) {
            .course-overview .form-head h4 {
                font-size: 16px;
            }
        }

        @media (min-width:900px) {
            .course-overview .accordion {
                max-height: 422px;
                overflow-y: scroll;
                padding-right: 15px;

            }

            /* Custom Scrollbar with #5970cc */
            .course-overview .accordion::-webkit-scrollbar {
                width: 12px !important;
            }

            .course-overview .accordion::-webkit-scrollbar-track {
                background: var(--primary-two) !important;
                border-radius: 10px !important;
            }

            .course-overview .accordion::-webkit-scrollbar-thumb {
                background: var(--primary-one) !important;
                border-radius: 10px !important;
                border: 2px solid #f1f1f1 !important;
                transition: background 0.3s ease !important;
            }

            .course-overview .accordion::-webkit-scrollbar-thumb:hover {
                background: var(--primary-one) !important;
                /* Darker shade on hover */
            }

            /* Firefox */
            .course-overview .accordion {
                scrollbar-width: thin !important;
                scrollbar-color: var(--primary-one) #f1f1f1 !important;
            }
        }

        /* Course Overview Section Ends */

        /* Admission Process Section Starts */



        .admission-process {
            /* background: var(--primary-gradient-two); */
            padding-top: 100px;
            overflow: hidden;
        }

        .admission-process .heading-medium {
            margin-bottom: 20px !important;
            max-width: 571px;

        }

        .admission-process::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            /* border thickness */
            background: linear-gradient(90deg,
                    rgba(16, 78, 112, 0) 0%,
                    #104E70 50%,
                    rgba(16, 78, 112, 0) 100%);
        }

        @media(max-width:768px) {
            .admission-process {
                padding-top: 60px;
            }
        }

        @media(max-width:576px) {
            .admission-process {
                padding-top: 30px;
            }
        }


        .admission-process .heading-shadow {
            top: -58px;
            left: -20px;
            height: 100%;
            width: auto;
            aspect-ratio: 839 / 94;
            max-height: 94px;
        }

        @media(max-width:768px) {
            .admission-process .heading-shadow {
                top: -11px;
                left: 14px;
                height: 100%;
                width: auto;
                aspect-ratio: 839/94;
                max-height: 60px;
            }
        }

        @media (max-width: 576px) {
            .admission-process .heading-shadow {
                top: -15px;
                left: 9px;
                height: 100%;
                width: auto;
                aspect-ratio: 839 / 94;
                max-height: 30px;
            }
        }

        .admission-process .admission-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 25px;
            align-items: end;
        }

        .admission-process .para {
            color: #ffffff;
            font-family: Inter;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 28px;
            /* 155.556% */
            margin-bottom: 30px;
            text-align: start;
        }

        @media(max-width:992px) {

            .admission-process .admission-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
                align-items: center;
            }

        }

        @media(max-width:576px) {

            .admission-process .admission-grid {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                gap: 20px;
                align-items: center;
            }

            .admission-process .para {
                font-size: 14px;
                line-height: 1.2;
            }
        }

        .admission-process .listing li span.number {
            position: relative;
            z-index: 2;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            aspect-ratio: 1/1;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            background-color: var(--primary-two);
            border: 9.33px solid rgb(255, 255, 255);

            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 25px;
            /* 156.25% */
            fill: #FFF;
            filter: drop-shadow(0 14px 16px rgba(89, 112, 204, 0.15)) drop-shadow(0 10px 4px rgba(89, 112, 204, 0.04));
        }

        .admission-process .listing li p {
            color: #ffffff;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 25px;
            /* 156.25% */
        }

        .admission-process .listing li p span.d-block {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 25px;
        }

        @media(max-width:576px){
           

        .admission-process .listing li p {
            color: #ffffff;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            /* 156.25% */
        }

        .admission-process .listing li p span.d-block {
            color: #FFF;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }



        }

        .admission-process .listing li {
            position: relative;
            z-index: 1;
        }

        /* dashed line for each item */
        .admission-process .listing li::before {
            content: "";
            position: absolute;
            left: 30px;
            top: 60px;
            /* circle ke niche start */
            height: calc(100% - 60px);
            width: 3px;
            border-left: 3px dashed #ffffff;
        }


        .admission-process .listing li:last-child::before {
            display: none;
        }



        .admission-process .form-card {
            background: #0C415F;
            padding: 30px;
            border-radius: 20px;
            color: #fff;
        }

        .admission-process .form-title {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            margin-bottom: 30px;
        }

        /* Accordion */
        .admission-process .form-accordion {

            border-radius: 12px;
            margin-bottom: 12px;
            overflow: hidden;
        }

        .admission-process .accordion-header {
            padding: 14px 16px;
            font-weight: 600;
            color: #0F4C81;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: #EAEAEA;
            /* important */
        }

        /* hidden by default */
        .admission-process .accordion-body {
            max-height: 0;
            overflow: hidden;
            transition: all 0.4s ease;
            padding: 0 16px;
        }

        /* active */
        .admission-process .form-accordion.active .accordion-body {
            max-height: 300px;
            padding: 10px 0;
        }

        .admission-process .form-accordion.active .accordion-body.collapsed {
            padding: 10px 0;
        }

        .admission-process .form-accordion.active .accordion-header {
            background: #ffffff;
            border-radius: 10px;
        }

        /* Inputs */
        .admission-process .form-input {
            width: 100%;
            margin-bottom: 10px;
            padding: 10px;

            /* border: 1px solid #ccc; */
            outline: none;
            color: #fff;



            border-radius: 10px;
            border: 1px solid #fff;
            background: transparent;
        }

        .admission-process .form-input::placeholder {
            color: rgba(255, 255, 255, 0.6);
        }

        .admission-process .form-input:focus {
            border-color: #6EC1E4;
            box-shadow: 0 0 0 2px rgba(110, 193, 228, 0.2);
        }

        .admission-process select.form-input {
            appearance: none;
            color: rgba(255, 255, 255, 0.7);
        }

        /* Divider */
        .admission-process .divider {
            height: 2px;
            background: rgba(255, 255, 255);
            margin: 20px -30px;
        }

        /* Upload */
        .admission-process .upload-box {
            border: 1px solid rgba(255, 255, 255);
            padding: 20px;
            border-radius: 12px;
            text-align: center;
            margin-bottom: 10px;
            color: rgba(255, 255, 255, 0.7);
            cursor: pointer;
            transition: 0.3s;
        }


        .admission-process .upload-box.dragover {
            border-color: #69BAFA;
            background: rgba(105, 186, 250, 0.1);
        }

        .admission-process .upload-box p {
            color: #fff;
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

        .admission-process .upload-box svg {
            display: block;
            margin: 10px auto;
        }

        .admission-process .upload-box small {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }

        .admission-process .upload-box small span {
            display: block;
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 10px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

        /* Button */
        .admission-process .submit-btn {
            width: 100%;
            background: var(--secondary-one);
            color: #fff;
            border: 1px solid transparent;
            padding: 12px;
            border-radius: 10px;
            font-weight: 600;
        }

        .admission-process .submit-btn:hover {
            width: 100%;
            background: transparent;
            color: var(--secondary-one);
            border: 1px solid var(--secondary-one);
            padding: 12px;
            border-radius: 10px;
            font-weight: 600;
        }

        .admission-process .select-wrapper {
            position: relative;
        }

        .admission-process .select-wrapper select {
            width: 100%;
            appearance: none;
            padding-right: 40px;
            /* space for arrow */
        }

        /* Arrow positioning */
        .admission-process .select-arrow {
            position: absolute;
            right: 12px;
            top: 50%;
            transform: translateY(-86%);
            pointer-events: none;
            /* click goes to select */
            display: flex;
            align-items: center;
        }

        /* Admission Process Section Ends */



        /* Fee Structure Section Starts */


        .fee-structure {
            /* background: var(--primary-gradient-two); */
            padding-top: 100px;
            overflow: hidden;
        }

        .fee-structure .heading-medium {
            margin-bottom: 20px !important;
            max-width: 571px;

        }

        .fee-structure::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            /* border thickness */
            background: linear-gradient(90deg,
                    rgba(16, 78, 112, 0) 0%,
                    #104E70 50%,
                    rgba(16, 78, 112, 0) 100%);
        }

        @media(max-width:768px) {
            .fee-structure {
                padding-top: 60px;
            }
        }

        @media(max-width:576px) {
            .fee-structure {
                padding-top: 30px;
            }
        }


        .fee-structure .heading-shadow {
            top: -28px;
            left: 13px;
            height: 100%;
            width: auto;
            aspect-ratio: 839/94;
            max-height: 94px;
        }

        @media(max-width:768px) {
            .fee-structure .heading-shadow {
                top: -11px;
                left: 14px;
                height: 100%;
                width: auto;
                aspect-ratio: 839/94;
                max-height: 60px;
            }
        }

        @media(max-width:576px) {
            .fee-structure .heading-shadow {
                top: 5px;
                left: 16px;
                height: 100%;
                width: auto;
                aspect-ratio: 839 / 94;
                max-height: 30px;
            }
        }

        .fee-structure .desc {
            color: #ffffff;
            font-family: Inter;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 28px;
            /* 140% */
            margin-bottom: 30px;
        }


        .fee-structure .price {
            color: #fff;
            font-family: Inter;
            font-size: 30px;
            font-style: normal;
            font-weight: 700;
            line-height: 121.126%;
            /* 36.338px */
            margin-bottom: 30px;
        }

        .fee-structure .btns {
            margin-bottom: 30px;
            gap: 20px;
        }

        @media(max-width:576px) {
            .fee-structure .desc {
               color: #ffffff;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 20px;
            }

            .fee-structure .price {
                color: #fff;
                font-family: Inter;
                font-size: 20px;
                font-style: normal;
                font-weight: 700;
                line-height: 121.126%;
                /* 36.338px */
                margin-bottom: 20px;
            }

            .fee-structure .btns {
                margin-bottom: 20px;
                gap: 10px;
            }
        }


        .fee-structure .rounded-ylw-strip {
            color: #1E296B;
            /* color: #1E296B; */
            font-family: Inter;
            font-size: 14px;
            font-style: italic;
            font-weight: 400;
            line-height: 121.126%;
            padding: 10px 20px;
            background: #ffffff;
            width: fit-content;
            text-wrap: nowrap;
            margin-bottom: 20px;
        }





        .fee-structure .avail {
            padding: 9px;
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.32);
            background: #0C415F;

        }

        .fee-structure .avail .iot-avail-logo {
            width: 78px;
            height: 78px;
            aspect-ratio: 1/1;

            border-radius: 15px;
            border: 1px solid #FFF;
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
        }

        .fee-structure .avail p {
            color: #FFF;
            font-family: Inter;
            font-size: 30px;
            font-style: normal;
            font-weight: 700;
            line-height: 121.126%;
            /* 36.338px */
            text-wrap: nowrap;
        }


        .fee-structure .fee-right {
            border-radius: 20px;
            /* background: linear-gradient(102deg, #004F8E 3.77%, var(--text-light-blue) 97.22%); */
            padding: 30px;
            width: 100%;
            z-index: 999 !important;

            border: 1px solid rgba(255, 255, 255, 0.32);
            background: #0C415F;

        }

        @media(max-width:992px) {
            .fee-structure .fee-right {

                width: fit-content;
            }
        }

        .fee-structure .fee-right .listing {
            gap: 30px;
        }

        .fee-structure .fee-right .head {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%;
            /* 19.2px */
            text-transform: uppercase;
            margin-bottom: 10px;
        }
        
        @media(max-width:576px){
            .fee-structure .fee-right .head {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            /* 19.2px */
            text-transform: uppercase;
            margin-bottom: 10px;
        }
        }

        .fee-structure .fee-right .head-badge {
            color: #3F3F3F;
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%;
            text-transform: uppercase;
            display: flex;
            width: fit-content;
            padding: 10px 20px;
            justify-content: center;
            align-items: center;
            border-radius: 10px;
            background: #FFF;
            margin-bottom: 20px;
        }

        @media(max-width:576px) {
            .fee-structure .rounded-ylw-strip {

                /* color: #1E296B; */
                font-family: Inter;
                font-size: 14px;
                font-style: italic;
                font-weight: 400;
                line-height: 121.126%;
                /* 19.38px */
                padding: 10px 8px;

                width: fit-content;
                text-wrap: wrap;
                margin-bottom: 20px;
            }

            .fee-structure .avail .iot-avail-logo {
                width: 50px;
                height: 50px;
                aspect-ratio: 1 / 1;
                border-radius: 14px;
            }

            .fee-structure .avail p {
                color: #FFF;
                font-family: Inter;
                font-size: 18px;
                font-style: normal;
                font-weight: 700;
                line-height: 121.126%;
                /* 36.338px */
                text-wrap: nowrap;
            }

            .fee-structure .fee-right {
                padding: 20px;
            }

            .fee-structure .fee-right .head {
                font-size: 14px;
            }

            .fee-structure .fee-right .head-badge {
                font-size: 12px;
            }
        }

        .fee-structure .fee-right .listing li {
            min-height: 78px;
            padding: 20px;
            border-radius: 20px;
            border: 1px solid #FFF;
            background: transparent;
            position: relative;


        }
        
        @media(max-width:576px){
            .fee-structure .fee-right .listing li {
            min-height: 100%;
    padding: 14px 14px;
    border-radius: 20px;
    border: 1px solid #FFF;
    background: transparent;
    position: relative;
        }
        }

        /* dashed line */
        /* vertical dashed line */
        .fee-structure .fee-right .listing li:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 78px;
            left: 50%;
            border-left: 1px dashed #FFF;
            height: 30px;
        }
        
        @media(max-width:576px){
             .fee-structure .fee-right .listing li:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 63px;
            left: 50%;
            border-left: 1px dashed #FFF;
            height: 30px;
        }

        }

        .fee-structure .fee-right .listing li span {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 120%;
            /* 19.2px */
        }
        
        @media(max-width:576px){
            .fee-structure .fee-right .listing li span {
            color: #FFF;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            /* 19.2px */
        }
        }

        .fee-structure .fee-right .listing li.last {
            min-height: 78px;
            padding: 20px;
            border-radius: 20px;
            border: 1px solid var(--primary-two);
            background: #fff;


        }

        .fee-structure .fee-right .listing li.last span {
            color: #3F3F3F;
            font-family: Inter;
            font-size: 16px;
            font-style: italic;
            font-weight: 700;
            line-height: 120%;
        }



        /* Fee Structure Section Ends */



        /* Faq Section Starts */



        .faq-section {
            /* background: var(--primary-gradient-two); */
            padding-top: 161px;
            overflow: hidden;
        }



        @media(max-width:768px) {
            .faq-section {
                padding-top: 90px;
            }
        }

        @media(max-width:576px) {
            .faq-section {
                padding-top: 72px;
            }
        }


        .faq-section .heading-shadow {
            top: -51px;
            left: -259px;
            height: 100%;
            width: auto;
            aspect-ratio: 839 / 94;
            max-height: 94px;
        }

        @media(max-width:768px) {
            .faq-section .heading-shadow {
               top: -28px;
        left: -161px;

                height: 100%;
                width: auto;
                aspect-ratio: 839 / 94;
                max-height: 60px;

            }
        }

        @media(max-width:576px) {
            .faq-section .heading-shadow {
               top: -16px;
        left: -71px;
                height: 100%;
                width: auto;
                aspect-ratio: 839 / 94;
                max-height: 30px;
            }
        }

        .faq-section .faq-title {
            color: #113563;
            font-size: 40px;
            font-weight: 700;
            margin-bottom: 40px;
        }

        .faq-section .faq-sidebar {
            border-bottom: 1px solid #fff;
            padding-bottom: 15px;
        }

        @media(min-width:992px) {
            .faq-section .faq-sidebar {
                border-bottom: none;
                padding-bottom: none;
            }

        }

        .faq-section .faq-tabs {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
        }

        .faq-section .faq-tabs .faq-tab {
            
border: 1px solid #00B6B1;
        }

        .faq-section .faq-tabs span {
            color:rgba(0, 182, 177, 1);
        }

        @media(min-width:992px) {
            .faq-section .faq-tabs {
                grid-template-columns: repeat(1, 1fr);
                gap: 15px;
            }

        }


        .faq-section .faq-tab {

            display: flex;
            align-items: center;
            gap: 12px;
            padding: 15px;
            border: none;
            background: transparent;
            width: 100%;
            text-align: left;
            color:rgba(0, 182, 177, 1);
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 23px;
            border-radius: 10px;
            cursor: pointer;
            transition: all 0.3s ease;
            border-radius: 10px;

        }

        .faq-section .faq-tab span {
           color:rgba(0, 182, 177, 1);
        }

        .faq-section .faq-tab:hover {
            background: #CADDE5;
        }

        .faq-section .faq-tab.active {
            background: #00B6B1;
            color: #fff !important;
        }

        .faq-section .faq-tab.active span {
            color: #fff !important;
        }

        .faq-section .faq-tab.active .faq-icon svg path {
            fill: #fff;
        }

        .faq-section .faq-icon svg path {
            fill: #00B6B1;
        }


        @media(min-width:991px) {
            .faq-section .faq-container .col-lg-2 {
                width: 19% !important;

            }

            .faq-section .faq-container .col-lg-10 {
                width: 81% !important;
            }

        }

        .faq-section .faq-content {
            flex: 1;
            min-width: 300px;
        }

        @media (min-width:991px) {
            .faq-section .faq-content {

                padding-left: 30px;
                border-left: 1px solid #ffffff;
            }
        }

        .faq-section .accordion-item {

            margin-bottom: 15px;
            overflow: hidden;

            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            border-radius: 10px !important;
            border:1px solid rgba(255, 255, 255, 0.30);

            background: #0C415F;
        }

        .faq-section .accordion-button {
            /*background-color: transparent;*/
            padding: 23px 25px;
            border-top: 1px solid #5970CC;
            border-radius: 10px !important;
            box-shadow: none !important;
            color: #ffffff !important;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 25px;
            /* 156.25% */

        }
         .faq-section .accordion-button.collapsed {
             color: #fff;
            background-color: transparent;
            background: transparent;
        }
        .faq-section .accordion-button:not(.collapsed) {
             color: #fff;
             background-color: #00B6B1;
            background: #00B6B1;
        }

        .faq-section .accordion-item:first-of-type>.accordion-header .accordion-button.collapsed {
            background-color: transparent;
            background: transparent;
        }

        .faq-section .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
            background-color: transparent;
            background: transparent;
        }

        .faq-section .accordion-button::after {

            display: none !important;
        }

        .faq-section .accordion-button.collapsed::before {
            transform: rotate(0deg);
        }

        .faq-section .accordion-button::before {
            content: '';
            position: absolute;
            transition: transform 0.3s ease-in-out;
            right: 14px;
            top: 50;
            width: 15px;
            height: 15px;
            background: url(../images/embedded-iot-sample/arrow_down.png);
            background-size: contain;
            background-repeat: no-repeat;
            transform: rotate(180deg);
        }


        @media(min-width:768px) {
            .faq-section .accordion-button::before {
                right: 30px;
                width: 20px;
                height: 20px;
            }

        }

        .faq-section .accordion-body {
            padding: 20px 25px;
            color: #ffffff;
            line-height: 1.7;
            font-size: 14px;
        }

        @media (max-width: 768px) {
            .faq-section .faq-title {
                font-size: 24px;
            }

            .faq-section .accordion-button {
                padding: 15px;
                font-size: 14px;
            }

            .faq-section .accordion-body {
                padding: 15px;
            }
        }

        /* faq section Ends */

        /* Last Chance Section Starts  */

        .last-chance {
            border-radius: 20px;
            background: linear-gradient(180deg, #001B33 25.62%, #00B6B1 100%);
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
            margin-top: 60px;
        }

        .last-chance::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -60px;
            width: 100%;
            height: 2px;
            /* border thickness */
            background: linear-gradient(90deg, rgba(16, 78, 112, 0.00) 0%, #104E70 50%, rgba(16, 78, 112, 0.00) 100%);
        }

        @media(max-width:768px) {
            .last-chance::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: -30px;
                width: 100%;
                height: 2px;
                /* border thickness */
                background: linear-gradient(90deg, rgba(16, 78, 112, 0.00) 0%, #104E70 50%, rgba(16, 78, 112, 0.00) 100%);
            }

        }


        @media(max-width:576px) {
            .last-chance::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: -32px;
                width: 100%;
                height: 2px;
                /* border thickness */
                background: linear-gradient(90deg, rgba(16, 78, 112, 0.00) 0%, #104E70 50%, rgba(16, 78, 112, 0.00) 100%);
            }

        }



        .last-chance .shine-border {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            height: 100%;
            top: 0;
            bottom: 0;

        }

        @media(max-width:992px) {
            .last-chance {
                margin-top: 30px;
            }
        }

        @media(max-width:576px) {
            .last-chance {
                margin-top: 20px;
            }
        }


        .last-chance img {
            margin-bottom: 50px;
        }

        .last-chance h4 {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 142%;
            /* 22.72px */
            margin-bottom: 13.54px;
        }

        .last-chance .heading-medium {
            margin-bottom: 10px;
            color: #ffffff;
        }


        .last-chance small {
            color: #ffffff;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 142%;
        }

        .last-chance small strong {
            color: #ffffff;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 142%;
            /* 22.72px */
        }

        .last-chance .enquiry-form {
            display: flex;
            flex-direction: column;
            gap: 16px;
            margin-top: 20px;
        }

        .last-chance .enquiry-form .form-input {
            width: 100%;
            padding: 14px 18px;
            border-radius: 10px;
            border: 1px solid #ffffff;
            background: transparent;
            color: #ffffff;
            font-family: Inter;
            font-size: 15px;
            font-weight: 400;
            outline: none;
            resize: none;
        }

        .last-chance .enquiry-form .form-input::placeholder {
            color: #ffffff;
        }

        .last-chance .enquiry-form .form-input:focus {
            border-color: #ffffff;
        }

        .last-chance .enquiry-form .btn-box {
            margin-top: 14px;
        }

        @media(max-width:576px) {
            .last-chance .enquiry-form .btn-box {
                margin-top: 10px;
            }

        }


        .last-chance .timer-box {
            width: 100%;
            max-width: 406px;
        }

        .last-chance .timer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 8px;
            border-radius: 10px;
            border: 1px solid #FFF;
            padding: 10px 20px;
        }

        /* Each block */
        .last-chance .time-block {
            text-align: center;
            color: #fff;
        }

        .last-chance .time-block span {
            display: block;
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 23px;
            /* 92% */
        }

        .last-chance .time-block small {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 10px;
            font-style: normal;
            font-weight: 700;
            line-height: 10px;
            /* 100% */
        }

        /* Colon in center */
        .last-chance .colon {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 23px;
            /* 92% */
            transform: translateY(-4px);
            /* perfect vertical alignment */
        }

        .last-chance .right-container {


            padding: 60px;
        }

        .last-chance svg.position-absolute {
            left: 27px;
            top: 17px;
        }

        @media(max-width:576px) {
            .last-chance .right-container {
                padding: 20px;
            }
        }

        /* Last Chance Section Ends */



        /* Live Projects Section Starts */


        .live-projects {
            /* background: var(--primary-gradient-two); */
            padding-top: 100px;
            overflow: hidden;
        }

        .live-projects .heading-medium {
            margin-bottom: 20px !important;
            max-width: 571px;

        }

        .live-projects::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            /* border thickness */
            background: linear-gradient(90deg,
                    rgba(16, 78, 112, 0) 0%,
                    #104E70 50%,
                    rgba(16, 78, 112, 0) 100%);
        }

        @media(max-width:768px) {
            .live-projects {
                padding-top: 60px;
            }
        }

        @media(max-width:576px) {
            .live-projects {
                padding-top: 30px;
            }
        }


        .live-projects .heading-shadow {
            top: -53px;
            left: -54px;
            height: 100%;
            width: auto;
            aspect-ratio: 839 / 94;
            max-height: 94px;
        }

        @media(max-width:768px) {
            .live-projects .heading-shadow {
                top: -33px;
                left: -29px;
                height: 100%;
                width: auto;
                aspect-ratio: 839 / 94;
                max-height: 60px;

            }
        }

        @media(max-width:576px) {
            .live-projects .heading-shadow {
                top: -16px;
                left: -6px;
                height: 100%;
                width: auto;
                aspect-ratio: 839 / 94;
                max-height: 30px;
            }
        }

        .live-projects .desc {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 24px */
            max-width: 660px;
            /* 140% */
            margin-bottom: 30px;
        }

        @media(max-width:576px) {
            .live-projects .desc {
                color: #FFF;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                /* 24px */
                max-width: 660px;
                /* 140% */
                margin-bottom: 30px;
            }
        }

        .live-projects .next-pre .pre,
        .live-projects .next-pre .next {
            width: 53px;
            height: 53px;
            aspect-ratio: 1/1;
            border-radius: 53px;
            border: 1px solid #00b6b1;
            cursor: pointer;
        }

        .live-projects .next-pre .pre:hover svg path,
        .live-projects .next-pre .next:hover svg path {
            fill: #ffffff;
        }

        @media(max-width:576px) {

            .live-projects .next-pre .pre,
            .live-projects .next-pre .next {
                width: 30px;
                height: 30px;
                aspect-ratio: 1/1;
                border-radius: 53px;
                border: 1px solid #00b6b1;
                cursor: pointer;
            }

            .live-projects .next-pre .pre:hover svg,
            .live-projects .next-pre .next:hover svg {
                width: 14px;
            }

        }

        .live-projects .next-pre .pre:hover,
        .live-projects .next-pre .next:hover {
            background-color: #00b6b1;
            color: white;
        }




        /* Make swiper wrapper stretch slides */
        .live-projects .mySwiper4 .swiper-wrapper {
            align-items: stretch;
        }

        /* Make each slide auto height + flex */
        .live-projects .mySwiper4 .swiper-slide {
            height: auto;
           /* display: flex;*/
        }


        .live-projects .swiper-wrapper .swiper-slide .part {
            border-radius: 20px;
            border: 3px solid rgba(216, 237, 243, 0.2);
            /* max-width: 387px; */
            padding-bottom: 24px;
            height: 100%; /* 👈 equal height cards */
        }

        .live-projects .swiper-wrapper .swiper-slide .part .image {
            width: 100%;
            aspect-ratio: 300 / 180;
            width: 100%;
            /*max-width: 330px;*/
            max-width: 100%;
            height: auto;
            overflow: hidden;
            border-radius: 20px;
            margin-bottom: 20px;

        }

        .live-projects .swiper-wrapper .swiper-slide .part .image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            /* Always center-crop the image */
            /* Keep your original border-radius on the img */
            border: 3px solid #D8EDF3;
            border-radius: 20px;
            /* Move inline style here */
        }

        /* Responsive tweaks per breakpoint */
        @media (max-width: 991px) {
            .live-projects .swiper-wrapper .swiper-slide .part .image {
                aspect-ratio: 16 / 8;
                
            }
        }

        @media (max-width: 576px) {
            .live-projects .swiper-wrapper .swiper-slide .part .image {
                aspect-ratio: 16 / 9;
                /* Taller crop on mobile for better visibility */
                border-radius: 16px 16px 0 0;
            }
        }

        .live-projects .swiper-wrapper .swiper-slide .part p.text-white {
            font-family: Inter;
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: 122%;
            padding: 0px 20px;
            margin-bottom: 20px;
        }

        /* 24px */
        .live-projects .swiper-wrapper .swiper-slide .part h6.text-white {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 150%;
            /* 24px */
            padding: 0 20px;
            margin-bottom: 10px;
        }

        /* 24px */
        .live-projects .card-bottom {
            gap: 10px;
            padding: 0 17px;
        }

        .live-projects .card-bottom .btn {
            display: inline-flex;
            padding: 5px 20px;
            justify-content: center;
            align-items: center;
            font-size: 14px;
            border-radius: 10px;
            background: #0C415F;
        }

        @media (max-width: 576px) {
            .live-projects .swiper-wrapper .swiper-slide .part .text-white {
                font-size: 12px;
            }

            .live-projects .swiper-wrapper .swiper-slide .part .text-white {
                font-size: 12px;
            }

            .live-projects .row p {
                font-size: 12px;
            }

            .live-projects .row .next-pre .pre,
            .live-projects .row .next-pre .next {
                width: 32px;
                height: 32px;
            }
        }



        .live-projects .highlight-grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 20px;
            /* margin-bottom: 45px; */
        }



        .live-projects .highlight-grid .higlight .icon {
            background: transparent;
            width: 60px;
            height: 60px;
            aspect-ratio: 1/1;
            border: 2px solid #104E71;
            filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.08)) drop-shadow(0 0 4px rgba(0, 0, 0, 0.04));
        }

        .live-projects .highlight-grid .higlight .icon svg path {
            fill: #ffffff;
        }

        .live-projects .highlight-grid .higlight .text {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            /* 22.4px */

        }

        .live-projects .highlight-grid .higlight .text span {
            font-weight: 700;

        }


        @media(max-width:576px) {
            .live-projects .highlight-grid {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                gap: 14px;
            }

            .live-projects .highlight-grid .higlight .icon {
                width: 35px;
                height: 35px;
                aspect-ratio: 1/1;

            }

            .live-projects .highlight-grid .higlight .icon svg {
                width: 15px;
            }

            .live-projects .highlight-grid .higlight .text {
                color: #ffffff;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
            }
        }






        /* Live Projects Section Ends */


        /* Success Stories Section Starts */


        .success-stories {
            /* background: var(--primary-gradient-two); */
            padding-top: 100px;
            overflow: hidden;
        }

        .success-stories .heading-medium {
            margin-bottom: 20px !important;
            max-width: 571px;

        }

        .success-stories::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            /* border thickness */
            background: linear-gradient(90deg,
                    rgba(16, 78, 112, 0) 0%,
                    #104E70 50%,
                    rgba(16, 78, 112, 0) 100%);
        }

        @media(max-width:768px) {
            .success-stories {
                padding-top: 60px;
            }
        }

        @media(max-width:576px) {
            .success-stories {
                padding-top: 30px;
            }
        }


        .success-stories .heading-shadow {
            top: -53px;
            left: -112px;
            height: 100%;
            width: auto;
            aspect-ratio: 839 / 94;
            max-height: 94px;
        }

        @media(max-width:768px) {
            .success-stories .heading-shadow {
                top: -33px;
                left: -66px;
                height: 100%;
                width: auto;
                aspect-ratio: 839 / 94;
                max-height: 60px;

            }
        }

        @media(max-width:576px) {
            .success-stories .heading-shadow {
                top: -16px;
                left: -24px;
                height: 100%;
                width: auto;
                aspect-ratio: 839 / 94;
                max-height: 30px;
            }
        }

        .success-stories .desc {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 24px */
            max-width: 660px;
            /* 140% */
            margin-bottom: 30px;
        }

        @media(max-width:576px) {
            .success-stories .desc {
                color: #FFF;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                /* 24px */
                max-width: 660px;
                /* 140% */
                margin-bottom: 30px;
            }
        }
        
        /* Make swiper wrapper stretch slides */
        .success-stories .mySwiper1 .swiper-wrapper {
            align-items: stretch;
        }

        /* Make each slide auto height + flex */
        .success-stories .mySwiper1 .swiper-slide {
            height: auto;
            display: flex;
        }

        .success-stories .next-pre .pre,
        .success-stories .next-pre .next {
            width: 53px;
            height: 53px;
            aspect-ratio: 1/1;
            border-radius: 53px;
            border: 1px solid #00b6b1;
            cursor: pointer;
        }

        .success-stories .next-pre .pre:hover svg path,
        .success-stories .next-pre .next:hover svg path {
            fill: #ffffff;
        }

        @media(max-width:576px) {

            .success-stories .next-pre .pre,
            .success-stories .next-pre .next {
                width: 30px;
                height: 30px;
                aspect-ratio: 1/1;
                border-radius: 53px;
                border: 1px solid #00b6b1;
                cursor: pointer;
            }

            .success-stories .next-pre .pre:hover svg,
            .success-stories .next-pre .next:hover svg {
                width: 14px;
            }

        }

        .success-stories .next-pre .pre:hover,
        .success-stories .next-pre .next:hover {
            background-color: #00b6b1;
            color: white;
        }

        /* ===================================
   SWIPER 1 CUSTOM PAGINATION
   Same as screenshot
   =================================== */

        /* container */
        .mySwiper1 .swiper-pagination {
            position: relative;
            margin-top: 27px;
            bottom: 0 !important;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            height: 16px;
        }

        /* normal bullet */
        .mySwiper1 .swiper-pagination-bullet {
            width: 15px;
            height: 15px;
            background: transparent;
            border: 1px solid #0ED9D4;
            opacity: 1;
            border-radius: 50%;
            transition: all 0.3s ease;
            margin: 0 !important;
        }

        /* active bullet */
        .mySwiper1 .swiper-pagination-bullet-active {
            background: #0ED9D4;
            transform: scale(1.05);
            box-shadow: 0 0 10px rgba(14, 217, 212, 0.5);
        }

        /* mobile */
        @media (max-width:576px) {
            .mySwiper1 .swiper-pagination {
                gap: 8px;
                margin-top: 25px;
            }

            .mySwiper1 .swiper-pagination-bullet {
                width: 12px;
                height: 12px;
            }
        }

        /* Make swiper wrapper stretch slides */
        .success-stories .mySwiper4 .swiper-wrapper {
            align-items: stretch;
        }

        /* Make each slide auto height + flex */
        .success-stories .mySwiper4 .swiper-slide {
            height: auto;
            display: flex;
        }

        .success-stories .story-card {
            border-radius: 40px 40px 40px 0;
            border: 1px solid rgba(255, 255, 255, 0.32);
            background: #0C415F;
            overflow: hidden;
            padding: 30px 30px 35px 30px;
            position: relative;
        }

        .success-stories .story-card {
            border-radius: 40px 40px 40px 0;
            border: 1px solid rgba(255, 255, 255, 0.32);
            background: #0C415F;
            overflow: hidden;
            padding: 30px 30px 35px 30px;
            position: relative;
        }

        .success-stories .story-card .play {
            width: 80px;
            height: 80px;
            border-radius: 0 40px 0 20px;
            background: #00B6B1;
        }

        .success-stories .story-card .profile {
            gap: 20px;
            margin-bottom: 20px;
        }

        .success-stories .story-card .profile .image {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            border: 3px solid #FFF;
            overflow: hidden;
        }

        .success-stories .story-card .profile .image img {
            object-fit: cover;

        }

        .success-stories .story-card .profile .name {
            gap: 5px;
        }

        .success-stories .story-card .profile .span {
            color: #FFF;
            font-family: Inter;
            font-size: 20px;
            font-style: normal;
            font-weight: 800;
            line-height: normal;
            text-transform: capitalize;
        }

        .success-stories .story-card .profile .designation {
            color: #FFF;
            font-family: Inter;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-transform: capitalize;
        }

        .success-stories .story-card .review {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 24px */
        }

        @media(max-width:576px) {
            .success-stories .story-card .review {
                color: #FFF;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;

            }

            .success-stories .story-card {
                border-radius: 40px 40px 40px 0;
                border: 1px solid rgba(255, 255, 255, 0.32);
                background: #0C415F;
                overflow: hidden;
                padding: 20px 20px 25px 20px;
                position: relative;
            }

            .success-stories .story-card .profile .span {
                color: #FFF;
                font-family: Inter;
                font-size: 18px;
                font-style: normal;
                font-weight: 800;
                line-height: normal;
                text-transform: capitalize;
            }
        }


        /* Succes Stories Section Ends */


        /* Success Stories Section Starts */


        .lab-gallery {
            /* background: var(--primary-gradient-two); */
            padding-top: 100px;
            overflow: hidden;
        }

        .lab-gallery .heading-medium {
            margin-bottom: 20px !important;
            max-width: 571px;

        }

        .lab-gallery::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            /* border thickness */
            background: linear-gradient(90deg,
                    rgba(16, 78, 112, 0) 0%,
                    #104E70 50%,
                    rgba(16, 78, 112, 0) 100%);
        }

        @media(max-width:768px) {
            .lab-gallery {
                padding-top: 60px;
            }
        }

        @media(max-width:576px) {
            .lab-gallery {
                padding-top: 30px;
            }
        }


        .lab-gallery .heading-shadow {
            top: -53px;
            left: 15px;
            height: 100%;
            width: auto;
            aspect-ratio: 839 / 94;
            max-height: 94px;
        }

        @media(max-width:768px) {
            .lab-gallery .heading-shadow {
                top: -33px;
                left: 17px;
                height: 100%;
                width: auto;
                aspect-ratio: 839 / 94;
                max-height: 60px;

            }
        }

        @media(max-width:576px) {
            .lab-gallery .heading-shadow {
                top: -16px;
                left: 16px;
                height: 100%;
                width: auto;
                aspect-ratio: 839 / 94;
                max-height: 30px;
            }
        }

        .lab-gallery .desc {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 24px */
            max-width: 660px;
            /* 140% */
            margin-bottom: 30px;
        }

        @media(max-width:576px) {
            .lab-gallery .desc {
                color: #FFF;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                /* 24px */
                max-width: 660px;
                /* 140% */
                margin-bottom: 30px;
            }
        }
        
        /* Make swiper wrapper stretch slides */
        .lab-gallery .mySwiper1 .swiper-wrapper {
            align-items: stretch;
        }

        /* Make each slide auto height + flex */
        .lab-gallery .mySwiper1 .swiper-slide {
            height: auto;
            display: flex;
        }

        .lab-gallery .next-pre .pre,
        .lab-gallery .next-pre .next {
            width: 53px;
            height: 53px;
            aspect-ratio: 1/1;
            border-radius: 53px;
            border: 1px solid #00b6b1;
            cursor: pointer;
        }

        .lab-gallery .next-pre .pre:hover svg path,
        .lab-gallery .next-pre .next:hover svg path {
            fill: #ffffff;
        }

        @media(max-width:576px) {

            .lab-gallery .next-pre .pre,
            .lab-gallery .next-pre .next {
                width: 30px;
                height: 30px;
                aspect-ratio: 1/1;
                border-radius: 53px;
                border: 1px solid #00b6b1;
                cursor: pointer;
            }

            .lab-gallery .next-pre .pre:hover svg,
            .lab-gallery .next-pre .next:hover svg {
                width: 14px;
            }

        }

        .lab-gallery .next-pre .pre:hover,
        .lab-gallery .next-pre .next:hover {
            background-color: #00b6b1;
            color: white;
        }

        /* ===================================
   SWIPER 1 CUSTOM PAGINATION
   Same as screenshot
   =================================== */

        /* container */
        .lab-gallery .mySwiper6 .swiper-pagination {
            position: relative;
            margin-top: 27px;
            bottom: 0 !important;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            height: 16px;
        }

        /* normal bullet */
        .lab-gallery .mySwiper6 .swiper-pagination-bullet {
            width: 15px;
            height: 15px;
            background: transparent;
            border: 1px solid #0ED9D4;
            opacity: 1;
            border-radius: 50%;
            transition: all 0.3s ease;
            margin: 0 !important;
        }

        /* active bullet */
        .lab-gallery .mySwiper6 .swiper-pagination-bullet-active {
            background: #0ED9D4;
            transform: scale(1.05);
            box-shadow: 0 0 10px rgba(14, 217, 212, 0.5);
        }

        /* mobile */
        @media (max-width:576px) {
            .lab-gallery .mySwiper6 .swiper-pagination {
                gap: 8px;
                margin-top: 25px;
            }

            .lab-gallery .mySwiper6 .swiper-pagination-bullet {
                width: 12px;
                height: 12px;
            }
        }

        /* Make swiper wrapper stretch slides */
        .lab-gallery .mySwiper6 .swiper-wrapper {
            align-items: stretch;
        }

        /* Make each slide auto height + flex */
        .lab-gallery .mySwiper6 .swiper-slide {
            height: auto;
            display: flex;
        }

      .lab-gallery .mySwiper6 {
    width: 100%;
    padding: 20px 0 50px;
}

.lab-gallery .mySwiper6 .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.lab-gallery .mySwiper6 .img-card {
       width: 100%;
    height: 420px;
    background: #00b6b1;
    border-radius: 20PX;
    overflow: hidden;
    padding: 3px;
    box-sizing: border-box;
}

.lab-gallery .mySwiper6 .img-card img {

    
        width: 100%;
    height: 100%;
    object-fit: COVER;
    display: block;
    border-radius: 18px;
    background: #f5f5f5;
}

Here's the CSS and JS you need to add — no structural HTML changes required:
Add this CSS:
css/* ── Hover overlay on img-card ── */
.lab-gallery .mySwiper6 .img-card {
    position: relative;
    cursor: pointer;
}

.lab-gallery .mySwiper6 .img-card .overlay {
    position: absolute;
    inset: 3px;
    border-radius: 18px;
    background: rgba(200, 200, 200, 0.25);
    backdrop-filter: blur(1px);
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.lab-gallery .mySwiper6 .img-card:hover .overlay {
    opacity: 1;
}

/* View icon button */
.lab-gallery .mySwiper6 .img-card .view-btn {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: background 0.2s ease, transform 0.2s ease;
}

.lab-gallery .mySwiper6 .img-card .view-btn:hover {
    background: #00b6b1;
    transform: scale(1.1);
}

.lab-gallery .mySwiper6 .img-card .view-btn:hover svg path {
    stroke: #fff;
}

/* Tooltip */
.lab-gallery .mySwiper6 .img-card .view-btn::after {
    content: "View Full";
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-size: 12px;
    font-family: Inter, sans-serif;
    white-space: nowrap;
    padding: 4px 10px;
    border-radius: 6px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.lab-gallery .mySwiper6 .img-card .view-btn::before {
    content: "";
    position: absolute;
    bottom: calc(100% + 2px);
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.75);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.lab-gallery .mySwiper6 .img-card .view-btn:hover::after,
.lab-gallery .mySwiper6 .img-card .view-btn:hover::before {
    opacity: 1;
}

/* ── Lightbox Modal ── */
#galleryLightbox {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.92);
    justify-content: center;
    align-items: center;
    padding: 20px;
}

#galleryLightbox.active {
    display: flex;
}

#galleryLightbox .lb-inner {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

#galleryLightbox .lb-img {
    max-width: 88vw;
    max-height: 85vh;
    border-radius: 16px;
    object-fit: contain;
    display: block;
    user-select: none;
    box-shadow: 0 0 40px rgba(0,182,177,0.3);
}

#galleryLightbox .lb-close {
    position: fixed;
    top: 20px;
    right: 24px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.3);
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.2s;
    z-index: 10;
    line-height: 1;
}

#galleryLightbox .lb-close:hover {
    background: #00b6b1;
}

#galleryLightbox .lb-nav {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.3);
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.2s;
    z-index: 10;
    user-select: none;
}

#galleryLightbox .lb-nav:hover {
    background: #00b6b1;
}

#galleryLightbox .lb-prev { left: 16px; }
#galleryLightbox .lb-next { right: 16px; }

#galleryLightbox .lb-counter {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255,255,255,0.6);
    font-family: Inter, sans-serif;
    font-size: 14px;
}

@media (max-width: 576px) {
    #galleryLightbox .lb-nav { width: 36px; height: 36px; font-size: 16px; }
    #galleryLightbox .lb-prev { left: 8px; }
    #galleryLightbox .lb-next { right: 8px; }
}

        /* lab-gallery Section Ends */

        /* Live Industry Section  Starts */
        .live-industry {
            background: var(--primary-gradient-two);
        }

        .live-industry .text {
            color: white;
        }

        .live-industry .heading-medium {
            margin-bottom: 20px;
        }

        .live-industry .desc {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 24px */

        }

        .live-industry .row .next-pre .pre,
        .live-industry .row .next-pre .next {
            width: 45px;
            height: 45px;
            background: white;
        }

        .live-industry .row .next-pre .pre:hover,
        .live-industry .row .next-pre .next:hover {
            background: #fda31b;
        }

        .live-industry .swiper-wrapper .swiper-slide .part {
            border-radius: 20px;
            border: 3px solid rgba(216, 237, 243, 0.2);
            /* max-width: 387px; */
            padding-bottom: 24px;
        }

        .live-industry .swiper-wrapper .swiper-slide .part .image {
            width: 100%;
            aspect-ratio: 387 / 200;
            overflow: hidden;
            border-radius: 20px;
            margin-bottom: 20px;
        }

        .live-industry .swiper-wrapper .swiper-slide .part .image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .live-industry .swiper-wrapper .swiper-slide .part p.text-white {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 24px */
            padding: 0 30px;
            margin-bottom: 20px;
        }

        /* 24px */
        .live-industry .swiper-wrapper .swiper-slide .part h6.text-white {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 150%;
            /* 24px */
            padding: 0 30px;
            margin-bottom: 10px;
        }

        /* 24px */
        .card-bottom {
            gap: 10px;
            padding: 0 30px;
        }

        .card-bottom .btn {
            display: inline-flex;
            padding: 5px 20px;
            justify-content: center;
            align-items: center;

            border-radius: 10px;
            background: #0b61a5;
        }

        @media (max-width: 576px) {
            .live-industry .swiper-wrapper .swiper-slide .part .text-white {
                font-size: 12px;
            }

            .live-industry .swiper-wrapper .swiper-slide .part .text-white {
                font-size: 12px;
            }

            .live-industry .row p {
                font-size: 12px;
            }

            .live-industry .row .next-pre .pre,
            .live-industry .row .next-pre .next {
                width: 32px;
                height: 32px;
            }
        }

        /* Live Industry Section   Ends */








        /* Global Recognized Certificates Section starts */
        .global-recognized-certificates {
            /* background: var(--primary-gradient-two); */
            padding-top: 104px;
            overflow: hidden;
        }

        .global-recognized-certificates::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            /* border thickness */
            background: linear-gradient(90deg,
                    rgba(16, 78, 112, 0) 0%,
                    #104E70 50%,
                    rgba(16, 78, 112, 0) 100%);
        }

        @media(max-width:768px) {
            .global-recognized-certificates {
                padding-top: 37px;
            }
        }

        @media(max-width:576px) {
            .global-recognized-certificates {
                padding-top: 35px;
            }
        }

        .global-recognized-certificates .heading-shadow {
            top: 45px;
            left: 50%;
            transform: translateX(-50%);
            height: 100%;
            width: auto;
            aspect-ratio: 839/94;
            max-height: 94px;
        }

        @media(max-width:768px) {
            .global-recognized-certificates .heading-shadow {
                top: 8px;
                aspect-ratio: 839/94;
                max-height: 60px;
            }
        }

        @media(max-width:576px) {
            .global-recognized-certificates .heading-shadow {
                z-index: 333 !important;
                max-height: 30px;
                top: 16px;

            }
        }

        .global-recognized-certificates .certificate-para {
            max-width: 1024px;
            margin-left: auto;
            margin-right: auto;
        }

        .global-recognized-certificates .icons-circle {
            max-width: 1100px;
            margin-inline: auto;
        }

        .global-recognized-certificates .icons-circle-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 20px;
            flex-wrap: wrap;
            padding: 15px 20px;
            border-radius: 20px;
            /* background-color: #f3f3f3; */
        }

        .global-recognized-certificates .icons-circle-item {
            display: flex;
            align-items: center;
            gap: 14px;
        }

        .global-recognized-certificates .icons-circle-item .icons-circle-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 60px;
            height: 60px;
            aspect-ratio: 1/1;
            border-radius: 50%;
            border: 2px solid #104E71;
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
            background: transparent;
        }

        .global-recognized-certificates .icons-circle-item svg path {
            fill: #00B6B1;
        }

        @media(max-width:576px) {
            .global-recognized-certificates .icons-circle-item .icons-circle-icon {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 30px;
                height: 30px;
                aspect-ratio: 1/1;
                border-radius: 50%;
                border: 2px solid #104E71;
                box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
                background: transparent;
            }

            .global-recognized-certificates .icons-circle-item svg {
                height: 14px ;
                width: auto;
            }
        }

        .global-recognized-certificates .icons-circle-text {
            color: #ffffff;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 0;
            line-height: 1.4;
        }

        .global-recognized-certificates .course-certificate {
            /* height: 418px; */
        }

        .global-recognized-certificates .course-certificate img {
            max-height: 436px;
        }

        .global-recognized-certificates .course-certificate .text-black {
            color: #1e296b !important;

            font-weight: 700;
            line-height: 150%;
            /* 24px */
            text-transform: capitalize;
        }

        @media (max-width: 576px) {
            .global-recognized-certificates .heading {
                font-size: 20px;
                margin-bottom: 10px;
            }

            .global-recognized-certificates .certificate-para {
               font-size: 14px;
        line-height: normal;
            }

            .global-recognized-certificates .icons-circle-wrapper {
                justify-content: flex-start;
                gap: 8px;
                padding: 0 16px 20px 16px;
                /*     
            padding: 20px 16px; */
            }

            .global-recognized-certificates .icons-circle-item {
                width: 100%;
            }

            .global-recognized-certificates .icons-circle-text {
                font-size: 14px;
            }

            .global-recognized-certificates .course-certificate .text-black {
                font-size: 14px;
            }
        }

        /* Global Recognized Certificates Section Ends */

        /* technologies section start */

        .technologies-section {
            /* background: var(--primary-gradient-two); */
            padding-top: 104px;
            min-height: 200px;
            overflow: hidden;
        }

        .technologies-section::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            /* border thickness */
            background: linear-gradient(90deg,
                    rgba(16, 78, 112, 0) 0%,
                    #104E70 50%,
                    rgba(16, 78, 112, 0) 100%);
        }

        @media(max-width:768px) {
            .technologies-section {
                padding-top: 37px;
            }
        }

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

        .technologies-section .heading-shadow {
            top: 45px;
            left: 50%;
            transform: translateX(-50%);
            height: 100%;
            width: auto;
            aspect-ratio: 839/94;
            max-height: 94px;
        }

        @media(max-width:768px) {
            .technologies-section .heading-shadow {
                /* top: -36px;
            left:-14px;
            height: 100%;
            width: auto; */
                aspect-ratio: 839/94;
                max-height: 60px;
            }
        }

        @media(max-width:576px) {
            .technologies-section .heading-shadow {
                z-index: 333 !important;
                max-height: 30px;
                top: 16px;

            }
        }


        .technologies-section .bg-square {
            top: -20px;
            left: -20px;
        }

        @media(max-width:576px) {
            .technologies-section .bg-square {
                height: 50px;
                width: auto;
                top: -4px;
                left: 5px;
            }
        }

        .technologies-section .image-wrapper {
            width: 100%;
            max-width: 484px;
            height: auto;
        }

        .technologies-section .image-wrapper .sub-wrapper1 {
            border-radius: 50px;
            border: 1px solid #D4FFFE;
            aspect-ratio: 385/408;
            height: 408px;
            width: auto;
            overflow: hidden;
        }

        @media(max-width:576px) {
            .technologies-section .image-wrapper .sub-wrapper1 {
                height: 308px;
            }
        }

        .technologies-section .image-wrapper .sub-wrapper2 {
            bottom: 0;
            right: 0;
            border-radius: 130px;
            border: 10px solid #FFF;
            overflow: hidden;

            aspect-ratio: 260/318;
            height: 318px;
            width: auto;
        }

        @media(max-width:576px) {
            .technologies-section .image-wrapper .sub-wrapper2 {
                height: 218px;
            }
        }

        .technologies-section .image-wrapper .sub-wrapper1 img {
            object-fit: cover;
            transition: all 0.4s ease-in-out;
        }

        .technologies-section .image-wrapper .sub-wrapper2 img {
            object-fit: cover;
            /*transform: scale(1.1);*/
            transition: all 0.4s ease-in-out;
        }

        .technologies-section .image-wrapper .sub-wrapper1:hover img {
            transform: scale(1.105);
        }

        .technologies-section .image-wrapper .sub-wrapper2:hover img {
            transform: scale(1.25);
        }

        .technologies-section .list-unstyled {
            list-style: none;
            padding: 0;
            margin: 0;
            gap: 20px
        }

        .technologies-section .list-unstyled li {
            display: flex;
            align-items: start;
            gap: 22px;
        }

        .technologies-section .list-unstyled li .icon {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            width: 60px;
            height: 60px;
            aspect-ratio: 1/1;
            background: var(--primary-one);
        }

        .technologies-section .list-unstyled li .icon svg path {
            fill: #fff;
        }

        .technologies-section .list-unstyled li .content {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
        }

        .technologies-section .list-unstyled li .content span {
            color: #FFF;
            font-family: Inter;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 140%;
            /* 28px */
            display: block;
        }

        @media(max-width:576px) {
            .technologies-section .list-unstyled li .icon {
                width: 40px;
                height: 40px;
            }

            .technologies-section .list-unstyled li .icon svg {
                width: 20px;
            }

            .technologies-section .list-unstyled li .content {
                color: #FFF;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
            }

            .technologies-section .list-unstyled li .content span {
                color: #FFF;
                font-family: Inter;
                font-size: 16px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                display: block;
            }

        }

        /* Technologies Section  Ends */



        /* What Makes Section Starts */

        .what-makes {
            /* background: var(--primary-gradient-two); */
            padding-top: 120px;
        }

        .what-makes::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            /* border thickness */
            background: linear-gradient(90deg,
                    rgba(16, 78, 112, 0) 0%,
                    #104E70 50%,
                    rgba(16, 78, 112, 0) 100%);
        }

        @media(max-width:768px) {
            .what-makes {
                padding-top: 60px;
            }
        }

        @media(max-width:576px) {
            .what-makes {
                padding-top: 30px;
            }
        }

        .what-makes .desc {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            /* 22.4px */
            margin-bottom: 20px;
        }

        @media(max-width:576px) {
            .what-makes .desc {
                font-size: 14px;
                line-height: normal;
            }
        }

        .what-makes .heading-shadow {
            top: -67px;
            left: -10px;
            height: 100%;
            width: auto;
            aspect-ratio: 839/94;
            max-height: 94px;
        }

        @media(max-width:768px) {
            .what-makes .heading-shadow {
                top: -40px;
                left: 0;
                height: 100%;
                width: auto;
                aspect-ratio: 839/94;
                max-height: 60px;
            }
        }

        @media(max-width:576px) {
            .what-makes .heading-shadow {
                top: -19px;
                left: 7px;
                height: 100%;
                width: auto;
                aspect-ratio: 839 / 94;
                max-height: 30px;
            }
        }

        .what-makes .highlight-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 14px;
            margin-bottom: 25px;
        }

        /*@media(max-width:991.50px) {*/
        /*    .what-makes .highlight-grid {*/
        /*        margin-bottom: 20px;*/
        /*    }*/
        /*}*/

        @media(max-width:768px) {
            .what-makes .highlight-grid {
                margin-bottom: 20px;
            }
        }

        .what-makes .highlight-grid .higlight .icon {
            background: transparent;
            width: 60px;
            height: 60px;
            aspect-ratio: 1/1;
            border: 2px solid #104E71;
            filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.08)) drop-shadow(0 0 4px rgba(0, 0, 0, 0.04));
        }

        .what-makes .highlight-grid .higlight .icon svg path {
            fill: #ffffff;
        }

        .what-makes .highlight-grid .higlight .text {
            color: #ffffff;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            /* max-width: 220px; */
            max-width: 306px;
        }

        .what-makes .highlight-grid .higlight .text span {
            font-weight: 700;
            display: block;
        }


        @media(max-width:576px) {
            .what-makes .highlight-grid {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                gap: 5px;
                row-gap: 14px;
            }

            .what-makes .highlight-grid .higlight .icon {
                width: 45px;
                height: 45px;
                aspect-ratio: 1/1;

            }

            .what-makes .highlight-grid .higlight .icon svg {
                width: 15px;
            }

            .what-makes .highlight-grid .higlight .text {
                color: #ffffff;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                max-width: 100%;
            }
        }


        .what-makes form {
            border-radius: 20px;
            border: 1px solid #D4D4D4;
            overflow: hidden;
            /* important for rounded top */
            padding: 0 !important;
            background: var(--primary-gradient-two);
        }

        .what-makes .form-head {
            background: var(--primary-four);
            padding: 20px 29px;
            text-align: center;
            color: #fff;
            border-radius: 20px 20px 0 0;
        }

        .what-makes .form-head h4 {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%;
            /* 24px */
            margin-bottom: 20px;
        }

        .what-makes .timer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 8px;
            border-radius: 10px;
            border: 1px solid #FFF;
            padding: 10px 20px;
        }

        /* Each block */
        .what-makes .time-block {
            text-align: center;
            color: #fff;
        }

        .what-makes .time-block span {
            display: block;
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 23px;
            /* 92% */
        }

        .what-makes .time-block small {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 10px;
            font-style: normal;
            font-weight: 700;
            line-height: 10px;
            /* 100% */
        }

        /* Colon in center */
        .what-makes .colon {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 23px;
            /* 92% */
            transform: translateY(-4px);
            /* perfect vertical alignment */
        }

        /* ===== FORM BODY SPACING ===== */
        .what-makes form>*:not(.form-head) {
            padding-left: 15px;
            padding-right: 15px;
        }

        .what-makes form>.d-flex,
        .what-makes form>div,
        .what-makes form>h3 {
            margin-top: 15px;
        }

        .what-makes form input {
            border: 1px solid #D4D4D4 !important;
        }

        .what-makes form select {
            border: 1px solid #D4D4D4 !important;
        }

        .what-makes form select {
            color: #B0B0B0;
        }

        .what-makes form input::placeholder {
            color: #B0B0B0 !important;
        }

        .what-makes form select:valid {
            color: #000;
        }

        .what-makes form input::-webkit-input-placeholder {
            color: #B0B0B0 !important;
        }

        .what-makes form input:-ms-input-placeholder {
            color: #B0B0B0 !important;
        }

        .what-makes form input::-ms-input-placeholder {
            color: #B0B0B0 !important;
        }

        .what-makes form input,
        .what-makes form select,
        .what-makes form textarea {
            border-radius: 10px !important;
            border: 1px solid #D6D6D6 !important;
            background: transparent;
        }

        .what-makes .select-wrapper {
            position: relative;
        }

        .what-makes .custom-select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            padding-right: 2.5rem;
            /* space for custom icon */
            background-image: url("../images/ds_ml_ai_genai_by_eict_iitroorkee/arrow_down.png");
            background-repeat: no-repeat;
            background-position: right 0.9rem center;
            background-size: 14px 14px;
            /* adjust to your icon size */
        }


        @media(max-width:576px) {
            .what-makes .form-head h4 {
                font-size: 16px;
            }
        }

        .what-makes .feature-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }

        .what-makes .feature-grid .feature {
            border-radius: 20px;
            background: var(--primary-four);
            padding: 20px 41px 20px 20px;
        }

        .what-makes .feature-grid .feature .icon {
            width: 60px;
            height: 60px;
            aspect-ratio: 1/1;
            background: var(--primary-one);
            margin-bottom: 20px;
        }

        .what-makes .feature-grid .feature .icon svg path {
            fill: #fff;
        }

        .what-makes .feature-grid .feature .content {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 148%;
        }

        .what-makes .feature-grid .feature .content span {
            display: block;
            font-weight: 700;
        }


        @media(max-width:992px) {
            .what-makes .feature-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 15px;
            }

        }

        @media(max-width:768px) {
            .what-makes .feature-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
            }
        }

        @media(max-width:576px) {
            .what-makes .feature-grid {
                grid-template-columns: repeat(1, 1fr);
                gap: 10px;
            }
        }


        .what-makes .learn-card {
            border-radius: 20px;
            background: #FFF;
            padding: 10px 30px 17px 30px;
            width: 100%;
            max-width: 387px;
        }

        .what-makes .learn-card img {
            margin-bottom: 20px;
        }

        .what-makes .learn-card h4 {
            color: #000;
            font-family: Inter;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%;
            margin-bottom: 20px;
        }

        .what-makes .learn-card ul {
            gap: 10px;
        }

        .what-makes .learn-card li {
            gap: 10px;
        }

        .what-makes .learn-card li svg {}

        .what-makes .learn-card li span {
            color: #000;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 210%;
            /* 29.4px */
            /* 29.4px */
        }

        .what-makes .learn-card .dashed-border {
            margin: 20px 0;
            border: 1px dashed #000000;
        }

        .what-makes .learn-card .small {
            margin-top: 20px;
            color: #000;
            font-family: Inter;
            font-size: 10px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            /* 14.1px */
        }


        @media(max-width:576px) {

            .what-makes .learn-card {

                padding: 10px 15px 15px 15px;

            }

            .what-makes .learn-card img {
                margin-bottom: 15px;
            }

            .what-makes .learn-card h4 {
                font-size: 20px;
                line-height: normal;
                margin-bottom: 15px;
            }

            .what-makes .learn-card ul {
                gap: 8px;
            }

            .what-makes .learn-card li {
                gap: 8px;
            }


            .what-makes .learn-card li span {
                line-height: normal;
            }

            .what-makes .learn-card .dashed-border {
                margin: 15px 0;
            }

            .what-makes .learn-card .small {
                margin-top: 15px;
                line-height: normal;
            }

        }

        .what-makes .admission-close-strip {
            padding-top: 10px;
            padding-bottom: 10px;
            gap: 20px;
            background: #104E70;
        }

        @media(min-width:992px) {
            .what-makes .admission-close-strip {
                gap: 20px;
                background: #104E70;
                margin: 0 -250px 0 -600px;
                padding: 10px 250px 10px 600px;
            }
        }

        .what-makes .admission-close-strip span {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%;
            /* 24px */
        }

        @media (max-width:576px) {
            .what-makes .admission-close-strip {
                gap: 14px;
            }

            .what-makes .admission-close-strip span {
                font-size: 16px;
                line-height: normal;
            }
        }

        .what-makes .timer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            /* gap: 8px; */
            gap: 25px;
            border-radius: 10px;
            border: 1px solid #FFF;
            padding: 10px 20px;
        }

        /* Each block */
        .what-makes .time-block {
            text-align: center;
            color: #fff;
        }

        .what-makes .time-block span {
            display: block;
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 23px;
            /* 92% */
        }

        .what-makes .time-block small {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 10px;
            font-style: normal;
            font-weight: 700;
            line-height: 10px;
            /* 100% */
        }

        /* Colon in center */
        .what-makes .colon {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 23px;
            /* 92% */
            transform: translateY(-4px);
            /* perfect vertical alignment */
        }

        @media(max-width:576px) {

            .what-makes .timer {
                gap: 12px;
                border-radius: 10px;
                border: 1px solid #FFF;
                padding: 10px 15px;
            }

            /* Each block */
            .what-makes .time-block {
                text-align: center;
                color: #fff;
            }

            .what-makes .time-block span {
                display: block;
                font-size: 20px;
                line-height: normal;
                /* 92% */
            }

            /* Colon in center */
            .what-makes .colon {

                font-size: 20px;
                line-height: normal;
                transform: translateY(-4px);
                /* perfect vertical alignment */
            }

        }

        /* What Makes Section Ends */


        /* Coorporate-section start */

        .Coorporate-section {
            /* background: var(--primary-gradient-two); */
            padding-top: 104px;
            min-height: 200px;
            overflow: hidden;
        }

        .Coorporate-section::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            /* border thickness */
            background: linear-gradient(90deg,
                    rgba(16, 78, 112, 0) 0%,
                    #104E70 50%,
                    rgba(16, 78, 112, 0) 100%);
        }

        @media(max-width:768px) {
            .Coorporate-section {
                padding-top: 37px;
            }
        }

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

        .Coorporate-section .heading-shadow {
            top: 45px;
            left: 50%;
            transform: translateX(-50%);
            height: 100%;
            width: auto;
            aspect-ratio: 839/94;
            max-height: 94px;
        }

        @media(max-width:768px) {
            .Coorporate-section .heading-shadow {
                /* top: -36px;
            left:-14px;
            height: 100%;
            width: auto; */
                aspect-ratio: 839/94;
                max-height: 60px;
            }
        }

        @media(max-width:576px) {
            .Coorporate-section .heading-shadow {
                z-index: 333 !important;
                max-height: 30px;
                top: 16px;

            }
        }

        .Coorporate-section .partners-grid {
            display: grid;
            grid-template-columns: repeat(6, 184px);
            gap: 20px;
        }

        @media(max-width:992px) {
            .Coorporate-section .partners-grid {
                grid-template-columns: repeat(4, 1fr);
                gap: 15px;
            }
        }

        @media(max-width:768px) {
            .Coorporate-section .partners-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 10px;
            }
        }

        @media(max-width:576px) {
            .Coorporate-section .partners-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
            }
        }

        .Coorporate-section .partner-item {
            height: 71px;
            padding: 0px 37px;
            border-radius: 20px;
            border: 1px solid #104E70;
            display: flex;
            align-items: center;
            justify-content: center;
            background: transparent;
        }

        .Coorporate-section .partner-item img {
            max-height: 51px;
        }

        /* Coorporate-section  Ends */



        /* tools-tech start */

        .tools-tech {
            /* background: var(--primary-gradient-two); */
            padding-top: 104px;
            min-height: 200px;
            overflow: hidden;
        }

        .tools-tech::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            /* border thickness */
            background: linear-gradient(90deg,
                    rgba(16, 78, 112, 0) 0%,
                    #104E70 50%,
                    rgba(16, 78, 112, 0) 100%);
        }

        @media(max-width:768px) {
            .tools-tech {
                padding-top: 37px;
            }
        }

        @media(max-width:576px) {
            .tools-tech {
                padding-top: 60px;
            }
        }

        .tools-tech .heading-shadow {
            top: 45px;
            left: 50%;
            transform: translateX(-50%);
            height: 100%;
            width: auto;
            aspect-ratio: 839/94;
            max-height: 94px;
        }

        @media(max-width:768px) {
            .tools-tech .heading-shadow {
                /* top: -36px;
            left:-14px;
            height: 100%;
            width: auto; */
                aspect-ratio: 839/94;
                max-height: 60px;
            }
        }

        @media(max-width:576px) {
            .tools-tech .heading-shadow {
                z-index: 333 !important;
                max-height: 30px;
                top: 16px;

            }
        }

        .tools-tech .partners-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: 20px;
        }

        @media(max-width:992px) {
            .tools-tech .partners-grid {

                .tools-tech .partners-grid {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-items: center;
                    gap: 15px;
                }
            }
        }

        @media(max-width:768px) {
            .tools-tech .partners-grid {}
        }

        @media(max-width:576px) {
            .tools-tech .partners-grid {
             display: grid;
             grid-template-columns: repeat(2, 1fr);
             gap: 5px;

            }
        }

        .tools-tech .partner-item {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            padding: 10px 20px;
            background: transparent;
            border-radius: 25px;
            border: 2px solid #104E70;
        }

        .tools-tech .partner-item span {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 25px;
        }

        @media(max-width:576px) {
            .tools-tech .partner-item {
                       display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        padding: 5px 6px;
        background: transparent;
        border-radius: 25px;
        border: 2px solid #104E70;
            }
             .tools-tech .partner-item span {
            color: #FFF;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-wrap: nowrap;
        }
 .tools-tech .partner-item svg {
           width:14px;
           height: auto;
        }

        }

        /* tools-tech  Ends */



        /* New Skills Section Starts */

        .skills-section {
            /* background: var(--primary-gradient-two); */
            padding-top: 120px;
        }

        .skills-section::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            /* border thickness */
            background: linear-gradient(90deg,
                    rgba(16, 78, 112, 0) 0%,
                    #104E70 50%,
                    rgba(16, 78, 112, 0) 100%);
        }

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

        @media(max-width:576px) {
            .skills-section {
                padding-top: 30px;
            }
        }

        .skills-section .desc {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            /* 22.4px */
            margin-bottom: 20px;
        }

        @media(max-width:576px) {
            .skills-section .desc {
                font-size: 14px;
                line-height: normal;
            }
        }

        .skills-section .heading-shadow {
            top: -67px;
            left: -117px;
            height: 100%;
            width: auto;
            aspect-ratio: 839/94;
            max-height: 94px;
        }

        @media(max-width:768px) {
            .skills-section .heading-shadow {
                top: -40px;
                left: -70px;
                height: 100%;
                width: auto;
                aspect-ratio: 839/94;
                max-height: 60px;
            }
        }

        @media(max-width:576px) {
            .skills-section .heading-shadow {
                top: -19px;
                left: -25px;
                height: 100%;
                width: auto;
                aspect-ratio: 839 / 94;
                max-height: 30px;
            }
        }

        .skills-section .row .skills-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
        }

        .skills-section .row .skills-grid .skill {
            /* border-radius: 10px; */
            /* background: #fff; */
            min-height: 70px;
            gap: 10px;
            /* padding: 10px 0px 10px 10px; */
        }

        .skills-section .row .skills-grid .skill .text-black {
            font-size: 15px;
            margin-bottom: 0px;
            color: #fff !important;
        }
        
        @media(max-width:576px){
             .skills-section .row .skills-grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 5px;
            row-gap: 14px;
        }

        .skills-section .row .skills-grid .skill {
           font-size: 14px;
             min-height: fit-content;
            gap: 14px;
         
        }

        .skills-section .row .skills-grid .skill .text-black {
            font-size: 14px;
            margin-bottom: 0px;
            color: #fff !important;
        } 
        }



      

        /* New Skills Section Ends */


        /*Why Choose Section Starts  */

        .why-choose {
            /* background: var(--primary-gradient-two); */
            padding-top: 120px;
            overflow: hidden;
        }

        .why-choose .heading-medium {
            max-width: 571px;
        }

        .why-choose::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            /* border thickness */
            background: linear-gradient(90deg,
                    rgba(16, 78, 112, 0) 0%,
                    #104E70 50%,
                    rgba(16, 78, 112, 0) 100%);
        }

        @media(max-width:768px) {
            .why-choose {
                padding-top: 60px;
            }
        }

        @media(max-width:576px) {
            .why-choose {
                padding-top: 30px;
            }
        }

        .why-choose .desc {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            max-width: 600px;
            /* 22.4px */
            margin-bottom: 30px;
        }

        @media(max-width:576px) {
            .why-choose .desc {
                font-size: 14px;
                line-height: normal;
                margin-bottom: 20px;
            }
        }

        .why-choose .heading-shadow {
            top: -67px;
            left: 0;
            height: 100%;
            width: auto;
            aspect-ratio: 839/94;
            max-height: 94px;
        }

        @media(max-width:768px) {
            .why-choose .heading-shadow {
                top: -40px;
                left: 7px;
                height: 100%;
                width: auto;
                aspect-ratio: 839/94;
                max-height: 60px;
            }
        }

        @media(max-width:576px) {
            .why-choose .heading-shadow {
                top: -19px;
                left: 11px;
                height: 100%;
                width: auto;
                aspect-ratio: 839 / 94;
                max-height: 30px;
            }
        }

        .why-choose .why-choose-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }

        @media(max-width:992px) {
            .why-choose .why-choose-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 15px;
            }

        }

        @media(max-width:768px) {
            .why-choose .why-choose-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
            }
        }

        @media(max-width:576px) {
            .why-choose .why-choose-grid {
                grid-template-columns: repeat(1, 1fr);
                gap: 10px;
            }
        }

        .why-choose .why-choose-grid .why-choose-card {
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.32);
            background: #0C415F;
            padding: 20px;
        }

        .why-choose .why-choose-grid .why-choose-card .icon {
            width: 60px;
            height: 60px;
            aspect-ratio: 1/1;
            border-radius: 20px;
            background: rgba(0, 182, 177, 0.30);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
        }

        .why-choose .why-choose-grid .why-choose-card .icon svg path {
            fill: #fff;
        }

        .why-choose .why-choose-grid .why-choose-card .content {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            /* 22.4px */
        }
        @media(max-width:576px){
        /*     .why-choose .why-choose-grid .why-choose-card {*/
        /*    border-radius: 20px;*/
        /*    border: 1px solid rgba(255, 255, 255, 0.32);*/
        /*    background: #0C415F;*/
        /*    padding: 20px;*/
        /*}*/

        .why-choose .why-choose-grid .why-choose-card .icon {
            width: 45px;
            height: 45px;
            aspect-ratio: 1/1;
            border-radius: 14px;
            background: rgba(0, 182, 177, 0.30);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 14px;
        }

        .why-choose .why-choose-grid .why-choose-card .icon svg path {
            fill: #fff;
        }

        .why-choose .why-choose-grid .why-choose-card .content {
            color: #FFF;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            /* 22.4px */
        }  
            
        }
        .why-choose .why-choose-grid .why-choose-card .graphics {
            top: 20px;
            right: 0;
        }

        /* Why Choose Section Ends */


        /* profiles start */

        .profiles {
            /* background: var(--primary-gradient-two); */
            padding-top: 104px;
            overflow: hidden;
        }

        .profiles::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            /* border thickness */
            background: linear-gradient(90deg,
                    rgba(16, 78, 112, 0) 0%,
                    #104E70 50%,
                    rgba(16, 78, 112, 0) 100%);
        }

        @media(max-width:768px) {
            .profiles {
                padding-top: 37px;
            }
        }

        @media(max-width:576px) {
            .profiles {
                padding-top: 60px;
            }
        }

        .profiles .heading-shadow {
            top: 45px;
            left: 50%;
            transform: translateX(-50%);
            height: 100%;
            width: auto;
            aspect-ratio: 839/94;
            max-height: 94px;
        }

        @media(max-width:768px) {
            .profiles .heading-shadow {
                top: 8px;
                aspect-ratio: 839/94;
                max-height: 60px;
            }
        }

        @media(max-width:576px) {
            .profiles .heading-shadow {
                z-index: 333 !important;
                max-height: 30px;
                top: 16px;

            }
        }

        .profiles .partners-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: 10px;
        }

        @media(max-width:992px) {
            .profiles .partners-grid {

                .profiles .partners-grid {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-items: center;
                    gap: 10px;
                }
            }
        }

        @media(max-width:768px) {
            .profiles .partners-grid {}
        }

        @media(max-width:576px) {
            .profiles .partners-grid {
                display:grid;
                grid-template-columns: repeat(1,1fr);
                gap: 5px;
            
            }
        }

        .profiles .partner-item {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            padding: 10px 20px;
            background: transparent;
            border-radius: 25px;
            border: 2px solid #104E70;
        }

        .profiles .partner-item span {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 25px;
        }

        /*@media(max-width:576px) {*/
        /*    .profiles .partner-item {*/
        /*        display: flex;*/
        /*        justify-content: center;*/
        /*        align-items: center;*/
        /*        gap: 7px;*/
        /*        padding: 7px 14px;*/
        /*        background: transparent;*/
        /*        border-radius: 25px;*/
        /*        border: 2px solid #104E70;*/
        /*    }*/

        /*}*/
        
         @media(max-width:576px) {
             .profiles .partner-item {
                       display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        padding: 5px 6px;
        background: transparent;
        border-radius: 25px;
        border: 2px solid #104E70;
            }
              .profiles .partner-item span {
            color: #FFF;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-wrap: nowrap;
        }
 .profiles .partner-item svg {
           width:14px;
           height: auto;
        }

        }

        /* profiles  Ends */