/* ***** 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{font-size: 23px;}
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-white{background-color: #F5F5F5 !important;}
.bg-dark{background-color: #e7e7e7 !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;}

.doctor-info { background-color: #d5f8eb;  background-repeat: repeat; background-size: auto; padding-top: 80px; padding-bottom: 80px; position: relative; overflow: hidden;}
.doctor-name { font-size: 2.4rem; font-weight: 700; color: #212529; display: inline-block; padding-bottom: 6px;}
.doctor-degree { color: #ff9f1c; font-weight: 600; font-size: 1.1rem; letter-spacing: 0.5px; display: inline-block; padding-bottom: 4px;}
.doctor-contact { padding: 0; margin: 0; list-style: none;}
.doctor-contact li { display: flex; align-items: center; margin: 0;  padding: 0;   gap: 8px; }
.doctor-btn { border: none; font-weight: 500; transition: all 0.3s ease;}
.doctor-btn:hover { background-color: #12856f !important; transform: translateY(-2px);}
.doctor-image-wrapper { position: relative; display: inline-block;}
.doctor-img { border-radius: 16px; object-fit: cover; width: 500px; max-width: 350px; height: auto;}
.exp-badge { display: flex; align-items: center; background-color: #fffaf5; border: 1px solid #f4d6b8; border-radius: 12px;  padding: 12px 24px;  position: relative; margin-bottom: 20px;}
.exp-badge .badge-text { display: flex; justify-content: center; align-items: center; width: 40px;  height: 40px; border-radius: 50%;  background-color: #f7e6a6;  color: #f39c12; font-size: 1.4rem; font-weight: 700;}
.exp-badge .poppins { font-family: 'Poppins', sans-serif; font-size: 1rem;  line-height: 1.4; color: #333;}
@media (max-width: 991px) {
  .doctor-info {
    text-align: center;
  }
  .doctor-name {
    font-size: 1.9rem;
  }
  .doctor-img {
    max-width: 100%;
  }
  .exp-badge {
    position: relative;
    transform: none;
    left: 0;
    margin-top: 20px;
  }
}
.quote-box { background-color: #f9f9f9;  border: 1px solid #e6e6e6;}
.quote-box i { line-height: 1;}
.border-btn { background-color: transparent;  border: 2px solid #198754; color: #198754;}
.gray-btn { background-color: #f8f9fa; color: #333; border: 1px solid #ddd;}
.leadership-card { transition: all 0.4s ease; border: 1px solid #eee; background: #fff; cursor: pointer;}
.splide__pagination { display: flex; justify-content: center; gap: 10px; margin-top: 20px;}
.splide__pagination__page { width: 12px; height: 12px; border-radius: 50%; background: #ccc; transition: all 0.3s ease;}
.splide__pagination__page.is-active { background: #f5a623 !important; transform: scale(1.2);}
.conf-card { border-radius: 12px; cursor: pointer; min-width: 220px; flex: 1 1 220px;}
.conf-card p, .conf-card span, .conf-card h5 { color: #111827;}
.conf-card:hover { background-color: #22c55e !important;  border-color: #22c55e !important;}
.conf-card.active { background-color: #22c55e; border-color: #22c55e; color: #fff;}
.conf-card.active p, .conf-card.active span, .conf-card.active h5 { color: #ffffff !important;}
#cardsSlider .splide__pagination { margin-top: 1rem; position: static; }
#cardsSlider .splide__slide {display: flex; justify-content: center; }
#cardsSlider .card { width: 100%; max-width: 300px; }
@media (max-width: 768px) {
  .conf-card {
    min-width: 100%;
  }
}
.awards-section { padding: 60px 0;}
.col-text h2 { font-weight: 700; margin-bottom: 10px;}
.col-text p {color: #666; font-size: 15px; margin-bottom: 30px;}
.guidelines-section { background: #fff3ea; padding: 60px 0; text-align: center;}
.guidelines-section h2 {font-weight: 700; margin-bottom: 10px;}
.guidelines-section p { color: #666; font-size: 15px; margin-bottom: 40px;}
.guidelines-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}
.guidelines-buttons button { padding: 15px 25px; border: none; border-radius: 10px; background: #fff; color: #333; font-size: 14px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.1); }
.guidelines-buttons button:hover {transform: translateY(-3px); }
.guidelines-buttons .active { background: #22c55e; color: white;}
.awards-section { background: #fff; overflow: hidden;}
.awards-section h2 { font-size: 2rem; font-weight: 700; color: #222;}
.awards-section p {font-size: 15px; color: #555; line-height: 1.7;}
.splide__slide img.award-img { width: 200px; height: auto; margin: auto; display: block; margin-top: 20px;}
.splide__pagination { display: none !important;}
.splide { display: flex; flex-direction: column; align-items: center;}
.splide__track { order: 1; width: 100%;}
.splide__slide img.award-img { width: 200px; height: auto; margin: auto; display: block; margin-top: 20px;}
.splide__arrow { background: #fff !important; color: #6b7280 !important;  width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); border: 1px solid #e5e7eb; position: static !important; transition: all 0.3s ease;}
.splide__arrow:hover { background: #22c55e !important;  color: #fff !important;  border-color: #22c55e !important; }
.splide__pagination { display: none !important;}
.splide { display: flex; flex-direction: column; align-items: center;}
.splide__track { order: 1; width: 100%;}
.awards-section .splide__arrows { order: 2;  display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 90px;}
@media (max-width: 768px) {
  .awards-section h2 {
    text-align: center;
    margin-bottom: 15px;
  }
  .awards-section p {
    text-align: center;
  }
}
.guidelines-section { background-color: #fffaf6; }
.isccm-card {
  min-width: 220px;
  flex: 1 1 220px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}

.isccm-card p {
  color: #111827;
  transition: color 0.3s ease;
}

.isccm-card:hover {
  background-color: #22c55e !important; 
  border-color: #22c55e !important;
  box-shadow: 0 8px 16px rgba(34, 197, 94, 0.25);
}

.isccm-card:hover p {
  color: #ffffff !important;
}


.isccm-card.active {
  background-color: #22c55e;
  color: #fff;
  border-color: #22c55e;
  box-shadow: 0 8px 16px rgba(34, 197, 94, 0.25);
}

.isccm-card.active p {
  color: #fff;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .isccm-card {
    min-width: 100%;
  }
}

/* ===== Section Heading ===== */
.section-heading {
  text-align: center;
  position: relative;
}

