:root {
     --primary: #2F6973;
    /* phone button / brand green */
     --primary-soft: #FDBA4E;
    /* accent yellow (virtual text) */
     --dark: #0b1428;
     --nav-dark: #7F9FAA;
     --muted: #565e6c;
     --soft-bg: #f7f8fc;
     --hero-blue: #7F9FAA;
}
 *, *::before, *::after {
     box-sizing: border-box;
} 
 html, body {
     overflow-x: hidden !important;
}
 body {
     margin: 0;
     background: #ffffff;
     color: #050b1f;
     scroll-behavior: smooth;
     font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
 a {
     text-decoration: none;
}
/* PAGE WRAPPER (space below fixed navbar) */
 .page-wrapper {
     padding-top: 90px;
}
/* =================== NAVBAR =================== */
 .navbar {
     padding-block: 0.6rem;
     /* background: #f9f5f5; */
	  background: #fff; 
     box-shadow: 0 5px 35px rgba(5, 18, 48, 0.04);
     padding-left: 0;
     padding-right: 0;
     padding: 0;
}
 .navbar-brand {
     font-weight: 700;
     font-size: 1.1rem;
     display: flex;
     align-items: center;
     gap: 0.5rem;
}
 .logo-box {
     width: 80px;
}
 .nav-link {
     font-size: 1rem;
     font-weight: 500;
     color: #222a45;
     padding-inline: 0.9rem !important;
}
 .nav-link:hover, .nav-link:focus {
     color: var(--primary);
}
/* hide Bootstrap default arrow, using our own */
 .dropdown-toggle::after {
     display: none;
}
/* DROPDOWN MENU */
 .navbar .dropdown-menu {
     border: none;
     border-radius: 18px;
     padding: 0.7rem 0;
     box-shadow: 0 18px 40px rgba(7, 22, 58, 0.16);
     min-width: 260px;
     margin-top: 0 !important;
}
 .navbar .dropdown-item {
     font-size: 0.88rem;
     padding: 0.55rem 1.3rem;
     color: #444a62;
     line-height: 1.4;
}
/* Dropdown hover full blue */
 .navbar .dropdown-item:hover {
     background: var(--primary) !important;
     color: #fff !important;
}
/* Hover open only on large screens */
 @media (min-width: 992px) {
     .navbar .dropdown:hover > .dropdown-menu {
         display: block;
    }
     .navbar .dropdown-menu:hover {
         display: block;
    }
}
 .btn-register {
     background: var(--primary);
     color: #fff;
     border-radius: 15px;
     padding: 1rem 1.4rem;
     font-size: 0.9rem;
     font-weight: 600;
     display: flex;
     align-items: center;
     gap: 0.7rem;
     border: none;
}
 .btn-register i {
     font-size: 14px;
}
/* Dropdown arrow rotation */
 .navbar .nav-link i {
     font-size: 12px;
     margin-top: 1px;
}
 .dropdown-arrow {
     transition: transform 0.25s ease-in-out;
     font-size: 12px;
}
 @media (min-width: 992px) {
     .navbar .dropdown:hover .dropdown-arrow {
         transform: rotate(180deg);
    }
}
 .navbar .dropdown.show .dropdown-arrow {
     transform: rotate(180deg);
}
/* SERVICES SECTION ------------------------------------*/
 .services-section{
     padding: 60px 0;
}
/* small pill "Our Services" */
 .services-badge{
     display: inline-block;
     background: #3E3E3E;
     padding: 6px 20px;
     border-radius: 999px;
     font-size: 0.85rem;
     font-weight: 500;
     color: #fff;
}
/* main heading */
 .services-title{
     font-size: clamp(2rem, 2.4vw + 1.2rem, 2.6rem);
     font-weight: 600;
      color: #3E3E3E;
     line-height: 1.25;
     margin: 0;
}
 .services-intro{
     font-size: 0.97rem;
     color: var(--muted);
     line-height: 1.6;
}
/* cards */
 .service-card{
     border: 1px solid var(--primary);
     border-radius: 22px;
     padding: 0px;
     background: #ffffff;
     transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
     display: flex;
     flex-direction: column;
}
/* small icon circle */
 .service-icon-wrap{
     width: 70px;
     height: 70px;
     border-radius: 18px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 18px;
}
 .service-icon{
     font-size: 30px;
     color: var(--primary);
}
/* card text */
.service-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 10px;
    color: #fff;
    background: #2f6973;
    text-align: center;
    padding: 14px;
    border-radius: 20px 20px 0 0;
}
.service-text {
    font-size: 0.85rem;
    color: var(--muted);
    line-height: 1.6;
    margin-bottom: 0;
    text-align: center;
    padding: 0px 10px 10px 10px;
}
/* hover effect */
 .service-card:hover{
     border-color: var(--primary-soft);
     box-shadow: 0 14px 36px rgba(10, 37, 86, 0.08);
     transform: translateY(-4px);
}
/* RESPONSIVE -------------------------------------------*/
 @media (max-width: 991.98px){
	 
	 .main-footer {
    padding: 10px 0 3px 0!important;
    background: none!important;
    background-color: #2e6873!important;
}
	 
html {
  scroll-behavior: smooth;
}	 
    .services-section{
         padding: 50px 0;
    }
}
 @media (max-width: 767.98px){
     .services-title{
         font-size: 1.9rem;
    }
     .services-intro{
         margin-top: 1rem;
    }
}
 @media (max-width: 575.98px){
     .services-section{
         padding: 40px 15px;
    }
     .service-card{
         padding: 26px 20px;
    }
}
/* DOCTORS SECTION ------------------------------------- */
 .doctors-section{
     padding: 0;
     margin-bottom:60px;
}
 .doctors-card{
     background:#E7F2F5;
     border-radius:40px;
     padding:50px 28px;
}
 @media (min-width: 992px){
     .doctors-card{
         padding:40px 40px;
    }
}
/* Top heading area */
 .doctors-badge{
     display:inline-flex;
     align-items:center;
     padding:6px 16px;
     border-radius:999px;
     background:#3E3E3E;
     color:#fff;
     font-size:0.8rem;
     font-weight:500;
}
 .doctors-title{
     font-size:2.1rem;
     line-height:1.25;
     font-weight:600;
     color:#151b2f;
     margin-bottom:0;
}
 @media (max-width: 767.98px){
     .doctors-title{
         font-size:1.7rem;
    }
}
/* View all doctors link */
 .doctors-link{
     font-size:0.9rem;
     font-weight:500;
     color:var(--primary);
     display:inline-flex;
     align-items:center;
}
 .doctors-link i{
     font-size:0.9rem;
}
/* Individual doctor cards */
 .doctor-item{
     background:#ffffff;
     border-radius:26px;
     padding:26px 18px 22px;
     text-align:center;
     box-shadow:0 10px 30px rgba(16, 30, 80, 0.04);
     transition:transform .2s ease, box-shadow .2s ease;
     height:100%;
}
 .doctor-item-featured{
     background:#e9f1ff;
    /* हल्का blue highlight */
     box-shadow:0 20px 45px rgba(51, 92, 197, .25);
}
 .doctor-item:hover{
     transform:translateY(-4px);
     box-shadow:0 15px 35px rgba(10, 28, 85, .12);
}
/* doctor-photo के लिए ऊपर वाला responsive width code भी लागू रहेगा */
 .doctor-photo{
     width:75%;
     max-width:75%;
     margin-inline:auto;
     display:block;
     border-radius:100%;
}
/* Mobile पर full width */
 @media (max-width: 575.98px){
     .doctor-photo{
         width:100%;
         max-width:100%;
    }
}
/* Text styles */
 .doctor-name{
     font-size:1.3rem;
     font-weight:600;
     margin-bottom:12px;
     color:#151b2f;
}
 .doctor-degree{
     font-size:0.8rem;
     color:#7a849e;
}
/* speciality badge */
 .doctor-tag{
     display:inline-flex;
     align-items:center;
     justify-content:center;
     padding:6px 14px;
     border-radius:999px;
     font-size:0.75rem;
     margin-bottom:6px;
}
/* outline / solid variants */
 .doctor-tag-outline{
     border:1px solid #d4d9e8;
     color: var(--primary);
     background:#fff;
}
 .doctor-tag-solid{
     background: var(--primary-soft);
     color:#ffffff;
}
 .doctor-exp{
     font-size:0.9rem;
     color:#45474c;
}
/* Small-screen spacing tweak */
 @media (max-width: 767.98px){
     .doctors-card{
         border-radius:26px;
    }
}






