@import url("https://fonts.googleapis.com/css2?family=Domine:wght@400..700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root{
    --font2:"Inter", sans-serif;
    --primary-light:#eb79e8;
}
@font-face {
  font-family: ivy;
  src: url('assets/fonts/ivy-presto-display-light.woff');
}
@font-face {
  font-family: ivy_bold;
  src: url('assets/fonts/ivy-presto-headline.woff');
}

.f2{
    font-family:"Playfair Display", serif;
}
.text-success{
    color:rgb(77 182 109) !important;
}
.team_part{
    text-align:center;
}
.team_part p{
    color: var(--primary);
    font-size: 15px;
    line-height: 1.4;
}
.doctor_final_content *{
    font-family:inherit !important;
    line-height:1.5 !important;
}
.font2{
    font-family:var(--font2)
}
.nav-link{
    color:black;
}
.tab_read_more_btn{
    display:none;
}
._innner_heading h1{
    font-size:68px;
    font-weight:bold;
}
._innner_heading .breadcrumb-item+.breadcrumb-item::before{
  
}
body {
  font-family: "Inter", sans-serif;
  line-height: 1.6;
  color: #000;
  --primary:#9d449c;
  --primary-hover: #6b236a;
   /*font-family: "Playfair Display", serif;*/
   /* font-family: ivy;*/
}
.btn-primary{
    background-color:var(--primary) !important;
    border-color:var(--primary) !important;
}
.xtrfrwr img{
    height:270px;
    object-fit:cover;
    width:100%;
    object-position:top
}
.btn-primary:hover{
    background-color:var(--primary-hover) !important;
    border-color:var(--primary-hover) !important;
}
.text-primary{
    color:var(--primary) !important;
}
.bg-primary{
    
    background-color:var(--primary) !important;
    
}

/* Override Bootstrap’s outline-primary */
.btn-outline-primary {
  color: #9d449c !important;
  border-color: #9d449c !important;
  background-color: transparent !important;
}

/* Hover & focus states */
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.show {
  color: #fff !important;
  background-color: #9d449c !important;
  border-color: #9d449c !important;
}

/* Disabled state */
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #9d449c !important;
  background-color: transparent !important;
  border-color: #9d449c !important;
  opacity: 0.65;
}

/*h1,*/
/*h2,*/
/*h3,*/
/*h4,*/
/*h5,*/
/*h6 {*/
/*  font-family: "Domine", serif;*/
/*}*/

.text-muted{
    color:black !important;
}
.hero {
  background: url("https://static.vecteezy.com/system/resources/previews/037/153/092/non_2x/yellow-background-yellow-abstract-background-light-yellow-background-design-illustration-abstract-futuristic-yellow-background-yellow-minimalist-design-background-free-vector.jpg")
    no-repeat center center/cover;
  padding: 20px 0 0 0;
  position: relative;
}

.hero .hero-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.hero-text {
  flex: 1 1 55%;
  max-width: 600px;
}

.hero-text h1 {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.3;
}

.hero-text span.text-danger {
  color: var(--primary);
}

.hero-text p {
  font-size: 1.1rem;
  margin: 1rem 0 2rem;
  color: #555;
}

.hero-image {
  flex: 1 1 40%;
  text-align: center;
}

.hero-image img {
  max-width: 100%;
  height: auto;
}

.hero-form {
  background: white;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  padding: 12px 16px;
  max-width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  flex-wrap: wrap;
}

.hero-form input[type="text"],
.hero-form input[type="email"],
.hero-form input[type="tel"] {
  flex: 1 1 28%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 0.95rem;
}

.hero-form .btn {
  flex: 1 1 14%;
  white-space: nowrap;
  padding: 10px 20px;
  font-weight: 600;
  background-color: var(--primary);
  border: none;
}

.section-title {
  margin-bottom: 30px;
  font-size: 2rem;
  font-weight: 600;
}

.counter {
  background: #8d1436;
  color: #fff;
  padding: 50px 0;
  text-align: center;
}

.counter div {
  font-size: 1.8rem;
  font-weight: 600;
}

.card-custom {
  border: none;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  padding: 30px;
  border-radius: 15px;
  background: #fff;
  transition: transform 0.3s ease;
}

.card-custom:hover {
  transform: translateY(-5px);
}

.testimonial {
  background: #fff0f5;
  padding: 60px 0;
}

.faq {
  background: #e6faff;
  padding: 60px 0;
}

.footer {
  background: #2e1a1f;
  color: #fff;
  padding: 40px 0;
}

.footer a {
  color: #fff;
  text-decoration: none;
}

.map {
  height: 200px;
}

/* about  */
.about-section {
  background-color: #fff;
}

.about-img {
  position: relative;
  flex: 1 1 45%;
  max-width: 500px;
}

