:root {

     --teal-primary: #0d9488;

     --teal-dark: #032e41;

     --teal-light: #3bafbf;

     --teal-accent: #14b8a6;

     --teal-bg: #f0fdfa;

     --teal-soft: #ccfbf1;

     --dark: #0f172a;

     --gray-600: #475569;

     --gray-400: #94a3b8;

     --white: #ffffff;

     --off-white: #f8fafb;

     /* blog */

     --primary: #0F3D3E;

     --secondary: #2EC4B6;

     --bg: #F5F7F7;

     --bg-light: #EAF6F6;

     --text: #1A1A1A;

     --text-muted: #666;

     --card-bg: #fff;

     --border: #e0ebe9;

     --accent: #e8f5f3;

     --shadow-card: 0 4px 24px -4px rgba(15, 61, 62, 0.08);

     --shadow-card-hover: 0 12px 40px -8px rgba(15, 61, 62, 0.15);

     --gradient-hero: linear-gradient(135deg, #0F3D3E 0%, #1a6b5a 100%);

     --gradient-cta: linear-gradient(135deg, #2EC4B6 0%, #145a5b 100%);

     --radius: 16px;

     --radius-sm: 12px;


       --primary: #0f766e;
  --primary-dark: #0b5d56;
  --primary-light: #14b8a6;
  --primary-soft: #ccfbf1;
  --accent: #f0fdfa;
  --text: #0f172a;
  --text-muted: #64748b;
  --bg: #ffffff;
  --bg-soft: #f8fafc;
  --border: #e2e8f0;
  --shadow-sm: 0 4px 12px rgba(15, 118, 110, 0.08);
  --shadow-md: 0 10px 30px rgba(15, 118, 110, 0.12);

 }





 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 html {
     scroll-behavior: smooth;
     scroll-padding-top: 80px;
 }

 body {
     font-family: 'Inter', sans-serif;
     color: var(--dark);
     overflow-x: hidden;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 'Plus Jakarta Sans', sans-serif;
 }



 a:focus {
     outline: none;
     box-shadow: none;
 }

 a {
     text-decoration: none;
 }



 /* ===== NAVBAR ===== */

 .navbar-custom {

     background: rgba(255, 255, 255, 0.95);

     backdrop-filter: blur(20px);

     border-bottom: 1px solid rgba(13, 148, 136, 0.08);

     padding: 12px 0;

     transition: all 0.3s ease;

 }

 .navbar-custom.scrolled {

     box-shadow: 0 4px 30px rgba(3, 46, 65, 0.08);

     padding: 8px 0;

 }


.navbar-custom .nav-link.active {
    background: #d8f0ee !important;
    color: #2aa7a1 !important;
    border-radius: 4px;
}

 .navbar-brand-text {

     font-family: 'Plus Jakarta Sans', sans-serif;

     font-weight: 800;

     font-size: 18px;

     color: var(--teal-dark);

     line-height: 1.2;

 }

 .navbar-brand-text span {
     color: var(--teal-light);
 }

 .navbar-custom .nav-link {

     color: var(--gray-600);

     font-weight: 500;

     font-size: 14px;

     padding: 8px 13px !important;

     border-radius: 8px;

     transition: all 0.3s;

 }

 .navbar-custom .nav-link:hover,

 .navbar-custom .nav-link.active {

     color: var(--teal-primary);

     background: var(--teal-bg);

 }

 .btn-cta {

     background: linear-gradient(135deg, var(--teal-primary), var(--teal-light));

     color: #fff;

     border: none;

     padding: 10px 24px;

     border-radius: 50px;

     font-weight: 600;

     font-size: 0.9rem;

     transition: all 0.3s;

     text-decoration: none;

     display: inline-flex;

     align-items: center;

     gap: 8px;

 }

 .btn-cta:hover {

     transform: translateY(-2px);

     box-shadow: 0 8px 25px rgba(13, 148, 136, 0.35);

     color: #fff;

 }

 /* services menu */
.services-menu{
  position:relative;
  display:inline-block;
  font-family:Arial, sans-serif;
}
.services-menu .nav-link i {
    transition: transform 0.3s ease;
    transform: rotate(0deg);
}
.services-menu:hover .nav-link i {
    transform: rotate(180deg);
}

.services-menu > a{
  display:flex;
  align-items:center;
  gap:6px;
  padding:12px 22px;
  border-radius:14px;
  color:#1f4150;
  text-decoration:none;
  font-weight:600;
}
.services-dropdown::-webkit-scrollbar {
    width: 1px;
}

.services-dropdown::-webkit-scrollbar-track {
    background: transparent;
}

.services-dropdown::-webkit-scrollbar-thumb {
    background: #3bafbf; /* 👈 apne theme color ke according change kar sakte ho */
    border-radius: 10px;
}

.services-dropdown::-webkit-scrollbar-thumb:hover {
    background: #3bafbf;
}


.services-dropdown {
    display: none;
    position: absolute;
    top: 38px;
    left: 50%;
    transform: translateX(-50%);
    width: 650px;
    background: #fff;
    border: 1px solid #d9edf0;
    border-radius: 20px;
    padding: 28px;
    box-shadow: 0 20px 45px rgba(7, 55, 75, .12);
    z-index: 9999;
    height: calc(100vh - 135px);
    overflow-y: auto;
     scrollbar-width: thin;
    scrollbar-color: #2bb3a3 transparent;
}

.services-menu:hover .services-dropdown{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px 36px;
}

.service-item{
  display:flex;
  gap:14px;
  text-decoration:none;
  align-items:flex-start;
}

.service-icon{
  min-width:38px;
  height:38px;
  border-radius:11px;
  background:#dff8f7;
  color:#0d9488;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
}

.service-item h4{
  margin:0 0 4px;
  font-size:14px;
  color:#23313a;
  font-weight:700;
}

.service-item p{
  margin:0;
  font-size:13px;
  color:#71828c;
  line-height:1.35;
}

.service-item:hover h4{
  color:#0d9488;
}



 /* services menu */

 /* services pg*/
.text-primary-custom { color: var(--primary) !important; }
.bg-soft { background-color: var(--bg-soft); }
.btn { font-weight: 600; border-radius: 12px; padding: 0.7rem 1.5rem; transition: all 0.25s ease; }
.btn-primary-custom {
  background: linear-gradient(135deg, var(--primary-light), var(--primary));
  color: #fff; border: none; box-shadow: 0 8px 20px rgba(15, 118, 110, 0.3);
}
.btn-primary-custom:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(15, 118, 110, 0.4); }
.btn-white-custom { background: #fff; color: var(--primary); border: none; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }
.btn-white-custom:hover { transform: translateY(-2px); color: var(--primary-dark); }
.btn-lg { padding: 0.9rem 1.8rem; font-size: 1.025rem; }

.section-inner-services { padding: 5rem 0; }
.section-box-service { padding: 5rem 0; }
.eyebrow {
  display: inline-block; color: var(--primary);
  font-size: 14px; font-weight: 700; letter-spacing: 0.15em;
  text-transform: uppercase; margin-bottom: 0.75rem;
}
.list-section li{
    font-size: 18px;
}
.section-title-service { margin-bottom: 1rem;font-size: clamp(1.75rem, 4vw, 2.5rem);
    line-height: 1.2;    font-weight: 700;
    letter-spacing: -0.02em;}
.section-subtitle-service { color: var(--text-muted); font-size: 1.05rem; max-width: 640px; }

.page-hero-service {
  background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);
  color: #fff; padding: 8rem 0 4rem; position: relative; overflow: hidden;
}
.page-hero-service::before {
  content: ''; position: absolute; top: -80px; right: -80px;
  width: 320px; height: 320px; border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
}
.page-hero-service h1 {
    color: #fff;
    font-size: clamp(2rem, 4vw, 3.5rem);
    line-height: 1.1;font-weight: 700;
}
.page-hero-service .lead {
    font-size: 1.25rem;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.9);
    max-width: 700px;
}
.page-hero-service .btn-white-custom{
    border: 2px solid rgba(255, 255, 255, 0);
}
.page-hero-service .btn-white-custom:hover{
    background: transparent;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.5);
}
.page-hero-service .btn-lg.outline-b{background: transparent;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.5);}
.page-hero-service .breadcrumb { background: transparent; padding: 0; margin-bottom: 1rem; }
.page-hero-service .breadcrumb a { color: rgba(255, 255, 255, 0.8); }
.page-hero-service .breadcrumb-item.active { color: #fff; }
.page-hero-service .breadcrumb-item + .breadcrumb-item::before { color: rgba(255, 255, 255, 0.6); }

.about-image { border-radius: 24px; overflow: hidden; box-shadow: var(--shadow-md);width: 100%;height: 500px; }
.about-image img { width: 100%;     height: 100%;
    display: block;
    object-fit: cover; }
.about-ser h2 {
    margin-bottom: 16px;
    margin-top: 7px;
}
.about-ser p {
    line-height: 1.8;
}
.symptom-item {
  background: #fff; border: 1px solid var(--border); border-radius: 14px;
  padding: 1rem 1.25rem; display: flex; align-items: center; gap: 0.85rem;
  transition: all 0.25s ease;font-size: 18px;height: 100%;
}
.symptom-item:hover { border-color: var(--primary-light); transform: translateX(4px); }
.symptom-item i {
  width: 36px; height: 36px; border-radius: 10px;
  background: var(--accent); color: var(--primary);
  display: grid; place-items: center; flex-shrink: 0;
}

.treatment-card {
  background: #fff; border-radius: 24px; padding: 2rem 15px;
  border: 1px solid var(--border); height: 100%; transition: all 0.3s ease;
}
.treatment-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: var(--primary-light); }
.treatment-card .ico {
  width: 64px; height: 64px; border-radius: 18px;
  background: linear-gradient(135deg, var(--primary-light), var(--primary));
  color: #fff; display: grid; place-items: center;
  font-size: 1.5rem; margin-bottom: 1.25rem;
}
.treatment-card h3 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
}
.step-card h4 {
    font-weight: 600;
}

