@font-face {
      font-family: 'Chapaza';
      src: url('../fonts/Chapaza.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
    }
    @font-face {
      font-family: 'Gilroy';
      src: url('../fonts/Gilroy-Light.otf') format('opentype');
      font-weight: 300;
      font-style: normal;
      font-display: swap;
    }
   @font-face {
      font-family: 'Gilroy';
      src: url('../fonts/Gilroy-Bold.ttf') format('truetype');
      font-weight: bold;
      font-style: swap;
    }
    /* 3) Declare Gilroy ExtraBold (weight 800) */
 
    body {  font-family: 'Gilroy', sans-serif;font-weight: 300; margin:0;  padding-top: 40px;}

    h1,h2,h3,.stats-advanced .counter {
      font-family: 'Chapaza', sans-serif;
    }
    
    h5 ,.awards-text,.accordion-header{
       font-family: 'Gilroy', sans-serif;font-weight: 300;
    }
    .years{
      font-family: 'Chapaza', sans-serif;
      font-size: 20px;
    }
    .moving-bg h3{
      color: white;font-size: 40px;
      text-shadow: 4px 4px 7px rgba(0,0,0,0.6);

    }

    /* NAVBAR */
    .navbar {
      background: linear-gradient(90deg, rgba(2,5,38,0.95), rgba(2,5,38,0.85));
    }
    .nav-link { color: #fff !important; text-transform: uppercase; }
 
    .additional_services .border{
      border: 1px solid #CC9933 !important;
    }
/* brand image */
.navbar-brand img {
  display: block;
  max-height: 50px;
}


/* make the modal inputs darker */
#searchModal .form-control {
  height: 3rem;
}

/* language dropdown items */
.navbar .dropdown-item img {
  object-fit: contain;
}

    /* HERO (no curve here) */
    .hero {
      position: relative;
      overflow: hidden;
      height: 800px;
    }
    .hero video {
      position: absolute; top:0; left:0;
      width:100%; height:100%;
      object-fit: cover;
    }
    .hero .overlay {
      position: absolute; top:0; left:0;
      width:100%; height:100%;
      background: linear-gradient(
        180deg,
        rgba(2,5,38,0.85) 0%,
        rgba(2,5,38,0.4) 60%,
        rgba(2,5,38,0.6) 100%
      );
    }
    .hero .container {
      position: relative; z-index: 2;
      height: 100%; display: flex; align-items: center;
    }
    .hero h1 { font-size: 2.5rem; font-weight: 300; color: #fff; }
    .hero p.lead { font-size: 1.125rem; color: #fff; }
    .hero .form-control { height: 3rem; }
    .mobile_form .form-control { height: 3rem; }
    .btn {
        padding: 0.6rem;
    }
    /* CLINIC SECTION WITH TOP & BOTTOM WAVES */

    .wave{
        position: relative;
      overflow: visible;
      background: linear-gradient(90deg,rgba(9, 40, 56, 1) 0%, rgba(17, 23, 33, 1) 100%);;
      color: #fff;
      padding: 4rem 1rem;
    }

    /* Top wave */
    .wave::before {
      content: "";
      position: absolute;
      top: -100px; 
      left: 0;
      width: 100%; 
      height: 120px;
      background: inherit;
        clip-path: polygon(
        100% 100%, 0% 100% , 0.00% 88.89%, 2.22% 88.78%, 4.44% 88.47%, 6.67% 87.94%, 8.89% 87.21%, 11.11% 86.29%, 13.33% 85.18%, 15.56% 83.89%, 17.78% 82.43%, 20.00% 80.83%, 22.22% 79.09%, 24.44% 77.24%, 26.67% 75.28%, 28.89% 73.24%, 31.11% 71.14%, 33.33% 68.99%, 35.56% 66.82%, 37.78% 64.65%, 40.00% 62.50%, 42.22% 60.39%, 44.44% 58.34%, 46.67% 56.37%, 48.89% 54.50%, 51.11% 52.74%, 53.33% 51.12%, 55.56% 49.64%, 57.78% 48.33%, 60.00% 47.19%, 62.22% 46.24%, 64.44% 45.48%, 66.67% 44.93%, 68.89% 44.58%, 71.11% 44.45%, 73.33% 44.52%, 75.56% 44.81%, 77.78% 45.31%, 80.00% 46.00%, 82.22% 46.90%, 84.44% 47.99%, 86.67% 49.25%, 88.89% 50.68%, 91.11% 52.26%, 93.33% 53.98%, 95.56% 55.83%, 97.78% 57.77%, 100.00% 59.80%
      );
      z-index: 1;
    }
    /* Bottom wave */
    .wave::after {
      content: "";
      position: absolute;
      bottom: -100px; 
      left: 0;
      width: 100%; 
      height: 120px;
      background: inherit;
          clip-path: polygon(
        100% 0%, 0% 0% , 0.00% 68.60%, 2.22% 65.81%, 4.44% 63.04%, 6.67% 60.32%, 8.89% 57.70%, 11.11% 55.22%, 13.33% 52.92%, 15.56% 50.84%, 17.78% 49.01%, 20.00% 47.46%, 22.22% 46.21%, 24.44% 45.28%, 26.67% 44.69%, 28.89% 44.45%, 31.11% 44.56%, 33.33% 45.01%, 35.56% 45.81%, 37.78% 46.94%, 40.00% 48.37%, 42.22% 50.10%, 44.44% 52.09%, 46.67% 54.30%, 48.89% 56.72%, 51.11% 59.29%, 53.33% 61.97%, 55.56% 64.73%, 57.78% 67.52%, 60.00% 70.30%, 62.22% 73.02%, 64.44% 75.63%, 66.67% 78.11%, 68.89% 80.41%, 71.11% 82.49%, 73.33% 84.32%, 75.56% 85.87%, 77.78% 87.12%, 80.00% 88.05%, 82.22% 88.64%, 84.44% 88.88%, 86.67% 88.78%, 88.89% 88.32%, 91.11% 87.52%, 93.33% 86.40%, 95.56% 84.96%, 97.78% 83.23%, 100.00% 81.25%
      );

      z-index: 1;
    }
    #clinic{
      padding-bottom: 0px;
    }
    #clinic::after {
      content: "";
      position: absolute;
      bottom: 0; 
      left: 0;
      width: 0; 
      height: 0;
      background: none;
      clip-path: none
      z-index: 1;
    }
    /* bring clinic content forward */
    #clinic .container { position: relative; z-index: 2; }

    /* CLINIC CONTENT STYLES */
    #clinic h2 { font-size: 2rem;}
    #clinic .bi-star-fill {
      color: #cc9933; font-size: 1.5rem; vertical-align: middle; margin-right: .5rem;
    }
    #clinic p { color: rgba(255,255,255,0.8); }
    #clinic a.read-more { color: #fff; font-weight: 600; }
    #clinic h6 { color: #cc9933; margin-top: 1.5rem; }
    #clinicCarousel .carousel-indicators [data-bs-target] {
      width: 10px; height: 10px; border-radius: 50%; background: #fff; opacity: .5;
    }
    #clinicCarousel .carousel-indicators .active { opacity: 1; }
    #clinicCarousel .carousel-indicators {
      position: static;                /* flow with document */
      display: flex;                   /* horizontal row */
      justify-content: center;         /* center under carousel */
      margin-top: 1rem;                /* space above */
    }

    #clinicCarousel .carousel-indicators button {
      width: 8px;
      height: 8px;
      margin: 0 .5rem;
      border: none;
      border-radius: 50%;
      background-color: #cc9933;       /* your gold/orange */
      opacity: 1;                      /* fully opaque */
      transition: transform .2s;
    }

    #clinicCarousel .carousel-indicators .active {

      background-color: #f8c200;
    }

