/* Dr. Shweta Gupta - Professional Service Page System */
.dg-pro-hero{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(20,49,91,.92) 0%, rgba(20,49,91,.78) 45%, rgba(20,49,91,.35) 100%),
    var(--service-bg), url("../img/gynaecology-service-care.png") center/cover no-repeat;
}
.dg-pro-hero:after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0));
  pointer-events:none;
}
.dg-pro-hero-inner{position:relative;z-index:1;padding:95px 0 90px}
.dg-pro-kicker{font-family:"Dancing Script",cursive;font-size:29px;line-height:1.2;color:#23bfe7;margin-bottom:14px}
.dg-pro-hero h1{color:#fff;font-size:52px;line-height:1.08;max-width:850px;margin:0 0 20px;font-weight:700;text-shadow:0 4px 14px rgba(0,0,0,.18)}
.dg-pro-hero .lead{color:#fff;max-width:780px;font-size:19px;line-height:1.75;margin-bottom:26px}
.dg-pro-meta{display:flex;flex-wrap:wrap;gap:12px 26px;color:#fff;font-size:14px;margin-bottom:28px}
.dg-pro-meta span{display:inline-flex;align-items:center;gap:8px}
.dg-pro-meta i{color:#23bfe7}
.dg-pro-hero .vs-btn{margin-top:4px}

.dg-intro{padding:90px 0}
.dg-intro-grid{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);gap:70px;align-items:center}
.dg-media-card{border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 18px 50px rgba(32,66,104,.12)}
.dg-media-card img{display:block;width:100%;height:470px;object-fit:cover}
.dg-section-label{display:inline-block;font-family:"Dancing Script",cursive;color:#22bfe7;font-size:27px;line-height:1.2;margin-bottom:10px}
.dg-intro h2,.dg-content h2{color:#244a84;font-size:38px;line-height:1.18;margin:0 0 22px;font-weight:700}
.dg-intro p,.dg-content p{color:#748096;font-size:16px;line-height:1.9;margin-bottom:16px}
.dg-content-section{padding:82px 0}
.dg-content-section.alt{background:#f7fbfd}
.dg-content-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:58px;align-items:start}
.dg-content-grid.reverse{grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr)}
.dg-content-grid.reverse .dg-copy{order:2}
.dg-content-grid.reverse .dg-side{order:1}
.dg-copy{min-width:0}
.dg-side-card{background:#fff;border:1px solid rgba(36,74,132,.08);border-radius:20px;padding:28px;box-shadow:0 12px 35px rgba(32,66,104,.08);position:sticky;top:30px}
.dg-side-card img{width:100%;height:240px;object-fit:cover;border-radius:15px;margin-bottom:20px}
.dg-side-card .small-label{font-size:12px;text-transform:uppercase;letter-spacing:1.3px;color:#22aeca;font-weight:700}
.dg-side-card h3{font-size:23px;color:#244a84;margin:7px 0 10px}
.dg-side-card p{font-size:14px;line-height:1.7;color:#7a8798;margin:0}
.dg-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:11px}
.dg-list li{position:relative;padding:12px 16px 12px 43px;background:#fff;border:1px solid #e8eef3;border-radius:12px;color:#68778b;font-size:15px;line-height:1.65}
.dg-content-section.alt .dg-list li{background:#fff}
.dg-list li:before{content:"✓";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:16px;top:13px;color:#22bfe7}
.dg-subgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}
.dg-subcard{height:100%;background:#fff;border:1px solid #e8eef3;border-radius:17px;padding:25px;box-shadow:0 9px 28px rgba(32,66,104,.06)}
.dg-subcard h3{font-size:21px;line-height:1.35;color:#244a84;margin:0 0 10px}
.dg-subcard p{font-size:15px;line-height:1.75;color:#748096;margin:0}
.dg-note{margin-top:20px;padding:19px 22px;border-left:4px solid #22bfe7;background:#eefaff;border-radius:0 12px 12px 0;color:#637286;font-size:15px;line-height:1.75}
.dg-cta{padding:85px 0}
.dg-cta-box{position:relative;overflow:hidden;padding:58px 30px;border-radius:24px;background:linear-gradient(135deg,#244a84,#1c6c98);box-shadow:0 18px 45px rgba(36,74,132,.18)}
.dg-cta-box:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-100px;top:-150px;background:rgba(255,255,255,.08)}
.dg-cta-box h2{color:#fff;font-size:37px;margin-bottom:13px;position:relative;z-index:1}
.dg-cta-box p{color:rgba(255,255,255,.9);font-size:16px;line-height:1.7;position:relative;z-index:1}
.dg-cta-box .vs-btn{position:relative;z-index:1}
.dg-faq-space{padding:0 0 40px}

@media(max-width:991px){
  .dg-pro-hero{min-height:470px}
  .dg-pro-hero-inner{padding:80px 0}
  .dg-pro-hero h1{font-size:44px}
  .dg-intro-grid,.dg-content-grid,.dg-content-grid.reverse{grid-template-columns:1fr;gap:38px}
  .dg-content-grid.reverse .dg-copy,.dg-content-grid.reverse .dg-side{order:initial}
  .dg-side-card{position:static}
  .dg-media-card img{height:390px}
}
@media(max-width:767px){
  .dg-pro-hero{min-height:430px}
  .dg-pro-hero-inner{padding:65px 0}
  .dg-pro-hero h1{font-size:35px}
  .dg-pro-hero .lead{font-size:16px;line-height:1.65}
  .dg-pro-kicker{font-size:25px}
  .dg-meta{display:block}
  .dg-pro-meta span{margin:0 18px 9px 0}
  .dg-intro,.dg-content-section,.dg-cta{padding:58px 0}
  .dg-intro h2,.dg-content h2{font-size:30px}
  .dg-media-card img{height:300px}
  .dg-subgrid{grid-template-columns:1fr}
  .dg-cta-box{padding:42px 22px}
  .dg-cta-box h2{font-size:30px}
}