.step-card { background: #fff; border: 1px solid var(--border); border-radius: 18px; padding: 1.5rem; height: 100%; position: relative; }
.step-num {
  width: 40px; height: 40px; border-radius: 12px;
  background: linear-gradient(135deg, var(--primary-light), var(--primary));
  color: #fff; display: grid; place-items: center;
  font-weight: 800; margin-bottom: 1rem; font-family: 'Plus Jakarta Sans', sans-serif;
}

.why-item { display: flex; gap: 1rem; margin-bottom: 1.25rem; }
.why-item .ico {
  width: 44px; height: 44px; border-radius: 12px;
  background: var(--accent); color: var(--primary);
  display: grid; place-items: center; flex-shrink: 0;
}
.why-item h4 { font-size: 1.05rem; margin-bottom: 0.25rem; }
.why-item p { color: var(--text-muted); font-size: 15px; margin: 0; }

.cost-card { background: linear-gradient(135deg, #fff, var(--accent)); border: 1px solid var(--border); border-radius: 20px; padding: 2rem; }
.cost-row { display: flex; justify-content: space-between; align-items: center; padding: 0.85rem 0; border-bottom: 1px dashed var(--border); }
.cost-row:last-child { border: 0; }
.cost-row .price { color: var(--primary); font-weight: 700; }

.accordion-item { border: 1px solid var(--border); border-radius: 16px !important; margin-bottom: 0.75rem; overflow: hidden; }
.accordion-button { font-weight: 600; padding: 1.1rem 1.25rem; color: var(--text); background: #fff; }
.accordion-button:not(.collapsed) { background: var(--accent); color: var(--primary-dark); box-shadow: none; }
.accordion-button:focus { box-shadow: none; border-color: var(--primary-light); }
.accordion-body { color: var(--text-muted); padding: 15px 1.25rem 1.25rem; }

.doctor-card-service { background: linear-gradient(135deg, #fff 0%, var(--accent) 100%); border-radius: 28px; padding: 2.5rem; box-shadow: var(--shadow-md); }
.doctor-photo-service { border-radius: 24px; overflow: hidden; box-shadow: var(--shadow-md);     width: 100%;
    height: 340px;}
.doctor-photo-service img { width: 100%; height: 100%; object-fit: cover; display: block; }
.doctor-photo-service figure{margin-bottom: 0px;height: 100%;}
.final-cta {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
  color: #fff; border-radius: 32px; padding: 4rem 3rem;
  position: relative; overflow: hidden;
}
.final-cta .btn-white-custom:hover{background-color: white;}
.final-cta::before {
  content: ''; position: absolute; top: -100px; right: -100px;
  width: 300px; height: 300px; border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
}
.final-cta h2 { color: #fff; }
.final-cta p { color: rgba(255, 255, 255, 0.9); font-size: 1.1rem; }
 /* services-pg */

 /* ===== HERO ===== */

 .hero-section {

     background: linear-gradient(135deg, #f0fdfa 0%, #f8fafb 50%, #e0f7fa 100%);

     min-height: 92vh;

     display: flex;

     align-items: center;

     position: relative;

     overflow: hidden;

     padding: 100px 0 60px;

 }

 .hero-section::before {

     content: '';

     position: absolute;

     top: -50%;

     right: -20%;

     width: 700px;

     height: 700px;

     background: radial-gradient(circle, rgba(59, 175, 191, 0.08) 0%, transparent 70%);

     border-radius: 50%;

 }

 .hero-section::after {

     content: '';

     position: absolute;

     bottom: -30%;

     left: -10%;

     width: 500px;

     height: 500px;

     background: radial-gradient(circle, rgba(13, 148, 136, 0.06) 0%, transparent 70%);

     border-radius: 50%;

 }

 .hero-badge {

     display: inline-flex;

     align-items: center;

     gap: 8px;

     background: rgba(13, 148, 136, 0.1);

     color: var(--teal-primary);

     padding: 6px 16px;

     border-radius: 50px;

     font-size: 0.85rem;

     font-weight: 600;

     margin-bottom: 20px;

 }

 .hero-title {

     font-size: 3.2rem;

     font-weight: 800;

     line-height: 1.15;

     color: var(--teal-dark);

     margin-bottom: 20px;

 }

 .hero-title span {
     color: var(--teal-light);
 }

 .hero-subtitle {

     font-size: 1.1rem;

     color: var(--gray-600);

     line-height: 1.7;

     margin-bottom: 32px;

     max-width: 520px;

 }

 .hero-buttons {
     display: flex;
     gap: 14px;
     flex-wrap: wrap;
     margin-bottom: 48px;
 }

 .btn-hero-primary {

     background: linear-gradient(135deg, var(--teal-primary), var(--teal-accent));

     color: #fff;

     border: none;

     padding: 14px 32px;

     border-radius: 50px;

     font-weight: 600;

     font-size: 1rem;

     transition: all 0.3s;

     text-decoration: none;

     display: inline-flex;

     align-items: center;

     gap: 10px;

 }

 .btn-hero-primary:hover {

     transform: translateY(-3px);

     box-shadow: 0 12px 30px rgba(13, 148, 136, 0.4);

     color: #fff;

 }

 .btn-hero-secondary {

     background: #fff;

     color: var(--teal-dark);

     border: 2px solid rgba(3, 46, 65, 0.15);

     padding: 12px 30px;

     border-radius: 50px;

     font-weight: 600;

     font-size: 1rem;

     transition: all 0.3s;

     text-decoration: none;

     display: inline-flex;

     align-items: center;

     gap: 10px;

 }

 .btn-hero-secondary:hover {

     border-color: var(--teal-primary);

     color: var(--teal-primary);

     transform: translateY(-3px);

     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);

 }

 .hero-stat-card {

     background: #fff;

     border-radius: 16px;

     padding: 20px 24px;

     box-shadow: 0 4px 20px rgba(3, 46, 65, 0.06);

     border: 1px solid rgba(13, 148, 136, 0.08);

     text-align: center;

     transition: transform 0.3s;

 }

 .hero-stat-card:hover {
     transform: translateY(-4px);
 }

 .hero-stat-number {

     font-family: 'Plus Jakarta Sans', sans-serif;

     font-size: 2.2rem;

     font-weight: 800;

     color: var(--teal-primary);

     line-height: 1;

 }

 .hero-stat-label {

     font-size: 0.85rem;

     color: var(--gray-600);

     margin-top: 6px;

     font-weight: 500;

 }

 .hero-image-wrapper {

     position: relative;

     z-index: 1;

 }

 .hero-image-wrapper img {

     border-radius: 24px;

     box-shadow: 0 20px 60px rgba(3, 46, 65, 0.15);

     width: 100%;

     height: auto;

     object-fit: cover;

 }

 .hero-float-badge {

     position: absolute;

     background: #fff;

     border-radius: 14px;

     padding: 14px 18px;

     box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);

     display: flex;

     align-items: center;

     gap: 10px;

     font-weight: 600;

     font-size: 0.85rem;

     color: var(--teal-dark);

     z-index: 2;

 }

 .hero-float-badge.top-badge {
     top: 20px;
     right: -10px;
 }

 .hero-float-badge.bottom-badge {
     bottom: 30px;
     left: -10px;
 }

 .hero-float-badge .icon-circle {

     width: 40px;

     height: 40px;

     border-radius: 50%;

     display: flex;

     align-items: center;

     justify-content: center;

     font-size: 1rem;

 }

 .hero-image-wrapper p {

     margin-bottom: 0px;

 }

 .icon-teal {
     background: var(--teal-soft);
     color: var(--teal-primary);
 }

 .icon-green {
     background: #dcfce7;
     color: #16a34a;
 }



 /* ===== SECTIONS ===== */

 .section-padding {
     padding: 90px 0;
 }

 .section-heading {

     font-size: 2.4rem;

     font-weight: 800;

     color: var(--teal-dark);

     margin-bottom: 16px;

 }

 .section-heading span {
     color: var(--teal-light);
 }

 .section-subtitle {

     color: var(--gray-600);

     font-size: 1.05rem;

     line-height: 1.7;

     max-width: 600px;

     margin: 0 auto 50px;

 }

 .section-label {

     display: inline-flex;

     align-items: center;

     gap: 6px;

     background: var(--teal-bg);

     color: var(--teal-primary);

     padding: 5px 14px;

     border-radius: 50px;

     font-size: 0.8rem;

     font-weight: 600;

     text-transform: uppercase;

     letter-spacing: 0.5px;

     margin-bottom: 12px;

 }

 .bg-light-teal {
     background: var(--teal-bg);
 }

 .bg-off-white {
     background: var(--off-white);
 }



 /* ===== ABOUT ===== */

 .about-img {

     border-radius: 20px;

     overflow: hidden;

     box-shadow: 0 20px 50px rgba(3, 46, 65, 0.1);

 }

 .about-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.5s;
 }

 .about-img:hover img {
     transform: scale(1.03);
 }

 .about-feature {

     display: flex;

     align-items: flex-start;

     gap: 14px;

     margin-bottom: 20px;

 }

 .about-feature-icon {

     width: 44px;

     height: 44px;

     min-width: 44px;

     border-radius: 12px;

     background: var(--teal-bg);

     color: var(--teal-primary);

     display: flex;

     align-items: center;

     justify-content: center;

     font-size: 1.1rem;

 }

 .about-feature h6 {

     font-weight: 700;

     color: var(--teal-dark);

     margin-bottom: 2px;

 }

 .about-feature p {

     font-size: 0.9rem;

     color: var(--gray-600);

     margin: 0;

 }

 .about-img figure.wp-block-image.size-full {

     margin: 0px;

 }



 /* ===== DOCTOR ===== */

 .doctor-section {

     background: linear-gradient(135deg, var(--teal-dark) 0%, #064e5e 100%);

     color: #fff;

     position: relative;

     overflow: hidden;

 }

 .doctor-section::before {

     content: '';

     position: absolute;

     top: -50%;

     right: -20%;

     width: 600px;

     height: 600px;

     background: radial-gradient(circle, rgba(59, 175, 191, 0.15) 0%, transparent 70%);

     border-radius: 50%;

 }

 .doctor-img-wrapper {

     position: relative;

     z-index: 1;

 }

 .doctor-img-wrapper img {

     border-radius: 20px;

     width: 100%;

     max-width: 400px;

     box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);

 }

 .doctor-name {

     font-size: 2.4rem;

     font-weight: 800;

     margin-bottom: 4px;

 }

 .doctor-credentials {

     color: var(--teal-accent);

     font-weight: 600;

     margin-bottom: 4px;

 }

 .doctor-title {

     color: rgba(255, 255, 255, 0.7);

     margin-bottom: 20px;

     font-size: 0.95rem;

 }

 .doctor-text {

     color: rgba(255, 255, 255, 0.85);

     line-height: 1.8;

     margin-bottom: 20px;

 }

 .expertise-badge {

     display: inline-flex;

     align-items: center;

     gap: 8px;

     background: rgba(255, 255, 255, 0.1);

     border: 1px solid rgba(255, 255, 255, 0.15);

     color: #fff;

     padding: 10px 18px;

     border-radius: 12px;

     font-size: 0.88rem;

     font-weight: 500;

     margin: 4px;

     transition: all 0.3s;

 }

 .expertise-badge:hover {

     background: rgba(59, 175, 191, 0.25);

     border-color: var(--teal-accent);

 }

 .expertise-heading-badge {

     display: inline-block;

     background: linear-gradient(135deg, var(--teal-accent), var(--teal-light));

     padding: 8px 22px;

     border-radius: 50px;

     font-weight: 700;

     font-size: 0.95rem;

     margin-bottom: 16px;

     color: #fff;

 }

 #director .section-label {

     background: rgba(255, 255, 255, 0.1);

     color: var(--teal-accent);

 }





 /* ===== HOSPITAL STATS ===== */

 .stat-card {

     background: #fff;

     border-radius: 16px;

     padding: 28px 20px;

     text-align: center;

     border: 1px solid rgba(13, 148, 136, 0.08);

     box-shadow: 0 4px 15px rgba(3, 46, 65, 0.04);

     transition: all 0.3s;

     height: 100%;

 }

 .stat-card:hover {

     transform: translateY(-6px);

     box-shadow: 0 12px 35px rgba(13, 148, 136, 0.12);

     border-color: var(--teal-accent);

 }

 .stat-card .icon-wrap {

     width: 56px;

     height: 56px;

     border-radius: 14px;

     background: var(--teal-bg);

     color: var(--teal-primary);

     display: flex;

     align-items: center;

     justify-content: center;

     font-size: 1.4rem;

     margin: 0 auto 14px;

 }

 .stat-card .stat-num {

     font-family: 'Plus Jakarta Sans', sans-serif;

     font-size: 2rem;

     font-weight: 800;

     color: var(--teal-dark);

 }

 .stat-card .stat-label {

     font-size: 0.88rem;

     color: var(--gray-600);

     font-weight: 600;

 }

 .wp-block-post-date.has-small-font-size{ display: none;}

 .stat-card .stat-num p {

     margin-bottom: 4px;

 }


 
  #hospital ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 70px;
    margin-top: 20px;
}
.facility-item p{margin-bottom:0px}

 /* ===== SCHEMES ===== */
.scheme-strip {
    padding: 50px 0;
    background: linear-gradient(135deg, var(--teal-dark) 0%, #064e5e 100%);
}
.stat-card .icon-wrap p {
    margin-bottom: 0px;
}

 .scheme-strip h4 {
     color: #fff;
     font-weight: 700;
     font-size: 1.4rem;
 }
.scheme-logo {
    transition: all 0.3s;
    height: 100%;
    background: #ffffff;
    border-radius: 18px;
    padding: 30px 20px;
    text-align: center;
    border-bottom: 2px solid #369e9b;
}

 .scheme-logo:hover {
     transform: translateY(-4px);

 }

 .scheme-logo img {
     max-height: 75px;
     margin-bottom: 10px;
     filter: brightness(1.1);
     object-fit: contain !important;
     width: 160px !important;
     height: 150px !important;
 }

 .scheme-strip ul {
     display: flex;
     width: 100%;
     flex-wrap: wrap;
 }

 .scheme-logo .wp-block-post-featured-image {
     margin-bottom: 0px !important;
 }

.scheme-logo h2 {
    color: #1e5e5d;
    font-weight: 600;
    font-size: 0.9rem;
    margin: 0;
}



 .scheme-strip ul li {

     width: 16.66666667%;

     padding: 7px;

 }



 /* ===== GALLERY ===== */

 .gallery-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 16px;
 }


 .gallery-item {

     position: relative;

     border-radius: 16px;

     overflow: hidden;

     cursor: pointer;

     aspect-ratio: 4/3;

 }

 #gallery a.pfg-item-link {
     border-radius: 20px;
 }

 .gallery-item img,
 .gallery-item video {

     width: 100%;

     height: 100%;

     object-fit: cover;

     transition: transform 0.5s;

 }

 .gallery-item:hover img,
 .gallery-item:hover video {
     transform: scale(1.08);
 }

 .gallery-overlay {

     position: absolute;

     inset: 0;

     background: linear-gradient(to top, rgba(3, 46, 65, 0.7), transparent);

     opacity: 0;

     transition: opacity 0.3s;

     display: flex;

     align-items: center;

     justify-content: center;

 }

 .gallery-item:hover .gallery-overlay {
     opacity: 1;
 }

 .gallery-overlay i {

     width: 50px;

     height: 50px;

     background: rgba(255, 255, 255, 0.95);

     color: var(--teal-primary);

     border-radius: 50%;

     display: flex;

     align-items: center;

     justify-content: center;

     font-size: 1.2rem;

     transform: scale(0.8);

     transition: transform 0.3s;

 }

 .gallery-item:hover .gallery-overlay i {
     transform: scale(1);
 }

 .gallery-tabs {

     display: flex;

     gap: 10px;

     justify-content: center;

     margin-bottom: 40px;

     flex-wrap: wrap;

 }

 .gallery-tab {

     padding: 8px 22px;

     border-radius: 50px;

     border: 2px solid rgba(13, 148, 136, 0.15);

     background: #fff;

     color: var(--gray-600);

     font-weight: 600;

     font-size: 0.9rem;

     cursor: pointer;

     transition: all 0.3s;

 }

 .gallery-tab.active,
 .gallery-tab:hover {

     background: var(--teal-primary);

     color: #fff;

     border-color: var(--teal-primary);

 }



 /* ===== LIGHTBOX ===== */

 .lightbox-modal {

     display: none;

     position: fixed;

     inset: 0;

     background: rgba(0, 0, 0, 0.92);

     z-index: 9999;

     align-items: center;

     justify-content: center;

     padding: 30px;

 }

 .lightbox-modal.active {
     display: flex;
 }

 .lightbox-content {

     max-width: 900px;

     max-height: 85vh;

     border-radius: 16px;

     overflow: hidden;

     position: relative;

 }

 .lightbox-content img,
 .lightbox-content video {

     width: 100%;

     max-height: 85vh;

     object-fit: contain;

     border-radius: 16px;

 }

 .lightbox-close {

     position: absolute;

     top: 20px;

     right: 20px;

     width: 44px;

     height: 44px;

     border-radius: 50%;

     background: rgba(255, 255, 255, 0.15);

     color: #fff;

     border: none;

     font-size: 1.3rem;

     cursor: pointer;

     z-index: 10000;

     transition: background 0.3s;

 }

 .lightbox-close:hover {
     background: rgba(255, 255, 255, 0.3);
 }


 .lightbox-nav {

     position: absolute;

     top: 50%;

     transform: translateY(-50%);

     width: 48px;

     height: 48px;

     border-radius: 50%;

     background: rgba(255, 255, 255, 0.15);

     color: #fff;

     border: none;

     font-size: 1.2rem;

     cursor: pointer;

     transition: background 0.3s;

     z-index: 10000;

 }

 .lightbox-nav:hover {
     background: rgba(255, 255, 255, 0.3);
 }

 .lightbox-prev {
     left: 20px;
 }

 .lightbox-next {
     right: 20px;
 }

 #gallery .pfg-item.pfg-item-hover--fade {
    height: 400px;
    aspect-ratio: inherit;
}
 #gallery .pfg-item-hover--fade .pfg-item-overlay, .pfg-item-hover--fade .pfg-item-caption--overlay{transform: translate(0) !important;}
 #gallery .pfg-item-caption--overlay {
    background: linear-gradient(to top, rgb(0 0 0 / 84%) 0%, #00000000 100%) !important;
}
#gallery .pfg-grid--grid .pfg-item-caption {
    opacity: 1 !important;
    padding-top: 49px;
}
#gallery .pfg-item-title {
    font-size: 14px;
    color: white !important;
}