/* ------------------------------------------
   FAQ SECTION
-------------------------------------------*/
.faq-section{
    padding:60px 0 0 0;
}

/* Yellow badge */
.faq-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 22px;
    border-radius:999px;
    background-color:#F9C33A;
    font-size:0.85rem;
    font-weight:500;
    color:#000;
    margin-bottom:18px;
}

/* Title */
.faq-title{
    font-size:2.4rem;
    line-height:1.2;
    font-weight:600;
    margin-bottom:14px;
}

/* Accordion wrapper */
.faq-accordion{
    display:flex;
    flex-direction:column;
    gap:12px;
}

/* DEFAULT (white) FAQ BOX */
.faq-item{
    border-radius:10px;
    background:#fff;
    border: 1px solid #5FA864;
    overflow:hidden;
}

/* ACTIVE (OPEN) FAQ BOX */
details[open].faq-item{
    background:#2F6973;
    color:#fff;
    border-color:#2F6973;
}

/* Summary row */
summary{
    list-style:none;
    cursor:pointer;
    padding:18px 20px;
    font-size:0.98rem;
    font-weight:500;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

/* Remove default marker */
summary::-webkit-details-marker{
    display:none;
}

/* Question text */
.faq-question{
    margin-right:16px;
}

/* Toggle Circle */
.faq-toggle{
    width:24px;
    height:24px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:600;
    transition:.2s;
}

/* DEFAULT CLOSED → WHITE BACKGROUND */
.faq-item:not([open]) summary{
    background:#fff;
    color:#000;
}
.faq-item:not([open]) .faq-toggle{
    background:#F3EEE7;
    color:#fff;
}

/* ACTIVE OPEN → GREEN BACKGROUND */
details[open] summary{
    background:#2F6973;
    color:#fff;
}
details[open] .faq-toggle{
    background:#fff;
    color:#5FA864;
}

/* FAQ Body */
.faq-body{
    padding:18px 20px 20px;
    background:#fff;
    color:#000;
    line-height:1.6;
    border-top:1px solid rgba(0,0,0,0.05);
}

/* Subtle accent line for all FAQ boxes */
.faq-item{
  position: relative;
}

/* Thin left highlight line */
.faq-item::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;                      /* thin line */
  height: 100%;
  background: #F3EEE7;             /* soft neutral */
}