.section-title {
  display: inline-block;
  position: relative;
  font-weight: 700;
  color: #1f1f1f;
  font-size: 2.5rem;
  line-height: 1.3;
  margin-bottom: 1rem;
}

/* ===== Paragraph Styling ===== */
.section-heading p {
  color: #4b5563;
  font-size: 1.1rem;
  margin-top: 0.5rem;
  line-height: 1.6;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .section-title {
    font-size: 1.8rem;
  }
  .section-title::before {
    width: 70%;
  }
  .section-title::after {
    width: 45%;
  }
}

.doctor-info {
    position: relative;
    overflow: hidden;
    padding: 5rem 0; 
    background: url('../images/bg.png') no-repeat center center; background-size: cover;
}

.doctor-info .col-lg-5 {
    text-align: left;
}

.doctor-info .col-lg-5 .btn {
    margin-left: 0; 
    display: inline-flex; 
}

@media (max-width: 768px) {
    .doctor-info .col-lg-5 .btn {
        display: flex;
        justify-content: center; /* center button on mobile */
        margin: 1rem auto 0 auto; /* top margin + auto horizontal centering */
    }

    /* Optional: badge reposition on mobile */
    .doctor-info .exp-badge {
        left: 50% !important;
        bottom: 15px !important;
        margin-left: -50% !important;
        width: 90% !important;
        position: relative !important;
    }
}


.doctor-info .col-lg-7 {
    text-align: right; 
}


.doctor-info .doctor-image-wrapper {
    position: relative;
    display: inline-block;
}


.doctor-info .exp-badge {
    position: absolute;
    bottom: 30px;
    left: -2%; 
    padding: 0;
    width: 357px; 
}