/* facility sec */

.facility-section{
  position:relative;
  padding:90px 20px;
  overflow:hidden;
  background:
    linear-gradient(120deg, rgba(236,255,253,.95), rgba(255,255,255,.98)),
    url("https://images.unsplash.com/photo-1586773860418-d37222d8fce3?auto=format&fit=crop&w=1600&q=80");
  background-size:cover;
  background-position:center;
}

.facility-section::before{
  content:"+";
  position:absolute;
  right:80px;
  top:50px;
  font-size:150px;
  color:rgba(20,184,166,.08);
  font-weight:bold;
}

.facility-container{
  max-width:1150px;
  margin:auto;
  position:relative;
  z-index:2;padding:0px 15px;
}



.facility-item{
  display:grid;
  grid-template-columns:105px 1px 1fr;
  align-items:center;
  gap:28px;
  padding:28px 0;
  border-bottom:1px solid rgba(13,148,136,.22);
  position:relative;
}

.facility-item::after{
  content:"";
  position:absolute;
  right:0;
  bottom:-4px;
  width:8px;
  height:8px;
  background:#0d9488;
  border-radius:50%;
}

.icon-wrap{
  width:88px;
  height:88px;
  border-radius:50%;
  background:rgba(20,184,166,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}

.icon-wrap::before{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:50%;
  border:2px solid #0d9488;
  border-right-color:transparent;
  border-bottom-color:transparent;
}

.icon-wrap i{
  font-size:34px;
  color:#0d9488;
}

.divider{
  width:1px;
  height:70px;
  background:rgba(13,148,136,.55);
  position:relative;
}

.divider::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:12px;
  height:12px;
  border:2px solid #0d9488;
  border-radius:50%;
  background:#eefafa;
}