/* Stronger accent when open */
details[open].faq-item::before{
  background: #5FA864;             /* brand green */
}

/* Optional: slight depth so it doesn't feel flat */
.faq-item:not([open]){
  box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}


/* Responsive */
@media (max-width:991.98px){
    .faq-section{padding:60px 0;}
    .faq-title{font-size:2rem;}
}
@media (max-width:575.98px){
    .faq-section{padding:50px 0 0;}
    .faq-title{font-size:1.8rem;}
}






/* -------- App Download Section -------- */
 .app-section{
     background: url('../images/bg.webp');
    /* 👉 Yahan apni image ka path daalo */
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     background-attachment: fixed;
    /* 👉 Scroll par fixed image */
     position: relative;
     padding: 50px 0;
     color: #ffffff;
}
/* 🔥 Single color overlay (NO gradient) */
 .app-section::before{
     content: "";
     position: absolute;
     inset: 0;
    /* Sirf ek color ka overlay */
     background: rgba(0,0,0,0.45);
    /* <- isko adjust karna */
     backdrop-filter: blur(1px);
    /* optional: premium feel */
     z-index: 1;
}
/* Content above overlay */
 .app-section > *{
     position: relative;
     z-index: 2;
}
 .app-container{
     max-width:1180px;
     margin:0 auto;
     padding:0 16px;
     display:flex;
     align-items:center;
     justify-content:space-between;
     gap:40px;
}
/* LEFT TEXT --------------- */
 .app-content{
     max-width:70%;
     margin:0 auto;
     text-align:center;
}
 .app-badge{
     border:none;
     background:#5FA864;
     color:#ffffff;
     padding:8px 22px;
     border-radius:999px;
     font-size:0.85rem;
     font-weight:500;
     margin-bottom:18px;
}
 .app-title{
     font-size:2.4rem;
     line-height:1.25;
     font-weight:600;
     margin-bottom:18px;
}
 .app-text{
     font-size:0.98rem;
     line-height:1.6;
     color:#fff;
     margin: 0;
}
/* Store buttons (use official badges) */
 .store-buttons{
     display:flex;
     flex-wrap:wrap;
     gap:14px;
}
 .store-btn img{
     display:block;
     height:54px;
     width:auto;
}
/* RIGHT PHONES --------------- */
 .app-phones{
     position:relative;
     flex:1 1 0;
     min-width:260px;
     display:flex;
     justify-content:center;
}
 .phone {
     position: relative;
     max-width: 70%;
     border-radius: 36px;
    /* Premium soft corners */
     padding: 12px;
    /* Frame thickness */
     background: var(--primary-soft);
    /* Phone frame */
     box-shadow: 0 8px 20px rgba(0,0,0,0.10), 0 15px 35px rgba(0,0,0,0.08), inset 0 0 0 2px #e6e8ee, 
    /* Device border */
     inset 0 0 12px rgba(0,0,0,0.05);
    /* Inner frame glow */
     overflow: hidden;
     transition: all .35s ease;
}
 .phone img {
     display: block;
     width: 100%;
     height: auto;
     border-radius: 28px;
    /* Screen rounding */
     box-shadow: inset 0 0 20px rgba(0,0,0,0.10);
    /* subtle inner depth for screen */
}
/* Hover Floating Effect */
 .phone:hover {
     transform: translateY(-8px) scale(1.02);
     box-shadow: 0 18px 45px rgba(0,0,0,0.18), 0 8px 28px rgba(0,0,0,0.10), inset 0 0 0 2px #e6e8ee;
}
/* -------- Responsive -------- */
 @media (max-width:991.98px){
     .app-section{
         padding:60px 0;
    }
     .app-container{
         flex-direction:column;
         text-align:center;
    }
     .app-content{
         max-width:600px;
    }
     .app-title{
         font-size:2rem;
    }
     .app-text{
         max-width:520px;
         margin-left:auto;
         margin-right:auto;
    }
     .store-buttons{
         justify-content:center;
    }
     .app-phones{
         margin-top:32px;
    }
}
 @media (max-width:575.98px){
     .app-section{
         padding:40px 0;
    }
     .app-title{
         font-size:1.8rem;
    }
     .phone{
         max-width: 100%;
    }
}
/* Section wrapper */
 .insurance-cta{
     background: var(--primary);
     border-radius:40px;
     padding:100px 60px;
     display:flex;
     align-items:center;
     justify-content:space-between;
     gap:40px;
     color:#fff;
     margin-top:60px;
     position:relative;
     overflow:hidden;
    /* Background image */
     background-image: url('../images/bg.png');
     background-size:cover;
     background-position:center;
     background-repeat:no-repeat;
    /* FIXED IMAGE SCROLL (Parallax effect) */
     background-attachment: fixed;
}
/* Overlay (opacity control) */
 .insurance-cta::before{
     content:"";
     position:absolute;
     inset:0;
     background:rgba(0,0,0,0.35);
    /* opacity */
     backdrop-filter: blur(1px);
     z-index:0;
}
/* Content should stay above overlay */
 .insurance-left{
     position:relative;
     z-index:2;
}
/* Overlay (opacity control) */
 .insurance-cta::before{
     content:"";
     position:absolute;
     inset:0;
     background:rgba(0,0,0,0.60);
    /* opacity यही control करता है */
     backdrop-filter: blur(1px);
     z-index:0;
}
/* Make content stay above overlay */
 .insurance-left{
     position:relative;
     z-index:2;
}
 .insurance-badge {
     background: rgba(255,255,255,0.25);
     padding: 10px 26px;
     border-radius: 30px;
     display: inline-block;
     font-size: 15px;
     margin-bottom:15px;
}
/* =================== RESPONSIVE =================== */
 @media (max-width: 1199.98px) {
     .about-card {
         padding: 50px 32px;
    }
}
 @media (max-width: 991.98px) {
     .page-wrapper {
         padding-top: 80px;
    }
     .about-card {
         border-radius: 30px;
    }
     .about-title {
         font-size: 32px;
    }
     .about-img-1 {
         left: 0;
    }
     .about-img-2 {
         left: 120px;
    }
     .about-img-3 {
         display: none;
    }
}
 @media (max-width: 768px) {
     .hero-section {
         padding: 40px 18px 50px;
    }
     .hero-title {
         font-size: 2rem;
    }
     .hero-btn {
         min-width: 220px;
    }
     .hero-btn-icon {
         margin-left: 0.5rem;
    }
     .benefit-title {
         font-size: 1.8rem;
    }
     .about-card {
         padding: 40px 22px;
    }
     .about-title {
         font-size: 26px;
    }
     .benefits-section {
         padding: 40px 15px;
    }
     .logo-box {
         width: 70px!important;
    }
}
 @media (max-width: 991px) {
     .navbar .dropdown-toggle {
         justify-content: space-between !important;
         width: 100%;
    }
     .navbar .dropdown-toggle .dropdown-arrow {
         margin-left: auto;
    }
}
/* पहले से जो desktop वाला dropdown है, वो रहने दो */
/* ... आपकी existing .navbar .dropdown-menu वाली styling ... */
/* ✅ MOBILE / TABLET FIX --------------------------------- */
 @media (max-width: 991.98px) {
    /* dropdown अब नीचे normal list की तरह दिखे */
     .navbar .dropdown-menu{
         position: static !important;
        /* absolute card हटाओ */
         transform: none !important;
         inset: auto !important;
         min-width: 100%;
        /* 260px की जगह full width */
         width: 100%;
         margin: 0;
         padding: .25rem 0 .5rem 1.5rem;
         box-shadow: none;
        /* floating card वाला shadow हटाओ */
         border-radius: 0;
         border: 0;
         background: transparent;
        /* पीछे drawer का same bg रहे */
    }
     .navbar .dropdown-item{
         padding: .35rem 0;
        /* थोड़़ा compact */
         font-size: .9rem;
         white-space: normal;
        /* लंबी line wrap हो जाए */
    }
    /* hover वाला behavior सिर्फ desktop पर हो, mobile पर नहीं */
     .navbar .dropdown:hover > .dropdown-menu{
        /* mobile में काम न करे */
    }
}
 #backToTop {
     position: fixed;
     bottom: 25px;
     right: 25px;
     width: 48px;
     height: 48px;
     background: #5FA864;
     color: #fff;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 24px;
     cursor: pointer;
     opacity: 0;
     visibility: hidden;
     transition: 0.3s ease;
     box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
     z-index: 9999;
}
 #backToTop.show {
     opacity: 1;
     visibility: visible;
}
 .about-link {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background: rgba(255, 255, 255, 0.15);
    /* slight transparent background */
     padding: 12px 24px;
     border-radius: 40px;
     background: #fff;
    /* white background on hover */
     color: var(--primary-soft);
     font-size: 16px;
     font-weight: 500;
     text-decoration: none;
     transition: all .3s ease;
     backdrop-filter: blur(4px);
    /* glass effect */
}
/* Arrow styling */
 .about-link i {
     font-size: 18px;
     transition: transform .3s ease;
}
/* Hover */
 .about-link:hover {
     background: #fff;
    /* white background on hover */
     color: var(--primary-soft);
    /* your theme color */
}
/* Hover arrow movement */
 .about-link:hover i {
     transform: translateX(4px) translateY(-4px);
     color: var(--primary-soft);
}
/* Optional subtle shadow */
 .about-link {
     box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15);
}
 .about-link:hover {
     box-shadow: 0 6px 25px rgba(0, 0, 0, 0.25);
}
/* ---------- SECTION BACKGROUND ---------- */
 .iv-hero {
     background-color: #f9f5f5;
    /* हल्का क्रीम जैसा colour (screenshot जैसा) */
     min-height: 100vh;
     display: flex;
     align-items: center;
     padding: 60px 0;
}
/* ---------- LEFT CONTENT ---------- */
 .iv-eyebrow-top {
     font-size: 1.1rem;
     font-weight: 700;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     color: #5FA864;
    /* हल्का ऑरेंज tone */
     margin-bottom: 0.75rem;
}
 .iv-title-main {
     font-size: clamp(2.5rem, 3vw, 3.25rem);
     font-weight: 800;
     color: #3E3E3E;
     line-height: 1.15;
     margin-bottom: 0.8rem;
}
 .iv-title-sub {
     font-size: clamp(2rem, 3vw, 2.4rem);
     font-weight: 700;
     color: #3E3E3E;
    /* नीला sub-heading जैसा */
     margin-bottom: 2rem;
}
 .iv-copy {
     font-size: 1.05rem;
     line-height: 1.7;
     color: #4b5563;
     max-width: 38rem;
     margin-bottom: 1.5rem;
}
 .iv-copy + .iv-copy {
     margin-top: 0.25rem;
}
/* ---------- BUTTONS ---------- */
 .iv-btn-main, .iv-btn-outline {
     border-radius: 999px;
     padding: 0.85rem 2.7rem;
     font-size: 1rem;
     font-weight: 600;
}
 .iv-btn-main {
     background-color: #5FA864;
     color: #ffffff;
     border: none;
}
 .iv-btn-main:hover {
     background-color: #5FA864;
     color: #ffffff;
}
 .iv-btn-outline {
     border: 2px solid #5FA864;
     color: #000;
     background-color: #ffffff;
}
 .iv-btn-outline:hover {
     background-color: #5FA864;
     color: #ffffff;
}
/* ---------- RIGHT PHOTO FRAME ---------- */
 .iv-photo-wrapper {
     background-color: #ffffff;
     border-radius: 3rem;
    /* rounded container */
     padding: 1.2rem;
     box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
     max-width: 520px;
     margin-left: auto;
}
 .iv-photo-inner {
     border-radius: 2.8rem;
     overflow: hidden;
}
 .iv-photo-inner img {
     width: 100%;
     height: auto;
     display: block;
     object-fit: cover;
}
/* ---------- RESPONSIVE ---------- */
 @media (max-width: 991.98px) {
     .iv-hero {
         padding-top: 3rem;
         padding-bottom: 3rem;
    }
     .iv-photo-wrapper {
         margin-right: auto;
    }
     .iv-left-col {
         text-align: left;
    }
}
 @media (max-width: 575.98px) {
     .iv-title-main {
         font-size: 2.2rem;
    }
     .iv-title-sub {
         font-size: 1.6rem;
    }
     .iv-btn-main, .iv-btn-outline {
         width: 100%;
         text-align: center;
    }
}
 .about-section{
     padding: 60px 0 0 0;
}
 .about-card{
     background: #ffffff;
     border-radius: 36px;
     padding: 30px;
     box-shadow: 0 24px 70px rgba(0,0,0,0.08);
}
 .about-eyebrow{
     font-size: 14px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #174574;
     margin-bottom: 10px;
}
 .about-title{
     font-size: 48px;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 12px;
}
 .about-title .primary{
     color: #3E3E3E;
    /* beautiful orange */
}
 .about-subtitle{
     font-size: 28px;
     font-weight: 600;
     color: #174574;
     margin-bottom: 20px;
}
 .about-text{
     font-size: 16px;
     line-height: 1.7;
     margin-bottom: 10px;
}
/* Buttons */
 .btn-main{
     background: #5FA864;
     color: #ffffff;
     padding: 14px 40px;
     border-radius: 50px;
     font-size: 16px;
     font-weight: 600;
     border: none;
}
 .btn-main:hover{
     background: #5FA864;
}
 .btn-outline{
     border: 2px solid #5FA864;
     color: #000;
     padding: 14px 40px;
     border-radius: 50px;
     background: #ffffff;
     font-weight: 600;
}
 .btn-outline:hover{
     background: #5FA864;
	  color: #fff;
}
/* Right Image Box */
 .about-image-box{
     background: #f2f4f8;
     padding: 20px;
     border-radius: 40px;
     box-shadow: 0 18px 55px rgba(0,0,0,0.07);
}
 .about-image{
     width: 100%;
     border-radius: 30px;
     display: block;
     object-fit: cover;
}
 @media (max-width: 991px){
     .insurance-cta {
         padding: 80px 20px;
    }
     .about-card{
         padding: 20px;
    }
     .about-title{
         font-size: 30px ;
    }
     .about-subtitle{
         font-size: 22px;
    }
     .about-image-box{
         margin-top: 0;
    }
}
.main-footer {
    position: relative;
    color: #fff;
    padding: 120px 0 3px 0;
    background: url(../images/footer.png) center / cover no-repeat;
    margin-top: 0;
	border:none;
	Background-size:cover;
	margin-top:30px;
}
 .main-footer .container {
     position: relative;
     z-index: 2;
}
/* DIAGONAL TOP WHITE SHAPE */