.expert-item {
  margin-bottom: 1rem;
}
.expert-header {
  background: #111721;
  color: #fff;
  border-radius: .75rem;
  padding: 1rem;
  cursor: pointer;
}
.expert-header h5 {
  margin: 0;
  font-size: 24px;
}
.expert-header small {
  color: rgba(255,255,255,0.75);
}
.expert-header .btn-toggle {

  color: #fff;
  background: transparent;
  width: 42px;
  height: 42px;
  line-height: 1;
  font-size: 40px;
  border-radius: .5rem;
}
.expert-details {
  position: relative;
  overflow: hidden;              
  padding: 1rem;                  
  background: #e6e6e6;            
  border: 1px solid #e9ecef;
  border-top: none;
  border-radius: 0 0 .75rem .75rem;
}

.expert-content {
    margin-top:20px ;
    margin-bottom:20px ;
    position: relative;             
    z-index: 2;                    
}

.expert-image {
  position: absolute;             
  bottom: 0rem;                   
  right: 0rem;                      
  height: auto;
  z-index: 1;                     
}

.expert-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: .5rem;
}
    .stats-col .fs-3 {
      color: #cc9933;
      font-weight: 700;
    }



 
    .mt-6{
        margin-top: 120px;
    }
.counter{
  line-height :6px
}
.stats-advanced .counter {
  display: inline-block;
  font-size: 50px;
  font-weight: 300;
  color: #cc9933;
}
.stats-advanced .counter-static {
  display: inline-block;
  font-size: 2rem;
  font-weight: 700;
  color: #cc9933;
}