.facility-content h3{
  font-size:19px;
  color:#08283b;
  margin-bottom:10px;
  font-weight:800;
}

.facility-content p{
  font-size:16px;
  line-height:1.6;
  color:#43566b;
}

.facility-item:hover .icon-wrap{
  background:rgba(20,184,166,.18);
  box-shadow:0 10px 30px rgba(13,148,136,.18);
}

.facility-item:hover h3{
  color:#0d9488;
}


/* facility sec */


 /* ===== TESTIMONIALS ===== */

 .testimonial-card {

     background: #fff;

     border-radius: 20px;

     padding: 32px;

     box-shadow: 0 4px 20px rgba(3, 46, 65, 0.05);

     border: 1px solid rgba(13, 148, 136, 0.06);

     height: 100%;

     transition: all 0.3s;

     position: relative;

 }

 .testimonial-card:hover {

     transform: translateY(-6px);

     box-shadow: 0 15px 40px rgba(13, 148, 136, 0.1);

 }

 .testimonial-card .quote-icon {

     font-size: 2.5rem;

     color: var(--teal-accent);

     opacity: 0.4;

     margin-bottom: 14px;

 }

 .testimonial-card .testimonial-text {

     color: var(--gray-600);

     font-size: 0.95rem;

     line-height: 1.7;

     margin-bottom: 20px;

 }

 .testimonial-card .testimonial-author {

     font-weight: 700;

     color: var(--teal-dark);

 }

 .testimonial-card .stars {
     color: #f59e0b;
     margin-bottom: 12px;
     font-size: 0.85rem;
 }

 .testimonial-carousel-controls {

     display: flex;

     justify-content: center;

     gap: 12px;

     margin-top: 40px;

 }

 .testimonial-carousel-controls button {

     width: 44px;

     height: 44px;

     border-radius: 50%;

     border: 2px solid rgba(13, 148, 136, 0.2);

     background: #fff;

     color: var(--teal-primary);

     font-size: 1rem;

     cursor: pointer;

     transition: all 0.3s;

 }

 .testimonial-carousel-controls button:hover {

     background: var(--teal-primary);

     color: #fff;

     border-color: var(--teal-primary);

 }

 #testimonials .ti-widget.ti-wp-testimonial-2 {

     max-width: 680px;

     margin: auto;

 }

 #testimonials .ti-widget.ti-wp-testimonial-2 .ti-review-item>.ti-inner {
     padding-top: 30px !important;
     padding-bottom: 30px !important;
     border-bottom: 5px solid #3bafbf !important;
 }

 #testimonials .section-subtitle {

     margin: 0 auto 31px;

 }

 #testimonials .ti-widget.ti-wp-testimonial-2 .ti-review-item .ti-stars {

     margin-bottom: 15px !important;

 }

 #testimonials .ti-widget.ti-wp-testimonial-2 .ti-review-header .ti-profile-img {
     display: none;
 }
  #testimonials .ti-widget.ti-wp-testimonial-2 .ti-review-header .ti-date{display: none;}

 /* ===== CONTACT ===== */

 .contact-card {

     background: #fff;

     border-radius: 16px;

     padding: 20px;

     box-shadow: 0 4px 15px rgba(3, 46, 65, 0.04);

     border: 1px solid rgba(13, 148, 136, 0.06);

     display: flex;

     align-items: flex-start;

     gap: 16px;

     transition: all 0.3s;

     height: 100%;

     flex-direction: column;

     gap: 11px;

 }

 .contact-card:hover {

     transform: translateY(-4px);

     box-shadow: 0 12px 30px rgba(13, 148, 136, 0.1);

 }



 .contact-icon {

     width: 52px;

     height: 52px;

     min-width: 52px;

     border-radius: 14px;

     background: var(--teal-bg);

     color: var(--teal-primary);

     display: flex;

     align-items: center;

     justify-content: center;

     font-size: 1.2rem;

 }

 .contact-card h6 {

     font-weight: 700;

     color: var(--teal-dark);

     margin-bottom: 6px;

     font-size: 1rem;

 }

 .contact-card p,
 .contact-card a {
     color: var(--gray-600);
     font-size: 14px;
     margin: 0;
     text-decoration: none;
     line-height: 1.6;
     word-break: break-word;margin-bottom: 2px;
 }

 .contact-card a:hover {
     color: var(--teal-primary);
 }

 .map-wrapper {

     border-radius: 20px;

     overflow: hidden;

     box-shadow: 0 10px 30px rgba(3, 46, 65, 0.08);

     border: 1px solid rgba(13, 148, 136, 0.06);
     width: 100%;

 }



 /* ===== FOOTER ===== */

 .footer {

     background: linear-gradient(135deg, var(--teal-dark) 0%, #053847 100%);

     color: rgba(255, 255, 255, 0.8);

     padding: 60px 0 0;

 }

 .footer h5 {

     color: #fff;

     font-weight: 700;

     margin-bottom: 20px;

     font-size: 1.1rem;

 }

 .footer a {

     color: rgba(255, 255, 255, 0.7);

     text-decoration: none;

     transition: color 0.3s;

     font-size: 0.9rem;

 }

 .footer a:hover {
     color: var(--teal-accent);
 }

 .footer-links li {
     margin-bottom: 10px;
     list-style: none;
 }

 .footer-links li a {
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .footer-bottom {

     border-top: 1px solid rgba(255, 255, 255, 0.1);

     padding: 20px 0;

     margin-top: 40px;

 }

 .social-icons a {

     width: 38px;

     height: 38px;

     border-radius: 10px;

     background: rgba(255, 255, 255, 0.1);

     display: inline-flex;

     align-items: center;

     justify-content: center;

     color: #fff;

     margin-right: 8px;

     transition: all 0.3s;

 }

 .social-icons a:hover {
     background: var(--teal-accent);
     transform: translateY(-3px);
     color: white !important;
 }



 /* ===== SCROLL TOP ===== */

 .scroll-top {

     position: fixed;

     bottom: 30px;

     right: 30px;

     width: 48px;

     height: 48px;

     border-radius: 50%;

     background: linear-gradient(135deg, var(--teal-primary), var(--teal-accent));

     color: #fff;

     border: none;

     font-size: 1.1rem;

     box-shadow: 0 6px 20px rgba(13, 148, 136, 0.3);

     cursor: pointer;

     opacity: 0;

     visibility: hidden;

     transition: all 0.3s;

     z-index: 999;

 }

 .scroll-top.visible {
     opacity: 1;
     visibility: visible;
 }

 .scroll-top:hover {
     transform: translateY(-3px);
 }



 /* ===== WHATSAPP FLOAT ===== */

 .whatsapp-float {

     position: fixed;

     bottom: 30px;

     left: 30px;

     z-index: 999;

 }

 .whatsapp-float a {

     width: 56px;

     height: 56px;

     border-radius: 50%;

     background: #25d366;

     color: #fff;

     display: flex;

     align-items: center;

     justify-content: center;

     font-size: 1.6rem;

     box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);

     transition: all 0.3s;

     text-decoration: none;

 }

 .whatsapp-float a:hover {
     transform: scale(1.1);
 }





 /* blog page css start */

 .badge-cat {

     display: inline-block;
     padding: 4px 12px;
     font-size: 11px;
     font-weight: 600;

     border-radius: 50px;
     background: var(--secondary);
     color: #fff;

 }

 .badge-tag {

     display: inline-block;
     padding: 4px 12px;
     font-size: 11px;

     border-radius: 50px;
     border: 1px solid var(--border);
     color: var(--text-muted);

     transition: all .2s;

 }

 .badge-tag:hover {
     background: var(--secondary);
     color: #fff;
     border-color: var(--secondary);
     cursor: pointer;
 }



 /* Card Shadow */

 .card-s {

     background: var(--card-bg);
     border: 1px solid var(--border);

     border-radius: var(--radius);
     box-shadow: var(--shadow-card);

     transition: box-shadow .3s, transform .3s;

 }

 .card-s:hover {
     box-shadow: var(--shadow-card-hover);
     transform: translateY(-4px);
 }



 /* Hero */

 .blog-hero-section {

     background: var(--gradient-hero);
     position: relative;
     overflow: hidden;
     color: #fff;

 }

 .blog-hero-section .hero-bg {
     position: absolute;
     inset: 0;
     opacity: .1;
     object-fit: cover;
     width: 100%;
     height: 100%;
 }

 .blog-hero-section .hero-bg a {
     width: 100%;
 }

 .blog-hero-section .hero-bg a img {
     width: 100%;
 }

 .blog-hero-section .hero-fade {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: 60px;
     background: linear-gradient(to top, var(--bg), transparent);
 }

 .blog-hero-section h1 {
     font-size: 50px;
     font-weight: 800 !important;
 }

 .blog-hero-section .container {
     padding: 100px 15px 100px;
 }

 .blog-hero-section p {

     max-width: 480px;

     opacity: .85;

     font-size: 15px;

     font-weight: 600;

 }

 /* ******************************************************************************************** */
 h1.detail-title {
     max-width: 720px;
     line-height: 1.3;
     font-size: 43px;
 }

 .badge-cat .taxonomy-category a {
     color: white;
     text-decoration: none;
 }

 section.blog-dtl-pg .col-lg-8 .detail-pg-left-img img {
     border-radius: 20px;height: auto !important;
 }

 section.blog-dtl-pg .col-lg-8 .detail-pg-left-img figure{ aspect-ratio: inherit !important;}
 /* .wp-block-group.has-link-color.has-accent-4-color.has-text-color.has-small-font-size.is-layout-flex.wp-container-core-group-is-layout-4efaea1e.wp-block-group-is-layout-flex {
    display: none;
} */

 section.blog-dtl-pg .col-lg-8 h2 {
     font-size: 22px;
     font-weight: 700;
     color: var(--primary);
     margin: 40px 0 16px;
 }

 section.blog-dtl-pg .col-lg-8 h3 {
     font-size: 18px;
     font-weight: 600;
     margin: 32px 0 12px;
 }

 section.blog-dtl-pg .col-lg-8 p {
     color: var(--text-muted);
     line-height: 1.8;
     margin-bottom: 16px;
     font-size: 14px;
 }

 section.blog-dtl-pg .col-lg-8 ul li {
     color: var(--text-muted);
     margin-bottom: 8px;
     font-size: 14px;
     line-height: 1.6;
 }

 .sticky-section {
     top: 80px;
 }

 section.blog-dtl-pg blockquote {
     border-left: 4px solid var(--secondary);
     padding: 16px 24px;
     margin: 32px 0;
     font-style: italic;
     background: var(--accent);
     border-radius: 0 12px 12px 0;
     color: var(--text-muted);
     font-size: 14px;
 }

 section.blog-dtl-pg blockquote p {
     margin-bottom: 0px !important;
 }

 .medical-tip {
     border: 2px solid rgba(46, 196, 182, .3);
     background: rgba(232, 245, 243, .5);
     border-radius: 12px;
     padding: 24px;
     margin: 40px 0;
 }

 .medical-tip h4 {
     font-size: 15px;
     font-weight: 600;
     margin-bottom: 8px;
 }

 .medical-tip p {
     font-size: 13px;
     color: var(--text-muted);
     line-height: 1.6;
     margin: 0 !important;
 }

 /* share icons */
 .share-container a span {
     width: 40px !important;
     height: 40px !important;
     border-radius: 8px;
     background: var(--accent) !important;
     border: none;
     display: inline-flex !important;
     align-items: center;
     justify-content: center;
     transition: all .2s;
     cursor: pointer;
     font-size: 16px;
     color: var(--primary);
 }

 .share-container a span svg {
     width: 22px;
     height: 22px;
 }

 .share-container a span svg path {
     fill: #1a4e49;
 }




 /* Breadcrumb */

 .bc {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: 13px;
     opacity: .8;
     margin-bottom: 16px;
 }

 .bc a:hover {
     opacity: 1;
 }



 /* Featured Card */

 .featured-card {
     border-radius: var(--radius);
     overflow: hidden;
     background: var(--card-bg);
     border: 1px solid var(--border);
     box-shadow: var(--shadow-card);
 }

 .featured-card:hover {
     box-shadow: var(--shadow-card-hover);
 }

 .featured-card .feat-img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform .5s;
 }

 .featured-card:hover .feat-img {
     transform: scale(1.05);
 }

 .featured-card .feat-badge {
     position: absolute;
     top: 16px;
     left: 16px;
 }



 .latest-articles h3 {

     font-size: 20px;

 }

 section.blog-pg {

     padding: 50px 0px;

 }

 section.blog-pg .blog-card-inner-content ul li {
     width: 50%;
     padding: 5px;

 }

 section.blog-pg ul {
     padding-left: 0px;
 }

 section.blog-pg .blog-card-inner-content ul {

     display: flex;
     flex-wrap: wrap;

 }

 .cat-list li a {

     color: #404040;

     text-decoration: none;

 }

 .sidebar-box #recent-posts ul li {

     display: flex;

     gap: 10px;

     margin-bottom: 10px;

     cursor: pointer;

 }





 /* Blog Card */

 .blog-card {
     border-radius: var(--radius);
     overflow: hidden;
     background: var(--card-bg);
     border: 1px solid var(--border);
     box-shadow: var(--shadow-card);
     transition: box-shadow .3s, transform .3s;
     height: 100%;
 }

 .blog-card:hover {
     box-shadow: var(--shadow-card-hover);
     transform: translateY(-4px);
 }

 .blog-card .card-img-wrap {
     overflow: hidden;
     position: relative;
 }

 .blog-card .card-img-wrap img {
     width: 100%;
     aspect-ratio: 16/10;
     object-fit: cover;
     transition: transform .5s;
 }

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

 .blog-card .card-img-wrap .badge-cat {
     position: absolute;
     top: 12px;
     left: 12px;
 }

 .blog-card .card-img-wrap .badge-cat a {

     color: white;

     text-decoration: none;

     font-size: 12px;

     font-weight: 600;

 }

 .blog-card .card-body-inner {
     padding: 20px;
     padding-top: 5px;
 }

 .blog-card h3 {
     font-size: 16px;
     font-weight: 600;
     line-height: 1.4;
     margin-bottom: 8px;
     transition: color .2s;
 }

 .blog-card h3 a {

     color: #333638;

 }

 .blog-card .meta .wp-block-read-more span.screen-reader-text {

     display: none;

 }

 .blog-card:hover h3 {
     color: var(--secondary);
 }

 .blog-card .excerpt {
     font-size: 14px;
     color: var(--text-muted);
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     margin-bottom: 4px;
 }

 .blog-card .meta {
     font-size: 12px;
     color: var(--text-muted);
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-top: 15px;
 }

 .read-link {
     color: var(--secondary);
     font-weight: 500;
     font-size: 14px;
     display: inline-flex;
     align-items: center;
     gap: 4px;
     transition: gap .2s;
 }

 .read-link:hover {
     gap: 8px;
     color: var(--secondary);
 }

 .blog-card .meta a.read-link.wp-block-read-more::after {

     content: "\f138";

     font-family: "Font Awesome 6 Free";

     font-weight: 900;

     margin-right: 5px;

 }

 /* Sidebar */

 .sidebar-box {
     border-radius: var(--radius-sm);
     background: var(--card-bg);
     padding: 20px;
     border: 1px solid var(--border);
     box-shadow: var(--shadow-card);
     margin-bottom: 20px;
 }

 .sidebar-box h4 {
     font-size: 15px;
     font-weight: 600;
     margin-bottom: 12px;
 }

 .sidebar-search {
     position: relative;
 }

 .sidebar-search input {
     width: 100%;
     padding: 10px 10px 10px 31px;
     border-radius: 8px;
     border: 1px solid var(--border);
     background: var(--accent);
     font-size: 13px;
     font-family: 'Poppins';
     outline: none;
     transition: box-shadow .2s;
 }

 .sidebar-search label {
     margin-bottom: 7px;
 }

 .sidebar-search input::placeholder {
     font-size: 17px;
 }

 .sidebar-search input:focus {
     box-shadow: 0 0 0 3px rgba(46, 196, 182, .2);
 }

 .sidebar-search i {
     position: absolute;
     left: 12px;
     top: 52px;
     transform: translateY(-50%);
     color: var(--text-muted);
     font-size: 14px;
 }

 .cat-list li {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 6px 0;
     font-size: 13px;
     color: var(--text-muted);
     cursor: pointer;
     transition: color .2s;
 }

 .cat-list li:hover {
     color: var(--secondary);
 }

 .cat-list .cat-count {
     font-size: 11px;
     background: var(--accent);
     padding: 2px 8px;
     border-radius: 50px;
 }

 .recent-post {
     display: flex;
     gap: 10px;
     margin-bottom: 10px;
     cursor: pointer;
 }

 .recent-post img {
     width: 56px !important;
     height: 56px !important;
     border-radius: 8px;
     object-fit: cover;
     flex-shrink: 0;
     max-width: inherit;
 }

 .recent-post h5 {
     font-size: 12px;
     font-weight: 500;
     line-height: 1.4;
     margin: 0;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     transition: color .2s;
 }

 .recent-post:hover h5 {
     color: var(--secondary);
 }

 .recent-post .rp-date {
     font-size: 11px;
     color: var(--text-muted);
 }

 .sidebar-box #recent-posts ul li figure {

     margin-bottom: 0px;

 }

 .sidebar-box.only-mobile {
     display: none;
 }


 .recent-post h5 a {
     color: #000;
     font-size: 13px;

 }



 /* Doctor Card */

 .doctors-cards {
     border-radius: var(--radius-sm);
     background: var(--gradient-hero);
     color: #fff;
     padding: 24px;
     margin-bottom: 20px;
 }

 .doctors-cards img {
     width: 56px;
     height: 56px;
     border-radius: 50%;
     object-fit: cover;
     border: 2px solid var(--secondary);
 }

 .doctors-cards .doc-name {
     font-size: 13px;
     font-weight: 600;
 }

 .doctors-cards .doc-role {
     font-size: 12px;
     opacity: .8;
 }

 .doctors-cards p {
     font-size: 12px;
     opacity: .9;
     line-height: 1.6;
 }

 .doctors-cards figure {

     margin-bottom: 0px;

 }

 .sidebar-search h6.search-heading {
     text-align: center;
     margin-bottom: 16px;
     font-weight: 600;
     color: #1d9d9b;
 }

 section.blog-pg.only-blog-pg .col-lg-8 .blog-card-inner-content ul li:first-child {
     width: 100%;
 }

 section.blog-pg.only-blog-pg .col-lg-8 .blog-card-inner-content ul li:first-child .blog-card {
     display: flex;
 }