/* CONTENT SHOULD BE ABOVE DIAGONAL */
 .main-footer .container {
     position: relative;
     z-index: 2;
}
 .footer-title {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 15px;
     letter-spacing: 1px;
}
 .footer-links {
     list-style: none;
     padding: 0;
}
 .footer-links2 li {
    width:50%;
     float:left;
}
 .tpar {
    margin-top:30px;
}
 .footer-links li a {
     color: #fff;
     text-decoration: none;
     font-size: 15px;
}
 .footer-links li a:hover {
     color: #fff;
}
 .footer-links i {
     font-size: 10px;
     margin-right: 5px;
}
 .service-list {
     list-style: none;
     padding: 0;
     color: #d5d5d5;
     font-size: 14px;
}
 .service-list li {
     margin-bottom: 8px;
}
 .social-links {
     list-style: none;
     padding: 0;
     display: flex;
     gap: 8px;
     margin-bottom: 20px;
}
 .social-links li a {
     width: 34px;
     height: 34px;
     border-radius: 50%;
     border: 1px solid #555;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #f5f5f5;
     text-decoration: none;
	     font-size: 20px;
}
 .social-links li a:hover {
     border-color: #fff;
     color: #fff;
}
 .footer-bottom p a {
     color: #fff;
}
 .footer-links li {
     padding-bottom: 6px;
}
 .footer-links li {
     transition: transform 0.25s ease;
}
 .footer-links li:hover {
     transform: translateX(6px);
    /* halka sa right slide */
}
 .contact-item {
     display: flex;
     gap: 10px;
     margin-bottom: 10px;
     color: #d5d5d5;
     font-size: 15px;
}
 .contact-item a {
    color:#fff;
}
 .contact-item i {
     font-size: 18px;
     margin-top: 0;
}
 .footer-bottom {
     border-top: 1px solid #ffffff;
     margin-top: 20px;
     padding-top: 15px;
     font-size: 14px;
     text-align: center;
     color: #ccc;
}
 .logo-f {
    width:80px;
}