.stats-advanced sup {
  font-size: 1rem;
  vertical-align: top;
  margin-left: .125rem;
  color: #cc9933;
}

.stats-advanced .counter-label {
  font-family: 'Chapaza', sans-serif;
  margin-top: .25rem;
  font-size: 32px;
  color: #020526;
  margin-bottom: 30px;
}
.divder{
    margin-bottom: 40px;
}
.moving-bg {
    display: flex;
  justify-content: center; /* horizontal centering */
  align-items: center;     /* vertical centering */
  /* if you want items stacked (text over button), add: */
  flex-direction: column;
  /* your desired size & position */
  width: 100%;
  height: 600px;

  /* tile the image horizontally */
  background-image: url('../img/demo/gallery.png');
  background-repeat: repeat-x;
  background-position: 0 50%;  /* start at left, vertically centered */
  background-size: auto 100%;  /* scale to div height */

  /* animate */
  animation: bg-pan 50s linear infinite alternate;
}

@keyframes bg-pan {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: 100%;
  }
}
.expert-details.collapsing {
  transition: height 0.2s ease;
}
/* animate our expert columns as their width changes */
#experts .col-lg-6,
#experts .col-lg-12 {
  /* animate both the width and the flex-basis Bootstrap uses */
  transition: width 0.2s ease, flex-basis 0.2s ease;
}



/* gradient background matching the rest */
.bg-gradient-dark {
  background: linear-gradient(90deg,rgba(9, 40, 56, 1) 0%, rgba(17, 23, 33, 1) 100%);;
}

/* make slide-info hidden by default */
.multiple-items .celebrity-slide .slide-info {
 
  display: block;
  opacity: 0;
  transition: opacity .3s ease;
  margin-top: 1rem;
  color: #fff;
}

/* when slick marks it as center, show it */
.multiple-items .slick-center .slide-info {
  display: block;
  opacity: 1;
}

/* blur/fade non-center slides */
.multiple-items .slick-slide {
  opacity: .5;
  filter: blur(1px);
  transition: filter .3s, opacity .3s;
}

.multiple-items .slick-center {
  opacity: 1;
  filter: blur(0);
}


/* adjust image and arrows as before... */
.multiple-items .celebrity-slide img {
  max-width: 200px;
  margin: 0 auto;
  object-fit: cover;
}


.slick-next:before{
  font-size: 30px;
      content: '❯';
}
.slick-prev:before {
  font-size: 30px;
    content: '❮';
}
 
 /* hide on non-center */
.multiple-items .slide-info {
  display: block;
  opacity: 0;
  transition: opacity .6s ease;
}
/* show only on centered slide */
.multiple-items .slick-center .slide-info {
  display: block;
  opacity: 1;
}