section.blog-pg.only-blog-pg .col-lg-8 .blog-card-inner-content ul li:first-child .blog-card .card-img-wrap img {
    width: 100%;
    aspect-ratio: 16 / 8;
    object-fit: cover;
    transition: transform .5s;
    min-height: 243px;
}

 .blog-card .card-img-wrap figure {

     margin-bottom: 0px;

 }

 section.blog-pg.only-blog-pg .col-lg-8 .blog-card-inner-content ul li:first-child .card-body-inner {
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .about-image figure{height: 100%;}
.tratment-imgbox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
}
.tratment-imgbox figure{height: 100%;margin-bottom: 0px;}
.tratment-imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

 /* Btn */

 .btn-teal {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 10px 20px;
     border-radius: 10px;
     background: var(--secondary);
     color: #fff;
     font-weight: 500;
     font-size: 13px;
     border: none;
     transition: opacity .2s;
     cursor: pointer;
     text-decoration: none;
 }

 .btn-teal:hover {
     opacity: .9;
     color: #fff;
 }

 .btn-teal-outline {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 12px 28px;
     border-radius: 12px;
     background: var(--card-bg);
     color: var(--primary);
     font-weight: 600;
     font-size: 14px;
     border: none;
     transition: box-shadow .2s;
     text-decoration: none;
 }

 .btn-teal-outline:hover {
     box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
     color: var(--primary);
 }



 /* CTA Banner */

 .cta-banner {
     background: var(--gradient-cta);
     color: #fff;
     padding: 64px 0;
     text-align: center;
 }

 .cta-banner h2 {
     font-size: clamp(22px, 4vw, 34px);
 }

 .cta-banner p {
     opacity: .85;
     max-width: 420px;
     margin: 0 auto 24px;
     font-size: 14px;
 }



 /* Pagination */

 .pagination-custom {
     display: flex;
     justify-content: center;
     gap: 8px;
     margin-top: 40px;
 }

 .pagination-custom button {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     border: 1px solid var(--border);
     background: var(--card-bg);
     font-size: 13px;
     font-weight: 500;
     cursor: pointer;
     transition: all .2s;
     font-family: 'Poppins';
 }

 .pagination-custom button.active,
 .pagination-custom button:hover {
     background: var(--secondary);
     color: #fff;
     border-color: var(--secondary);
 }



 /* Blog Detail */

 .detail-hero {
     padding: 60px 0 80px;
 }

 .detail-content h2 {
     font-size: 22px;
     font-weight: 700;
     color: var(--primary);
     margin: 40px 0 16px;
 }

 .detail-content h3 {
     font-size: 18px;
     font-weight: 600;
     margin: 32px 0 12px;
 }

 .detail-content p {
     color: var(--text-muted);
     line-height: 1.8;
     margin-bottom: 16px;
     font-size: 14px;
 }

 .detail-content ul {
     padding-left: 24px;
     margin-bottom: 20px;
 }

 .detail-content ul li {
     color: var(--text-muted);
     margin-bottom: 8px;
     font-size: 14px;
     line-height: 1.6;
 }

 .detail-content blockquote {
     border-left: 4px solid var(--secondary);
     padding: 16px 24px;
     margin: 32px 0;
     font-style: italic;
     background: var(--accent);
     border-radius: 0 12px 12px 0;
     color: var(--text-muted);
     font-size: 14px;
 }

 .medical-tip {
     border: 2px solid rgba(46, 196, 182, .3);
     background: rgba(232, 245, 243, .5);
     border-radius: 12px;
     padding: 24px;
     margin: 40px 0;
 }

 .medical-tip h4 {
     font-size: 15px;
     font-weight: 600;
     margin-bottom: 8px;
 }

 .medical-tip p {
     font-size: 13px;
     color: var(--text-muted);
     line-height: 1.6;
     margin: 0;
 }



 /* Doctor Insight */

 .doctor-insight {
     border-radius: var(--radius);
     background: var(--gradient-hero);
     color: #fff;
     padding: 28px;
     margin: 25px 0 40px;
 }

 .doctor-insight img {
     width: 72px;
     height: 72px;
     border-radius: 12px;
     object-fit: cover;
     border: 2px solid var(--secondary);
     max-width: inherit;
 }

 .doctor-insight h4 {
     font-size: 17px;
 }

 .doctor-insight p {
     color: white !important;
     opacity: .8;
     margin-bottom: 11px !important;
 }



 /* Comment Form */

 .comment-form {
     border-radius: 12px;
     background: var(--card-bg);
     border: 1px solid var(--border);
     padding: 28px;
     margin: 40px 0;
 }

 .comment-form input,
 .comment-form textarea {
     width: 100%;
     padding: 12px 16px;
     border-radius: 12px;
     border: 1px solid var(--border);
     background: var(--accent);
     font-size: 13px;
     font-family: 'Poppins';
     outline: none;
     transition: box-shadow .2s;
     margin-bottom: 12px;
 }

 .comment-form input:focus,
 .comment-form textarea:focus {
     box-shadow: 0 0 0 3px rgba(46, 196, 182, .2);
 }

 .comment-form textarea {
     resize: none;
 }

 .comment-form .btn-submit {
     padding: 12px 24px;
     border-radius: 12px;
     background: var(--gradient-cta);
     color: #fff;
     font-weight: 600;
     font-size: 13px;
     border: none;
     cursor: pointer;
     font-family: 'Poppins';
     transition: opacity .2s;
 }

 .comment-form .btn-submit:hover {
     opacity: .9;
 }

 .wp-block-vgb-video-gallery .videoGallery {
     height: auto !important;
     display: flex;
     flex-wrap: wrap;
     width: 100% !important;padding-bottom: 30px;
 }

 #gallery .galleryItem .galleryItemCaption {
    position: absolute;
 }

