/* ***** Font Family ***** */
.poppins{font-family: "Poppins", sans-serif;}
.caros{ font-family: 'Caros', sans-serif;}
.montserrat{font-family: "Montserrat", sans-serif;}

h1, .h1{font-size: 80px;}
h2, .h2{font-size: 60px;}
h3, .h3{}
h4, .h4{font-size: 30px;}
h5, .h5{}
h6, .h6{font-size: 26px;}

/* ***** Color ***** */
.text-gray{color: rgba(140, 140, 140, 1) !important;}
.text-gray2{color: #383838 !important;}
.text-black{color: rgba(33, 33, 33, 1) !important;}
.text-black2{color: #232E2F !important;}
.text-black3{color: rgb(35, 46, 47, 60) !important;}
.text-white{color: rgba(255, 255, 255, 1) !important;}
.text-green{color: #33D687 !important;}
.text-yellow{color: #F4AB01 !important;}

/* ***** Backgound color ***** */
.bg-black{background-color: rgba(56, 56, 56, 1) !important;}
.bg-green{background-color: #33D687 !important;}
.bg-gray{background-color: #F9F9F9 !important;}
.bg-creame{background-color: #FEF2E5 !important;}
.card-bg{background-color: #F7F7F8 !important;}
.accordion{background-color: #EEEEEE !important;}
.bg-badge{background-color: #FFCF9A !important;}
.bg-orange{background-color: #F8880F !important;}

/* ***** Font Size ***** */
.fs-12{font-size: 12px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}
.fs-22{font-size: 22px;}
.fs-24{font-size: 24px;}
.fs-50{font-size: 50px;}
.fs-70{font-size: 70px;}

/* ***** Line Height ***** */
.lh-20{line-height: 20px;}
.lh-30{line-height: 30px;}
.lh-31{line-height: 31px;}
.lh-33{line-height: 33px;}
.lh-36{line-height: 36px;}
.lh-44{line-height: 44px;}
.lh-53{line-height: 53px;}
.lh-67{line-height: 67px;}
.lh-60{line-height: 60px;}
.lh-83{line-height: 83px;}
.lh-70{line-height: 70px;}

/* ***** Letter Spacing ***** */
.ls-05{letter-spacing: -0.5px;}
.ls-10{letter-spacing: 5px;}

/* ***** Button ***** */
.btn-success{--bs-btn-color: #fff;--bs-btn-bg: #33D687;--bs-btn-border-color: #33D687;
    --bs-btn-hover-color: #269961;--bs-btn-hover-bg: #269961;--bs-btn-hover-border-color: #33D687;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;--bs-btn-active-color: #fff;--bs-btn-active-bg: #33D687;
    --bs-btn-active-border-color: #33D687;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #33D687;--bs-btn-disabled-border-color: #33D687;
    padding: 12px 35px;border-radius: 35px;
}
.btn-link{--bs-btn-font-weight: 400;--bs-btn-color: #383838;--bs-btn-bg: transparent;--bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);--bs-btn-hover-border-color: transparent;--bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;--bs-btn-disabled-color: #6c757d;--bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;--bs-btn-focus-shadow-rgb: 49, 132, 253;text-decoration: none;
}

/* ***** Common Css ***** */
.homepad{padding-top: 130px;padding-bottom: 130px;}
.radius-20{border-radius: 20px;}
p{margin-bottom: 0;}
hr{color: #232E2F !important;}
/* Section Headings */

.about-bg{background-image: url('https://gujaratcriticalcare.com/wp-includes/assets/images/Group 3978 (1).png');background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed;min-height: 300px;display: flex;justify-content: center;align-items: center;text-align: center;position: relative;color: #222;font-family: 'Poppins', sans-serif;}
.about-bg::before{content: "";position: absolute;inset: 0;background: rgba(255, 255, 255, 0.6);}
.about-bg .overlay{position: relative;z-index: 1;}
.about-bg h1{font-size: 48px;font-weight: 800;color: #222;}
.about-bg p{font-size: 16px;color: #00796b;margin-top: 10px;}
.info-wrapper{display: flex;justify-content: center;align-items: center;margin: 60px 0;width: 100%;}
.info-rect{display: flex;align-items: center;justify-content: center;border-radius: 20px;overflow: hidden;font-family: 'Poppins', sans-serif;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);}
.rect{display: flex;align-items: center;gap: 10px;padding: 18px 42px;font-size: 17px;font-weight: 600;transition: all 0.3s ease;position: relative;}
.rect.about{background-color: #31d884;color: #fff;border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.rect.doctor{background-color: #fff5ec;color: #2b2b2b;}
.rect.about::after{content: "";position: absolute;right: -20px;top: 0;width: 40px;height: 100%;background: #31d884;border-radius: 0 40% 40% 0;z-index: 2;}
@media (max-width: 600px){
  .info-rect{flex-direction: column;border-radius: 16px;}
  .rect.about{border-radius: 16px 16px 0 0;}
  .rect.doctor{border-radius: 0 0 16px 16px;}
  .rect.about::after{display: none;}
}
.homepad.bg-white-section{background-image: url('../assets/images/bg-white.png');background-size: cover;background-position: center;padding: 50px 0;}
.our-team-section{background-color: #fff;}
.team-box{box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);}
.team-box{cursor: pointer;transition: all 0.3s ease;}
.team-box.highlight-box{color: #fff;border: none;}
@media (max-width: 470px) {
  .team-boxhiglight{width: 200px;right: 90px;}
}
.col-md-2_4{
    flex: 0 0 20%;
    max-width: 20%;
}

@media (max-width: 991.98px) {
    .col-md-2_4 {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

@media (max-width: 767.98px) {
    .col-md-2_4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 575.98px) {
    .col-md-2_4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

 .conference-section {
      background-color: #fff;
      padding: 80px 0;
    }

    .conference-text {
      background-color: #fff2e6; /* Soft peach background */
      padding: 60px;
   
    }

    .conference-text h2 {
      color: #1c1c1c;
      font-weight: 700;
      font-family: "Poppins", sans-serif;
    }

    .conference-text p {
      color: #333;
      line-height: 1.7;
      font-size: 16px;
      margin-bottom: 0;
    }

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

    @media (max-width: 991px) {
      .conference-item {
        flex-direction: column-reverse;
      }

      .conference-text {
        text-align: center;
        padding: 40px;
      }
    }

        .vmp-section {
      padding: 80px 0;
    }

    .vmp-card {
      background-color: #f9f9f9;
      border: none;
      border-radius: 16px;
      padding: 40px 30px;
      text-align: center;
      box-shadow: 0 4px 15px rgba(0,0,0,0.05);

    }

    .vmp-icon {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 20px;
      color: #fff;
      font-size: 28px;
    }

    .vmp-icon.red { background-color: #ff6f61; }
    .vmp-icon.orange { background-color: #ffa94d; }
    .vmp-icon.yellow { background-color: #f6c700; }

    .vmp-card h5 {
      font-weight: 600;
      color: #1c1c1c;
      margin-bottom: 15px;
    }

    .vmp-card p {
      color: #555;
      font-size: 15px;
      line-height: 1.7;
      margin: 0;
    }

    @media (max-width: 768px) {
      .vmp-card {
        margin-bottom: 30px;
      }
    }

    .services-section {
  background: #fff4e9;
  padding: 60px 20px;
}

.section-title {
 font-weight: 600;
  color: #333;
  line-height: 1.3;
}

.section-subtitle {
  line-height: 1.6;
}


@media (max-width: 768px) {
  .service-card {
    padding: 15px 20px; 
    min-height: 180px; 
  }

  .service-card p {
    font-size: 14px; 
    line-height: 1.4; 
  }
}



.splide__pagination {
  display: flex !important;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  margin: auto;
  gap: 10px;
  z-index: 10;
}


.splide__pagination__page {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ffffff; 
  opacity: 0.5;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
}

/* ✅ Active Dot */
.splide__pagination__page.is-active {
  background-color: #f5a623 !important; 
  opacity: 1;
  transform: scale(1.25);
}

/* ✅ Mobile Adjustments */
@media (max-width: 575px) {
  .splide__pagination {
    bottom: -25px; 
    gap: 8px;
  }
  .splide__pagination__page {
    width: 10px;
    height: 10px;
  }
}

.expertise-section {
  background: linear-gradient(to bottom, #e8f9f2 0%, #ffffff 100%);
  padding: 60px 20px;
  text-align: center;
}

.section-title {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}

.section-subtitle {
  color: #666;
  font-size: 15px;
  max-width: 650px;
  margin: 0 auto 50px auto;
  line-height: 1.6;
}

.expertise-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
  justify-content: center;
}

.expertise-card {
  background-color: #f9f9f9;
  border-radius: 16px;
  padding: 25px 30px;
  text-align: left;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.icon {
  font-size: 26px;
  color: #2eb885;
  margin-bottom: 15px;
}

.expertise-card h3 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}

.expertise-card p {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}
.expertise-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  justify-content: center;
}

@media (max-width: 768px) {
  .expertise-grid {
    grid-template-columns: 1fr; 
  }
}

.text-content {
  max-width: 520px;
}

 @media (min-width: 992px) {
  .col-lg-5th {
   flex: 0 0 20%;
   max-width: 20%;
   }
}

@media (max-width: 575px) {
.col-rev{
  flex-direction: column-reverse;
}
}

.team-box {
  background-color: #f8f9fa; /* light background */
  transition: all 0.4s ease;
  transform: translateY(0);
  border: 2px solid transparent;
}

/* Hover effect */
.team-box:hover {
  transform: translateY(-10px); /* lift up */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* shadow */
  background-color: #ffffff; /* slightly brighter */
}

/* Image zoom on hover */
.team-box img {
  transition: transform 0.4s ease;
}

.team-box:hover img {
  transform: scale(1.1);
}


.vmp-card {
  background-color: #ffffff;
  transition: all 0.4s ease;
  transform: translateY(0);
  border: 2px solid transparent;
  cursor: pointer;
}

/* Default icon transition */
.vmp-icon {
  transition: all 0.4s ease;
}

/* Hover effect only for desktop */
@media (hover: hover) and (pointer: fine) {
  .vmp-card:hover {
    transform: translateY(-10px); /* lift */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); /* shadow */
  }

  .vmp-card:hover .vmp-icon {
    transform: scale(1.1) rotate(5deg); /* slight zoom + rotate */
    box-shadow: 0 0 15px rgba(255, 122, 0, 0.3); /* glow effect */
  }
}

/* Mobile-friendly tap feedback */
@media (max-width: 767px) {
  .vmp-card {
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  }

  .vmp-card:active {
    transform: scale(0.97); /* press-down feedback */
  }
}


.expertise-card {
  background-color: #ffffff;
  border: 2px solid transparent;
  border-radius: 12px;
  padding: 20px;
  transition: all 0.4s ease;
  transform: translateY(0);
  cursor: pointer;
  align-items: center;
}

/* Icon styling */
.expertise-card .icon {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
  background-color: #f8f9fa;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}

.expertise-card .icon img {
  max-width: 40px;
  transition: transform 0.4s ease;
}

/* --- Hover effect for desktop --- */
@media (hover: hover) and (pointer: fine) {
  .expertise-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    background-color: #ffffff; /* soft tinted bg */
  }

  .expertise-card:hover .icon {
    transform: scale(1.1) rotate(5deg);
  }

  .expertise-card:hover .icon img {
    transform: scale(1.15);
  }

}

/* --- Mobile-friendly tap feedback --- */
@media (max-width: 767px) {
  .expertise-card {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  }

  .expertise-card:active {
    transform: scale(0.97);
  }
}