/* name + button row */
.slide-info{
  text-align: left;
}
.slide-info .celebrity-name {
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
}
.slide-info .btn-danger {
  padding: .25rem .5rem;
  font-size: .875rem;
}

/* role */
.slide-info .celebrity-role {
  font-size: 1rem;
  font-weight: 500;
  color: #cc9933;
  text-transform: uppercase;
}

/* description */
.slide-info .celebrity-desc {
  font-size: .9rem;
  line-height: 1.4;
  color: #fff;
  max-width: 400px;  /* optional */
}

/* read more link */
.slide-info .read-more {
  color: #fff;
  text-decoration: underline;
  font-size: .875rem;
}

.multiple-items .slick-slide img {
  margin-top: 20px;
  transition: margin-top 0.6s ease; /* <-- add your easing here */
}
 .multiple-items .slick-slide:not(.slick-center) img {
  margin-top: 0px;
 
  }

 /* --- Trusted --- */
#trusted { background: #fff; }

#trusted p { max-width: 600px; margin: auto; }

 
.text-warning{color: #CC9933 !important}


/* --- Testimonials --- */
#testimonials { position: relative; }

#testimonials p { letter-spacing: .3px; }

/* slick overrides for blur & center */
.testimonial-slider .slick-slide {
  opacity: 0.5;
  filter: blur(2px);
  transition: filter .3s ease, opacity .3s ease;
}
.testimonial-slider .slick-center {
  opacity: 1 !important;
  filter: blur(0) !important;
}


 
/* position arrows */
.testimonial-slider .slick-prev { left: 0px; }
.testimonial-slider .slick-next { right: 0px; }

#trusted .icons img{
  max-width: 150px;
   
  object-fit: cover;
}
.card img{
  max-width: 140px;
   border-radius: 15px;
}
.card-body{
  padding-top:0px;
}
.card{
  border-radius: 15px;
}
.slick-dots li.slick-active button:before{
  color: white;
}
.slick-dots li button:before{
  color: white;
}
.search-btn{
  margin-right: 20px;
  margin-left: 20px;
}

.burger-menu{
  border: 0px;
  color: #fff;
}
.navbar-toggler:focus {
    text-decoration: none;

    box-shadow: none;
}
/* Standard */
.form-control::placeholder {
  color: #ffffff96;
  opacity: 1; /* make sure Firefox shows it at full opacity */
}

.expert-content img{
  height: 40px;
  margin:5px;
  margin-right: 20px;
}
.expert-content img{
  height: 40px;
  margin:5px;
  margin-right: 20px;
}
.expert-content{
  width: 80%;
}
#clinic.wave {
  position: relative;
}

#clinic .section-star {
  position: absolute;
  top: 5rem;      /* adjust as needed */
  left: 5rem;     /* adjust as needed */
  width: 32px;    /* pick your desired size */
  height: auto;
  pointer-events: none;  /* lets clicks through if it overlaps something */
  z-index: 2;     /* sit above the background but below other key content */
}
.cel_yt{
  max-width: 50px !important;
}


.testimonial-slider .slick-active {
  opacity: 1 !important;
  filter: blur(0) !important;
}
  #celebrities{
    min-height: 670px;
  }
  .wave,#celebrities .container,#testimonials .container{
        padding-right:0px !important;
    padding-left: 0px !important;
  }
}
/* Footer base */
#main-footer {
  background: linear-gradient(to right, #2f4151, #212d38);
  color: #f8fdf5;
}
#main-footer,#main-footer h5,#main-footer p{
   color: white;
}
#main-footer a {
  color: #f8fdf5;
  text-decoration: none;
}
#main-footer a:hover {
  color: #CC9933;
}

/* Override Bootstrap outline button color */
#main-footer .btn-outline-light {
  border-color: rgba(248, 253, 245, .6);
}
#main-footer .btn-outline-light:hover {
  background-color: rgba(248, 253, 245, .2);
}

/* Small tweaks */
#main-footer h5 {
  font-family: 'Gilroy', sans-serif;
  font-weight: 800;
}
#main-footer p,
#main-footer li {
  font-size: .875rem;
  line-height: 1.4;
}
#main-footer hr {
  margin: 1.5rem 0;
  opacity: .3;
}
/* FAQ wrapper uses your existing wave gradient */
#faq {
   border-radius: 0 0 20px 20px; color: #000;
}