/* Contact us page start */

.contact-info {
  background: var(--primary);
  color: #fff;
  padding: 40px 30px;
  border-radius: 12px;
  height: 100%;
}

.contact-info h2 {
  font-weight: 700;
  margin-bottom: 15px;
}

.contact-info p {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 25px;
}

.contact-info ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.contact-info li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
  font-size: 15px;
}

.contact-info i {
  font-size: 18px;
}

.contact-form input,
.contact-form textarea {
  border-radius: 6px;
  padding: 12px 14px;
  font-size: 15px;
}

.contact-form textarea {
  resize: none;
}

.contact-section .btn-submit {
  background: #5FA864;
  color: #fff;
  border: none;
  padding: 12px 30px;
  font-weight: 600;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.contact-section .btn-submit:hover {
  background:var(--primary);
}
/* contact us page end */









/* about us page start */
.vm-card{
  background:#ffffff;
  border-radius:22px;
  padding:20px 20px;
  box-shadow:0 12px 35px rgba(0,0,0,0.06);
  position:relative;
  transition:0.3s ease;
}
.vm-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 45px rgba(0,0,0,0.08);
}

.vm-badge{
  display:inline-block;
  padding:8px 18px;
  border-radius:999px;
  font-size:14px;
  font-weight:600;
  margin-bottom:18px;
}
.vm-title{
  font-size:28px;
  font-weight:600;
  margin-bottom:16px;
  color:#0f172a;
}
.vm-text{
  font-size:16px;
  line-height:1.7;
  color:#475569;
}
.vision-card .vm-badge{
  background:#e0f2fe;
  color:#0369a1;
}

