@media(max-width:1200px){
    .slider-content h1{
        font-size:58px;
    }
}

@media(min-width:992px){
    .dis-hide{
        display:none;
    } 

    .service-list{
        position: relative;
    }   

    /* MAIN MEGA MENU */
    .show-serviceList{
        position: absolute;
        left: 50%;
        top: 140%;
        transform: translateX(-50%);
        width: 980px;
        background: #ffffff;
        border-radius: 28px;
        padding: 35px 30px;
        box-shadow: 0 20px 60px rgba(0,0,0,.12);
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: .35s ease;
        border: 1px solid rgba(0,0,0,.05);
    }

    /* HOVER SHOW */
    .service-list:hover .show-serviceList{
        opacity: 1;
        visibility: visible;
        top: 115%;
    }
    /* TITLE */
    .mega-title{
        text-align: center;
        font-size: 2rem;
        font-weight: 800;
        margin-bottom: 30px;
        color: #1f2d3d;
    }
    /* GRID */
    .mega-service-grid{
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 22px;
    }
    /* COLUMN */
    .mega-column{
        display: grid;
        grid-template-columns: repeat(1fr);
    }
    /* ITEM */
    .mega-service-item{
        display: flex;
        align-items: flex-start;
        gap: 14px;
        text-decoration: none;
        color: #2f3542;
        transition: .3s ease;
        border-radius: 16px;
        padding: 10px;
    }
    .mega-service-item:hover{
        background: rgba(0, 191, 166, .08);
        transform: translateX(5px);
    }
    /* ICON */
    .mega-service-item i{
        width: 48px;
        height: 48px;
        background: rgba(0, 191, 166, .10);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: oklch(0.58 0.13 185.05);
        font-size: 1.2rem;
        flex-shrink: 0;
    }
    /* TEXT */
    .mega-service-item span{
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.5;
    }
    /* About Section */
    img{
        height:520px;
        border-radius:20px;
    }
    .footer-title{
        margin-top: 10px;
    }
}