#vgbVideoGallery-1 .vgbVideoGallery .videoGallery .galleryItem:has(.galleryItemCaption) {
    position: relative !important;
}
#gallery .galleryItem .galleryItemCaption {
    position: absolute;
    width: calc(100% - 20px);
    left: 0 !important;
    right: 0;
    margin: auto;
    bottom: 10px;
    border-radius: 0px 0px 20px 20px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

 #vgbVideoGallery-1 .vgbVideoGallery .videoGallery .galleryItem {
     width: 33.33% !important;
     position: static !important;
     padding: 10px;
     border-radius: 20px !important;
     overflow: hidden !important;
 }

 .wp-block-vgb-video-gallery .galleryFigure,
 .wp-block-vgb-video-gallery .react-thumbnail-generator {
     border-radius: 20px !important;
     overflow: hidden;
 }

 #vgbVideoGallery-1 .vgbVideoGallery {
     background-color: transparent !important;
 }

 .wp-block-vgb-video-gallery .filter {
     display: none !important;
 }


 /* TOC */

 .toc-item {
     font-size: 13px;
     color: var(--text-muted);
     padding: 4px 0;
     cursor: pointer;
     transition: color .2s;
 }

 .toc-item:hover {
     color: var(--secondary);
 }



 /* Share btns */

 .share-btn {
     width: 40px;
     height: 40px;
     border-radius: 8px;
     background: var(--accent);
     border: none;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     transition: all .2s;
     cursor: pointer;
     font-size: 16px;
     color: var(--primary);
 }

 .share-btn:hover {
     background: var(--secondary);
     color: #fff;
 }



 /* Sidebar CTA */

 .sidebar-cta {
     border-radius: var(--radius-sm);
     background: var(--gradient-hero);
     color: #fff;
     padding: 24px;
     margin-bottom: 20px;
 }

 .sidebar-cta h4 {
     font-size: 15px;
     font-weight: 700;
     margin-bottom: 8px;
 }

 .sidebar-cta p {
     font-size: 11px;
     opacity: .8;
     margin-bottom: 16px;
 }

 .category-blog-inner {
     width: 50%;
     padding: 5px;
 }


 /* Animations */

 @keyframes fadeUp {
     from {
         opacity: 0;
         transform: translateY(20px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 .anim-fade-up {
     animation: fadeUp .6s ease forwards;
 }

 .anim-delay-1 {
     animation-delay: .1s;
     opacity: 0;
 }

 .anim-delay-2 {
     animation-delay: .2s;
     opacity: 0;
 }

 .anim-delay-3 {
     animation-delay: .3s;
     opacity: 0;
 }



 /* Related */

 .section-muted {
     background: var(--accent);
     padding: 64px 0;
 }



 /* Nav hidden helper */

 /* .page { display: none; } */

 .page.active {
     display: block;
 }



 /* blog page css end */





 /* ===== RESPONSIVE ===== */

 @media (max-width: 1199px) {

         .navbar-custom .nav-link {
        font-size: 13px;
        padding: 8px 13px !important;
    }

     .navbar-brand-text {

         font-size: 13px;

     }

        header .btn-cta {
        padding: 10px 14px;
        font-size: 12px;
    }

     .hero-title {

         font-size: 2.8rem;

     }

 }

 @media (max-width: 991.98px) {

     .hero-title {
         font-size: 2.4rem;
     }

     .section-heading {
         font-size: 2rem;
     }

     .gallery-grid {
         grid-template-columns: repeat(3, 1fr);
     }

     .scheme-strip ul li {

         width: 33.33%;

     }

     .sidebar-box.only-mobile {
         display: block;
     }

     .sidebar-box.desktop-search-box {
         display: none;
     }

     #vgbVideoGallery-1 .vgbVideoGallery .videoGallery .galleryItem {
         width: 50% !important;
     }
 
  .facility-item{
    grid-template-columns:80px 1px 1fr;
    gap:18px;
  }

  .icon-wrap{
    width:70px;
    height:70px;
  }

  .icon-wrap i{
    font-size:27px;
  }
      .facility-item {

        zoom: 0.8;
    }
.doctor-photo-service {
    height: auto;
}
.about-ser .col-lg-6 {
    margin-top: 20px;
}
.section-inner-services {
    padding: 3rem 0;
}
.section-box-service {
    padding: 3rem 0;
}
.list-section li {
    font-size: 16px;
}
.symptom-item {
    font-size: 16px;
    height: 100%;
}
.why-item {
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 10px;
}
 }

 @media (max-width: 767.98px) {

     .hero-title {
         font-size: 2rem;
     }

     .hero-section {
         min-height: auto;
         padding: 50px 0 50px;
     }

     .section-heading {
         font-size: 1.7rem;
     }

     .section-padding {
         padding: 60px 0;
     }

     .gallery-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 10px;
     }

     .hero-float-badge {
         display: none;
     }

     .doctor-name {
         font-size: 1.8rem;
     }

     /* #hospital ul li {

         width: 50%;

     } */

     .blog-card h3 {
         font-size: 14px;
     }

     section.blog-pg {
         padding: 50px 0px 0px;
     }

     #vgbVideoGallery-1 .vgbVideoGallery .videoGallery .galleryItem {
         width: 50% !important;
     }
     .services-menu:hover .services-dropdown {
    grid-template-columns: none;
    height: 401px;
    overflow: auto;
    width: 370px;
}
   

 }



 @media (max-width: 575.98px) {

     .gallery-grid {
         grid-template-columns: 1fr 1fr;
     }

     .hero-stat-card {

         height: 100%;

         display: flex;

         flex-direction: column;

         justify-content: center;

     }

     .section-subtitle {

         margin: 0 auto 30px;

     }

     #hospital ul li {

         width: 100%;

     }

     .doctor-text {

         line-height: 1.5;

         font-size: 15px;

     }

     .blog-hero-section h1 {

         font-size: 33px;

     }

     section.blog-pg.only-blog-pg .col-lg-8 .blog-card-inner-content ul li:first-child .blog-card {
         flex-wrap: wrap;
     }

     .blog-card .card-body-inner {
         padding-top: 17px;
     }

     section.blog-pg .blog-card-inner-content ul li {
         width: 100%;
     }

     .blog-hero-section p {
         font-size: 14px;
     }

     .blog-hero-section h1 {
         font-size: 28px;
     }

     .blog-hero-section .container {
         padding: 80px 15px 60px;
     }

     section.blog-dtl-pg .col-lg-8 h2 {
         font-size: 20px;
         margin: 30px 0 11px;
     }

     figure {
         margin: 0px;
     }

     .cta-banner {
         padding: 64px 15px;
     }

     #vgbVideoGallery-1 .vgbVideoGallery .videoGallery .galleryItem {
         width: 100% !important;
     }

     .category-blog-inner {
         width: 100% !important;
     }
      .facility-section{
    padding:60px 15px;
  }

  .facility-item{
    grid-template-columns:1fr;
    text-align:center;
    gap:15px;
  }

  .icon-wrap{
    margin:auto;
  }

  .divider{
    display:none;
  }

  .facility-item::after{
    left:50%;
    right:auto;
    transform:translateX(-50%);
  }
  #hospital ul {
    grid-template-columns: none;
}