.mission-card .vm-badge{
  background:#dcfce7;
  color:#166534;
}
@media (max-width: 768px){
  .vm-title{
    font-size:24px;
  }
  .vm-card{
    padding:32px 26px;
  }
}
/* about us page end */


/* ===============================
   Vitality About Page Pricing Table
   =============================== */

.vi-pricing-section {
   background: #f8fbfd;
}

.vi-pricing-title {
   font-size: 32px;
   font-weight: 700;
   color: #0b4c5f;
   margin-bottom: 8px;
}

.vi-pricing-subtitle {
   color: #5c6f78;
   font-size: 16px;
}

.vi-pricing-table-wrapper {
   background: #ffffff;
   border-radius: 12px;
   box-shadow: 0 10px 30px rgba(0,0,0,0.05);
   overflow-x: auto;
   padding: 20px;
}

.vi-pricing-table {
   width: 100%;
   border-collapse: collapse;
   min-width: 700px;
}

.vi-pricing-table thead th {
   background: #0b4c5f;
   color: #ffffff;
   padding: 14px 16px;
   font-size: 15px;
   text-align: left;
   white-space: nowrap;
}

.vi-pricing-table tbody td {
   padding: 14px 16px;
   font-size: 15px;
   color: #333;
   border-bottom: 1px solid #e6edf1;
}

