body {
            font-family: system-ui;
            color: #333;
        }

        /* TOPBAR */

        .topbar {
            background: green;
            font-size: 14px;
            padding: 10px;
            color:white;
        }

        .social-icons{
    display:flex;
    gap:10px;
}

.social-icons a{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:6px;
    color:#fff;
    font-size:16px;
    text-decoration:none;
    transition:0.3s;
}

.social-icons a.facebook{
    background:#1877f2;
}

.social-icons a.instagram{
    background:#e4405f;
}

.social-icons a.youtube{
    background:#ff0000;
}

.social-icons a:hover{
    transform:translateY(-3px);
    box-shadow:0 4px 10px rgba(0,0,0,0.2);
}

        /* NAVBAR */

        .navbar {
            position: sticky;
            top: 0;
            z-index: 999;
        }

        .book-btn {
            background: #2f9e44;
            color: white;
            padding: 9px 20px;
            border-radius: 6px;
            text-decoration: none;
        }

        /* HERO */

        .hero-section {
            padding: 50px 0;
            background: linear-gradient(135deg, #f7fbf8, #eef7f1);
        }

        .hero-section h1 {
            font-size: 44px;
            font-weight: 700;
            line-height: 1.3;
        }

        .hero-badges span {
            display: inline-block;
            background: white;
            border-radius: 30px;
            padding: 7px 16px;
            margin-right: 10px;
            margin-top: 6px;
            font-size: 14px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
        }

        .cta-btn {
            background: #2f9e44;
            color: white;
            padding: 12px 26px;
            border-radius: 6px;
            text-decoration: none;
            font-weight: 600;
        }

        .cta-btn:hover {
            background: #238636;
        }

        .hero-img {
            max-height: 420px;
        }

        /* SUCCESS STORIES */

        .success-stories {
            background: #f9fcfa;
        }

        .success-carousel .item {
            background: white;
            padding: 8px;
            border-radius: 10px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
        }

        /* FAQ */

        .accordion-button {
            font-weight: 500;
        }

        .accordion-button:not(.collapsed) {
            background: #eaf7ef;
            color: #2f9e44;
        }

        .accordion-item {
            border-radius: 8px;
            margin-bottom: 10px;
            border: 1px solid #eee;
        }

        /* APPOINTMENT */

        .appointment-section {
            background: pink;
            color: black;
        }

        .appointment-section input {
            height: 48px;
            border: none;
        }

        .appointment-section .btn {
            background: green;
            color:white;
            border: none;
            height: 48px;
        }

        /* FOOTER */

        footer {
            background: #0f0f0f;
        }

        footer p,
        footer li {
            color: #bbb;
        }

        footer h5 {
            font-weight: 600;
        }

        /* MOBILE BUTTON */

        .mobile-book {
            display: none;
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 999;
        }

        .mobile-book a {
            display: block;
            background: #2f9e44;
            color: white;
            text-align: center;
            padding: 16px;
            font-weight: 600;
            text-decoration: none;
        }

        /* MOBILE */

        @media(max-width:768px) {

       

            .desktop-book {
                display: none;
            }

            .mobile-book {
                display: block;
            }

            .hero-section {
                padding: 60px 0;
            }

            .hero-section h1 {
                font-size: 30px;
            }

            .hero-img {
                margin-top: 30px;
            }
            .footer-pd {
                padding-bottom:50px;
            }

        }

        .branch-card {
            border-radius: 10px;
            background: #fff;
            transition: 0.3s;
        }

        .branch-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }

        .treatment-card {
            background: #fff;
            border-radius: 10px;
            transition: 0.3s;
        }

        .treatment-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }

        .video-item iframe {
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        .news-card {
            background: #fff;
            border-radius: 10px;
            overflow: hidden;
            transition: 0.3s;
        }

        .news-card img {
            height: 200px;
            object-fit: cover;
            width: 100%;
        }

        .news-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }

        .trust-strip {
            background: #2f9e44;
            color: white;
        }

        .trust-strip h4 {
            font-weight: 700;
            font-size: 28px;
        }
        .doctor-card{
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:0.3s;
}

.doctor-card:hover{
transform:translateY(-6px);
}

.doctor-img{
width:100%;
height:320px;
object-fit:cover;
}

.doctor-info{
padding:20px;
}

.doctor-role{
    font-size:14px;
color:#2f9e44;
font-weight:600;
margin-bottom:8px;
}

.doctor-exp{
font-size:14px;
color:#666;
}

.doctor-social a{
margin:0 6px;
color:#444;
font-size:16px;
}
.owl-dots{
text-align:center;
margin-top:20px;
}

.owl-dot{
height:10px;
width:10px;
margin:5px;
background:#ccc !important;
border-radius:50%;
display:inline-block;
}

.owl-dot.active{
background:#2f9e44 !important;
width:25px;
border-radius:10px;
transition:0.3s;
}
.owl-nav button{
position:absolute;
top:50%;
transform:translateY(-50%);
background:#2f9e44 !important;
color:white !important;
width:45px;
height:45px;
border-radius:50%;
font-size:22px !important;
}

.owl-nav .owl-prev{
left:-25px;
}

.owl-nav .owl-next{
right:-10px;
}

.owl-nav button span{
line-height:40px;
}