.quote-box-wrapper2 {
  text-align: center; 
  background-color: #fcfcfc;
 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
}

.quote-card2 {
    border-radius: 10px;
}


.quote-card2 i {
  color: #f4b400; 
  margin-right: 10px;
  vertical-align: middle; 
}

.quote-card2 p {
  display: inline; 
  font-size: 1.3rem;
  line-height: 1.6;
  color: #555;
  vertical-align: middle; 
}

.conf-card-wrapper2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 20px;
}

.conf-card2 {
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  padding: 20px 14px;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  color: #555;
  flex: 0 1 260px;
  transition: all 0.3s ease;
  border: 1px solid #f1f1f1;
}

.conf-card2:hover {
 background-color: #33D687;
}

.conf-card2 p {
  margin: 0;
  color: black;
  line-height: 1.6;
  font-size: 15px;
}

.conf-card2 p:hover {
  color: white;
}



.img1{
  margin-top: 190px; margin-right: -65px;
}

.img2{
  padding: 0px 0px 30px; margin-right: -95px;
}

.img3{
   margin-right: -65px;
}

.img4{
  padding: 0px 0px 30px; margin-right: -95px;
}

.img5{
  margin-right: -65px;
}

.p2003{
 margin-left: 320px;
  margin-top: -120px;
}    

.card-transfer{
      width: 13%;
    height: 275px;
    margin: -20px 255px;
}


.p2006{
 margin-left: 580px;
  margin-top: -120px;
}    

.card-2{
      width: 13%;
    height: 275px;
    margin: -20px 500px;
}

.p2009{
 margin-left: 830px;
  margin-top: -120px;
}    

.card-3{
      width: 13%;
    height: 275px;
    margin: -15px 750px;
}

.p2014{
 margin: 0px 1090px;
  margin-top: -138px;
}    

.card-4{
      width: 13%;
    height: 275px;
    margin: -10px 1016px !important;
}

.p2023{
 margin: 0px 580px;
  margin-top: -140px;
}    

.card-2014{
      width: 13%;
    height: 275px;
    margin: -20px 513px;
}

.present{
 margin: 0px 835px;
  margin-top: -138px;
}    

.card-present{
      width: 13%;
    height: 275px;
    margin: -19px 742px;
}

/* === Fade-in on scroll === */
.fade-in-award {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-in-award.visible {
  opacity: 1;
  transform: translateY(0);
}

/* === Image hover animation === */
.hover-award {
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  border-radius: 12px;
}
.hover-award:hover {
  transform: scale(1.07);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

/* Optional: add subtle glowing effect */
.hover-award:hover {
  box-shadow: 0 0 20px rgba(0, 128, 96, 0.3); /* light green glow */
}

.fade-in-award {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease;
}
.fade-in-award.visible {
  opacity: 1;
  transform: translateY(0);
}
.hover-award {
  transition: transform 0.4s ease, filter 0.4s ease;
}
.hover-award:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}
.glightbox-clean .gdesc-inner, 
.glightbox-desc, 
.glightbox-title {
  display: none !important;
}


.membership-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* two columns */
  gap: 15px 40px; /* row gap & column gap */
}

.membership-list li {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .membership-list{
    display: contents !important;
  }

}

.splide__slide .card {
  transition: all 0.3s ease;
  cursor: pointer;
}

.splide__slide .card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
  background-color: #fff;
}



.cart-img-green{background-image: url(http://gcc.perceptioncare.in/wp-content/uploads/2025/11/Group-4055-1-1.png);background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 270px;}
.cart-img-orange{background-image: url(http://gcc.perceptioncare.in/wp-content/uploads/2025/11/Group-4056.png);background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 270px;}
.content-wrapper-title{position: absolute;right: 30%;top: 27%;}
.chart-slider .splide__slide{height: 600px;}
.content-wrapper-content{position: absolute;top: 42%;padding: 0 15px 0 0;}

@media (max-width: 575px) {
  .content-wrapper-title{position: absolute;right: 30%;top: 27%;}
  .content-wrapper-content{position: absolute;top: 43%;padding: 0 55px 0 15px}
}