.vi-pricing-table tbody tr:hover {
   background: #f1f7fa;
}

.vi-pricing-table td:last-child {
   font-weight: 600;
   color: #0b4c5f;
}

.vi-section-row td {
   background: #eef6f9;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   color: #0b4c5f;
   border-bottom: 2px solid #d9e8ef;
}

.vi-pricing-note {
   margin-top: 15px;
   font-size: 14px;
   color: #555;
   font-style: italic;
}

/* Responsive */
@media (max-width: 768px) {
   .vi-pricing-title {
      font-size: 26px;
   }
}
/* ===============================
   Vitality – Our Commitment Section
   =============================== */

.vi-commitment-section {
   background: #ffffff;
}

.vi-commitment-badge {
   display: inline-block;
   background: #e7f4f8;
   color: #0b4c5f;
   padding: 6px 14px;
   border-radius: 30px;
   font-size: 14px;
   font-weight: 600;
   margin-bottom: 12px;
}

.vi-commitment-title {
   font-size: 34px;
   font-weight: 700;
   color: #0b4c5f;
   margin-bottom: 10px;
}

.vi-commitment-intro {
   font-size: 16px;
   color: #5c6f78;
   max-width: 700px;
}

.vi-commitment-card {
   background: #dbfce7;
   border-radius: 14px;
   padding: 24px;
   height: 100%;
   transition: all 0.3s ease;
   border: 1px solid #e2eef3;
}

.vi-commitment-card h4 {
   font-size: 18px;
   font-weight: 600;
   color: #0b4c5f;
   margin-bottom: 10px;
}

.vi-commitment-card p {
   font-size: 15px;
   color: #4f636c;
   margin-bottom: 0;
}

.vi-commitment-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

/* Responsive */
@media (max-width: 768px) {
   .vi-commitment-title {
      font-size: 28px;
   }
}
/* ===============================
   Vitality – Team Section (3D Cards)
   =============================== */

