* {
            margin: 0;
            padding: 0;
        }

        body {
            margin: 0;
            overflow-x: hidden;
        }

        .slider-heading {
            font-size: 40px;
            font-weight: 900;
            position: relative;
            margin-top: 70px;
            text-align: center;
            z-index: 10;
            background: linear-gradient(92.19deg, #1B8976 -56.21%, #00D5FF 184.49%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        .gallery-carousel-section {
            position: relative;
            height: 80dvh;
        }

        .submit {
            margin-top: 25px;
        }

        .carousel {
            width: 100%;
            height: 100%;
            perspective: 1500px;
            transform-style: preserve-3d;
            opacity: 0;
            transition: opacity 0.25s linear;
            overflow: hidden;
        }

        .carousel.ready {
            opacity: 1;
        }

        .see-more-button {
            position: absolute;
            top: 675px;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
        }

        .slide {
            margin-top: 100px;
            position: absolute;
            width: 362px;
            height: 453px;
            overflow: hidden;
            box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);

        }

        .slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* ==========================================
           📱 RESPONSIVE MEDIA QUERIES
           ========================================== */


        @media (max-width: 1600px) and (max-height:800px) {
            .gallery-carousel-section {
                height: 98dvh;
            }

            .see-more-button {
                top: 650px;
            }
        }

        @media (max-width: 840px) and (max-height: 1150px) {
            .gallery-carousel-section {
                height: 60dvh !important;
            }

        }

        @media (max-width: 1280px) and (max-height:700px) {
            .gallery-carousel-section {
                height: 110dvh;
            }

            .see-more-button {
                top: 620px;
            }
        }

        @media (max-width: 1280px) and (max-height:600px) {
            .gallery-carousel-section {
                height: 130dvh;
            }
        }

        @media (max-width: 1120px) {
            .slider-heading {
                font-size: 30px;
            }
        }

        /* For Tablets */
        @media (max-width: 1024px) {
            .slide {
                width: 250px;
                height: 330px;
                margin-top: 80px;
            }

            .gallery-carousel-section {
                position: relative;
                height: 94dvh;
            }

            .carousel {
                height: 430px;
            }

            .see-more-button {
                top: 520px;
            }

            .slider-heading {
                font-size: 36px;
            }
        }

        @media (max-width: 991px) and (max-height:600px) {
            .gallery-carousel-section {
                height: 110dvh;
            }
        }

        @media (max-width: 768px) {
            .carousel {
                height: 420px;
            }

            .see-more-button {
                top: 545px;
            }
        }

        /* For Mobile Phones (3 Images Visible) */
        @media (max-width: 600px) {
            .slide {
                width: 120px;
                height: 180px;
                margin-top: 50px;
            }

            .carousel {
                height: 250px;
                perspective: 1500px;
            }

            .see-more-button {
                top: 350px;
            }

            .slider-heading {
                font-size: 26px;
                margin-left: 0;
                text-align: center;
            }
        }

        @media (max-width: 576px) and (max-height: 900px) {
            .slide {
                width: 144px;
                height: 180px;
                margin-top: 50px;
            }

            .gallery-carousel-section {
                height: 50dvh !important;
            }

            .carousel {
                height: 250px;
                perspective: 1000px;
            }

            .submit {
                position: relative;
                display: inline-flex;
                justify-content: center;
                align-items: center;
                background: #1b8976;
                color: #fff;
                font-size: 0.85rem;
                font-weight: 600;
                border-radius: 8px;
                padding: 14px 24px;
                cursor: pointer;
                letter-spacing: 0.5px;
                overflow: hidden;
                transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
                z-index: 1;
                border: none;
                width: fit-content;
                white-space: nowrap;
                margin-top: 15px;
            }

            .see-more-button {
                top: 330px;
            }

            .slider-heading {
                font-size: 24px;
                margin-left: 0;
                text-align: center;
            }
        }

        /* ------------------Dental services Section ------------------------------*/
        .Dental_services {
            margin-bottom: 70px;
            padding-bottom: 20px;
            width: 100%;
            height: 100dvh;
            background: url(../img/dental_services_bg2.png);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
        }

        .Dental_services_heading {
            font-family: montserrat, sans-serif;
            font-weight: 700;
            font-style: Medium;
            font-size: 40px;
            line-height: 190%;
            letter-spacing: 4%;
            background: linear-gradient(92.19deg,
                    #1B8976 -56.21%,
                    #00D5FF 184.49%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-top: 30px;

        }

        .card_section {
            /* border: 1px solid red; */
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            gap: 18px;
            /* border: 1px solid black; */
            margin-top: 40px;
            justify-content: center;

        }

        .marquee-content {
            display: contents;
        }

        .marquee-content.clone {
            display: none;
        }

        .cards {
            width: 310px;
            height: 320px;
            border-radius: 16px;
            border: 2px solid rgba(27, 137, 118, 1);
            background: rgba(255, 255, 255, 0.4);
            backdrop-filter: blur(8px);
            padding: 0px 14px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .card_numbers>h1 {
            font-size: 80px;
            color: rgba(27, 137, 119, 0.329);
            font-family: montserrat, sans-serif;
        }



        .card_content>h5 {
            color: rgba(27, 137, 118, 1);
            font-weight: 500;
            font-family: montserrat, sans-serif;

        }

        .card_content>p {
            margin-top: 20px;
            color: rgba(0, 0, 0, 1);
            font-weight: 400;
            font-family: montserrat, sans-serif;
            line-height: 150%;

        }

        .card_content>p>a {
            color: #1b8976
        }

        @media (max-width: 1530px) {
            .Dental_services {
                margin-bottom: 70px;
                padding-bottom: 20px;
                width: 100%;
                height: auto;
                background: url(../img/dental_services_bg2.png);
                background-size: contain;
                background-position: bottom;
                background-repeat: no-repeat;
            }

            .Dental_services_heading {
                margin-top: 15px;
                font-size: 35px;
            }

            .card_section {
                margin-top: 20px;
            }

        }

        @media (max-width: 1400px) {
            .cards {
                width: 265px;
            }

            .Dental_services {
                margin-bottom: 70px;
                padding-bottom: 50px;
                width: 100%;
                height: auto;
                background: url(../img/dental_services_bg2.png);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;

            }

        }

        @media (max-width: 1200px) {
            .cards {
                width: 273px;
            }

            .Dental_services_heading {
                font-weight: 600;
                font-size: 30px;
            }

            .Dental_services {
                margin-bottom: 70px;
                padding-bottom: 50px;
                width: 100%;
                height: auto;
                background: url(../img/dental_services_bg.png);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;

            }
        }

        @media (max-width: 992px) {


            .cards {
                width: 339px;
            }

            .Dental_services_heading {
                margin-top: 20px;
                line-height: 147%;
            }

            .card_numbers {
                display: flex;
                justify-content: start;
                align-items: start;
                height: 100%;
                /* border: 1px solid black; */
            }

            .card_content>h5 {
                text-align: left;
            }
        }

        @media (max-width: 768px) {

            .cards {
                width: 48%;
                height: 350px;
            }

            .Dental_services_heading {
                margin-top: 82px;
                line-height: 147%;
            }

            .card_content>p {
                font-size: 15px;
            }

        }

        @media (max-width: 576px) {
            .cards {
                width: 260px;
                height: 320px;
            }

            .card_numbers {
                display: block;
                height: auto;
            }

            .card_content>h5 {
                text-align: left;
            }

            .card_section {
                display: flex;
                flex-wrap: nowrap;
                justify-content: start;
                width: 100%;
                margin-top: 28px;
                position: relative;
                overflow: hidden;
            }

            .marquee-content {
                display: flex;
                flex-shrink: 0;
                gap: 15px;
                animation: marquee 25s linear infinite;
            }

            .marquee-content.clone {
                display: flex;
            }

            .card_section:hover .marquee-content {
                animation-play-state: paused;
                cursor: grab;
            }

            @keyframes marquee {
                0% {
                    transform: translateX(0);
                }

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

            .blur_border {
                width: 100%;
                height: 100%;
                position: relative;
            }

            .blur_border::before {
                content: "";
                width: 100px;
                height: 100%;
                /* border: 1px solid red; */
                background: url('../img/image_border.png');
                background-repeat: no-repeat;
                background-size: contain;
                rotate: 180deg;
                position: absolute;
                right: -11px;
                top: 0;
                z-index: 11;
            }

            .blur_border::after {
                content: "";
                width: 100px;
                height: 100%;
                /* border: 1px solid red; */
                background: url('../img/image_border.png');
                background-repeat: no-repeat;
                background-size: contain;
                /* background-color: rgba(0, 255, 55, 0.245); */
                position: absolute;
                left: -10px;
                top: 0;
                z-index: 11;
            }

            .card_section::-webkit-scrollbar {
                display: none;
            }


            .cards {
                flex-shrink: 0;
            }

            .Dental_services {
                margin-bottom: 10px;
                padding-bottom: 20px;
                width: 100%;
                height: auto;
                background: url(../img/dental_services_bg.png);
                background-size: cover;
                background-position: bottom;
                background-repeat: no-repeat;
                overflow: visible
            }

            .Dental_services_heading {
                margin-top: 40px;
                line-height: 130%;
                font-size: 26px;
            }

        }

        @media (max-width: 440px) {

            .Dental_services_heading {
                margin-top: 20px;
                line-height: 130%;
                font-size: 22px;
                font-weight: 900;
                height: 100%;

            }

            .cards {
                width: 260px;
                height: 320px;
            }

            .card_content>h5 {
                text-align: left;
            }

            .card_content>p {
                margin-top: 15px;
                font-weight: 500;
            }

            .card_numbers>h1 {
                font-size: 80px;
            }

        }