.about-img img {
  width: 100%;
  transform: rotateY(180deg);
  border-radius: 20px;
}

.experience-badge {
  position: absolute;
  bottom: 20px;
  right: 0px;
  background: #4db66d;
  border-radius: 50%;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 20px 15px;
  width: 120px;
  height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.experience-badge h4 {
  font-size: 2rem;
  color: white;
  margin: 0;
  font-weight: 700;
}

.experience-badge p {
  margin: 0;
  font-size: 0.8rem;
  color: #fff;
  font-weight: 500;
  line-height: 1.2;
}

.about-content {
  flex: 1 1 50%;
  padding-left: 60px;
}

/* counter */
.stats-section {
  padding: 60px 0;
  background-color:var(--primary) !important;
 
}

.bg-primary-light{
   background-color:var(--primary-light) !important;
}
.stats-box {
  border-radius: 20px;
   background-color: var(--primary);
}

.stat-item {
  flex: 1 1 200px;
  margin: 8px 0;
}

.stat-item h5 {
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.stat-item p {
  font-size: 1rem;
  line-height: 1.4;
  color: #eee;
  margin-bottom: 0;
}

/* about doctor */
.doctor-profile {
  position: relative;
}

.doctor-text {
  flex: 1 1 50%;
  max-width: 600px;
  z-index: 2;
}

.doctor-image-wrapper {
  position: relative;
  flex: 1 1 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.doctor-image {
max-width: 100%;
    position: relative;
    z-index: 3;
    height: 500px;
    width: 70%;
    object-fit: cover;
    object-position: top;
    border-radius: 12px;
}

.circle-bg {
  position: absolute;
  border-radius: 50%;
  z-index: 1;
}

.form_sticky{
        position: sticky;
    top: 100px;
}
.red-circle {
  width: 100px;
  height: 100px;
  background-color: var(--primary);
  top: 30px;
  right: 100px;
  transform: translate(50%, -50%);
  z-index: 9;
}

.yellow-circle {
  width: 80px;
  height: 80px;
  background-color: #27a94c;
  bottom: 0;
  left: 100px;
  transform: translate(-40%, 40%);
  z-index: 9;
}

.ms_gallery{
    display:grid;
    gap:20px;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr
}
._mns{
        height: 240px;
}
.section {
  padding: 70px 0;
}

.doctor-profile {
  background-color: #fafafa;
}

/* what we offer */
.offer-section {
  background-color: #bc6bbb2b;
}

.offer-section .section-title {
  font-size: 2.4rem;
  font-weight: 700;
}

.offer-card {
  /* background-color: #fff; */
  border-radius: 12px;
  /* box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04); */
  transition: transform 0.3s ease;
}

.offer-card:hover {
  transform: translateY(-5px);
}

.icon-wrap {
  width: 70px;
  height: 70px;
  background-color: var(--primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.icon-wrap img {
  filter: brightness(0) invert(1);
  width: 30px;
  height: 30px;
}

/* need help */
.cta-section {
  padding: 100px 0 70px 0;
}

.cta-box {
  background: linear-gradient(135deg, #2e0b0d, #3e1215);
  border-radius: 20px;
  overflow: hidden;
  padding:30px 100px  !important;
  padding-bottom:0 !important;
  position: relative;
}

.cta-text {
  flex: 1 1 55%;
  padding-right: 20px;
  margin-bottom: 30px;
}

.cta-subtitle {
  font-size: 1rem;
  color: #f9cd4f;
  margin-bottom: 10px;
}

.cta-title {
  font-size: 2.4rem;
  font-weight: 700;

  line-height: 1.4;
}

.cta-image-wrapper {
  flex: 1 1 40%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cta-doctor-img {
  position: relative;
  max-height: 280px;
  z-index: 2;
}

.circle-yellow {
  position: absolute;
  width: 220px;
  height: 220px;
  background-color: #f9cd4f;
  border-radius: 50%;
  z-index: 1;
}

/* why choose us */
.why-choose-section h2 {
}

.feature-box {
  padding: 30px 20px;
  border-radius: 15px;
  text-align: center;
  transition: 0.3s;
  min-height: 170px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.feature-box img {
  height: 50px;
  width: 50px;
  object-fit: contain;
}

.bg-light-blue {
  background-color: #e6fcff;
}

.bg-light-green {
  background-color: #e6ffee;
}

.bg-light-yellow {
  background-color: #fffcdc;
}

.bg-light-purple {
  background-color: #f5e8ff;
}

.bg-light-lime {
  background-color: #f2ffe6;
}

.bg-light-pink {
  background-color: #ffeef0;
}

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

/* treatments */
.treatment-section {
  background-color: #f6edff;
}

.badge.bg-light-purple {
  background-color: #e9d9fc;
}

.text-purple {
  color: #8e44ad;
}

.treatment-card {
  background-color: #fff;
  border-radius: 15px;
  padding: 30px 20px;
  text-align: center;
  transition: 0.3s ease;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
  min-height: 240px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.treatment-card h5 {
  font-weight: 600;
  font-size: 1.1rem;
  margin: 20px 0 10px;
}

.treatment-card p {
  font-size: 0.9rem;
}

.treatment-active {
  background-color: var(--primary);
  color: #fff;
}

.treatment-active h5 {
  color: #fff;
}

.icon-circle {
  width: 50px;
  height: 50px;
  background-color: var(--primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.icon-circle img {
  width: 24px;
  filter: brightness(0) invert(1);
}

.btn-nav {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
  margin-left: 8px;
  background-color: #fff;
  color: var(--primary);
  font-size: 1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.btn-nav.active {
  background-color: var(--primary);
  color: #fff;
}
.swiper-button-next:after,
.swiper-button-prev:after,.team-button-next:after,
.team-button-prev:after {
  font-size: 22px;
}
.btn-nav {
  right: 0;
  left: auto;
}

.btn-nav.swiper-button-prev,.btn-nav.team-button-prev {
  left: auto;
  right: 80px;
  top: 80px;
}
.btn-nav.swiper-button-next, .btn-nav.team-button-next {
  left: auto;
  right: 10px;
  top: 80px;
}

.inner_doctor_single{
        height: 200px;
    width: 200px;
    object-fit: cover;
    object-position: top;
}
/* ivf process */
.ivf-process-section {
  background-color: #e8faff;
}

.ivf-process-left {
  flex: 1 1 55%;
  padding-right: 30px;
}

.ivf-step {
  display: flex;
  gap: 15px;
  position: relative;
}

.ivf-step:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 60px;
  height: 100%;
  width: 2px;
  background: var(--primary);
}

.icon-wrap {
  width: 45px;
  height: 45px;
  background-color: var(--primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.icon-wrap img {
  width: 20px;
  height: 20px;
  filter: brightness(0) invert(1);
}

.step-content h6 {
  margin-bottom: 5px;
}

.ivf-images {
  flex: 1 1 40%;
  align-items: center;
  position: relative;
  padding-left: 30px;
}

.circle-img {
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.circle-img.small {
  width: 100px;
  height: 100px;
}

.circle-img.large {
  width: 300px;
  height: 300px;
  margin-top: 20px;
}
.ivf-process-section {
  padding: 70px 0;
}

.small2 {
  margin-left: -292px;
}

.small1 {
  margin-right: -292px;
  margin-bottom: -50px;
}

/* gallery */
.clinic-gallery-section h2 {
}

.clinic-gallery-section img {
  transition: transform 0.3s ease;
  object-fit: cover;
  height: 100%;
}

.clinic-gallery-section a:hover img {
  transform: scale(1.02);
}

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

/* google reviews */
.testimonial-section {
  background-color: #fff4f5;
}

.review-card {
  background-color: white;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
  transition: 0.3s;
  height: 100%;
}

.review-card:hover {
  transform: translateY(-5px);
}

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

/* faq */
.faq-section {
  background-color: #e8faff;
}

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

.accordion-button:not(.collapsed) {
  color: var(--primary);
  background-color: #fff;
  box-shadow: none;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23e73f5d' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M1.5 8a.5.5 0 0 1 .5-.5h12a.5.5 0 0 1 0 1H2a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23e73f5d' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1a.5.5 0 0 1 .5.5v6.5h6.5a.5.5 0 0 1 0 1H8.5v6.5a.5.5 0 0 1-1 0V9.5H1a.5.5 0 0 1 0-1h6.5V1.5A.5.5 0 0 1 8 1z'/%3E%3C/svg%3E");
}

/* blog */
.blog-section {
  background-color: #fff;
}

.blog-card {
  /*position: relative;*/
  border-radius: 20px;
  /*overflow: hidden;*/
  /*height: 280px;*/
  transition: transform 0.3s;
  /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);*/
}

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

.blog-overlay {
  /*position: absolute;*/
  /*bottom: 0;*/
  /*left: 0;*/
  /*right: 0;*/
  /*padding: 20px;*/
  /*background: linear-gradient(to top, rgb(0 0 0), transparent);*/
  /*color: #fff;*/
  /*text-align: left;*/
}

.blog-overlay h5 {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

.faq-section,
.blog-section {
  padding: 70px 0;
}
/* contact section */

.contact-section h2 {
  font-size: 2.3rem;
  line-height: 1.4;
}

.contact-section input,
.contact-section textarea {
  font-size: 0.95rem;
}

.contact-section .form-control:focus {
  box-shadow: none;
}

.contact-section {
  background-color: #e8faff;
  padding: 70px 0;
}

/* footer */
.footer-link {
  color: #fff;
  text-decoration: none;
  display: block;
      font-size: 14px;
    margin-bottom: 4px;
  transition: 0.2s ease-in-out;
}
footer p{
      font-size: 14px;
}

.footer-link:hover {
  color: var(--primary);
}

.footer-icon {
  display: inline-block;
  color: #fff;
  background-color: #333;
  width: 38px;
  height: 38px;
  line-height: 38px;
  border-radius: 50%;
  text-align: center;
  margin-left: 8px;
  transition: all 0.3s;
}

.footer-icon:hover {
  background-color: var(--primary);
  color: #fff;
}

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

/* service page */
.service-hero {
  padding: 60px 0;
  background-size:cover;
  background-position:right;
}

.service-featured-image {
  height: 400px;
  width: 900px;
  border-radius: 10px;
  object-fit: cover;
}

.service-hero {
  background-color: #dc9c3536;
}
.col2 {
  column-count: 2;
}

/* about us page */
.text-primary{
  color: var(--primary) !important;
}
.core-value-inner{
  color: white;
  background-color: var(--primary);
  padding: 30px;
  border-radius: 12px;
  height:100%;
}
.core-value-inner hr{
  border-color: white;
}
/*other homepage css*/
.site_logo img{
    width: 120px;
    /* position: relative; */
    z-index: 99;
    margin-top: -60px;
  
}
.video_hero video{
    width:100%;
}

.video_hero{
    height:600px;
    overflow:hidden;
    position:relative;
}
.boxed_content{
    height:100%;
}
.boxed_content img{
    height:100%;
    object-fit:cover
}
.video_hero_overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background-color:#00000070;
    color:white;
    padding:60px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.service_ img{
    height:240px;
    width:100%;
    object-fit:cover
}
.service_{
    height:100%;
}
.service_ .card{
    height:100%;
}
.card-text{
    color: #737373;
    font-size: 16px;
    line-height: 1.5;
}
.service_2,.team2{
    background-size:cover;
}
.team2_overlay{
    background-color:#ffffffd9;
}
.team_inner_2{
    padding:0 20px;
}
.why-image{
        height: 600px;
    width: 100%;
    object-fit: cover;
    border-radius: 19px;
}
.watch_video{
    height:250px;
}
.enq_img{
    
}
.bg{
    background-size:cover;
    background-position:center;
    
}
.page-link{
    color:var(--primary);
}
.page-item.active .page-link{
    background-color:var(--primary);
    color:white;
    border-color:var(--primary);
}

.sidebar {
  padding: 15px;
  background-color: #f9f9f9;
  border-left: 1px solid #ddd;
}

.sidebar h3 {
  margin-bottom: 10px;
  font-size: 18px;
  color: #333;
}

.recent-articles {
  list-style: none;
  padding: 0;
}

.recent-articles li {
  margin-bottom: 8px;
}

.recent-articles a {
  text-decoration: none;
  color: var(--primary);
}

.recent-articles a:hover {
  text-decoration: underline;
}
.test_vi{
        height: 480px;
    border-radius: 9px;
}
.success-story-image img{
    width:100%;
}

.offers_row{
    display:grid;
    gap:20px;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    justify-content:center;
}

.offers_col h5{
    font-size:1.1rem !important;
}
.offers_col:hover{
    background-color:white;
}
.offers_col{
    text-align:center;
    padding:20px;
    transition:300ms;
    border-radius:8px;
        background: #ffffff4a;
            display: flex;
    align-items: center;
    justify-content: center;
}
.hidden_services{
    display:none;
}
.offers_col a{
    text-decoration:none;
    color:#333;
}
.offers_col img{
    margin-bottom:10px;
    width:120px;
}
.team-single{
    display:grid;
    gap:20px;
    grid-template-columns:1fr 2fr;
        background: white;
        border-radius:8px;
        overflow:hidden;
}
.team-single img{
    height: 300px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.read-more-btn{
    color:var(--primary);
}
.team-content{
        padding: 20px 20px 20px 0;
}
.branch_{
        border-radius: 6px;
    overflow: hidden;
}
.branch_ img{
    height:275px;
    object-fit:cover;
    width:100%;
    object-position:top
}
.iframe_news{
        width: 100%;
    height: 234px;
    border-radius: 10px;
}
.inner_home_title{
        max-width: 60%;
    background: #9d449ca8;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    padding: 24px;
}
.cta_sect{
       display: grid;
    grid-template-columns: 4fr 1fr;
    max-width: 1000px;
    margin: auto;
    background: #854c84;
    border-radius: 40px;
    position:relative;
    color:white;
    align-items:center;
}
.cta_sect img{
        position: absolute;
    bottom: 0;
    width: 200px;
    right:30px;
}
.cta_sect div:nth-child(1){
 padding: 50px 40px;
}
.address_box iframe{
    width:100%;
    height:100%;
}
.address_box img {
    height:100%;
    object-fit:cover
}
.address_box img{
    height:185px;
}

.branch_ h5{
    font-size:18px !important;
}
/* Style the dropdown container */
.nav-item.dropdown {
  position: relative;
}

/* Initially hide dropdown menu */
.nav-item .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  background-color: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 0;
  z-index: 1000;
  border:0;
}

/* Show on hover */
.nav-item.dropdown:hover .dropdown-menu {
  display: block;
}

.post_content a{
    color:var(--primary);
}
/* Dropdown items */
.dropdown-item {
  display: block;
  padding: 10px 15px;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
}

.pagination{
        margin-left: 16px;
}

/* Hover effect */
.dropdown-item:hover {
  background-color: #f0f0f0;
}
.top_class_menu{
        display: flex;
    justify-content: end;
    gap: 10px;
    align-items:center;
   
}

header{
    transition:200ms;
}
.social{
        background-color: white;
    padding: 4px 12px;
    border-radius: 12px;
}
.top_class_menu a{
    display:inline-block;
    text-decoration:none;
    color:#222;
    font-family:var(--font2);
    font-size:14px;
    
     background-color: white;
    padding: 6px 16px;
    border-radius: 12px;
}
.dropdown_locations{
     border:none;
    padding:10px;
    width:260px;
    right:0;
    font-family:var(--font2);
}
.dropdown_locations a:hover{
    color:var(--primary);
}
.social{
    transition:300ms;
}
.social:hover{
    background-color:var(--primary);
    color:white;
}
.header.sticky{
    background-color:white;
}
.header.sticky .top_header{
    background-color:white;
}
.header.sticky .top_class_menu a{
    background-color:#fff7d3;
}
.header.sticky header{
    background-color:white;
}
.header{
    position: sticky;
    top: 0;
    z-index: 999;
}
header{
        height: 60px;
            background: #f1f2f6;
}
header a.nav-link, .dropdown-menu a{
    font-family:'Inter';
    font-weight:normal !important;
}
 .dropdown-menu a{
     font-size:15px;
 }
.top_header{
     background-color:#f1f2f6;
     padding:10px 0;
     transition:200ms;
}
.dropdown_phones{
    border:none;
    padding:20px;
    width:300px;
    right:0;
    font-family:var(--font2);
}
.dropdown_phones a:hover{
    color:var(--primary) ;
}
.dropdown:hover .dropdown-menu{
    display:block;
}
.footer_form{
    display:flex;
}
.footer_form input{
    flex:9;
    border:1px solid #ccc;
    outline:none;
        padding-left: 20px;
    height: 48px;
    background-color:transparent;
    border-right:0;
}
.footer_form input:focus{
    background-color:white;
    color:white;
}
.footer_form button{
    flex:3;
    border:1px solid #ccc;
    border-left:0;
    background-color:var(--primary);
    color:white;
    font-size:20px;
}
footer{
    font-family:Inter;
}
.masonry-gallery {
  column-count: 5;
  column-gap: 16px;
}

.masonry-gallery img {
  width: 100%;
  margin-bottom: 16px;
  display: block;
  /*border-radius: 6px;*/
  break-inside: avoid;
  object-fit: cover;
}

.success_stories{
     position:relative;   
}
.success_stories .story_item{
    position: absolute;
}
.story_item .pin{
    position:absolute;
    width:32px;
    left: calc(50% - 16px);
    top: -13px;
}
.story_main{
        border-radius: 7px;
        object-fit:cover;
}
.succes-storiesx{
        padding-bottom: 400px;
        padding-top:100px;
}
.hero-image {
  width: 100%;
  max-width: 600px;
  margin: auto;
  
  text-align: center;
      height: 500px;
      
      display: flex
;
    align-items: end;
}
.breadcrumb{
        font-family: 'Inter';
}
.breadcrumb a{
    text-decoration:none;
    color:var(--primary) !important;
}

.hero-image img {
  width: 100%;
  height: auto;
}
#locationModal  .branch_ img{
    height:180px;
    width:100%;
    object-fit:cover;
    border-radius:4px;
}
.hero2{
    height:650px;
    background-size:cover;
   background-position: left center;
}
body{
    overflow-x:hidden;
}

.hero_grid{
      display: grid;
    grid-template-columns: 1fr;
    height: 600px;
    
    padding:50px;
        padding-top: 60px;
}
.ex{
    
}
.ex p{
       margin-bottom: 4px;
    font-size: 20px;
    font-weight: 500; 
}
.sprr{
    transition:250ms;
    margin-top:50px !important;
}
.sprr:hover{
    background-color:var(--primary);
    color:white;
}
.hero_grid .text{
    text-align:right;
    padding-right:80px;
    
    
}
.anime{
    position:relative;
    height:540px;
    bottom:0;
}
.anime > div{
    transition:800ms;
}
.anime .first{
        display: flex;
    justify-content: center;
    align-items: start;
    padding:60px 40px 0 70px;
    color:white;
}
.ani_content{
        transform: rotate(15deg);
}
.ani_content i{
    font-size: 80px;
    opacity: 0.5;
    /* display: block; */
    display: block;
    margin-left: -40px;
}
.anime .first{
    width: 400px;
    height: 400px;
    background: var(--primary);
    border-top-right-radius: 80%;
    border-bottom-left-radius: 80%;
    position:absolute;
    z-index:2;
    transform: rotate(-15deg);
    transform-origin: right bottom;
    bottom:0;
}
.sprr{
    display: flex
;
    width: 150px;
    height: 150px;
    background: #4db66d;
    color: white;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    line-height:1.4;
    border-radius: 50%;
    padding: 16px;
    text-align: center;
    
        margin-left: auto;
    margin-top: 30px;
    margin-right: 210px;
    box-shadow: 0 0 16px rgb(0,0,0,.5);
}


.success-story-image img{
    height:180px;
       width: 100%;
    object-fit: cover;
    object-position: top;
}
.anime .second{
    width: 400px;
    height: 400px;
    background: teal;
    border-top-right-radius: 80%;
    border-bottom-left-radius: 80%;
    position: absolute;
    transform: rotate(20deg);
    transform-origin: right bottom;
    z-index:1;
    bottom:0;
        background-size: cover;
            background-position: center;
}
.anime .third{
    width: 400px;
    height: 400px;
    background: #27a94c8f;
    border-top-right-radius: 80%;
    border-bottom-left-radius: 80%;
    position: absolute;
    transform: rotate(40deg);
    transform-origin: right bottom;
    z-index:0;
    bottom:0;
}
.first.active, .second.active{
    transform: rotate(40deg);
}
.hero_grid .text #headinlines{
  
    max-width: 400px;
    margin-left: auto;
    font-size: 52px;
}
.hero_grid .anim{
    
}
.test_vi_2{
    height:190px;
        border-radius: 9px;
}
.header.sticky .top_header{
    height:0;
    overflow:hidden;
    padding:0;
}
.header.sticky  .site_logo img{
    margin-top:0;
}
.header.sticky header{
    height:auto;
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding-left:12px ;
    padding-right:12px;
}
/* Responsive columns */
.mobile_logo{
    display:none;
}
.mobile_close{
    display:none;
}
.home-blog .post-col:nth-child(4){
    display:none;
}
.xtra_link{
    display: flex;
    align-items: center;
}
@media screen and (max-width:768px){
    .xtra_link{
            justify-content: space-between;
                padding-right: 10px;
    }
     .dropdown-menu2{
        left: 72px !important;
  
    width: 235px !important;
    top: 40px !important;
    }
    .video_hero{
            height: 350px;
    }
    .inner_home_title{
        max-width:100%;
            padding: 24px;
    padding-left: 45px;
    border-radius: 0;
    }
    .cta_sect h2{
        font-size:20px;
        font-weight: bold;
    }
    .cta_sect p{
        font-size:14px;
    }
    .cta_sect a{
            font-size: 14px;
    }
    .btn-nav.swiper-button-prev, .btn-nav.team-button-prev{
         right: 65px;
    top: 15px;
}
.btn-nav.swiper-button-next, .btn-nav.team-button-next{
    right: 10px;
    top: 15px;
}
.why-image{
        height: auto;
}
    .cta_sect div:nth-child(1){
            padding: 20px 30px 20px 20px;
    }
    .cta_sect img{
        width: 125px;
    right: 0;
    }
    .cta_sect{
        border-radius: 0;
    }
    .video_hero_overlay{
        padding:0;
    }
    .video_hero video{
            height: 350px;
    object-fit: cover;
    }
    .team_grid{
            display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    }
    .team_grid_item{
            width: 100% !important;
    }
    .blog-card img{
            height: 120px;
    }
    .section.bg{
                background-position: bottom;
                padding:60px 0;
    }
    .media_item iframe{
        height:100px;
    }
    .test_vi_2{
        height: 100px;
    width: 100%;
    }
    .clinic-gallery-section img{
        height:120px !important;
    }
    .home-blog .post-col:nth-child(4){
    display:block;
}
.faq-section, .blog-section,.contact-section{
    padding:40px 0;
}
    .static_fixed2 a{
        font-size:14px;
    }
    .static_fixed{
            left: 10px !important;
    bottom: 10px !important;
    }
    .counterx{
            display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap:20px;
        margin: 0 !important;
    padding: 0 !important;
    }
    .stats-section{
        padding:30px 0;
    }
    .doctor-image{
        height:auto;
        width:100%;
    }
    .stat-item h5{
            font-size: 2rem;
    }
    .top_class_menu a{
            padding: 6px 11px;
    }
    .hero2{
            height: auto;
    }
    .hero_grid .text{
        text-align:right;
        padding-right:0;
    }
    html,body{
        overflow-x:hidden;
    }
    .hero_grid{
        grid-template-columns:1fr;
            padding: 15px;
    }
    .anime .first{
        width:300px;
        height:300px;
    }
    .anime .third{
        width:300px;
        height:300px;
    }
    .anime .second{
        width:300px;
        height:300px;
    }
    .about-img{
        flex: none;
    }
    .about-img{
        max-width:100%;
    }
    .about-content{
        padding-left:0;
    }
    .hero_grid .text #headinlines{
            font-size: 40px;
    }
    .social{
        display:none !important;
    }
    #navbarNav{
        display:block;
    position: fixed;
    left: -100%;
    width: 100%;
    bottom: 0;
    background: white;
    z-index: 999;
    top: 0;
    transition:300ms;
    padding:30px;
    }
    #navbarNav.active{
        left:0;
    }
    #navbarNav .navbar-nav{
            align-items: start !important;
            max-width:100%;
            
    }
    #navbarNav .navbar-nav li>a{
        display:flex;
        align-items:center;
        justify-content:space-between;
    }
   #navbarNav  .dropdown-menu {
       position: static;
    box-shadow: none;
        padding-left: 25px;
   }
    #navbarNav .navbar-nav li{
        width:100%;
        display:block;
    }
    .mobile_logo{
    display:block;
    width:120px;
    }
    .mobile_close{
       display:block;
           font-size: 36px;
    color: #5c5c5c;
    }
    .site_logo img{
            width: 90px;
    }
    .hide_mobile{
        display:none;
    }
    .site_logo img{
        margin-top:0;
    }
    .top_class_menu a{
        font-size:12px;
    }
    header{
        height:auto;
    }
    .dropdown:hover .dropdown-menu{
            left: 0;
    }
    .sprr{
                   width: 100px;
        height: 100px;
        font-size: 14px;
        /* margin-left: 0; */
        margin-top: 0;
        margin-right: 0;
        margin-top: 10px !important;
    }
    .ex p{
            margin-bottom: 4px;
    font-size: 16px;
    }
    .hero_grid{
        height:auto;
        padding:24px;
                background: #ffffff6b;
    }
    .anime{
        height:350px;
    }
    .ani_content i{
        font-size:40px;
    }
    .ani_content{
        font-size:14px;
    }
    .my-mb-0{
        margin-top:0 !important;
        margin-bottom:0 !important;
    }
    .stats-box{
        display: grid !important;
    grid-template-columns: 1fr 1fr;
    }
    .section{
        padding:30px 0;
    }
    .doctor-profile > .container{
        display:block !important;
    }
    .red-circle{
                   width: 60px;
        height: 60px;
        background-color: var(--primary);
        top: -10px;
        right: 0;
    }
    .yellow-circle{
            width: 40px;
    height: 40px;
    background-color: #27a94c;
    bottom: 0;
    left: 0;
    transform: translate(-40%, 40%);
    z-index: 9;
    }
    .success_stories{
        display:grid;
        grid-template-columns:1fr 1fr 1fr;
        margin-top:30px;
    }
    .success_stories .story_item{
            position: static;
            width:100% !important;
                object-fit: cover;
                height:auto !important;
    transform: none !important;
    }
    
    .success_stories {
      column-count: 3;          /* Number of columns */
      column-gap: 16px;         /* Space between columns */
    }
    
    .story_item {
      break-inside: avoid;      /* Prevent breaking items between columns */
      margin-bottom: 16px;
    }
    
    .story_item img {
      width: 100%;
      display: block;
      border-radius: 8px;
      height:auto !important;
    }
    .pt-mb-0{
        padding-top:0 !important;
    }
    .cta-section{
            padding: 15px 0 15px 0;
    }
    .treatment-nav{
        display:flex;
    }
    .team-single{
        grid-template-columns:1fr;
        gap:0
    }
    .team-content p:nth-of-type(2){
        display:none;
    }
    .team-content{
                padding: 15px;
    }
    .clinic-gallery-section{
        padding:30px 0;
    }
    .masonry-gallery{
                column-count: 3;
    }
    .xrrr{
                font-size: 14px;
        margin-top: 15px;
        height: auto !important;
                padding-left: 10px !important;
        padding-right: 10px !important;
    }._xtrr{
        display:block;
        word-wrap: break-word;
    }
    .ps-mb-0{
        padding-left:15px !important;
    }
    .offers_row{
            grid-template-columns: 1fr 1fr;
    }
    .service-hero{
            padding: 30px 0;
    }
    .service-hero img{
        margin-top:30px;
    }
    .clinic-gallery-section img{
        height:210px;
    }
    .test_vi{
        height:270px;
        width:100%;
    }
    .address_box iframe{
        margin-top:15px;
    }
    .address_box img{
        margin-top:35px;
    }
    .masonry-gallery .clinic-gallery{
            margin-bottom: 16px;
    }
    .masonry-gallery img{
            margin-bottom: 0;
    }
    .ms_gallery{
            grid-template-columns: 1fr 1fr 1fr;
    }
    .ms_gallery .clinic-gallery{
        margin-bottom:0;
    }
    .branch_ img{
        height:222px;
    }
    .branch_{
        margin-bottom:12px;
    }
    .branch_ a{
        display:block;
    }
    .other_location_p{
        padding:12px !important;
    }
    .story_item img.story_main{
                height: 130px !important;
    }
    .mb-mb-0{
        margin-bottom:0 !important;
    }
    .success-story-image img{
        height:110px;
    }
    .cta-box{
        padding:30px !important;
        padding-bottom:0 !important;
        text-align:center;
    }
    .team-single img{
        height:180px;
    }
    .team-content h4{
        font-size:18px !important;
    }
    .feature-box{
        height:100%;
    }
    .team-content p{
        font-weight:normal !important;
        font-size:13px !important;
    }
}

.service_details{
    
}
.service_details ul li,.service_details ol li{
    margin-bottom:5px;
}
.invert .bg-dark{
    background-color:#f4f4f4  !important;
}
.invert .text-white{
    color:black !important;
}
.why_choose{
    background-size:cover;
}
.wcu_box{
        display: grid;
    grid-template-columns: 50px 1fr;
}
.static_fixed{
        position: fixed;
    
        left: 20px;
    bottom: 40px;
    z-index: 9999;
}
.static_fixed a{
 display:block;   
 background-color:white;
 padding:10px;
 border-radius:8px;
 margin-bottom:10px;
 transition:250ms;
 box-shadow: 0 0 16px rgba(0, 0, 0.5);
    text-align: center;
}
.static_fixed2{
    position: fixed;
    left: 0;
        transform: rotate(-90deg);
    display: flex;
    z-index: 9999;
    gap: 8px;
    top: 400px; 
        top: 400px;
    transform-origin: 14px;
}
.static_fixed2 a{
    display:block;
    
    text-decoration:none;
    background-color:var(--primary);
    color:white;
    margin:0;
    padding:5px 10px;
        border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    text-align:center;
}
.static_fixed a:hover{
    background-color:var(--primary);
    color:white !important;
}
.static_fixed a.whatsapp{
    color:#fff;
    background-color:#25D366;
}
.static_fixed a.location{
    text-decoration:none;
    color:black;
    transform: rotate(90deg);
}
.static_fixed a.call{
    background-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
    color:white;
}
.static_fixed i{
        font-size: 32px;
}
.team_page_header{
    padding:80px 0;
    background-position: top;
}
.team_grid{
    display:flex;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    gap:30px;
    justify-content:center;
}
.team_part:hover *{
color:var(--primary);
}

.media_item iframe{
        width: 100%;
    height: 234px;
    border-radius: 8px;
}
.team_part img{
    height:300px;
    width:100%;
    object-fit:cover;
    object-position:top
}
.mfp-bottom-bar{
        background: white;
    color: black;
    padding:16px;
}
.mfp-title{
    color:black;
}

.clinic-gallery-section img{
    height:240px;
}
.clinic-gallery{
    color:black;
    padding:0;
    text-decoration:none;
}
.clinic-gallery{
    display:block;
    background-color:white;
    height:100%;
    border-radius:8px;
    overflow:hidden;
}
._fr{
    text-align: left;
    display: block;
        padding: 12px;
}
.clinic-gallery-section{
    background-color:#f0f0f0;
}
._fr strong{
    font-size:18px;
    display:block;
}

.dropdown2{
    
}
.dropdown2:hover{
    
}
.dropdown-menu2{
    position: absolute;
    left: 210px;
    top: 0;
    background: white;
    border-radius: 8px;
    width: 300px;
    display:none;
}
.dropdown2:hover  .dropdown-menu2{
left: 215px;
    display: block;
    width: 300px;
    top: -10px;
}
.team_grid_item{
    width: 236px;
}


@media (max-width: 992px) {
  .masonry-gallery {
    column-count: 3;
  }
}