.vi-team-section {
   background: linear-gradient(180deg, #f6fafc 0%, #ffffff 100%);
}

.vi-team-badge {
   display: inline-block;
   background: #e7f4f8;
   color: #0b4c5f;
   padding: 6px 14px;
   border-radius: 30px;
   font-size: 14px;
   font-weight: 600;
   margin-bottom: 12px;
}

.vi-team-title {
   font-size: 34px;
   font-weight: 700;
   color: #0b4c5f;
   margin-bottom: 10px;
}

.vi-team-intro {
   font-size: 16px;
   color: #5c6f78;
   max-width: 100%;
}

/* 3D Card */
.vi-team-card {
   background: linear-gradient(145deg, #ffffff, #eef6f9);
   border-radius: 18px;
   padding: 28px;
   height: 100%;
   box-shadow:
      0 20px 35px rgba(11, 76, 95, 0.15),
      inset 0 1px 0 rgba(255,255,255,0.6);
   transition: transform 0.35s ease, box-shadow 0.35s ease;
   transform-style: preserve-3d;
}

.vi-team-card:hover {
   transform: translateY(-10px) rotateX(2deg) rotateY(-2deg);
   box-shadow:
      0 30px 55px rgba(11, 76, 95, 0.25);
}

.vi-team-card h4 {
   font-size: 20px;
   font-weight: 600;
   color: #0b4c5f;
   margin-bottom: 6px;
}

.vi-team-role {
   display: block;
   font-size: 14px;
   font-weight: 500;
   color: #7a9aa5;
   margin-bottom: 14px;
}

.vi-team-card p {
   font-size: 15px;
   color: #4f636c;
   margin-bottom: 10px;
}

/* Responsive */
@media (max-width: 768px) {
   .vi-team-title {
      font-size: 28px;
   }
}

.why-choose-section{
  background:#d4edf8;
  border-radius: 40px;
}


/* service page start */
.prenatal-section{
  background:#e8efdd;
  padding:70px 0;
}

.prenatal-title{
  font-size:42px;
  font-weight:600;
  color:#2f4f73;
}
.prenatal-subtitle{
  font-size:18px;
  color:#3f3f3f;
  margin-top:10px;
}
.prenatal-img{
  border-radius:14px;
  overflow:hidden;
}
.prenatal-img img{
  width:100%;
  height:auto;
  display:block;
}

.prenatal-card{
  background:#faf7f4;
  border-radius:14px;
  padding:30px;
  height:100%;
}

.service-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 0;
  border-top:1px solid #2f4f73;
}
.service-row:first-child{
  border-top:none;
}
.service-row h6{
  margin:0;
  font-size:18px;
  font-weight:600;
  color:#2f4f73;
}
.service-row span{
  font-size:24px;
  font-weight:600;
  color:#2f4f73;
}

.prenatal-btn{
  border-radius:10px;
  padding:12px 24px;
  font-weight:600;
  font-size:16px;
}
.btn-clinic{
  background:var(--primary);
  color:#fff;
  border:none;
}
.btn-mobile{
  background:#faf7f4;
  color:#2f4f73;
  border:2px solid var(--primary);
}

@media(max-width:991px){
  .prenatal-title{
    font-size:32px;
  }
}

.why-badge{
  display:inline-block;
  background:var(--primary);
  color:#fff;
  padding:8px 22px;
  border-radius:999px;
  font-size:0.85rem;
  font-weight:500;
}

.why-title{
  font-size:2.4rem;
  font-weight:600;
  line-height:1.25;
  color:#1c1f29;
}

.why-subtitle{
  max-width:720px;
  margin:12px auto 0;
  font-size:0.98rem;
  color:#6c7a90;
  line-height:1.6;
}

.why-card{
  background:#5FA864;
  border:1px solid #fff;
  border-radius:22px;
  padding:32px 26px;
  transition:all .3s ease;
  height:100%;
} 

.why-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(15, 37, 79, 0.08);
  border-color:#e5e7eb;
}

.why-icon{
  width:56px;
  height:56px; 
  border-radius:50%;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  color:#000;
  margin-bottom:18px;
}

.why-card h5{
  font-size:1.1rem;
  font-weight:600;
  margin-bottom:10px;
  color:#fff;
}

.why-card p{
  font-size:0.95rem;
  color:#fff;
  line-height:1.6;
}

@media(max-width:768px){
  .why-title{
    font-size:1.9rem;
  }
}

/* service page end */




/* review page start */
    .review-card{
      background:#fff;
      border-radius:20px;
      padding:15px;
      height:100%;
      box-shadow:0 10px 30px rgba(0,0,0,0.05);
      transition:.3s ease;
    }
    .review-card:hover{
      transform:translateY(-5px);
      box-shadow:0 18px 40px rgba(0,0,0,0.08);
    }

    .review-stars{
      color:#f9c33a;
      margin-bottom:10px;
    }

    .review-text{
      font-size:.95rem;
      color:#4b5563;
      line-height:1.6;
    }

    .review-user{
      display:flex;
      align-items:center;
      gap:12px;
      margin-top:20px;
    }

    .review-avatar{
      width:48px;
      height:48px;
      border-radius:50%;
      background:#e5e7eb;
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight:600;
      color:#16537a;
    }
    .review-name{
      font-weight:600;
      font-size:.95rem;
    }
    .review-role{
      font-size:.85rem;
      color:#6b7280;
    }
    .review-cta{
      background:#ffffff;
      border-radius:30px;
      padding:50px;
      box-shadow:0 10px 30px rgba(0,0,0,0.06);
    }
    .review-cta h2{
      font-weight:600;
    }
    .btn-review{
      background:#16537a;
      color:#fff;
      padding:14px 36px;
      border-radius:999px;
      font-weight:500;
      text-decoration:none;
      transition:.3s;
    }

    .btn-review:hover{
      background:#0f3e5f;
      color:#fff;
    }

    @media(max-width:768px){
      .review-hero h1{
        font-size:2.1rem;
      }
      .review-cta{
        padding:35px 25px;
      }
    }
/* review page end */

/*New css*/

/* About Us section – add contrast */
#services{
  background: #d4edf8;
  padding: 80px 30px 2px;
  border-radius: 16px;
  margin-top: 40px;
}

/* Title emphasis */
#services .services-title{
  color: #1F2F33;
}

/* Badge contrast */
#services .services-badge{
  background: #2F6973;              /* brand green */
  color: #fff;
}

/* Text readability */
#services p{
  font-size: 1rem;
  line-height: 1.7;
  color: #3E4A4F;
}

/* Optional: subtle top divider */
#services::before{
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: #5FA864;
  border-radius: 4px;
  margin-bottom: 18px;
}