.btn-lg {
    padding: 0.6rem 1rem;
    font-size: 14px;
}
.page-hero-service .lead {
    font-size: 16px;
}

.section-title-service {
    margin-bottom: 13px;
}
.section-box-service .text-center.mb-5 {
    margin-bottom: 20px !important;
}
.section-inner-services .col-lg-6 {
    margin-top: 25px;
}
.section-title-service {
    font-size: clamp(1.4rem, 4vw, 2.5rem);
    line-height: 1.4;
}
.treatment-card h3 {
    font-size: 19px;
}
 }

 @media (max-width: 480px) {

     .scheme-strip ul li {

         width: 50%;

     }

     .btn-hero-primary {

         font-size: 14px;

     }

     .hero-subtitle {

         font-size: 1rem;

         line-height: 1.5;

     }
.cost-row {
    zoom: .8;
}
.section-inner-services .text-center.mb-5 {
    margin-bottom: 25px !important;
}
.accordion-body {
    font-size: 14px;
    line-height: 1.7;
}
.doctor-card-service {
    padding: 1.5rem;
}
.doctor-card-service p.text-muted {
    font-size: 14px;
    line-height: 1.7;
}
.btn-primary-custom {
    font-size: 14px;
}
.final-cta {
    padding: 2rem 1rem;
}
.final-cta a.btn {
    width: 100%;
}
.page-hero-service h1 {
    font-size: clamp(24px, 4vw, 3.5rem);
}
.page-hero-service .breadcrumb {
    zoom: .8;
}

 }


  @media (max-width: 380px){
  .services-menu:hover .services-dropdown {
    width: 350px;
}
  }
  



 /* ===== COUNTER ANIMATION ===== */

 .counter-animate {

     display: inline-block;

 }



 /* Video section */

 .video-card {

     border-radius: 16px;

     overflow: hidden;

     box-shadow: 0 4px 15px rgba(3, 46, 65, 0.06);

     transition: all 0.3s;

     aspect-ratio: 9/16;

     position: relative;

     cursor: pointer;

 }

 .video-card:hover {

     transform: translateY(-4px);

     box-shadow: 0 12px 30px rgba(13, 148, 136, 0.12);

 }

 .video-card video {

     width: 100%;

     height: 100%;

     object-fit: cover;

 }

 .video-play-overlay {

     position: absolute;

     inset: 0;

     background: rgba(3, 46, 65, 0.3);

     display: flex;

     align-items: center;

     justify-content: center;

     opacity: 1;

     transition: opacity 0.3s;

 }

 .video-card:hover .video-play-overlay {
     opacity: 0.8;
 }

 .video-play-overlay i {

     width: 60px;

     height: 60px;

     background: rgba(255, 255, 255, 0.95);

     color: var(--teal-primary);

     border-radius: 50%;

     display: flex;

     align-items: center;

     justify-content: center;

     font-size: 1.5rem;

 }

 .video-card.playing .video-play-overlay {
     opacity: 0;
     pointer-events: none;
 }





 .custom-testimonials-wrapper {

     display: grid !important;

     grid-template-columns: repeat(3, 1fr);

     gap: 24px;

     margin: 40px 0;

 }



 .custom-testimonial-item {

     background: #ffffff;

     border: 1px solid #e5e5e5;

     border-radius: 16px;

     padding: 24px;

     box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);

     text-align: center;

     height: 100%;

 }



 .custom-testimonial-item .testimonial-image {

     margin-bottom: 15px;

 }



 .custom-testimonial-item .testimonial-image img {

     width: 90px;

     height: 90px;

     border-radius: 50%;

     object-fit: cover;

     display: block;

     margin: 0 auto;

 }



 .custom-testimonial-item .testimonial-title {

     font-size: 22px;

     font-weight: 600;

     margin: 0 0 12px;

     line-height: 1.3;

 }



 .custom-testimonial-item .testimonial-content {

     font-size: 15px;

     line-height: 1.7;

     color: #555;

 }

 /* pagination */