@media(max-width:992px){
    .main-heading{
        font-size: 38px;
    }
    .m-top{
        margin-top:20px !important;
    }
    .text-middle{
        text-align:center !important;
    }
    .dis-none{
        display:none;
    }
    /* nav-list section */
    .active{
        transform:translateX(0) !important;
    }
    nav{
        padding:5px 0px;
    }
    .nav-list{
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0px;
        width: 55%;
        z-index: 99999 !important;
        overflow-y: scroll;
        background-color: #e7e7e7;
        transform: translateX(-100%);
        transition: transform 0.4s ease;    

        /* Firefox */
        scrollbar-width: none;

        /* IE & Edge */
        -ms-overflow-style: none;
    }

    /* Chrome, Safari, Edge (Webkit) */
    .nav-list::-webkit-scrollbar{
        display: none;
    }
    .nav-list>ul{
        display: block !important;
        padding-left:0 !important;
    }
    .nav-list>ul li{
        /* display:block; */
        padding:15px 10px;
        line-height: 30px;
    }


    /* service list section*/
    .service-list{
        margin-left:8px;
    }
    .show-serviceList{
        position: static;
        width: 100%;
        transform: unset;
        opacity: 1;
        visibility: visible;
        display: none;
        margin-top: 15px;
        padding: 20px;
        border-radius: 20px;
        box-shadow: none;
    }
    .show-serviceList.active{
        display: block;
    }
    .mega-title{
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
    .mega-service-grid{
        flex-direction: column;
    }
    .show-serviceList a{
        border-bottom:2px solid#0b3b91;
        color:#0b3b91 !important;
        padding:10px 5px;
        display:block;
    }
    .show-serviceList a:hover{
        background-color:#0b3b91 !important;
        color:white !important;
    }
    .show-serviceList{
        animation: services 0.9s ease 0s 1 normal forwards;
    } 

    /* about seperate page */
    .about-banner{
        text-align:center;
    }
    .section-padding{
        padding:70px 0;
    }

    /* Gallery section */
    .gallery-banner{
        text-align:center;
    }

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

    /* carousel-section */
    .carousel-item{
        min-height:850px;
    }
    .slider-content{
        left:5%;
        right:5%;
        max-width:100%;
    }
    .slider-content h1{
        font-size:48px;
    }
    .floating-box{
        position:relative;
        right:auto;
        bottom:auto;
        margin:40px auto 0;
        width:100%;
        max-width:500px;
    }

    /* counter-section */
    .image-composite { height: 380px; margin-bottom: 40px; }
    .img-main { width: 75%; height: 100%; }

    /* Contact page */
    .contact-banner{
        text-align:center;
    }
    .section-padding{
        padding:70px 0;
    }
    .contact-para{
        justify-content: center !important;
        align-items: center;
        flex-direction: column;
    }

    /* floating whatsapp and calling btn */
    .floating-whatsapp{
        display:none;
    }

    /* footer-section */
    .footer-title{
        margin-top: 10px;
    }
}

@media(max-width:768px){
    /* .container{
        overflow-x:hidden;
        max-width:100%;
    } */
    .fs-lg-h{
        font-size:1.6rem;
    }
    .fs-lg-p{
        font-size:1.3rem ;
    }

    .carousel-item{
        min-height:780px;
    }
    .slider-content h1{
        font-size:36px;
    }
    .slider-content p{
        font-size:16px;
    }
    .hero-btns {
        gap: 10px;
    }
    .btn-whatsapp, .btn-call, .btn-main, .btn-outline-custom {
        font-size: 13px;
        padding: 10px 18px;
    }
    .hero-btns{
        gap:15px;
    }
    .btn-main,
    .btn-outline-custom{
        width:100%;
        text-align:center;
    }
    
    .slider-content {
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        text-align: center;
        width: 100%;
        padding: 0 15px;
    }
    .hero-btns {
        display: flex !important;
        justify-content: center !important;
        align-items: center;
        flex-wrap: wrap;
        gap: 12px;
        width: 100%;
    }
    .hero-btns a {
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .main-heading{
        font-size: 30px;
    }
    .section-padding{
        padding: 60px 0;
    }
    .doctor-box{
        padding: 30px;
    }

    /* counter-section */
    .about-section { padding: 50px 0; }
    .image-composite { height: 300px; }
    .stat-item:not(:last-child)::after { display: none; }
    .stat-item { padding: 16px 6px; }
    .stat-number { font-size: 1.9rem; }
    .about-desc { max-width: 100%; }

    /* Scroll top button */
    .scroll-btn{
        bottom:100px;
    }
    h1{
        font-size: 32px !important;
    }
    h2{
        font-size: 28px !important;
    }
    .display-5{
        font-size: 34px !important;
    }

    /* floating sticky whatsapp calling and appointment btn */
    .sticky-mobile-bar { display: flex;}
    .floating-whatsapp { bottom: 200px; right: 16px; }

}

@media(max-width:576px){
    /* .container{
        overflow-x: hidden !important;
    } */
    .contact-wrap{
        display:flex;
        flex-wrap:wrap;
        justify-content: center;
        align-items: center;
    }
    .text-mid{
        text-align:center;
    }

    .carousel-item{
        min-height:720px;
    }
    .slider-content{
        top:46%;
    }
    .slider-content h1{
        font-size:30px;
    }
    .slider-content span{
        font-size:12px;
    }

    .input-group{
        flex-direction: column;
        gap: 15px;
    }
    .input-group .form-control,
    .input-group .subscribe-btn{
        width: 100%;
        border-radius: 12px !important;
    }

    .doctor-heading h1{
        font-size:28px;
    }
    .doctor-section{
        padding:60px 0;
    }
}

@media(max-width:488px){
    .hide{
        display: none !important;
    }
    .overflow-hide{
        overflow: hidden;
    }

    /* nav-list section */
    .nav-list{
        width:75%;
    }
    
    /* counter-section */
    .image-composite { height: 260px; }
    .img-main { left: 10px; }
    .stat-icon-box { width: 46px; height: 46px; }
    .stat-icon-box svg { width: 22px; height: 22px; }
}

@media(max-width:336px){
    /* nav-list section */
    .nav-list li{
        text-align:center;
    }
    .nav-list .appoint-btn{
        padding:10px !important;
    }
}

/* css animation section */

@keyframes show-sidebar {
	0% {
		transform: scaleX(0);
		transform-origin: 0% 0%;
	}
	100% {
		transform: scaleX(1);
		transform-origin: 0% 0%;
	}
}

@keyframes show-serviceList {
	0% {
		opacity: 0;
		transform: translateY(-50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes services {
	0% {
		transform: scaleY(0);
		transform-origin: 80% 0%;
	}
	100% {
		transform: scaleY(1);
		transform-origin: 80% 0%;
	}
}


/* ======= Mobile Optimization Improvements ======= */

/* Sticky bottom bar spacing */
@media (max-width: 768px) {
    body {
        padding-bottom: 60px; /* space for sticky bar */
    }
    .floating-whatsapp {
        bottom: 76px;
        right: 14px;
    }
    .float-wa-btn span.btn-text {
        display: none; /* hide text on small screens, keep icon */
    }
    /* Larger touch targets */
    .btn-main, .btn-whatsapp, .btn-call, .btn-outline-custom {
        min-height: 44px;
    }
}

@media (max-width: 480px) {
    .hero-btns {
        flex-direction: column;
        align-items: flex-start;
    }
}