/* Titles */

#faq .golden_text      { color: #CC9933; font-style: normal; }
#faq .h2_as_p          { font-size: 2rem; margin: 0; }

/* Flush accordion styling */
#faq .accordion-button {
  background: transparent;
  color: #000;
  font-weight: 700;
  padding-left: 1rem;
  padding-right: 1rem;
  border: none;
  border-bottom: 1px solid rgba(255,255,255,.3);
}
#faq .accordion-button:not(.collapsed) {
  color: #CC9933;
}

/* Invert the default caret to white */
#faq .accordion-button::after {
  filter: invert(1);
}

/* Body text */
#faq .accordion-body {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  color: 000;
}

/* Each slide needs a little horizontal padding so cards don’t touch */
.blog-slider .blog-slide {
  padding: 8px 20px;
}

/* Card styling to match your design */
.blog-slider .card {
  border-radius: .75rem;
  overflow: hidden;
}

/* Title in card */
.blog-slider .card-title {
  font-family: 'Gilroy', sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  margin-bottom: .5rem;
}

/* Body text */
.blog-slider .card-text {
  font-size: .9rem;
  color: #333;
  line-height: 1.4;
}

/* Slick arrows */
.blog-slider .slick-prev,
.blog-slider .slick-next {
  background: none;
  border: none;
  font-size: 2rem;
  color: #ccc;
  transition: color .2s;
}
.blog-slider .slick-prev:hover,
.blog-slider .slick-next:hover {
  color: #888;
}

/* Position arrows outside the cards */
.blog-slider .slick-prev  { left: -30px; }
.blog-slider .slick-next  { right: -30px; }

/* Dots below */
.blog-slider .slick-dots {
  margin-top: 1.5rem;
}
.blog-slider .slick-dots li button:before {
  font-size: .8rem;
  color: #ccc;
  opacity: 1;
}
.blog-slider .slick-dots li.slick-active button:before {
  color: #888;
}
.card-img-top{
  border-radius: 0px !important;
  max-width: 100% !important;
}
#blog .slick-list{
  padding-bottom: 20px;
}
.btn-warning{
  background: #CC9933;
   font-family: 'Gilroy';
   font-weight: 800;
   color: #FFF;
   border: 2px solid #F0C419;
}
.award-spec{
    margin-bottom: -40px;
    z-index: 2;
}
#celebrities .slick-next{
  right :25%
}
#celebrities .slick-prev{
  left :25%
}

/* Container and title */
.static-stories {
  color: #fff;
}
.static-stories .section-title {
  font-family: 'Chapaza', serif;
  color: #f8c200;
}

/* Grid layout */
.stories-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 0rem;
}

/* Each card */
.story-item {
  position: relative;
  overflow: hidden;
}
.story-item img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform .3s ease;
}
.story-item:hover img {
  transform: scale(1.05);
}

/* Video icon in top-right */
.video-icon {
  position: absolute;
  top: .5rem;
  right: .5rem;
  background: rgba(0,0,0,0.6);
  padding: .3rem;
  border-radius: .3rem;
  font-size: 1rem;
  color: #fff;
}

/* Follow Us overlay */
.story-item.follow-us .follow-btn {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0,0,0,0.7);
  padding: .6rem 1rem;
  border-radius: .3rem;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0rem;
}
.story-item.follow-us .follow-btn i {
  font-size: 1.2rem;
}
/* container + heading */
.clinic-services {
  margin-top: 3rem;
}
 

.services-grid {
  display: grid;
  gap: 0rem;
  align-items: stretch;
  grid-template-columns: repeat(6, 1fr);
  position: relative;
  z-index: 1;
}