.wp-block-query-pagination {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0;
    display: block;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.2;
    display: flex;
    justify-content: center;
    gap: 4px;}

    nav.wp-block-query-pagination a, nav.wp-block-query-pagination span {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 2px !important;
    transition: all 0.3s ease;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    line-height: 1;
    text-align: center;
    min-width: 40px;
}
.wp-block-query-pagination-numbers {
    display: flex;
    gap: 4px;
}
nav.wp-block-query-pagination span.page-numbers.current, nav.wp-block-query-pagination a:hover {
    background-color: var(--secondary);
    color: #fff;
    border-color: var(--secondary);
    font-weight: 600;
}


/* nav.wp-block-query-pagination a.wp-block-query-pagination-previous, nav.wp-block-query-pagination a.wp-block-query-pagination-next {
    font-size: 0;
} */

nav.wp-block-query-pagination a.wp-block-query-pagination-previous span, nav.wp-block-query-pagination a.wp-block-query-pagination-next span {
    font-size: 20px;
    margin: 0;
}


 @media (max-width: 1024px) {

     .custom-testimonials-wrapper {

         grid-template-columns: repeat(2, 1fr);

     }

 }



 @media (max-width: 767px) {

     .custom-testimonials-wrapper {

         grid-template-columns: repeat(1, 1fr);

     }

 }