:root {

            --primary-one: #344C36;
            --primary-two: #4F4F4F;
            --primay-three: #466F49;
            --primary-four: #5A855D;
            --primary-five: #D0ECD2;

            --primary-light-one: #C8C8C8;
            --primary-light-two: #F6F6F6;

            --secondary-one: #FAAD1A;

            --border-gradient-one: linear-gradient(90deg, rgba(100, 150, 104, 1) 4%, rgba(100, 150, 104, 0) 25%, rgba(100, 150, 104, 0) 75%, rgba(100, 150, 104, 1) 96%);
            --border-gradient-two: linear-gradient(225deg, rgba(108, 183, 115, 1) 4%, rgba(108, 183, 115, 0) 25%, rgba(108, 183, 115, 0) 75%, rgba(108, 183, 115, 1) 96%);
            --border-gradient-two-reverse: linear-gradient(135deg, rgba(108, 183, 115, 1) 4%, rgba(108, 183, 115, 0) 25%, rgba(108, 183, 115, 0) 75%, rgba(108, 183, 115, 1) 96%);

            --border-gradient-three: linear-gradient(90deg, rgba(255, 255, 255, 1) 4%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 1) 96%);

            --primary-gradient-one: linear-gradient(180deg, #043908 0%, #3E5840 100%);
            --primary-gradient-two: linear-gradient(270deg, #669A6B 0%, #344C36 55.86%);
            --primary-gradient-three: linear-gradient(180deg, #669A6B 0%, #344C36 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%);

            /* not using */
            --secondary-two: #FFE6C1;
            --secondary-three: #FFF8EC;
            --secondary-four: #F5F5F5;
            /* not using */


            --brand-blue: #3a4de4;
            --brand-blue-light: #eef0fd;
            --header-bg: #ecedf8;
            --recommended-bg: #f5f6ff;
            --border-color: #e0e2f0;
            --text-dark: #1a1c2e;
            --text-muted: #7b7f9e;
            --green-bg: #e6f9ee;
            --green-check: #22c55e;
            --red-bg: #fde8e8;
            --red-x: #ef4444;
        }

        .comp-section .icon-cross {
            background: var();
            color: var();
        }




        body {
            background: #fff;
        }

        .btn-white {
            background: #fff;
            color: var(--primary-one);
            border: none;
            font-family: Inter;
            font-size: 20px;
            font-weight: 600;
            line-height: 1.2;
            padding: 15px 30px;
            /* border: 1px solid transparent; */
        }

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

        }

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


        .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;
            border: 1px solid var(--primary-one);
            color: var(--primary-one);
            fill: var(--primary-one);
            box-shadow: 0 4px 10px var(--primary-one);
        }

        .btn-box:hover .btn-white svg path,
        .btn-box:hover .btn-white,
        .btn-box:hover .icon-white,
        .btn-box:hover .icon-white svg path {
            background: var(--secondary-one);
            /* border: 1px solid var(--secondary-one); */
            color: var(--primary-one);
            fill: var(--primary-one);
            box-shadow: 0 4px 10px var(--primary-one);

        }

        .btn-box:hover .btn-green svg path,
        .btn-box:hover .btn-green,
        .btn-box:hover .icon-green,
        .btn-box:hover .icon-green svg path {
            background: #fff;
            border: 1px solid var(--primary-one);
            color: var(--primary-one);
            /* fill: var(--primary-one); */
            box-shadow: 0 4px 10px var(--secondary-one);
            stroke: var(--primary-one);
        }


        @media(max-width:575.5px) {

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

        .icon-green {
            border: 1px solid transparent;
            width: 53px;
            height: 53px;
            background: var(--primary-one);
        }

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

        .icon-white {
            /* border: 1px solid transparent; */
            width: 53px;
            height: 53px;
            background: #fff;
        }


        @media(max-width:575.5px) {
            .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;
        }

        .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;
            }
        }


        .ribbon-top {
            margin-top: -48px;
            margin-right: 15px;
        }

        @media(max-width:575.5px) {
            .ribbon-top {
                margin-top: -57px;
                width: 34px;
                margin-right: 20px;
            }
        }

        /* MAIN CSS */


        /* Hero Section Starts */

        /* .hero-section {
            background: linear-gradient(90deg,rgba(52, 76, 54, 1) 4%, rgba(52, 76, 54, 0.79) 48%, rgba(52, 76, 54, 0) 96%);
            overflow: hidden;
        } */


        .hero-section {
            overflow: hidden;
        }

        @media(min-width:992px) {
            .hero-section {
                height: 573px;
            }
        }

        .hero-video {

            top: 50%;
            left: 50%;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform: translate(-50%, -50%);

        }

        .hero-banner {
            top: 50%;
            left: 50%;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform: translate(-50%, -50%);
        }

        .hero-overlay {

            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(270deg,
                    rgba(4, 57, 8, 0.10) 1%,
                    rgba(4, 57, 8, 0.20) 50%,
                    rgba(4, 57, 8, 1) 57%,
                    rgba(4, 57, 8, 1) 82%,
                    rgba(4, 57, 8, 1) 100%);
            /* background: linear-gradient(90deg, rgba(52, 76, 54, 1) 4%, rgba(52, 76, 54, 0.79) 48%, rgba(52, 76, 54, 0) 96%); */


        }


        .hero-section .tagline {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 130%;
            margin-bottom: 30px;
        }

        @media(max-width:575.5px) {
            .hero-section .tagline {
                color: #FFF;
                font-family: Inter;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                margin-bottom: 20px;
            }
        }

        .hero-section .heading-large {
            color: var(--secondary-one);
        }




        .hero-section .numbering {
            margin-top: 30px;
        }

        .hero-section .numbering .number {}

        .hero-section .numbering .number .score {
            color: #fff;
            text-align: center;
            font-family: Inter;
            font-size: 25px;
            font-style: normal;
            font-weight: 900;
            line-height: 100%;
            /* 25px */
        }

        .hero-section .numbering .number .text {
            color: #fff;
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 100%;
            /* 16px */
        }

        .hero-section .numbering .number {
            padding: 0 25px !important;
        }

        .hero-section .numbering .number.first {
            padding: 0 25px 0 0 !important;
        }

        .hero-section .numbering .number.middle {
            border-right: 3px solid #fff;
            border-left: 3px solid #fff;
            padding: 0 25px !important;
        }

        @media(max-width:575.5px) {
            .hero-section .numbering .number {
                padding: 0 10px !important;
            }

            .hero-section .numbering .number.first {
                padding: 0 10px 0 0 !important;
            }

            .hero-section .numbering .number.middle {
                padding: 0 1px !important;
            }
        }

        /* strip starts*/

        .info-strip {
            position: relative;
            overflow: hidden;
            min-height: 139px;
            padding-top: 14px;
        }

        @media(min-width:992px) {
            .info-strip .custom-container {
                max-width: 1352px;
                padding: 0 !important;
            }
        }

        .info-strip .strip-bg {
            position: absolute;
            z-index: 1;
            left: -10%;
            /* push left */
            width: 120%;
            /* increase width */
            /* left: 0;
                width: 100%; */
            height: 80px;
            transform: rotate(-3.274deg);
            background: var(--primary-one);
        }

        .info-strip .strip-content {
            background: var(--secondary-one);
            width: 100%;
            position: relative;
            z-index: 2;
            padding: 25px 0;

        }

        .info-strip .strip-content .text {
            color: var(--primary-one);

            font-family: Inter;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%;
            /* 30px */
        }

        /* Strip swiper overrides */
        .stripTickerSwiper {
            width: 100%;
            overflow: hidden;
        }

        .stripTickerSwiper .swiper-wrapper {
            align-items: center;
            transition-timing-function: linear !important;
            /* KEY: removes jitter */
        }

        .stripTickerSwiper .swiper-slide {
            width: auto !important;
            /* slides size to their content */
            display: flex;
            align-items: center;
            gap: 20px;
            padding: 0 40px;
            /* spacing between items */
            white-space: nowrap;
        }

        /* strip end */
        /* Hero Section Ends */

        /* why-most Section  Starts */
        .why-most {
            /* background: linear-gradient(180deg, #043908 0%, #3E5840 100%); */
        }

        .outlined-green {
            background: var(--border-gradient-one);
            padding: 2px;
            margin-bottom: 10px;
            height: 40px;
            max-width: fit-content;
        }

        .outlined-green .text {
            background: #fff;
            padding: 9px 18px;
            color: var(--primary-two);
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 140%;
            text-transform: capitalize;
            max-width: fit-content;
        }

        @media(max-width:575.5px) {
            .outlined-green {
                background: var(--border-gradient-one);
                padding: 2px;
                margin-bottom: 10px;
                height: 31px;
                max-width: fit-content;
            }

            .outlined-green .text {
                background: #fff;
                padding: 9px 12px;
                color: var(--primary-two);
                text-align: center;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                text-transform: capitalize;
                max-width: fit-content;
            }
        }


        .outlined-white {
            background: var(--border-gradient-three);
            padding: 2px;
            margin-bottom: 10px;
            height: 40px;
            max-width: fit-content;
        }

        .outlined-white .text {
            /* background: #043908 ; */
            background: linear-gradient(180deg, #043908e0 0%, #244826 100%);
            padding: 9px 18px;
            color: #fff;
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 140%;
            text-transform: capitalize;
            max-width: fit-content;
        }

        @media(max-width:575.5px) {
            .outlined-white {

                padding: 2px;
                margin-bottom: 10px;
                height: 31px;
                max-width: fit-content;
            }

            .outlined-white .text {
                padding: 9px 12px;
                text-align: center;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                text-transform: capitalize;
                max-width: fit-content;
            }
        }

        .why-most .feature-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-top: 60px;
        }

        @media(max-width:991.5px) {
            .why-most .feature-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 20px;
                margin-top: 40px;
            }
        }

        @media(max-width:767.5px) {
            .why-most .feature-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
                margin-top: 40px;
            }
        }

        @media(max-width:575.5px) {
            .why-most .feature-grid {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                gap: 10px;
                margin-top: 30px;
            }
        }

        .why-most .feature-grid .feature {
            padding: 30px 25px 40px 30px;
            border-radius: 20px;
            border: 1px solid #C8C8C8;
            background: #F6F6F6;
            transition: all 0.3s ease-in-out;
        }



        .why-most .feature-grid .feature .icon {
            width: 72px;
            height: 72px;
            flex-shrink: 0;
            border-radius: 50%;
            background: var(--primary-five);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
        }

        .why-most .feature-grid .feature .feature-heading {
            color: #4F4F4F;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 150%;
            /* 24px */
            margin-bottom: 9px;
        }

        .why-most .feature-grid .feature .desc {
            color: #4F4F4F;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 24px */
        }

        .why-most .feature-grid .feature:hover {
            background: linear-gradient(180deg, #669A6B 0%, #344C36 100%);
            transition: all 0.3s ease-in-out;
        }

        .why-most .feature-grid .feature:hover .feature-heading {
            color: #fff;
            transition: all 0.3s ease-in-out;
        }

        .why-most .feature-grid .feature:hover .desc {
            color: #fff;
            transition: all 0.3s ease-in-out;
        }


        /* why-most Section  Starts */

        /* we-built-strip Section Starts */
        .we-built-strip {
            background: var(--primary-gradient-two);
            overflow: hidden;

        }

        .we-built-strip .text {
            color: #FFF;
            font-family: Inter;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 140%;
            text-transform: capitalize;
            padding-left: 136.2px;
        }

        .we-built-strip svg {
            margin-top: -23px;
        }

        @media(max-width:575.5px) {
            .we-built-strip .text {
                color: #FFF;
                font-family: Inter;
                font-size: 11px;
                font-style: normal;
                font-weight: 700;
                line-height: 140%;
                text-transform: capitalize;
                padding-left: 136.2px;
            }
        }

        /* we-built-strip Section Ends */

        /* what-makes Section  Starts */
        .what-makes {
            background: var(--primary-gradient-one);
        }

        .what-makes .heading-medium {
            margin-bottom: 10px !important;
        }

        .what-makes .tagline {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            /* 22.4px */
            text-transform: capitalize;
        }


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

        @media(max-width:991.5px) {
            .what-makes .feature-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 20px;
                margin-top: 40px;
            }
        }

        @media(max-width:767.5px) {
            .what-makes .feature-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
                margin-top: 40px;
            }
        }

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

        .what-makes .feature-grid .feature {
            padding: 122px 25px 40px 30px;
            border-radius: 20px;
            border: 1px solid #C8C8C8;
            background: #F6F6F6;
            transition: all 0.3s ease-in-out;
            overflow: hidden;
        }



        .what-makes .feature-grid .feature .icon {
            margin-top: -122px;
            width: 72px;
            height: 99px;
            flex-shrink: 0;
            border-radius: 0 0 50px 50px;
            padding-bottom: 29px;
            background: var(--primary-five);
            display: flex;
            align-items: end;
            justify-content: center;
            position: relative;
        }

        .what-makes .feature-grid .feature .icon::after {
            position: absolute;
            z-index: 1;
            content: "";
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            transform: translateY(-120%);
            width: 72px;
            height: 99px;
            border-radius: 0 0 50px 50px;
            background: linear-gradient(180deg, #669A6B 0%, #344C36 100%);

        }

        .what-makes .feature-grid .feature .icon svg {
            position: relative;
            z-index: 2;
        }

        .what-makes .feature-grid .feature:hover .icon::after {
            transform: translateY(0);
            transition: all 0.3s ease-in-out;

        }

        .what-makes .feature-grid .feature:hover .icon svg path {
            fill: #fff;
            transition: all 0.3s ease-in-out;
        }

        .what-makes .feature-grid .feature .feature-heading {
            color: #4F4F4F;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 150%;
            /* 24px */

            margin: 10px 0px;
        }

        .what-makes .feature-grid .feature .desc {
            color: #4F4F4F;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 24px */
        }

        /* what-makes Section  Starts */


        /* what-achieves Section  Starts */
        .what-achieves {
            background: var(--primary-light-two);
            position: relative;
            overflow: hidden;

        }

        /* @media(min-width:992px) {
            .what-achieves .custom-container {
                padding-bottom: 48px !important;
            }
        } */

        .what-achieves .heading-medium {
            margin-bottom: 10px !important;
        }


        .what-achieves .tagline {
            color: #4F4F4F;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            /* 22.4px */
            text-transform: capitalize;
        }


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

        @media(max-width:991.5px) {
            .what-achieves .feature-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 20px;
                margin-top: 40px;
            }
        }

        @media(max-width:767.5px) {
            .what-achieves .feature-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
                margin-top: 40px;
            }
        }

        @media(max-width:575.5px) {
            .what-achieves .feature-grid {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                gap: 10px;
                margin-top: 30px;
            }
        }


        .what-achieves .feature-grid .feature {
            height: 158px;
            border-radius: 20px;
            padding: 3px;
            background: var(--border-gradient-two);

            box-shadow:
                -20px -20px 40px rgba(250, 251, 255, 0.5),
                10px 10px 40px rgba(166, 171, 189, 0.5);

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

            /* 🔥 important changes */
            transition:
                transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
                box-shadow 0.5s cubic-bezier(0.22, 1, 0.36, 1),
                background 0.5s ease;

            will-change: transform;
        }

        .what-achieves .feature-grid .feature:hover {
            background: var(--border-gradient-two-reverse);

            /* 🔥 smooth lift */
            transform: translateY(-8px) scale(1.02);

            /* 🔥 deeper shadow on hover */
            box-shadow:
                -10px -10px 30px rgba(250, 251, 255, 0.6),
                15px 15px 45px rgba(166, 171, 189, 0.6);
        }

        @media(min-width:992px) {

            /* base stagger */
            .what-achieves .feature-grid .feature:nth-child(2),
            .what-achieves .feature-grid .feature:nth-child(6) {
                transform: translateY(20px);
            }

            .what-achieves .feature-grid .feature:nth-child(3),
            .what-achieves .feature-grid .feature:nth-child(7) {
                transform: translateY(-20px);
            }

            /* 🔥 hover override with combined transform */
            .what-achieves .feature-grid .feature:nth-child(2):hover,
            .what-achieves .feature-grid .feature:nth-child(6):hover {
                transform: translateY(12px) scale(1.02);
                /* 20px - 8px */
            }

            .what-achieves .feature-grid .feature:nth-child(3):hover,
            .what-achieves .feature-grid .feature:nth-child(7):hover {
                transform: translateY(-28px) scale(1.02);
                /* -20px - 8px */
            }

        }

        .what-achieves .feature-grid .feature .desc {
            background: white;
            border-radius: 20px;
            color: #4F4F4F;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;

            padding: 0 25px;
            text-align: center;
        }

        /* what-achieves Section  Starts */


        /* why-choose Section  Starts */
        .why-choose {
            background: #fff;
            position: relative;
            overflow: hidden;

        }

        /* @media(min-width:992px) {
            .why-choose .custom-container {
                padding-bottom: 48px !important;
            }
        } */

        .why-choose .heading-medium {
            margin-bottom: 10px !important;
        }



        .why-choose .tagline {
            color: #4F4F4F;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            /* 22.4px */
            text-transform: capitalize;
        }


        .why-choose .feature-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-top: 60px;
        }

        @media(max-width:991.5px) {
            .why-choose .feature-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 20px;
                margin-top: 40px;
            }
        }

        @media(max-width:767.5px) {
            .why-choose .feature-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
                margin-top: 40px;
            }
        }

        @media(max-width:575.5px) {
            .why-choose .feature-grid {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                gap: 10px;
                margin-top: 30px;
            }
        }


        .why-choose .feature-grid .feature {
            height: 158px;
            border-radius: 20px;
            padding: 3px;
            background: var(--border-gradient-two);

            box-shadow:
                -20px -20px 40px rgba(250, 251, 255, 0.5),
                10px 10px 40px rgba(166, 171, 189, 0.5);

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

            /* 🔥 important changes */
            transition:
                transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
                box-shadow 0.5s cubic-bezier(0.22, 1, 0.36, 1),
                background 0.5s ease;

            will-change: transform;
        }

        .why-choose .feature-grid .feature:hover {
            background: var(--border-gradient-two-reverse);

            /* 🔥 smooth lift */
            transform: translateY(-8px) scale(1.02);

            /* 🔥 deeper shadow on hover */
            box-shadow:
                -10px -10px 30px rgba(250, 251, 255, 0.6),
                15px 15px 45px rgba(166, 171, 189, 0.6);
        }

        @media(min-width:992px) {

            /* base stagger */
            .why-choose .feature-grid .feature:nth-child(2),
            .why-choose .feature-grid .feature:nth-child(6) {
                transform: translateY(20px);
            }

            .why-choose .feature-grid .feature:nth-child(3),
            .why-choose .feature-grid .feature:nth-child(7) {
                transform: translateY(-20px);
            }

            /* 🔥 hover override with combined transform */
            .why-choose .feature-grid .feature:nth-child(2):hover,
            .why-choose .feature-grid .feature:nth-child(6):hover {
                transform: translateY(12px) scale(1.02);
                /* 20px - 8px */
            }

            .why-choose .feature-grid .feature:nth-child(3):hover,
            .why-choose .feature-grid .feature:nth-child(7):hover {
                transform: translateY(-28px) scale(1.02);
                /* -20px - 8px */
            }

        }

        .why-choose .feature-grid .feature .desc {
            background: white;
            border-radius: 20px;
            color: #4F4F4F;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;

            padding: 0 25px;
            text-align: center;
        }

        /* Card height fix */
        .why-choose .custom-card {
            position: relative;
            /*height: 304px;*/
            height: 320px;
            overflow: hidden;
            border-radius: 20px;
            border: 1px solid #C8C8C8;
            background: #F6F6F6;
        }

        .why-choose .card-img {
            position: relative;
            height: 160px;
            border-radius: 20px;
            overflow: hidden;
        }

        .why-choose .card-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        @media(max-width:576px){
            .why-choose .card-img {
            position: relative;
            height: auto;
            border-radius: 20px;
            overflow: hidden;
        }

        /*.why-choose .card-img img {*/
        /*    width: 100%;*/
        /*    height: 100%;*/
        /*    object-fit: cover;*/
        /*}*/
        
        }

        .why-choose .card-short {
            padding: 16px;
        }

        .why-choose .card-short h4 {
            color: #4F4F4F;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 150%;
            /* 24px */
        }

        .why-choose .card-short p {
            color: #4F4F4F;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 24px */
        }

        /* .why-choose .card-front {
            background: #f5f5f5;
            border-radius: 20px;

            display: flex;
            flex-direction: column;
            justify-content: flex-start;

            transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
        } */
        .why-choose .card-front {
            position: absolute;
            width: 100%;
            height: 100%;
            transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
            z-index: 2;
        }

        .why-choose .card-back {
            position: absolute;
            width: 100%;
            height: 100%;
            padding: 20px;
            color: #fff;

            background: linear-gradient(180deg, #043908 0%, #3E5840 100%);


            transform: translateY(100%);
            transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
            z-index: 1;
        }

        .why-choose .card-back h4 {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 160%;
            /* 25.6px */
            text-transform: capitalize;
        }

        .why-choose .card-back p {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 160%;
            /* 25.6px */
            text-transform: capitalize;
        }

        .why-choose .custom-card:hover .card-front {
            transform: translateY(-100%);
        }

        .why-choose .custom-card:hover .card-back {
            transform: translateY(0);
        }

        /* why-choose Section  Starts */


        /* courses-section Section  Starts */
        .courses-section {
            /* background: linear-gradient(180deg, #043908 0%, #3E5840 100%); */
        }


        .outlined-green {
            background: var(--border-gradient-one);
            padding: 2px;
            margin-bottom: 10px;
            height: 40px;
            max-width: fit-content;
        }

        .outlined-green .text {
            background: #fff;
            padding: 9px 18px;
            color: var(--primary-two);
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 140%;
            text-transform: capitalize;
            max-width: fit-content;
        }

        @media(max-width:575.5px) {
            .outlined-green {
                background: var(--border-gradient-one);
                padding: 2px;
                margin-bottom: 10px;
                height: 31px;
                max-width: fit-content;
            }

            .outlined-green .text {
                background: #fff;
                padding: 9px 12px;
                color: var(--primary-two);
                text-align: center;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                text-transform: capitalize;
                max-width: fit-content;
            }
        }


        .outlined-white {
            background: var(--border-gradient-three);
            padding: 2px;
            margin-bottom: 10px;
            height: 40px;
            max-width: fit-content;
        }

        .outlined-white .text {
            /* background: #043908 ; */
            background: linear-gradient(180deg, #043908e0 0%, #244826 100%);
            padding: 9px 18px;
            color: #fff;
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 140%;
            text-transform: capitalize;
            max-width: fit-content;
        }

        @media(max-width:575.5px) {
            .outlined-white {

                padding: 2px;
                margin-bottom: 10px;
                height: 31px;
                max-width: fit-content;
            }

            .outlined-white .text {
                padding: 9px 12px;
                text-align: center;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                text-transform: capitalize;
                max-width: fit-content;
            }
        }

        .courses-section .feature-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 12px;
            margin-top: 60px;
        }

        @media(max-width:991.5px) {
            .courses-section .feature-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 20px;
                margin-top: 40px;
            }
        }

        @media(max-width:767.5px) {
            .courses-section .feature-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
                margin-top: 40px;
            }
        }

        @media(max-width:575.5px) {
            .courses-section .feature-grid {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                gap: 10px;
                margin-top: 30px;
            }
        }

        .courses-section .feature-grid .feature {
            padding: 12px 12px 10px 12px;
            background: #ffffff;
            transition: all 0.3s ease-in-out;
            border-radius: 20px 20px 50px 20px;
            border: 2px solid rgba(89, 112, 204, 0.20);
        }

        .courses-section .feature-grid .feature .card-img {
            position: relative;
            /*height: 178px;*/
             height: auto;
            border-radius: 20px;
            padding: 1px;
            /* overflow: hidden; */
            margin-bottom: 16px;
        }

        .courses-section .feature-grid .feature .card-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 20px;
        }

        .courses-section .feature-grid .feature .card-img .duration {
            position: absolute;
            left: 50%;
            transform: translate(-50%, 43%);
            bottom: 0;
            z-index: 2;
        }

        .courses-section .feature-grid .feature h3 {
            color: #3A3A3A;
            font-family: Inter;
            font-size: 17px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            margin-bottom: 15px;
        }

        .courses-section .feature-grid .feature ul {
            display: flex;
            flex-direction: column;
            gap: 5px;
            color: #747474;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 22px;
            margin-bottom: 3px;
        }


        .courses-section .feature-grid .feature ul li .text {
            color: #747474;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
        }

        .iot-stamp {
            width: 75px;
            position: relative;
            transform: translateX(10px);
        }



        /* courses-section Section  Starts */


        /* academic-partners Section  Starts */
        .academic-partners {
            /* background: linear-gradient(180deg, #043908 0%, #3E5840 100%); */
            position: relative;
            overflow: hidden;
        }

        .academic-partners .heading-medium {
            margin-bottom: 60px;
        }

        @media(max-width:991.5px) {
            .academic-partners .heading-medium {
                margin-bottom: 40px;
            }

        }

        @media(max-width:767.5px) {
            .academic-partners .heading-medium {
                margin-bottom: 30px;
            }

        }

        .outlined-green {
            background: var(--border-gradient-one);
            padding: 2px;
            margin-bottom: 10px;
            height: 40px;
            max-width: fit-content;
        }

        .outlined-green .text {
            background: #fff;
            padding: 9px 18px;
            color: var(--primary-two);
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 140%;
            text-transform: capitalize;
            max-width: fit-content;
        }

        @media(max-width:575.5px) {
            .outlined-green {
                background: var(--border-gradient-one);
                padding: 2px;
                margin-bottom: 10px;
                height: 31px;
                max-width: fit-content;
            }

            .outlined-green .text {
                background: #fff;
                padding: 9px 12px;
                color: var(--primary-two);
                text-align: center;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                text-transform: capitalize;
                max-width: fit-content;
            }
        }


        .outlined-white {
            background: var(--border-gradient-three);
            padding: 2px;
            margin-bottom: 10px;
            height: 40px;
            max-width: fit-content;
        }

        .outlined-white .text {
            /* background: #043908 ; */
            background: linear-gradient(180deg, #043908e0 0%, #244826 100%);
            padding: 9px 18px;
            color: #fff;
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 140%;
            text-transform: capitalize;
            max-width: fit-content;
        }

        @media(max-width:575.5px) {
            .outlined-white {

                padding: 2px;
                margin-bottom: 10px;
                height: 31px;
                max-width: fit-content;
            }

            .outlined-white .text {
                padding: 9px 12px;
                text-align: center;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                text-transform: capitalize;
                max-width: fit-content;
            }
        }

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

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

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

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

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

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

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

        @media(max-width:575.5px) {

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

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

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

            .academic-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% */
            }
        }

        /* academic-partners Section  Starts */


        /* projects Section  Starts */
        .projects {
            background: var(--primary-gradient-one);
            position: relative;
            overflow: hidden;

        }

        /* @media(min-width:992px) {
            .projects .custom-container {
                padding-bottom: 48px !important;
            }
        } */

        .projects .heading-medium {
            margin-bottom: 10px !important;
        }


        .projects .tagline {
            color: #4F4F4F;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            /* 22.4px */
            text-transform: capitalize;
        }


        .projects .feature-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-top: 60px;
        }

        @media(max-width:991.5px) {
            .projects .feature-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 20px;
                margin-top: 40px;
            }
        }

        @media(max-width:767.5px) {
            .projects .feature-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
                margin-top: 40px;
            }
        }

        @media(max-width:575.5px) {
            .projects .feature-grid {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                gap: 10px;
                margin-top: 30px;
            }
        }




        .projects .feature-grid .part {
            border: 1px solid #78A57B;
            background: #466F49;
            border-radius: 20px;

            /* max-width: 387px; */
            padding-bottom: 24px;
        }

        .projects .feature-grid .part .image {
            width: 100%;
            aspect-ratio: 16 / 9;
            /* Universal responsive ratio */
            overflow: hidden;
            border-radius: 20px 20px 0 0;

            /* Round only top corners to match card */
            margin-bottom: 20px;
            flex-shrink: 0;
            /* Prevent image from shrinking in flex context */
        }

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

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

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

        .projects .feature-grid .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 */
        .projects .feature-grid .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 */
        .projects .feature-grid .part .card-bottom {
            gap: 10px;
            padding: 0 17px;
        }

        .projects .feature-grid .part .card-bottom .btn {
            display: inline-flex;
            padding: 5px 20px;
            justify-content: center;
            align-items: center;
            font-size: 12px;
            border-radius: 10px;
            background: #5A855D;
        }

        @media (max-width: 576px) {
            .projects .feature-grid .part .text-white {
                font-size: 12px;
            }

            .projects .feature-grid .part .text-white {
                font-size: 12px;
            }


        }








        /* projects Section  Starts */
        /* ── Section wrapper ────────────────────────── */
        .program-section {}

        .section-title {
            font-family: 'DM Serif Display', serif;
            font-size: clamp(1.8rem, 4vw, 2.6rem);
            color: var(--text-dark);
            text-align: center;
            margin-bottom: 64px;
            letter-spacing: -0.5px;
        }

        /* ── Timeline outer track ───────────────────── */
        .timeline-wrapper {
            position: relative;
        }

        /* Horizontal line (desktop only) */
        .timeline-line {
            position: absolute;
            top: 28px;
            left: 50%;
            /* max-width: 852px !important; */
            transform: translateX(-50%);
            height: 3px;
            background: linear-gradient(270deg, #669A6B 0%, #344C36 55.86%);
            z-index: 0;
        }

        /* ── Each step card ─────────────────────────── */
        .step-col {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            position: relative;
            z-index: 1;
        }

        @media(min-width:992px) {
            .step-col {
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
                position: relative;
                z-index: 1;
                gap: 10px;
            }
        }


        /* Numbered circle */
        .step-circle {
            width: 63px;
            height: 63px;
            border-radius: 50%;
            border: 3px solid var(--primary-one);
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;



            color: var(--primary-one);
            flex-shrink: 0;
            transition: background 0.25s, color 0.25s;


            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 150%;
            /* 24px */
        }

        /* Active (last) circle gets filled border */
        .step-col.active .step-circle {
            border-color: var(--primary-one);
            color: var(--primary-one);
        }

        /* Week badge */
        .week-badge {
            border-radius: 10px;
            background: #5A855D;


            display: inline-flex;
            height: 35px;
            padding: 10px 20px;
            justify-content: center;
            align-items: center;
            letter-spacing: 0.3px;
            white-space: nowrap;

            margin: 0 auto;



            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 23px;
            /* 164.286% */
        }

        /* Step heading */
        .step-heading {
            margin-top: 10px;

            color: #4F4F4F;
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 150%;
            /* 24px */
        }

        /* Step body text */
        .step-body {
            margin-top: 8px;
            max-width: 325px;
            color: #4F4F4F;
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 24px */
        }

        /* ── Mobile connector line ──────────────────── */
        .mobile-connector {
            display: none;
            width: 2px;
            height: 32px;
            background: var(--primary-one);
            margin: 4px auto;
        }

        /* ────────────────────────────────────────────
            RESPONSIVE BREAKPOINTS
            ──────────────────────────────────────────── */

        /* Tablet (md) — stack vertically, show connector lines */
        @media (max-width: 991.98px) {
            .timeline-line {
                display: none;
            }

            .mobile-connector {
                display: block;
            }

            .step-col {
                flex-direction: row;
                text-align: left;
                align-items: flex-start;
                gap: 20px;
                max-width: 480px;
                margin: 0 auto;
            }

            .step-col .step-right {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
            }

            .step-body {
                max-width: 100%;
            }


            .week-badge {

                margin: 0;
            }

        }

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

            .step-col {
                gap: 14px;
            }

            .step-circle {
                width: 48px;
                height: 48px;
                font-size: 14px;
                flex-shrink: 0;
            }

            .step-heading {
                font-size: 14px;
            }

            .step-body {
                font-size: 14px;
                line-height: normal;
                text-align: start;
            }

            .mobile-connector {
                height: 24px;
            }
        }



        /* certificate-section  Starts */
        .certificate-section {
            background: var(--primary-light-two);
            position: relative;
            overflow: hidden;

        }

        .certificate-section .next-pre .pre,
        .certificate-section .next-pre .next {
            width: 41.604px;
            height: 41.604px;
            aspect-ratio: 1/1;
            border-radius: 53px;
            border: 1px solid #D0ECD2;
            cursor: pointer;
        }

        .certificate-section .next-pre .next {
            width: 41.604px;
            height: 41.604px;
            aspect-ratio: 1/1;
            border-radius: 53px;
            border: 1px solid transparent;
            background: #D0ECD2;
            cursor: pointer;
        }

        .certificate-section .next-pre .pre:hover svg path {
            fill: var(--primary-one);
            stroke: var(--primary-one);
            color: var(--primary-one);
        }

        .certificate-section .next-pre .next:hover svg path {
            fill: #D0ECD2;
            stroke: #D0ECD2;
            color: #D0ECD2;
        }

        .certificate-section .next-pre .pre:hover {
            width: 41.604px;
            height: 41.604px;
            aspect-ratio: 1/1;
            border-radius: 53px;
            border: 1px solid transparent;
            background: #D0ECD2;
            cursor: pointer;
        }

        .certificate-section .next-pre .next:hover {
            width: 41.604px;
            height: 41.604px;
            aspect-ratio: 1/1;
            border-radius: 53px;
            border: 1px solid #D0ECD2;
            background: transparent;
            cursor: pointer;
        }


        @media(max-width:576px) {

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

            .certificate-section .next-pre .pre svg,
            .certificate-section .next-pre .next svg {
                width: 14px;
            }

        }

        /* .certificate-section .next-pre .pre:hover,
        .certificate-section .next-pre .next:hover {
            background-color: #D0ECD2;
            color: white;
        } */

        .certificate-section .heading-medium {
            margin-bottom: 60px;
        }

        @media(max-width:991.5px) {
            .certificate-section .heading-medium {
                margin-bottom: 40px;
            }

        }

        @media(max-width:767.5px) {
            .certificate-section .heading-medium {
                margin-bottom: 30px;
            }

        }

        .certificate-section .certificate-card {
            border-radius: 20px;
            background: linear-gradient(180deg, #043908 0%, #3B7140 100%);
            padding: 30px 30px 20px 30px;
            max-width: 592px;

        }


        .certificate-section .card-img {
            position: relative;
            border-radius: 20px;
            overflow: hidden;
            aspect-ratio: 531/375;
            width: 100%;
            max-width: 531px;
            height: auto;
        }

        .certificate-section .card-img img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .certificate-section .certificate-card .badges {
            gap: 20px;

        }

        .certificate-section .certificate-card .badges .badge {
            height: 45px;
            padding: 10px 20px;
            border-radius: 10px;
            background: #5A855D;
            color: #fff;
            display: inline-flex;
            align-items: center;
        }

        .certificate-section .certificate-card .badges .badge span {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 23px;
            /* 164.286% */
        }

        @media(max-width:575.5px) {
            .certificate-section .certificate-card {

                padding: 18px;
                padding-bottom: 10px;

            }

            .certificate-section .certificate-card .badges {
                gap: 10px;

            }

            .certificate-section .certificate-card .badges .badge {
                height: 32px;
                padding: 8px 16px;
                border-radius: 10px;
                background: #5A855D;
                color: #fff;
                display: inline-flex;
                align-items: center;
            }

            .certificate-section .certificate-card .badges .badge span {

                font-size: 12px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
            }

        }

        .certificate-section .feature-list {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 20px;
            align-items: start;
            height: 100%;
            max-height: 428px !important;
        }

        @media(max-width:991.5px) {
            .certificate-section .feature-list {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 15px;
            }
        }

        @media(max-width:767.5px) {
            .certificate-section .feature-list {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 10px;
            }
        }

        @media(max-width:575.5px) {
            .certificate-section .feature-list {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 5px;
            }
        }


        .certificate-section .feature-list .feature {
            border-radius: 20px;
            border: 1px solid #C8C8C8;
            background: #F6F6F6;
            padding: 20px;
            gap: 20px;
            /* height: 100%;
        max-height: 118px; */
        }

        .certificate-section .feature-list .feature .icon {
            width: 72px;
            height: 72px;
            aspect-ratio: 1/1;
            border-radius: 50%;
            background: #D0ECD2;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .certificate-section .feature-list .feature .title {
            color: #4F4F4F;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 150%;
            margin-bottom: 10px;
        }

        .certificate-section .feature-list .feature .description {
            color: #4F4F4F;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            /* 22.4px */
            text-transform: capitalize;
            margin-bottom: 0px;
        }



        @media(max-width:991.5px) {

            .certificate-section .feature-list .feature {
                border-radius: 20px;
                border: 1px solid #C8C8C8;
                background: #F6F6F6;
                padding: 10px;
                gap: 10px;
            }

            .certificate-section .feature-list .feature .icon {
                width: 56px;
                height: 56px;

            }

            .certificate-section .feature-list .feature .title {
                color: #4F4F4F;
                font-family: Inter;
                font-size: 16px;
                font-style: normal;
                font-weight: 700;
                line-height: 150%;
                margin-bottom: 10px;
            }

            .certificate-section .feature-list .feature .description {
                color: #4F4F4F;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 140%;
                /* 22.4px */
                text-transform: capitalize;
                margin-bottom: 0px;
            }

        }

        @media(max-width:767.5px) {

            .certificate-section .feature-list .feature {
                border-radius: 20px;
                border: 1px solid #C8C8C8;
                background: #F6F6F6;
                padding: 10px;
                gap: 10px;
            }

            .certificate-section .feature-list .feature .icon {
                width: 56px;
                height: 56px;

            }

            .certificate-section .feature-list .feature .title {
                color: #4F4F4F;
                font-family: Inter;
                font-size: 16px;
                font-style: normal;
                font-weight: 700;
                line-height: 150%;
                margin-bottom: 10px;
            }

            .certificate-section .feature-list .feature .description {
                color: #4F4F4F;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 140%;
                /* 22.4px */
                text-transform: capitalize;
                margin-bottom: 0px;
            }

        }

        @media(max-width:575.5px) {
            .certificate-section .feature-list .feature {
                border-radius: 20px;
                border: 1px solid #C8C8C8;
                background: #F6F6F6;
                padding: 10px;
                gap: 10px;

            }

            .certificate-section .feature-list .feature:last-child {
                grid-column: 1 / -1;
                /* full width */
            }

            .certificate-section .feature-list .feature .icon {
                width: 48px;
                height: 48px;

            }

            .certificate-section .feature-list .feature .icon svg {
                width: 16px;
                height: auto;
            }

            .certificate-section .feature-list .feature .title {
                color: #4F4F4F;
                font-family: Inter;
                font-size: 13px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                margin-bottom: 5px;
            }

            .certificate-section .feature-list .feature .description {
                color: #4F4F4F;
                font-family: Inter;
                font-size: 11px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                /* 22.4px */
                text-transform: capitalize;
                margin-bottom: 0px;
            }

        }



        /* certificate-section  Ends */

        /* batches-start Section sTARTS */
        .batches-start {
            overflow: hidden;
            position: relative;
            background: linear-gradient(180deg, #043908 0%, #3E5840 100%);
        }

        @media(max-width:991.5px) {
            .batches-start .row {
                flex-direction: column-reverse !important;
            }
        }

        @media(min-width:991.5px) {
            .batches-start {
                min-height: 610px;
            }
        }

        .batches-start .ribbon-top {
            margin-top: -24px !important;
            margin-right: 15px;
        }

        @media(max-width:991.5px) {
            .batches-start .ribbon-top {
                margin-top: 0 !important;
                margin-right: 15px;
            }
        }

        @media(max-width:575.5px) {
            .batches-start .ribbon-top {
                margin-top: -36px !important;
                margin-right: 15px;
            }
        }


        .batches-start .timer {
            max-height: 420px;
        }

        @media (max-width:576px) {
            .batches-start .timer {
                max-height: 300px;
            }
        }

        .batches-start .timer-shadow {
            max-height: 188px;
            transform: translateY(76%);

        }

        @media (max-width:576px) {
            .batches-start .timer-shadow {
                max-height: 134px;
                transform: translateY(100%);
            }
        }

        .batches-start .heading-shadow {

            aspect-ratio: 829/79;
            width: 100%;
            max-width: 760px;
            height: auto;
            margin-bottom: 24px;
        }

        @media (max-width:576px) {
            .batches-start .heading-shadow {
                max-width: 287px;
                margin-bottom: 20px;
            }
        }

        .batches-start .next-shadow {
            margin: 20px 0px 0px 20px;
            top: 0px;

        }

        @media(max-width:991.5px) {
            .batches-start .next-shadow {
                top: auto !important;
                bottom: 20px !important;
                margin-top: 0px !important;
            }

        }

        @media(max-width:576px) {
            .batches-start .next-shadow {
                margin: 8px 0px 0px 8px;
                width: 25%;
                height: auto;

            }

        }

        .batch-list {
            display: flex;
            flex-direction: column;

            margin-bottom: 30px;
        }

        @media(max-width:576px) {
            .batch-list {

                margin-bottom: 20px;
            }

        }

        /* Each row */
        .batch-item {
            display: grid;
            grid-template-columns: 265px 1fr 380px;
            align-items: center;
            gap: 16px;
            border-bottom: 2px solid #3b5f3ef0;
            padding: 12px 0px;
        }

        .batch-item:first-child {

            border-bottom: 2px solid #3b5f3ef0;
            padding: 0 0 12px 0 !important;
        }

        .batch-item:last-child {

            border: none !important;
            padding: 12px 0 0 0 !important;
        }

        /* Left text */
        .batch-info {

            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }

        .batch-tag {

            padding: 4px 7px;
            margin-right: 6px;
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            background: #5A855D;
            border-radius: 5px;
        }

        /* Progress */
        .batch-item .progress-wrap {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .batch-item .progress-bar {
            width: 100%;
            height: 23px;
            background: #5A855D !important;
            border-radius: 20px;
            overflow: hidden;
        }

        .progress-fill {
            height: 100%;
            background: #4DA153;
            border-radius: 20px;
        }

        /* Percentage */
        .progress-text {
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }

        /* Right text */
        .batch-note {
            color: #FFF;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-align: right;
        }

        @media (max-width: 991.5px) {
            .batch-item {
                grid-template-columns: 1fr;
                gap: 8px;
            }

            .batch-note {
                text-align: left;
                font-size: 15px;
            }

        }

        @media (max-width: 575.5px) {
            .batch-info {
                font-size: 16px;
            }

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

        }

        /* batches-start Section ENDS */


        /* testimonials-section Section  Starts */
        .testimonials-section {
            /* background: linear-gradient(180deg, #043908 0%, #3E5840 100%); */
            position: relative;
            overflow: hidden;
        }

        .testimonials-section .heading-medium {
            margin-bottom: 60px;
        }

        @media(max-width:991.5px) {
            .testimonials-section .heading-medium {
                margin-bottom: 40px;
            }

        }

        @media(max-width:767.5px) {
            .testimonials-section .heading-medium {
                margin-bottom: 30px;
            }

        }


        .testimonials-section .feature-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-top: 60px;
        }

        @media(max-width:991.5px) {
            .testimonials-section .feature-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 20px;
                margin-top: 40px;
            }
        }

        @media(max-width:767.5px) {
            .testimonials-section .feature-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
                margin-top: 40px;
            }
        }

        @media(max-width:575.5px) {
            .testimonials-section .feature-grid {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                gap: 10px;
                margin-top: 30px;
            }
        }

        /* ── Card base ───────────────────────────────── */
        .testi-card {

            border-radius: 20px;
            background: linear-gradient(180deg, #669A6B 0%, #344C36 100%);
            padding: 20px 30px 30px 20px;
            display: flex;
            flex-direction: column;
            gap: 20px;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .testi-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
        }

        /* Active card — slightly lighter bg + border */
        .testi-card--active {
            background: #456e4e;
            border: 1.5px solid rgba(255, 255, 255, 0.18);
            box-shadow: 0 8px 28px rgba(0, 0, 0, 0.15);
        }

        /* ── Stars ───────────────────────────────────── */
        .testi-stars {
            color: #f5a623;
            font-size: 1.3rem;
            letter-spacing: 3px;
            line-height: 1;
        }

        /* ── Quote text ──────────────────────────────── */
        .testi-quote {
            color: #e2ede5;
            font-size: 0.92rem;
            line-height: 1.7;
            margin: 0;
            flex: 1;
        }

        /* ── Author row ──────────────────────────────── */
        .testi-author {
            display: flex;
            align-items: center;
            gap: 14px;
            margin-top: auto;
            padding-top: 4px;
        }

        /* Placeholder avatar circle */
        .testi-avatar {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            background: #d9d9d9;
            flex-shrink: 0;
            overflow: hidden;
            padding: 4px;
        }

        .testi-avatar img {
            width: 100%;
            height: auto;
            object-fit: cover;
        }

        .testi-info {
            display: flex;
            flex-direction: column;
            gap: 3px;
        }

        .testi-info strong {
            color: #ffffff;
            font-size: 0.95rem;
            font-weight: 700;
            line-height: 1.2;
        }

        .testi-info span {
            color: #b8d4bc;
            font-size: 0.82rem;
            line-height: 1.3;
        }

        /* ══ RESPONSIVE ════════════════════════════════ */
        @media (max-width: 991.5px) {
            .testi-card {
                padding: 22px 20px 20px;
                gap: 16px;
            }

            .testi-quote {
                font-size: 0.88rem;
            }
        }

        @media (max-width: 767.5px) {
            .testi-card {
                padding: 20px 18px 18px;
            }

            .testi-stars {
                font-size: 1.1rem;
            }

            .testi-avatar {
                width: 44px;
                height: 44px;
            }
        }

        @media (max-width: 575.5px) {
            .testi-card {
                padding: 18px 16px 16px;
                gap: 14px;
                border-radius: 12px;
            }

            .testi-quote {
                font-size: 0.85rem;
                line-height: 1.65;
            }

            .testi-info strong {
                font-size: 0.9rem;
            }
        }

        /* testimonials-section Section  Ends */


        /* faq-section Section  Starts */
        .faq-section {
            /* background: linear-gradient(180deg, #043908 0%, #3E5840 100%); */
            position: relative;
            overflow: hidden;
        }

        .faq-section .tagline {
            max-width: 461px;
        }

        .faq-section .heading-medium {
            margin-bottom: 60px;
        }

        .faq-section .col-lg-5 .heading-medium {
            margin-bottom: 9px;
        }

        @media(max-width:991.5px) {
            .faq-section .heading-medium {
                margin-bottom: 40px;
            }

        }

        @media(max-width:767.5px) {
            .faq-section .heading-medium {
                margin-bottom: 30px;
            }

        }



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

        .faq-section .accordion .accordion-header {
            min-height: 70px;
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            border-radius: 10px;
            color: #164052;
            background-color: rgba(28, 107, 140, 0.15);

        }

        .faq-section .accordion .accordion-item {
            margin-bottom: 1rem;

            background-color: #F6F6F6;

            border-radius: 10px;
            border: 1px solid #C8C8C8;
            background: #F6F6F6;
        }

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

        .faq-section .accordion .accordion-header .collapsed {
            box-shadow: none;
        }

        .faq-section .accordion .accordion-header .accordion-button {
            background-color: var(--primary-one);
            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;
        }

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

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

        .faq-section .accordion-item .accordion-header .accordion-button {
            border-radius: 10px;
        }

        .faq-section .accordion .accordion-header .accordion-button.collapsed::after {
            display: none !important;
        }

        .faq-section .accordion .accordion-header .accordion-button::after {
            display: none !important;
        }

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

        .faq-section .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('https://www.theiotacademy.co/assets/images/ds_ml_ai_genai_by_eict_iitroorkee/arrow_down_white.png');
            background-size: contain;
            background-repeat: no-repeat;
            transform: rotate(180deg);
        }

        .faq-section .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;
        }

        .faq-section .accordion .accordion-body p,
        .faq-section .accordion .accordion-body li {
            color: #4F4F4F;
            font-size: 16px;
        }

        @media (min-width:900px) {
            .faq-section .accordion {
                max-height: 483px;
                overflow-y: scroll;
                padding-right: 15px;

            }

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

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

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

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

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

        .faq-section .fst-italic {
            margin-bottom: 30px;
            color: #4F4F4F;
            font-family: Inter;
            font-size: 16px;
            font-style: italic;
            font-weight: 400;
            line-height: 140%;
            /* 22.4px */
            text-transform: capitalize;
        }

        @media(max-width:576px) {
            .faq-section .fst-italic {
                margin-bottom: 20px;
                color: #4F4F4F;
                font-family: Inter;
                font-size: 14px;
                font-style: italic;
                font-weight: 400;
                line-height: normal;
                /* 22.4px */
                text-transform: capitalize;
            }

        }

        /* faq-section Section  Ends */


        .downloadModal .modal-content {
            background-color: #f5f5f7;
        }

        /* Rounded container edges */
        .downloadModal .modal-content {
            border-radius: 24px;
        }

        .downloadModal .modal-content .modal-body {
            padding: 60px;
        }

        @media(max-width:576px) {
            .downloadModal .modal-content .modal-body {
                padding: 15px;
            }
        }

        .downloadModal .modal-content .heading {
            color: #000;
            font-family: Inter;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 30px;
            /* 120% */
            margin-bottom: 30px;
        }

        .downloadModal .modal-content .tagline {
            color: #000;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
            margin-bottom: 20px;
        }

        .downloadModal .modal-content .logos {
            margin-bottom: 20px;
        }

        .downloadModal .modal-content .text-small {
            color: #424242;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 1.2;
            /* 150% */
        }

        @media(max-width:576px) {
            .downloadModal .modal-content .heading {
                margin-bottom: 20px;
            }

            .downloadModal .modal-content .tagline {
                margin-bottom: 16px;
            }

            .downloadModal .modal-content .logos {
                margin-bottom: 16px;
            }
        }

        /* Form card */
        .course-form-card {
            border-radius: 20px;
            background: #FFF;
            padding: 20px;
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
        }

        /* Input styles to look pill-shaped */
        .course-form-card .form-control,
        .course-form-card .form-select {
            border-radius: 10px;
            border: 1px solid rgba(30, 41, 107, 0.20);
            padding-left: 1.2rem;
            font-size: 0.95rem;
            color: #4a4a4a !IMPORTANT;
            /* Darker color for all text including placeholder state */
        }

        /* Placeholder styles - darker color */
        .course-form-card .form-control::placeholder {
            color: #4a4a4a;
            opacity: 1;
        }

        /* Make select text darker when a real option is selected */
        .course-form-card .form-select:not([value=""]):valid {
            color: #1a1a1a;
        }

        /* Select option styles - darker color */
        .course-form-card .form-select option {
            color: #1a1a1a;
        }

        /* Disabled/placeholder option should also be dark */
        .course-form-card .form-select option:disabled {
            color: #4a4a4a;
        }

        /* Button gradient like design */
        .btn-download {
            position: relative;
            overflow: hidden;
            padding: 10px;
            color: #FFF;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            text-align: center;
            justify-content: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 23px;
            /* 143.75% */
            background: linear-gradient(90deg, #1E296B 0%, #5970CC 100%);
        }

        /* glossy streak */
        .btn-download::before {
            content: "";
            position: absolute;
            top: -40%;
            left: -20%;
            width: 18%;
            height: 180%;
            background: linear-gradient(118deg,
                    transparent 36%,
                    rgba(255, 255, 255, 0.9) 51%,
                    rgba(255, 255, 255, 0.4) 60%,
                    transparent 36%);
            transform: translateX(-100%);
            opacity: 0;
        }

        .btn-download:hover::before {
            opacity: 1;
            animation: btn-shine 0.9s ease-out forwards;
        }

        @keyframes btn-shine {
            from {
                transform: translateX(-120%);
            }

            to {
                transform: translateX(650%);
            }
        }





        /* Aplication Deadline Section Starts */
        .deadline {
            /* margin-top: 50px; */
            background: var(--primary-gradient-one);
            overflow: hidden;
        }

        .deadline .timer-image {
            transform: rotate(16deg);
        }
        @media(max-width:991.5px){
             .deadline .timer-image {
            transform: rotate(341deg);
        }
        }
        
        @media(max-width:576px){
             .deadline .timer-image {
          max-height: 250px;
        }
        }
        

        .deadline .ribbon-top {
            margin-top: -25px;
        }



        @media(min-width:576px) {
            .deadline .heading-medium {
                margin-bottom: 10px !important;
            }
        }

        @media(min-width:576px) {
            .deadline .tagline {
                margin-bottom: 30px !important;
            }
        }


        .deadline .arrow-design {
            max-width: 50vw;
            top: 25%;
        }

        .deadline .lady-shadow {
            right: 71vw;
            max-width: 205px;
        }

        .deadline .desc {
            color: #FFF;

            font-family: Inter;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 25px;
        }

        .deadline .last-date {
            height: 60px;
            margin-left: 50px;
        }

        @media(max-width:576px) {
            .deadline .last-date {
                margin-left: 50px;
            }
        }

        .deadline .last-date h4 {
            padding: 0 0 0 50px;
            background: #3EA4C1;
            border-radius: 10px 0 0 10px;
            color: #FFF;
            font-family: Inter;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 20px;
        }

        .deadline .last-date div {
            border-radius: 0 10px 10px 0;

            /* padding: 0 50px 0 0; */
            color: #FFF;

            font-family: Inter;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 20px;
            /* 100% */
        }

        .deadline .last-date img {
            transform: translate(-50%, -12.5%);
        }

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

        .deadline .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;
        }

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

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

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

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

        }


        /* Aplication Deadline Section Ends  */

        /* table */
        .comp-section .table-wrapper {
            background: #fff;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 8px 40px rgba(58, 77, 228, 0.10);
            max-width: 860px;
            width: 100%;
        }

        /* Header Row */
        .comp-section .comp-header {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            background: #fafafa;
            
        }

        .comp-section .comp-header .feature-col {
            /*background: var(--header-bg);*/
            padding: 1.5rem 1.8rem;
            display: flex;
            align-items: center;
            font-family: 'Syne', sans-serif;
            font-size: 0.85rem;
            font-weight: 800;
            letter-spacing: 0.08em;
            color: var(--text-dark);
            text-transform: uppercase;
        }

        .comp-section .comp-header .plan-col {
            padding: 1.2rem 1rem;
            text-align: center;
            border-left: 1px solid var(--border-color);
        }

        .comp-section .comp-header .plan-col.aicte {
            /*background: #f7f8fc;*/
        }

        .comp-section .comp-header .plan-col.recommended {
            /*background: var(--recommended-bg);*/
            position: relative;
        }

        .comp-section .recommended-badge {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            background: var(--primary-one);
            color: #fff;
            font-size: 0.65rem;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            padding: 4px 10px;
            border-radius: 20px;
            margin-bottom: 10px;
        }

        .comp-section .plan-name {
            font-family: 'Syne', sans-serif;
            font-size: 1.1rem;
            font-weight: 800;
            color: var(--text-dark);
            margin: 0;
            line-height: 1.2;
        }

        .comp-section .plan-sub {
            font-size: 0.75rem;
            color: var(--text-muted);
            margin-top: 4px;
        }

        /* Feature Rows */
        .comp-section .comp-row {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            border-top: 1px solid var(--border-color);
            transition: background 0.15s ease;
        }

        .comp-section .comp-row:hover {
            background: #fafbff;
        }

        .comp-section .comp-row .feature-cell {
            padding: 1.1rem 1.8rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .comp-section .feature-title {
            font-size: 0.92rem;
            font-weight: 700;
            color: var(--text-dark);
            margin: 0;
            line-height: 1.3;
        }

        .comp-section .feature-desc {
            font-size: 0.75rem;
            color: var(--text-muted);
            margin-top: 3px;
        }

        .comp-section .comp-row .check-cell {
            display: flex;
            align-items: center;
            justify-content: center;
            border-left: 1px solid var(--border-color);
            padding: 1rem;
        }

        .comp-section .comp-row .check-cell.aicte-cell {
            background: #fafafa;
        }

        .comp-section .comp-row .check-cell.recommended-cell {
            background: var(--recommended-bg);
        }

        .comp-section .icon-circle {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1rem;
            flex-shrink: 0;
        }

        .comp-section .icon-check {
            background: var(--green-bg);
            color: var(--green-check);
        }

        .comp-section .icon-cross {
            background: var(--red-bg);
            color: var(--red-x);
        }

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

            .comp-section .comp-header,
            .comp-section .comp-row {
                grid-template-columns: 1fr 90px 90px;
            }

            .comp-section .comp-header .feature-col,
            .comp-section .comp-row .feature-cell {
                padding: 0.9rem 1rem;
            }

            .comp-section .plan-name {
                font-size: 0.85rem;
            }

            .comp-section .feature-title {
                font-size: 10px;
            }

            .comp-section .feature-desc {
                font-size: 0.68rem;
            }

            .comp-section .icon-circle {
                width: 28px;
                height: 28px;
                font-size: 0.8rem;
            }

            .comp-section .comp-header .plan-col {
                padding: 0.9rem 0.5rem;
            }
        }






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

        @media(min-width:576px) {
            .global-recognized-certificates .heading-medium {
                margin-bottom: 20px;
            }
        }

        .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; */
            margin-bottom: 30px;
        }

        .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 var(--primary-four);
            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: var(--primary-four);
        }

        @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 var(--primary-four);
                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: 385px;
        }

        .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;
                margin-bottom: 20px;
                /* 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 */