*{margin: 0; padding: 0; box-sizing: border-box;}
img{max-width: 100%;}
a, a:hover, a:focus, a:visited, a:active{text-decoration: none;}
p, ul, li{padding: 0; margin: 0;}

body{font-family: "Poppins", sans-serif;}

.instagram-media {width: 100%; height: 210px;}
.sociallink li {display: inline-block;list-style: none;}
.sociallink li a:hover {padding-left: 0px !important;}


.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #258aa1;}
 

/* header */
header{position: absolute; top: 0; left: 0; right: 0; z-index: 999; background-color: transparent;} 
header .navbar{padding: 0;}
header .navbar .navbar-brand{width: 15%;}
header .navbar .nav-link{font-size: 18px; color: #000 !important; font-weight: 500; position: relative;}
header .navbar .nav-link:after{content: ''; width: 0; height: 2px; background-color: #b6264f; position: absolute; bottom: 0px; left: 0; transition: .5s;}
header .navbar .nav-link:hover:after{width: 100%;}
header .navbar-toggler{padding: 8px 10px; color: #000; border: 0px; }
header .navbar-toggler:focus{box-shadow: none;}
header .navbar-nav .nav-link:hover, header .navbar-nav .nav-link:focus{color: #D2B48C;}
header .book-now a{display: inline-block; background-color: #258aa1; padding: 10px 30px; color: #fff; border-radius: 10px; transition: .5s;}
header .book-now a:hover{background-color: #000;}

.sticky {background-color: #ffffff; left: 0; right: 0; z-index: 999; position: fixed !important; top: -100%; animation: slideDown .5s ease-out;}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(10);
  }
}

/* testimonial */
#testimonial{padding: 50px 0; }
#testimonial .row{row-gap: 20px; background-color: #fff;}
#testimonial .iner h4{color: #258aa1; font-size: 46px; font-weight: bold; margin-bottom: 20px;}
#testimonial .iner .img img{margin-right: 20px; width: 200px;}
#testimonial .iner .img a{color: #258aa1; font-size: 16px; font-weight: 500;} 
#testimonial .testimonialslider .owl-item{border: 1px solid #d6d6d6; border-radius: 10px; padding: 20px;}
#testimonial .owl-item h5{color: #258aa1; margin: 0px; font-size: 17px; font-weight: bold;}
#testimonial .owl-item p{font-size: 14px;}
#testimonial .iner .google{ width: 40%;}
#testimonial .iner ul li{font-size: 35px; color: #f6bb06;}
#testimonial .iner h4{margin-top: 10px; font-weight: bold;  }
#testimonial .testimonialslider .star li{color: #f6bb06; font-size: 16px;}
#testimonial .testimonialslider .profile{margin-bottom: 8px;}
#testimonial .testimonialslider .profile li:first-child p{height: 40px; width: 40px; line-height: 40px; font-size: 20px; border-radius: 50%;text-align: center; background-color: #a7a7a7; color: #fff;}
#testimonial .testimonialslider .profile li span{font-size: 14px;}

  

 
/* footer */
#footer {position: relative; background-image: url(../images/spine-banner.jpg); background-repeat: no-repeat; background-size: cover;padding: 60px 0px 0px;}
#footer::before{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  
}
/* Footer content layer */
#footer .container,
#footer .row,
#footer .footerinr,
#footer .img{
    position: relative;
    z-index: 2;
}
footer .row{row-gap: 30px;}
footer .footerinr .logo img{border-radius: 10px;}
footer .footerinr .logo p{font-size: 15px; font-weight: 400; color: #fff; margin-left: 30px;}
footer .footerinr .logo:hover{padding: 0;}
footer .footerinr ul {list-style: none; text-align: center;}
footer .footerinr ul li{color: #fff; margin-bottom: 15px;}
footer .footerinr ul h4{color: #fff; font-size: 21px; font-weight: bold; display: inline-block; border-bottom: 2px solid #b59acf; padding-bottom: 6px;}
footer .footerinr ul li p{font-size: 15px; color: #fff;}
footer .footerinr ul li i{font-size: 21px; color: #fff;}
footer .footerinr ul li a{display: inline-block; color: #fff; font-size: 15px;  transition: .5s;}
footer .footerinr ul li a:hover{padding-left: 5px;}
footer .footerinr .category li{margin-bottom: 8px;} 
footer .footerinr ul li p b{color: #fff;}
footer .img{text-align: center; border-top: #fff 1px solid; padding: 15px 0px; margin-top: 30px;}
footer .img a img{width: 220px;}



/*  */
/* .quickcontact-wa {
  width: 50px;
  position: fixed;
  top: 60%;
  right: 20px;
  z-index: 102;
} */

/* Quick contact css========================= */
.quickcontact{width:45px;position:fixed;top:77%;right:15px;z-index:102;}

.quickcontact img{
  display: block;
  z-index: 102;
  animation: rotation 5s infinite linear;
    animation-duration: 4s;
}

/*.quickcontact a:first-child{top: 70%;}*/
/*.quickcontact a:last-child{top: 80%;}*/
                                            
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

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

/*.quickcontact i {*/
/*  color: #002c33*/
/*}*/
/*.quickcontact a img{z-index: 999;}*/

/*.quickcontact a {*/
/*  height: 60px;*/
/*  width: 60px;*/
/*  background-color:#fff;*/
/*  border-radius: 50%;*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  position: fixed; */
/*}*/

/*.quickcontact a::before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  border: 1px solid #258aa1;*/
/*  width: calc(100% + 40px);*/
/*  height: calc(100% + 40px);*/
/*  border-radius: 50%;*/
/*  animation: pulse 1s linear infinite*/
/*}*/

/*.quickcontact a::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  border: 1px solid #258aa1;*/
/*  width: calc(100% + 40px);*/
/*  height: calc(100% + 40px);*/
/*  border-radius: 50%;*/
/*  animation: pulse 1s linear infinite;*/
/*  animation-delay: 0.3s*/
/*}*/

/*@keyframes pulse {*/
/*  0% {*/
/*      transform: scale(0.5);*/
/*      opacity: 0*/
/*  }*/

/*  50% {*/
/*      transform: scale(1);*/
/*      opacity: 1*/
/*  }*/

/*  100% {*/
/*      transform: scale(1.3);*/
/*      opacity: 0*/
/*  }*/
/*}*/
 

  /* modal */
  .modal .btn-theme {border-radius: 0px; background: #258aa1; padding: 10px; font-size: 16px; color: #fff;}
  .modal .btn-theme:hover{background-color: #000; color: white;} 
  .modal .form-control{border-radius: 0px; box-shadow: none; font-size: 16px;}
  .modal .form-control:focus{border-color: #000;}


  /* tnanks */
#thank{background-image: url(../images/thanks.jpg); padding: 250px 0; background-repeat: no-repeat; background-size: cover; background-position: center center;}
#thank .content{text-align: center; background-color: #258aa1d7; margin: auto; width: 335px; padding: 20px; border-radius: 15px;}
#thank .content h2{color: #fff; font-size: 26px;}
#thank .content p{color: #fff; margin: 10px 0; font-weight: bold;}
  #thank .content .call a{padding: 7px; width: 166px; background-color: #fff; color: #258aa1; font-weight: bold; border-radius: 40px; display: inline-block; }










  






/* ========================== */

.form-container{background-color: #4489a3;width:100%;text-align:center}
.form-container h2{margin-bottom:41px;font-size:35px}
.form-container input,.form-container textarea{width:100%;padding:12px 15px;margin-bottom:15px;border:none;border-radius:10px;font-size:16px;outline:none;resize:none}
.form-container textarea{height:100px}
.form-container button{width:90%;padding:12px;background-color:#e08e04;color:white;font-size:16px;font-weight:bold;border:none;border-radius:8px;cursor:pointer}
.rating-text{margin-top:15px;font-size:14px}
.stars{color:#e08e04;font-size:24px;margin-top:5px}
#choose{background:aliceblue}





/* #slider{
    padding:160px 0 0;
    background:#002935;
    position:relative;
    overflow:hidden;
} */

/* BG IMAGE */
/* #slider::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:900px;
    height:900px;
    background:url('../images/brain-spine-bg.png') no-repeat center center;
    background-size:contain;
    opacity:0.18;
    z-index:0;

    animation: moving-shape1 20s linear infinite;
} */


/* CONTENT ABOVE BG */
#slider .container-fluid{
    position:relative;
    z-index:2;
}

@keyframes moving-shape1{
    0%{
        transform:translate(-50%,-50%) rotate(0deg);
    }
    100%{
        transform:translate(-50%,-50%) rotate(360deg);
    }
}
 #slider{padding:120px 0 0;background-position:center;background:#fff;position: relative; overflow: hidden;    background-image: url('../images/brain-spine-bg.png'); background-repeat: no-repeat; background-position: center; background-size: cover;}
 #slider .row{row-gap:25px;align-items:end}
 #slider .text h2{margin:0 0 10px;font-weight:bolder;color:#258aa1;font-size:40px;text-align:center;letter-spacing:0;text-transform:uppercase;font-family:auto}
 #slider .text p{font-weight:700;font-size:18px;color:#258aa1;text-align:center;padding-bottom:30px;font-family:auto}
 #slider .gender-mobile{display:none}
 #slider .form-bg{background-color:#258aa1;padding-left:60px}
 #slider form.row{row-gap:15px;padding:15px 15px 15px 0}
 #slider .form-bg h5{background-color:#fff;padding:10px;font-size:16px;position:relative}
 #slider .form-bg h5 i{font-size:25px;color:#fff;position:absolute;left:-41px;top:9px}
 #slider .form-bg .form-control{background-color:transparent;border:0;border-bottom:1px dotted #fff;color:#fff;border-radius:0;font-size:14px;padding:10px}
 #slider .form-bg .form-control::placeholder{color:#f5eaff}
 #slider .form-bg .form-control:focus{box-shadow:none}
 #slider .form-bg .btn-back{background-color:#d2b48c;padding:8px 20px;color:#000;border:0}
 #slider .img{position:relative}
 #slider .img .icon{position:absolute;right:0;top:63%;width:120px}
 .form-container{margin-bottom:10px}
 .brachialplexus-img img {width: 515px;}
/* =============================================== */

/* brachialplexus css start  */


@media (max-width:992px) {
  #slider{ padding: 0;
  }
.brachialplexus-img img { position: relative; top: 25px;}

} 




/*============================================*/




 .popup-box{display:flex}
 .form-box{background:#fdf0f8;padding:30px 25px;text-align:center;width:500px;display:flex;align-items:center;justify-content:center;flex-direction:column}
 .form-box p{font-size:14px;line-height:30px;margin-bottom:20px}
 .form-box h2{margin:0;font-size:18px;color:#258aa1;font-weight:900!important;margin-bottom:20px;line-height:30px}
 .phone-input{display:flex;align-items:center;border:1px solid #ccc;border-radius:8px;overflow:hidden;margin-bottom:20px}
 .country-code{background:#eee;padding:10px 12px;font-size:15px;border-right:1px solid #ccc}
 input[type="number"]{border:none;outline:none;padding:10px;width:100%;font-size:16px}
 .book-btn{color:white;border:none;padding:12px 0;width:100%;border-radius:8px;font-size:16px;cursor:pointer;animation:blink-bg 1s infinite alternate}
 @keyframes blink-bg{0%{background-color:#000}50%{background-color:#258aa1}100%{background-color:#000}}
 .social-icons{margin-top:20px}
 .social-icons a{text-decoration:none;color:#555;font-size:22px;margin:0 10px;transition:color .3s}
 .social-icons a:hover{color:#007BFF}
 select{border:none;outline:none;background:#eee;padding:10px;font-size:15px;border-right:1px solid #ccc}




/* ===========================
   Responsive Design
   =========================== */
 @media (max-width:768px){
  .popup-box{flex-direction:column;align-items:center;justify-content:center}
  .form-box{width:100%;padding:20px;box-shadow:0 3px 10px rgba(0,0,0,.15)}
  .form-box h2{font-size:18px}.form-box p{font-size:13px;margin-bottom:15px}
  .phone-input{flex-direction:row}
  select{font-size:14px;padding:8px;width:30%}
  input[type="number"]{font-size:14px;padding:8px}
  .book-btn{font-size:15px;padding:10px 0}
  .social-icons{margin-top:15px}
  .social-icons a{font-size:20px;margin:0 8px}
  .popup{width:100%;height:100%;overflow-y:auto;display:flex;align-items:center;justify-content:center}
  .close-icon{top:10px;right:15px;font-size:26px}}
  
  @media (max-width:480px){
    .form-box h2{font-size:16px}
    .form-box p{font-size:12px}
    select{width:35%}
    input[type="number"]{font-size:13px}
    .book-btn{font-size:14px}
  }



/* Overlay background */
.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999}
.popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;z-index:1000;text-align:center;border-radius:10px;width:750px}
.popup img{width:500px;}
@media (max-width:991px){
  .popup{width:330px}
}
  .popup img{max-width:100%;height:100%}
  .close-icon{position:absolute;top:15px;right:25px;font-size:24px;font-weight:bolder;cursor:pointer;color:#000}
  .close-icon:hover{color:#9c7440}
  .precautions-for-hair-before-after .col-box{border:1px solid #9c7440;padding:20px;border-radius:30px;height:100%}
  .cta-strap-content{background-color:#9c7440}
  .cta-strap-content p{color:#fff}
  .cta-strap-content button{background-color:#fff;padding:10px;border-radius:30px}
  .cta-strap-content button a{color:#9c7440}
  .best-advance-anti-ageing .col-box{border:1px solid #9c7440;padding:20px;height:100%;border-radius:30px}






/* ================================================================ */

#treatment-section{
padding:90px 0;
background:#f6fbfc;
}

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

.section-heading h2{
font-size:42px;
font-weight:700;
color:#002935;
}

.section-heading p{
max-width:800px;
margin:auto;
color:#666;
}

.treatment-card{
background:#fff;
border-radius:25px;
overflow:hidden;
height:100%;
box-shadow:0 8px 30px rgba(0,0,0,.08);
transition:.4s;
}

.treatment-card:hover{
transform:translateY(-10px);
}

.treatment-img{
overflow:hidden;
}

.treatment-img img{
width:100%;
height:240px;
object-fit:cover;
transition:.6s;
}

.treatment-card:hover img{
transform:scale(1.1);
}

.treatment-content{
padding:25px;
}

.treatment-content span{
width:55px;
height:55px;
background:#18c5c5;
display:flex;
align-items:center;
justify-content:center;
border-radius:15px;
color:#fff;
font-weight:700;
font-size:22px;
margin-bottom:20px;
}

.treatment-content h3{
font-size:28px;
margin-bottom:15px;
color:#002935;
}

.treatment-content p{
line-height:30px;
font-size:15px;
color:#666;
margin-bottom:25px;
}

.treatment-content a{
background:#18c5c5;
padding:13px 25px;
border-radius:50px;
display:inline-block;
color:#fff;
text-decoration:none;
font-weight:600;
transition:.4s;
}

.treatment-content a:hover{
background:#002935;
}

@media(max-width:767px){

.section-heading h2{
font-size:30px;
}

.treatment-img img{
height:220px;
}


.treatment-content p {
    font-size:12px;
    text-align:justify;
}

.treatment-content h3 {
    font-size:22px;
}
}





#stats-section {position:relative;width:100%;min-height:260px;overflow:hidden;display:flex;align-items:center;justify-content:center}
#stats-section .stats-bg{position:absolute;inset:0;background:linear-gradient(to right,rgba(10,40,50,.82) 0%,rgba(10,40,50,.60) 50%,rgba(60,40,20,.65) 100%),url('https://images.unsplash.com/photo-1579684385127-1ef15d508118?w=1600&q=80') center/cover no-repeat;filter:brightness(.9)}
#stats-section .dots{position:absolute;width:60px;height:60px;opacity:.35;background-image:radial-gradient(circle,#1abcaa 1.5px,transparent 1.5px);background-size:10px 10px}
#stats-section .dots-tl{top:18px;left:30%}
#stats-section .dots-tr{top:18px;right:6%}
#stats-section .dots-br{bottom:18px;right:18%}
#stats-section .curve-right{position:absolute;right:0;top:0;bottom:0;width:140px;opacity:.18}
#stats-section .stats-inner{position:relative;z-index:2;width:100%;max-width:1100px;padding:48px 32px;display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}
#stats-section .stat-item{display:flex;align-items:center;gap:20px;padding:16px 48px;flex:1 1 240px;min-width:200px;opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}
#stats-section .stat-item.visible{opacity:1;transform:translateY(0)}
#stats-section .stat-item:nth-child(1){transition-delay:.0s}
#stats-section .stat-item:nth-child(2){transition-delay:.18s}
#stats-section .stat-item:nth-child(3){transition-delay:.36s}
#stats-section .stat-item + .stat-item{border-left:1.5px solid rgba(255,255,255,.15)}
#stats-section .icon-circle{flex-shrink:0;width:80px;height:80px;border-radius:50%;background:#fff;border:3px solid #1abcaa;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px rgba(26,188,170,.18),0 4px 20px rgba(0,0,0,.25);transition:transform .35s ease,box-shadow .35s ease}
#stats-section .stat-item:hover .icon-circle{transform:scale(1.08) rotate(-4deg);box-shadow:0 0 0 10px rgba(26,188,170,.22),0 8px 28px rgba(0,0,0,.3)}
#stats-section .icon-circle svg{width:42px;height:42px;color:#1abcaa}
#stats-section .stat-text{display:flex;flex-direction:column;gap:2px}
#stats-section .stat-number{font-size:clamp(2rem,4vw,2.8rem);font-weight:900;color:#fff;letter-spacing:-.5px;line-height:1}
#stats-section .stat-label{font-size:clamp(.85rem,1.5vw,1rem);font-weight:700;color:#2dd4bf;letter-spacing:.3px;margin-top:4px}
@media (max-width:700px){
#stats-section .stats-inner{flex-direction:column;gap:24px;padding:36px 20px}
#stats-section .stat-item{border-left:none!important;border-top:1.5px solid rgba(255,255,255,.15);padding:20px 12px;width:100%;justify-content:center}
#stats-section .stat-item:first-child{border-top:none}
}




/*==================================================================*/

#clientGallery{
    padding:90px 0;
    background:#f8f9fc;
    overflow:hidden;
}

.gallery-container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

.gallery-title{
    text-align:center;
    margin-bottom:50px;
}

.gallery-title h2{
    font-size:38px;
    margin-bottom:10px;
    font-weight:700;
}

.gallery-title p{
    color:#666;
    font-size:16px;
}

.galleryItem{
    border-radius:20px;
    overflow:hidden;
    position:relative;
}

.galleryItem img{
    width:100%;
    height:350px;
    object-fit:cover;
    border-radius:20px;
    transition:.5s;
    object-position: top;
}

.galleryItem:hover img{
    transform:scale(1.08);
}

.gallerySlider .owl-stage{
    padding:20px 0;
}

.gallerySlider .owl-dots{
    margin-top:30px;
    text-align:center;
}

.gallerySlider .owl-dot span{
    width:12px !important;
    height:12px !important;
}

@media(max-width:768px){

.gallery-title h2{
font-size:28px;
}

.galleryItem img{
height:250px;
}

}

/*==================================================================*/





.symptoms-gallery-section{padding:80px 0;background:#f7f9fc}
.symptoms-gallery-section .section-heading{text-align:center;margin-bottom:50px}
.symptoms-gallery-section .section-heading h2{font-size:42px;font-weight:700;color:#111;margin-bottom:10px}
.symptoms-gallery-section .gallery-card{background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 10px 35px rgba(0,0,0,.08);transition:.4s ease}
.symptoms-gallery-section .gallery-card:hover{transform:translateY(-8px);box-shadow:0 15px 45px rgba(0,0,0,.12)}
.symptoms-gallery-section .gallery-card img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:768px){
  .symptoms-gallery-section{padding:60px 0}
  .symptoms-gallery-section .section-heading h2{font-size:32px}
}





#neuro-services-section{
    padding:80px 0;
    background:#f7f9fc;
    font-family:Arial, sans-serif;
}

#neuro-services-section .container{
    width:90%;
    max-width:1300px;
    margin:auto;
}

.section-title{
    text-align:center;
    margin-bottom:50px;
}

.section-title h2{
    font-size:42px;
    font-weight:700;
    color:#111;
    margin-bottom:15px;
}

.section-title p{
    font-size:17px;
    color:#666;
    max-width:800px;
    margin:auto;
    line-height:1.7;
}

.content-wrapper{
    display:grid;
    grid-template-columns:1.3fr 0.7fr;
    gap:40px;
    align-items:start;
}

/* FAQ */

.faq-item{
    background:#fff;
    border-radius:15px;
    margin-bottom:20px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,0.06);
}

.faq-question{
    width:100%;
    padding:22px 25px;
    border:none;
    background:#fff;
    font-size:18px;
    font-weight:600;
    text-align:left;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.faq-question span{
    font-size:28px;
    color:#258aa1;
}

.faq-answer{
    display:none;
    padding:0 25px 25px;
}

.faq-item.active .faq-answer{
    display:block;
}

.faq-answer p{
    color:#555;
    margin-bottom:15px;
    line-height:1.7;
}

.faq-answer h5{
    margin:20px 0 10px;
    font-size:17px;
    color:#111;
}

.faq-answer ul{
    padding-left:18px;
}

.faq-answer li{
    margin-bottom:8px;
    color:#555;
}

/* FORM */

.contact-box{
    background:#fff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 5px 25px rgba(0,0,0,0.08);
    position:sticky;
    top:30px;
}

.contact-box h3{
    font-size:32px;
    margin-bottom:10px;
    color:#111;
}

.contact-box p{
    color:#666;
    margin-bottom:30px;
    line-height:1.7;
}

.form-group{
    margin-bottom:18px;
}

.form-group input,
.form-group select,
.form-group textarea{
    width:100%;
    padding:15px 18px;
    border:1px solid #ddd;
    border-radius:12px;
    font-size:15px;
    outline:none;
    transition:0.3s;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
    border-color:#258aa1;
}

.submit-btn{
    width:100%;
    padding:16px;
    border:none;
    background:#258aa1;
    color:#fff;
    font-size:17px;
    border-radius:12px;
    cursor:pointer;
    transition:0.3s;
}

.submit-btn:hover{
    background:#000;
}

/* MOBILE */

@media(max-width:991px){

    .content-wrapper{
        grid-template-columns:1fr;
    }

    .contact-box{
        position:relative;
        top:0;
    }
}

@media(max-width:768px){

    .section-title h2{
        font-size:32px;
    }

    .faq-question{
        font-size:16px;
        padding:18px;
    }

    .contact-box{
        padding:30px 20px;
    }
}

















/* =========================
   About Doctor Section
========================= */

.about-doctor-sec{padding:90px 0;background:#f8fbff;overflow:hidden}
.about-wrap{display:grid;grid-template-columns:450px 1fr;gap:60px;align-items:center}
.about-img{position:relative}
.about-img img{width:100%;border-radius:30px;object-fit:cover;box-shadow:0 20px 50px rgba(0,0,0,.12)}
.about-content .about-tag{display:inline-block;background:#e8f4ff;color:;padding:10px 18px;border-radius:50px;font-size:14px;font-weight:600;margin-bottom:20px}
.about-content h2{font-size:27px;line-height:1.2;color:#111;margin-bottom:25px;font-weight:700}
.about-content p{font-size:16px;line-height:1.9;color:#555;margin-bottom:18px}
.about-points{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:35px}
.point-card{background:#fff;border-radius:18px;padding:18px 20px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 8px 20px rgba(0,0,0,.06);transition:.3s}
.point-card:hover{transform:translateY(-5px)}
.point-card span{color:#258aa1;font-size:18px;font-weight:700}
.point-card p{margin:0;font-size:15px;line-height:1.5;font-weight:500;color:#222}
@media(max-width:991px){.about-wrap{grid-template-columns:1fr}
.about-content h2{font-size:20px !important;}
.about-content p {
    font-size: 13px;
    text-align:justify;
}
.about-img{max-width:500px;margin:auto}
}
@media(max-width:767px){.about-doctor-sec{padding:70px 0}
.about-content h2{font-size:30px}
.about-points{grid-template-columns:1fr}
}





/* ================================================================================ */
    :root {
      --blue-dark:   #2cd0bb;
      --blue-mid:    #108c88;
      --blue-light:  #2dd4bf36;
      --accent:      #000;
      --white:       #ffffff;
      --off-white:   #f7f9fc;
      --text-main:   #0d1b2a;
      --text-muted:  #5a6e82;
      --border:      rgba(18, 96, 168, 0.14);
      --shadow-card: 0 8px 32px rgba(10, 61, 107, 0.10);
      --shadow-hover: 0 20px 50px rgba(10, 61, 107, 0.18);
      --radius-card: 18px;
      --radius-btn:  10px;
    }


 #treatments-sec-1 { max-width: 1180px; margin: 0 auto; padding: 72px 24px 80px;}
 #treatments-sec-1 .section-head{ text-align: center; margin-bottom: 56px;}
 #treatments-sec-1 .section-head .pill{ display: inline-flex; align-items: center; gap: 7px; background: var(--blue-light); color: var(--blue-mid); font-size: 11.5px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; padding: 6px 18px; border-radius: 30px; margin-bottom: 18px;}
 #treatments-sec-1 .section-head .pill span{ width: 6px; height: 6px; background: var(--blue-mid); border-radius: 50%; display: inline-block;}
 #treatments-sec-1 .section-head h2{ font-family: 'Playfair Display', serif; font-size: clamp(28px, 4vw, 42px); font-weight: 900; color: var(--blue-dark); line-height: 1.2; margin-bottom: 14px;}
 #treatments-sec-1 .section-head h2 em{ color: var(--blue-mid); font-style: normal;}
 #treatments-sec-1 .section-head p{ font-size: 15.5px; color: var(--text-muted); max-width: 520px; margin: 0 auto; line-height: 1.7; font-weight: 300;}
 #treatments-sec-1 .head-line{ width: 56px; height: 3px; background: linear-gradient(90deg, var(--blue-mid), var(--accent)); border-radius: 2px; margin: 18px auto 0;}
 #treatments-sec-1 .cards-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px;}
 #treatments-sec-1 .treatment-card{ background: var(--white); border-radius: var(--radius-card); border: 1px solid var(--border); box-shadow: var(--shadow-card); overflow: hidden; display: flex; flex-direction: column; transition: transform 0.3s ease, box-shadow 0.3s ease;}
 #treatments-sec-1 .treatment-card:hover{ transform: translateY(-6px); box-shadow: var(--shadow-hover);}
 #treatments-sec-1 .card-img-wrap{ position: relative; height: 210px; overflow: hidden;}
 #treatments-sec-1 .card-img-wrap img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease;}
 #treatments-sec-1 .treatment-card:hover .card-img-wrap img{ transform: scale(1.05);}
 #treatments-sec-1 .img-overlay{ position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,61,107,0.08) 0%, rgba(10,61,107,0.55) 100%);}
 #treatments-sec-1 .card-number{ position: absolute; top: 14px; right: 14px; background: var(--white); color: var(--blue-mid); font-family: 'Playfair Display', serif; font-size: 13px; font-weight: 700; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0,0,0,0.15);}
 #treatments-sec-1 .card-category{ position: absolute; bottom: 14px; left: 14px; background: rgba(255,255,255,0.18); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.35); color: #fff; font-size: 10.5px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase; padding: 5px 12px; border-radius: 20px;}
 #treatments-sec-1 .card-body{ padding: 22px 24px 24px; flex: 1; display: flex; flex-direction: column;}
 #treatments-sec-1 .card-title{ font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; color: var(--blue-dark); margin-bottom: 10px; line-height: 1.3;}
 #treatments-sec-1 .card-divider{ width: 36px; height: 2.5px; background: linear-gradient(90deg, var(--blue-mid), var(--accent)); border-radius: 2px; margin-bottom: 12px;}
 #treatments-sec-1 .card-desc{ font-size: 13.5px; line-height: 1.75; color: var(--text-muted); font-weight: 300; flex: 1; margin-bottom: 20px;}
 #treatments-sec-1 .card-features{ display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 20px;}
 #treatments-sec-1 .feature-tag{ background: var(--blue-light); color: var(--blue-mid); font-size: 11px; font-weight: 500; padding: 4px 11px; border-radius: 20px; letter-spacing: 0.3px;}
 #treatments-sec-1 .enquiry-btn{ display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 13px 20px; background: linear-gradient(135deg, var(--blue-mid), var(--blue-dark)); color: #fff; font-family: 'Hind', sans-serif; font-size: 14px; font-weight: 600; border: none; border-radius: var(--radius-btn); cursor: pointer; transition: opacity 0.2s, transform 0.15s; text-decoration: none; letter-spacing: 0.4px;}
 #treatments-sec-1 .enquiry-btn:hover{ opacity: 0.9; transform: scale(0.99);}
 #treatments-sec-1 .enquiry-btn svg{ flex-shrink: 0;}
 #treatments-sec-1 .bottom-cta{ margin-top: 40px; background: linear-gradient(135deg, var(--blue-dark) 0%, #05100f 100%); border-radius: 18px; padding: 32px 40px; display: flex; align-items: center; justify-content: space-between; gap: 20px; position: relative; overflow: hidden;}
 #treatments-sec-1 .bottom-cta::before{ content: ''; position: absolute; top: -40px; right: -40px; width: 180px; height: 180px; background: rgba(255,255,255,0.05); border-radius: 50%;}
 #treatments-sec-1 .bottom-cta::after{ content: ''; position: absolute; bottom: -60px; right: 80px; width: 240px; height: 240px; background: rgba(255,255,255,0.04); border-radius: 50%;}
 #treatments-sec-1 .cta-text{ color: #fff; position: relative; z-index: 1;}
 #treatments-sec-1 .cta-text h3{ font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 700; margin-bottom: 6px;}
 #treatments-sec-1 .cta-text p{ font-size: 14px; opacity: 0.78; font-weight: 300;}
 #treatments-sec-1 .cta-btn{ position: relative; z-index: 1; display: flex; align-items: center; gap: 9px; white-space: nowrap; padding: 14px 30px; background: var(--accent); color: #fff; font-family: 'Hind', sans-serif; font-size: 14.5px; font-weight: 700; border: none; border-radius: 10px; cursor: pointer; transition: opacity 0.2s, transform 0.15s; text-decoration: none; letter-spacing: 0.3px;}
 #treatments-sec-1 .cta-btn:hover{ opacity: 0.92; transform: scale(0.99);}
 @media (max-width: 720px){ #treatments-sec-1 .cards-grid{ grid-template-columns: 1fr;}
 #treatments-sec-1 .bottom-cta{ flex-direction: column; align-items: flex-start; padding: 28px 24px;}
 #treatments-sec-1 .cta-btn{ width: 100%; justify-content: center;}
}
 @media (max-width: 480px){ #treatments-sec-1 { padding: 48px 16px 60px;}
}










#youtube-shorts{
    padding: 50px 0;
}

#youtube-shorts h2{
    font-size: 42px;
    font-weight: 700;
    color: #111;
    margin-bottom: 15px;
    text-align:center;
}

#youtube-shorts .short-item{
    border-radius: 20px;
    overflow: hidden;
}

#youtube-shorts iframe{
    width: 100%;
    height: 500px; /* vertical shorts look */
    border: none;
    border-radius: 20px;
}

#youtube-shorts .owl-nav{
    display: none;
}

#youtube-shorts .owl-dots{
    margin-top: 20px;
}

@media (max-width: 768px) {
    #youtube-shorts h2 {
        font-size: 32px;
    }
}