
/* Our Services page css */
:root{--service-color:#d10b63;--service-soft:#fff0f6;--service-border:#ffc7dc;--service-dark:#071f4d;}
.service-page{font-family:'DM Sans',sans-serif;background:#fff;color:#4b5563;}
.service-hero{position:relative;padding:92px 20px;background:var(--service-soft);overflow:hidden;}
.service-hero:before{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.65);}
.service-hero-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;position:relative;z-index:1;}
.service-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:50px;background:#fff;color:var(--service-color);font-weight:700;font-size:14px;box-shadow:0 8px 25px rgba(0,0,0,.07);}
.service-hero h1{font-size:48px;line-height:1.1;color:var(--service-dark);margin:18px 0 16px;font-weight:700;}
.service-hero p{font-size:18px;line-height:1.75;margin:0 0 25px;max-width:660px;}
.service-actions{display:flex;gap:14px;flex-wrap:wrap;}
.service-btn{display:inline-flex;align-items:center;gap:9px;padding:14px 22px;border-radius:12px;text-decoration:none;font-weight:700;transition:.3s;}
.service-btn.primary{background:var(--service-color);color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.15);}
.service-btn.secondary{background:#fff;color:var(--service-dark);border:1px solid rgba(0,0,0,.08);}
.service-btn:hover{transform:translateY(-3px);}
.service-img{height:430px;border-radius:28px;overflow:hidden;box-shadow:0 20px 55px rgba(0,0,0,.16);background:#fff;}
.service-img img{width:100%;height:100%;object-fit:cover;display:block;}
.service-main{max-width:1180px;margin:auto;padding:80px 20px;display:grid;grid-template-columns:1fr 340px;gap:34px;align-items:start;}
.service-card{background:#fff;border:1px solid #edf0f5;border-radius:22px;padding:30px;box-shadow:0 12px 35px rgba(16,24,40,.06);margin-bottom:24px;}
.service-card h2,.service-card h3{color:var(--service-dark);margin-top:0;}
.service-card h2{font-size:34px;margin-bottom:14px;}
.service-card h3{font-size:24px;margin-bottom:18px;}
.service-card p{font-size:16px;line-height:1.8;margin:0 0 16px;}
.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:18px;}
.service-point{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:16px;background:#f8fafc;border:1px solid #eef2f7;}
.service-point i{color:var(--service-color);font-size:22px;margin-top:2px;}
.service-point strong{display:block;color:var(--service-dark);margin-bottom:4px;}
.service-sidebar{position:sticky;top:95px;}
.side-box{background:var(--service-dark);color:#fff;border-radius:24px;padding:26px;box-shadow:0 16px 40px rgba(16,24,40,.13);}
.side-box h3{margin:0 0 14px;font-size:24px;}
.side-box p{line-height:1.7;color:rgba(255,255,255,.82);}
.side-box a{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--service-dark);text-decoration:none;padding:14px;border-radius:12px;font-weight:700;margin-top:18px;}
.related-box{margin-top:22px;background:#fff;border:1px solid #edf0f5;border-radius:22px;padding:22px;box-shadow:0 12px 35px rgba(16,24,40,.06);}
.related-box h3{margin:0 0 14px;color:var(--service-dark);}
.related-box a{display:block;padding:10px 0;color:#4b5563;text-decoration:none;border-bottom:1px solid #eef2f7;}
.related-box a:hover{color:var(--service-color);}
.service-cta{max-width:1180px;margin:0 auto 80px;padding:0 20px;}
.cta-inner{border-radius:28px;background:var(--service-color);color:#fff;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:25px;}
.cta-inner h2{margin:0 0 8px;font-size:32px;}
.cta-inner p{margin:0;color:rgba(255,255,255,.88);}
.cta-inner a{background:#fff;color:var(--service-dark);padding:14px 22px;border-radius:12px;text-decoration:none;font-weight:700;white-space:nowrap;}
@media(max-width:991px){.service-hero-inner,.service-main{grid-template-columns:1fr;}.service-hero h1{font-size:38px;}.service-img{height:360px;}.service-sidebar{position:static;}}
@media(max-width:575px){.service-hero{padding:58px 15px;}.service-hero h1{font-size:31px;}.service-hero p{font-size:16px;}.service-img{height:260px;border-radius:20px;}.service-main{padding:48px 15px;}.service-card{padding:22px;}.service-grid{grid-template-columns:1fr;}.cta-inner{display:block;padding:26px;}.cta-inner a{display:inline-flex;margin-top:18px;}}


/* Category theme applied: gyno */
.service-page{background:#fff7fb;}
.opening-box,.gyno-service-box,.detail-card,.faq-item{border-color:var(--service-border)!important;}
.call-box,.round-appointment-btn{background:var(--service-color)!important;}
.gyno-service-box a:hover,.gyno-service-box a.active{color:var(--service-color)!important;}
.call-box a{display:block;margin-top:6px;}


/* ===== FAQ accordion final fix ===== */
.faq-item h3,
.faq-item h4{
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 !important;
}
.faq-item h3::after,
.faq-item h4::after{
  content:"+";
  margin-left:15px;
  font-size:22px;
  line-height:1;
  color:var(--service-color, #d10b63);
  font-family:Arial, sans-serif;
  font-weight:400;
  flex-shrink:0;
}
.faq-item.active h3::after,
.faq-item.active h4::after,
.faq-item.open h3::after,
.faq-item.open h4::after{
  content:"−";
}
.faq-item > p{
  display:none !important;
  padding:0 18px 16px !important;
  margin:0 !important;
}
.faq-item.active > p,
.faq-item.open > p{
  display:block !important;
}


/* FAQ accordion fix */
.faq-item > p{display:none;}
.faq-item.active > p,
.faq-item.open > p{display:block;}
.faq-item h3,
.faq-item h4{cursor:pointer;}
.faq-item h3::after,
.faq-item h4::after{
  content:"+";
  float:right;
  font-family:Arial, sans-serif;
  color:var(--service-color, #d10b63);
  font-weight:600;
}
.faq-item.active h3::after,
.faq-item.open h3::after,
.faq-item.active h4::after,
.faq-item.open h4::after{content:"−";}