.services-grid::before {
  content: "";
  position: absolute;
  top: -1px;           /* pull it up */
  left: 0;
  width: 100%;
  height: 60px;         /* match your clip-path’s vertical span */
  background: linear-gradient(90deg,rgba(9, 40, 56, 1) 0%, rgba(17, 23, 33, 1) 100%);   /* same as .services-grid background */
  clip-path: polygon(100% 0%, 0% 0% , 0.00% 53.17%, 4.00% 40.19%, 8.00% 27.88%, 12.00% 17.18%, 16.00% 8.90%, 20.00% 3.67%, 24.00% 1.89%, 28.00% 3.69%, 32.00% 8.93%, 36.00% 17.23%, 40.00% 27.94%, 44.00% 40.25%, 48.00% 53.23%, 52.00% 65.90%, 56.00% 77.29%, 60.00% 86.53%, 64.00% 92.93%, 68.00% 95.99%, 72.00% 95.49%, 76.00% 91.47%, 80.00% 84.22%, 84.00% 74.30%, 88.00% 62.47%, 92.00% 49.62%, 96.00% 36.72%, 100.00% 24.76%);

  z-index: 5;           /* behind your actual items */
}

/* story-item base (from your stories) */
.story-item {
  display: block;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
}
.story-item img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  z-index: 1;
}

/* caption overlay */
.story-caption {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 20px;
  padding: .5rem;
  color: #fff;
  font-family: 'Chapaza', sans-serif;
  font-weight: 300;
}

/* every .service-item becomes a flex‐box center container */
.service-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0; /* collapse any extra padding if you want */
  text-align: center; /* center the lines of text */
}
.service-item::before {
  content: "";
  position: absolute;
  inset: 0;                     /* top:0; right:0; bottom:0; left:0 */
  background: #000000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 45%);
  z-index: 2;
}

.service-item .story-caption,
.service-item .clinic-heading {
  
  z-index: 3;
}
/* specifically style your clinic‐heading text stack */
.clinic-heading {
  font-weight: 300;
  display: flex;
  flex-direction: column;
  gap: 0rem;           /* spacing between lines */
  font-family: 'Chapaza', serif;
  color: #cc9933;
  line-height: 1.5;
  font-size: 22px;
}
.bg-secondary{
  background-color: rgb(38 46 57) !important;
}
.form-background{
  background: rgba(15,23,33);
}
.white{
  color: #fff;
}
.accordion-button:focus{
    outline: 0;
    box-shadow: none;
}
.accordion_service {
  background-color: rgb(38 46 57) !important;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    outline: 0;
    font-size: 18px;
    transition: .4s;
    border-radius: 14px;
    margin: 10px 0;
}
.accordion_service:hover{
  color: #CC9933;
}
.panel_service ul {
    padding: 5px 18px !important;
    list-style: none;
    border-radius: 14px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease-in-out;
    display: none;
    margin-bottom: 10px;
}
.btn-whatsapp {
    background: #27a11a;
    border-color: #27a11a;
    box-shadow: 0 0 10px #27a11a80;
    font-weight: 600;
    color: #fff;
    font-size: 19px;
}
.btn-whatsapp:hover {
    background: #28c717;
    border-color: #27a11a;
    color: #fff;
}
a {
    color: #CC9933;
    text-decoration: none;
}
a:hover {
    color: #0f1721;
    text-decoration: none;
}
.btn-outline-info{
  color: #0f1721;
  border: 1px solid #0f1721;
}
.btn-outline-info:hover{
  color: #fff;
  background: #0f1721;
}
.panel_service a{
  color: #0f1721;
}
.panel_service a:hover{
  color: #CC9933;
}
.right_bottom {
    z-index: 9999999;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.banner{
  height: 350px;
}
.page-link{
  background: rgb(11 36 51);
  color: #FFF;
}
.celebrity-section-star-1{
    position: absolute;
    top: 2rem;
    left: 55rem;
    width: 16px;
    height: auto;
    pointer-events: none;
    z-index: 2;
}
.celebrity-section-star-2{
    position: absolute;
    top: 1rem;
    left: 30rem;
    width: 40px;
    height: auto;
    pointer-events: none;
    z-index: 2;
}
.celebrity-section-star-3 {
    position: absolute;
    top: 8rem;
    left: 40rem;
    width: 32px;
    height: auto;
    pointer-events: none;
    z-index: 2;
}
.celebrity_content{
  text-align: left;
}
#about .section-star{
position: relative;
    top: 10rem;
    left: 5rem;
    width: 32px;
    height: auto;
    pointer-events: none;
    z-index: 2;
}
#clinicCarousel .carousel-indicators [data-bs-target]{
  background: #CC9933;
}
#about p{
  text-align: justify;
}
.clickable-image{
  cursor: pointer;
}
@media (max-width: 767px) {

  .stories-grid {
    display: flex;            /* switch to flex */
    flex-wrap: nowrap;        /* never wrap to next row */
    gap: 0;                   /* no gutter between cards */
    overflow-x: auto;         /* horizontal scrolling */
    -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */
    padding-bottom: 0rem;     /* give some breathing room */
  }
  .story-item {
    flex: 0 0 auto;           /* fix each card’s flex behavior */
    width: 50vw;              /* each card is 75% of viewport width—tweak as you like */
    margin-right: 0;       /* optional spacing between items */
  }
   .service-item{
    width: auto; 
  }
  .clinic-heading{
    font-size: 20px;
  }
}
#doctor_details p{
  text-align: left;
}
.dropdown-menu{
  background: linear-gradient(90deg,rgba(9, 40, 56, 1) 0%, rgba(17, 23, 33, 1) 100%);
}
.dropdown-item{
  color: #FFF;
}
.hero-form{
  margin-bottom: -200px;
}

/* tablet: 3 columns */
@media (max-width: 991.98px) {
  .services-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
/* phone: 2 columns */
@media (max-width: 575.98px) {
  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}


@media only screen and (min-width: 1400px) {

  .moving-bg {
    height: 800px;
  }
}
@media only screen and (min-width: 600px) {

  #celebrities{
    min-height: 650px;
  }
}
@media only screen and (max-width: 600px) {
  .award-spec{
    margin-bottom: -15px;
  }
  .hero-form{
    margin-bottom: -250px;
  }

  .mobile_view{
    display: none;
  }
  .mobile_form{
    display: block !important;
  }
  
  .hero {
      position: relative;
      overflow: hidden;
      height: 300px;
    }
      .wave_hero{
      padding: 1rem 1rem;
    }
    .star_hero{
      top: 0 !important;
    }
  #celebrities .slick-next{
    right :20px
  }
  #celebrities .slick-prev{
    left : 20px
  }
  #clinic .section-star {
        position: absolute;
        top: 3rem;
        left: 80%;
        width: 32px;
        height: auto;
        pointer-events: none;
        z-index: 2;     
  }
  #about .section-star{

    top: 2rem;
    left: 70%;
    width: 20px;

}
#about2 p {
  text-align: justify;
}
  .celebrity-section-star-1{
    position: absolute;
    top: 3rem;      /* adjust as needed */
    left: 1rem;     /* adjust as needed */
    width: 10px;    /* pick your desired size */
    height: auto;
    pointer-events: none;  /* lets clicks through if it overlaps something */
    z-index: 2;     /* sit above the background but below other key content */
  }
  .celebrity-section-star-2{
    position: absolute;
    top: 2rem;      /* adjust as needed */
    left: 8rem;     /* adjust as needed */
    width: 12px;    /* pick your desired size */
    height: auto;
    pointer-events: none;  /* lets clicks through if it overlaps something */
    z-index: 2;     /* sit above the background but below other key content */
  }
  .celebrity-section-star-3{
    position: absolute;
    top: 3rem;      /* adjust as needed */
    left: 20rem;     /* adjust as needed */
    width: 12px;    /* pick your desired size */
    height: auto;
    pointer-events: none;  /* lets clicks through if it overlaps something */
    z-index: 2;     /* sit above the background but below other key content */
  }
  
  .service_icon{
      max-width: 5rem;
  }

 
}
 .img-responsive{
    max-width: 100%;
    height: auto;
  }
html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
.mobile_form{
  display: none;
}

    .mira-input-background{
      background-color: rgba(255,255,255,0.3) !important ;
    }