/* =============================================
   PRENATAL YOGA PAGE - COMPLETE yogaclass CSS
   Fully Responsive | All Sections
   ============================================= */

/* ---- BOX-SIZING RESET FOR ALL yogaclass SECTIONS ---- */
.yogaclass-schedule, .yogaclass-highlights, .yogaclass-pricing,
.yogaclass-overview, .yogaclass-benefits, .yogaclass-sessions,
.yogaclass-teachers, .yogaclass-why, .yogaclass-commitment,
.yogaclass-schedule *, .yogaclass-highlights *, .yogaclass-pricing *,
.yogaclass-overview *, .yogaclass-benefits *, .yogaclass-sessions *,
.yogaclass-teachers *, .yogaclass-why *, .yogaclass-commitment * {
  box-sizing: border-box;
}

/* ---- SHARED SECTION LABEL ---- */
.section-label {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #7c9a6e;
  background: #f0f7ec;
  padding: 5px 14px;
  border-radius: 20px;
  margin-bottom: 12px;
}


/* =============================================
   ONLINE POSTNATAL YOGA CLASSES — yogaclass
   ============================================= */

.yogaclass-postnatal {
  padding:40px 0px;
  background: linear-gradient(160deg, #fdfaf6 0%, #f3ede3 40%, #eaf5f0 100%);
  position: relative;
  overflow: hidden;
}

/* Decorative radial blobs */
.yogaclass-postnatal::before {
  content: '';
  position: absolute;
  top: -80px;
  right: -80px;
  width: 380px;
  height: 380px;
  background: radial-gradient(circle, rgba(107,168,130,0.12) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.yogaclass-postnatal::after {
  content: '';
  position: absolute;
  bottom: -60px;
  left: -60px;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(200,160,100,0.1) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

/* ---- Inner Layout ---- */
.yogaclass-postnatal .postnatal-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
  z-index: 1; text-align: center;
}

/* ---- Section Label ---- */
.yogaclass-postnatal .section-label {
  display: inline-block;
  background: linear-gradient(135deg, #e8f5ee, #d5ede0);
  color: #3a7a56;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  padding: 7px 18px;
  border-radius: 30px;
  border: 1px solid rgba(107,168,130,0.35);
  margin-bottom: 22px;
}

/* ---- Section Title ---- */
.yogaclass-postnatal .section-title {
  font-size: clamp(32px, 4.5vw, 52px);
  font-weight: 800;
  line-height: 1.15;
  color: #1e3526;
  margin-bottom: 18px;
}

.yogaclass-postnatal .section-title em {
  font-style: italic;
  color: #6ba882;
  font-weight: 700;
}

/* ---- Intro Paragraph ---- */
.yogaclass-postnatal .postnatal-inner > p {
  font-size: 16px;
  line-height: 1.75;
  color: #5a5a5a;  
  margin-bottom:6px;
}

/* ---- Grid ---- */
.yogaclass-postnatal .postnatal-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 10px;
}

/* ---- Cards ---- */
.yogaclass-postnatal .postnatal-block {
  background: #ffffff;
  border-radius: 20px;
  padding: 36px 30px;
  box-shadow:
    0 4px 18px rgba(60,100,75,0.07),
    0 1px 4px rgba(0,0,0,0.04);
  border: 1px solid rgba(107,168,130,0.15);
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.yogaclass-postnatal .postnatal-block:hover {
  transform: translateY(-6px);
  box-shadow:
    0 12px 36px rgba(60,100,75,0.13),
    0 2px 8px rgba(0,0,0,0.06);
}

/* Colored top accent line per card */
.yogaclass-postnatal .postnatal-block:nth-child(1)::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, #6ba882, #a8d8b8);
  border-radius: 20px 20px 0 0;
}

.yogaclass-postnatal .postnatal-block:nth-child(2)::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, #c8a064, #e8c98a);
  border-radius: 20px 20px 0 0;
}

.yogaclass-postnatal .postnatal-block:nth-child(3)::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, #8b6ba8, #c4a8d8);
  border-radius: 20px 20px 0 0;
}

/* Emoji icon per card */
.yogaclass-postnatal .postnatal-block:nth-child(1)::after {
 
  position: absolute;
  top: 22px;
  right: 22px;
  font-size: 26px;
  opacity: 0.55;
}

.yogaclass-postnatal .postnatal-block:nth-child(2)::after {
  
  position: absolute;
  top: 22px;
  right: 22px;
  font-size: 24px;
  opacity: 0.55;
}

.yogaclass-postnatal .postnatal-block:nth-child(3)::after {
 
  position: absolute;
  top: 22px;
  right: 22px;
  font-size: 24px;
  opacity: 0.55;
}

/* ---- Card Headings ---- */
.yogaclass-postnatal .postnatal-block h3 {
  font-size: 18px;
  font-weight: 700;
  color: #1e3526;
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(107,168,130,0.2);
}

.yogaclass-postnatal .postnatal-block h3:not(:first-child) {
  margin-top: 28px;
}

/* ---- Lists ---- */
.yogaclass-postnatal .postnatal-block ul {
  list-style: none;
  padding: 0;
  margin: 0 0 8px 0;
}

.yogaclass-postnatal .postnatal-block ul li {
  font-size: 14.5px;
  line-height: 1.6;
  color: #4a5c50;
  padding: 8px 0 8px 28px;
  position: relative;
  border-bottom: 1px dashed rgba(107,168,130,0.15);
}

.yogaclass-postnatal .postnatal-block ul li:last-of-type {
  border-bottom: none;
}

/* Green ✓ for card 1 */
.yogaclass-postnatal .postnatal-block:nth-child(1) ul li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 8px;
  width: 18px;
  height: 18px;
  background: linear-gradient(135deg, #6ba882, #4a8c66);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 18px;
  text-align: center;
}

/* Gold ★ for card 2 */
.yogaclass-postnatal .postnatal-block:nth-child(2) ul li::before {
  content: '★';
  position: absolute;
  left: 0;
  top: 8px;
  width: 18px;
  height: 18px;
  background: linear-gradient(135deg, #c8a064, #e8b84b);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 18px;
  text-align: center;
}

/* Purple ♥ for card 3 */
.yogaclass-postnatal .postnatal-block:nth-child(3) ul li::before {
  content: '♥';
  position: absolute;
  left: 0;
  top: 8px;
  width: 18px;
  height: 18px;
  background: linear-gradient(135deg, #8b6ba8, #b09ac8);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 18px;
  text-align: center;
}

/* ---- Equipment Chips ---- */
.yogaclass-postnatal .equipment-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.yogaclass-postnatal .equipment-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, #f0f8f3, #e5f2ea);
  color: #3a7a56;
  font-size: 13px;
  font-weight: 600;
  padding: 7px 16px;
  border-radius: 50px;
  border: 1px solid rgba(107,168,130,0.3);
  white-space: nowrap;
  transition: background 0.2s, transform 0.2s;
}

.yogaclass-postnatal .equipment-chip:hover {
  background: linear-gradient(135deg, #d5ede0, #c5e5d0);
  transform: scale(1.04);
}

/* ---- Responsive: Tablet ---- */
@media (max-width: 991px) {
  .yogaclass-postnatal .postnatal-grid {
    grid-template-columns: 1fr 1fr;
    gap: 22px;
  }

  .yogaclass-postnatal .postnatal-block:nth-child(3) {
    grid-column: 1 / -1;
  }
}

/* ---- Responsive: Mobile ---- */
@media (max-width: 640px) {
  .yogaclass-postnatal {
    padding: 70px 0 60px;
  }

  .yogaclass-postnatal .postnatal-grid {
    grid-template-columns: 1fr;
  }

  .yogaclass-postnatal .postnatal-block:nth-child(3) {
    grid-column: auto;
  }

  .yogaclass-postnatal .postnatal-inner > p {
    font-size: 15px;
    margin-bottom: 36px;
  }
}


/* =============================================
   1. SCHEDULE SECTION
   ============================================= */
.yogaclass-schedule {
  background:#ddd;
  padding: 70px 0 60px;
}
.yogaclass-schedule .yogaclass-wrap {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}
.yogaclass-schedule .section-title {
  font-size: clamp(26px, 4vw, 38px);
  font-weight: 800;
  color: #2b4a2b;
  margin-bottom: 10px;
  line-height: 1.2;
}
.yogaclass-schedule .section-title em { font-style: normal; color: #7c9a6e; }
.yogaclass-schedule .section-subtitle {
  font-size: 16px;
  color: #6b7c6a;
  max-width: 560px;
  margin: 0 auto 40px;
  line-height: 1.6;
}
.schedule-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important;
  margin-bottom: 28px;
}
.schedule-card {
  background: #fff;
  border-radius: 18px;
  padding: 28px 24px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  text-align: left;
  border-top: 4px solid #7c9a6e!important;
  border: 1px solid #ddd;
  transition: transform 0.2s, box-shadow 0.2s;
}
.schedule-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 32px rgba(0,0,0,0.12);
}
.trimester-badge {
  display: inline-block;
  background: linear-gradient(90deg, #7c9a6e, #a8c49a);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 4px 14px;
  border-radius: 20px;
  margin-bottom: 16px;
}
.schedule-card h3 {
  font-size: 16px;
  font-weight: 700;
  color: #2b4a2b;
  margin: 16px 0 10px;
  border-bottom: 1px dashed #e0ead0;
  padding-bottom: 8px;
}
.schedule-card h3:first-of-type { margin-top: 0; }
.time-slot {
  display: flex !important;
  align-items: center;
  gap: 10px;
  background: #f8fdf5;
  border-radius: 10px;
  padding: 8px 14px;
  margin-bottom: 8px;
}
.time-icon { font-size: 18px; min-width: 28px; text-align: center; }
.time { font-size: 14px; font-weight: 600; color: #3a5a3a; }
.schedule-meta {
  background: #2b4a2b;
  color: #e8f5e0;
  border-radius: 12px;
  padding: 14px 24px;
  font-size: 14px;
  text-align: center;
  margin-top: 8px;
  letter-spacing: 0.5px;
}
.schedule-meta strong { font-weight: 700; color: #c9f0b0; }

/* =============================================
   2. PROGRAM HIGHLIGHTS SECTION
   ============================================= */
.yogaclass-highlights {
  background: #fff;
  padding: 70px 0; 
}
.yogaclass-highlights .yogaclass-wrap {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;text-align: center;
}
.highlights-inner {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 48px;
  align-items: center;
}
.yogaclass-highlights .section-title {
  font-size: clamp(24px, 3.5vw, 36px);
  font-weight: 800;
  color: #2b4a2b;
  line-height: 1.2;
  margin-bottom: 28px;
}
.yogaclass-highlights .section-title em {
  color: #c9973a;
  font-style: normal;
  display: block;
}
.highlight-list { display: flex; flex-direction: column; gap: 0; }
.highlight-row {
  display: flex !important;
  align-items: flex-start;
  padding: 12px 16px;
  border-bottom: 1px solid #f0f0f0 !important;
  gap: 12px;
  transition: background 0.15s;
  text-align: left;
}
.highlight-row:last-child { border-bottom: none !important; }
.highlight-row:hover { background: #f8fdf5; border-radius: 8px; }
.hl-key {
  font-size: 15px;
  font-weight: 700;
  color: #000;
  min-width: 150px;
  flex-shrink: 0;
}
.hl-val { font-size: 15px; color: #000; line-height: 1.5; }
.highlights-enroll {
  background: linear-gradient(145deg, #f8fdf5, #eef7e8);
  border-radius: 20px;
  padding: 40px 36px;
  text-align: center;
  border: 1px solid #d4e8c8;
}
.highlights-enroll h3 {
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 800;
  color: #2b4a2b;
  line-height: 1.3;
  margin-bottom: 16px;
}
.highlights-enroll h3 em {
  color: #c9973a;
  font-style: normal;
  display: block;
}
.highlights-enroll p {
  font-size: 14px;
  color: #6b7c6a;
  margin-bottom: 24px;
  line-height: 1.6;
}
.btn-gold {
  display: inline-block;
  background: linear-gradient(90deg, #c9973a, #e8b455);
  color: #fff !important;
  font-weight: 700;
  font-size: 15px;
  padding: 13px 32px;
  border-radius: 50px;
  text-decoration: none !important;
  margin-bottom: 16px;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 16px rgba(201,151,58,0.35);
}
.btn-gold:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(201,151,58,0.45);
  color: #fff !important;
}

/* =============================================
   3. SIMPLE, TRANSPARENT PRICING SECTION
   ============================================= */
.yogaclass-pricing {
  background: linear-gradient(135deg, #2b4a2b 0%, #3d6b3d 100%);
  padding: 70px 0;
}
.yogaclass-pricing .yogaclass-wrap {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}
.yogaclass-pricing .section-label { background: rgba(255,255,255,0.15); color: #c9f0b0; }
.yogaclass-pricing .section-title {
  font-size: clamp(26px, 4vw, 38px);
  font-weight: 800;
  color: #fff;
  margin-bottom: 10px;
}
.yogaclass-pricing .section-title em { color: #c9f0b0; font-style: normal; }
.yogaclass-pricing .section-subtitle {
  font-size: 15px;
  color: rgba(255,255,255,0.75);
  margin-bottom: 44px;
}
.pricing-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 24px !important;
  margin-bottom: 36px;
}
.pricing-card {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 20px;
  padding: 32px 24px;
  text-align: center;
  position: relative;
  transition: transform 0.2s, background 0.2s;
}
.pricing-card:hover { background: rgba(255,255,255,0.14); transform: translateY(-6px); }
.pricing-card.featured { background: #fff; border-color: #fff; transform: scale(1.04); }
.pricing-card.featured:hover { transform: scale(1.04) translateY(-6px); }
.best-value-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #c9973a, #e8b455);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 16px;
  border-radius: 20px;
  white-space: nowrap;
}
.price-icon { font-size: 34px; margin-bottom: 12px; }
.price-label {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(255,255,255,0.8);
  margin-bottom: 10px;
}
.pricing-card.featured .price-label { color: #2b4a2b; }
.price-amount {
  font-size: clamp(30px, 4vw, 42px);
  font-weight: 900;
  color: #fff;
  line-height: 1;
  margin-bottom: 12px;
}
.pricing-card.featured .price-amount { color: #2b4a2b; }
.price-desc { font-size: 13px; color: rgba(255,255,255,0.65); line-height: 1.5; }
.pricing-card.featured .price-desc { color: #5a7a5a; }
.pricing-cta {
  display: flex !important;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.btn-sage {
  display: inline-block;
  background: linear-gradient(90deg, #7c9a6e, #a8c49a);
  color: #fff !important;
  font-weight: 700;
  font-size: 14px;
  padding: 12px 28px;
  border-radius: 50px;
  text-decoration: none !important;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 14px rgba(124,154,110,0.4);
}
.btn-sage:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(124,154,110,0.5); color: #fff !important; }
.btn-outline-sage {
  display: inline-block;
  background: transparent;
  border: 2px solid rgba(255,255,255,0.5);
  color: #fff !important;
  font-weight: 700;
  font-size: 14px;
  padding: 10px 28px;
  border-radius: 50px;
  text-decoration: none !important;
  transition: all 0.2s;
}
.btn-outline-sage:hover { background: rgba(255,255,255,0.15); color: #fff !important; }
.free-demo-banner {
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 10px;
  padding: 12px 24px;
  display: inline-block;
  color: rgba(255,255,255,0.85);
  font-size: 13px;
}
.free-demo-banner .tag {
  background: #c9973a;
  color: #fff;
  font-weight: 800;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 4px;
  margin-right: 6px;
}

/* =============================================
   4. WHAT WE OFFER SECTION
   ============================================= */
.yogaclass-overview { padding: 70px 0; background: #fff; }
.yogaclass-overview .container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.overview-inner {
  width:100%;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

.yogaclass-grid{
    display:flex;
    gap:30px;
    align-items:center;
}

.overview-img-wrap{
    width:52%;
}

.what-included{
    width:48%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}



.overview-img-wrap img { 
    width: 100%; border-radius: 20px; 
    object-fit: cover; 
    display: block; 
    
}
.img-badge {
  position: absolute;
  bottom: 20px;
  left: -10px;
  background: linear-gradient(135deg, #c9973a, #e8b455);
  color: #fff;
  border-radius: 14px;
  padding: 14px 20px;
  text-align: center;
  box-shadow: 0 6px 20px rgba(201,151,58,0.4);
}
.badge-num { font-size: 28px; font-weight: 900; line-height: 1; }
.badge-text { font-size: 11px; font-weight: 600; letter-spacing: 0.5px; }
.yogaclass-overview .section-title {
  font-size: clamp(24px, 3.5vw, 34px);
  font-weight: 800;
  color: #2b4a2b;
  line-height: 1.3;
  margin: 10px 0 16px;
}
.yogaclass-overview .section-title em { color: #c9973a; font-style: normal; }
.yogaclass-overview p { color: #6b7c6a; font-size: 15px; line-height: 1.7; margin-bottom: 28px; }
.what-included {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
}
.included-item {
  display: flex !important;
  align-items: flex-start;
  gap: 12px;
  background: #f8fdf5;
  border-radius: 12px;
  padding:6px;
  border-left: 3px solid #7c9a6e!important;
  border:1px solid #ddd;
  transition: transform 0.15s;
}
.included-item:hover { transform: translateY(-2px); background: #f0f7e8; }
.included-icon { font-size: 22px; width:60px; height:60px; }
.included-icon img{
	width: 80%; height: auto;
}

.included-item .words{text-align: left;}


.included-item h4 { font-size: 14px; font-weight: 700; color: #2b4a2b; margin: 0 0 4px; }
.included-item p { font-size: 12px; color: #7a8c7a; margin: 0; line-height: 1.4; }




/* =============================================
   5. BENEFITS OF PREGNANCY YOGA
   ============================================= */
.yogaclass-benefits {
  background: linear-gradient(135deg, #f8fdf5 0%, #fdf8ef 100%);
  padding: 70px 0;
}
.yogaclass-benefits .yogaclass-wrap { max-width: 1000px; margin: 0 auto; padding: 0 20px; }
.benefits-header { text-align: center; margin-bottom: 48px; }
.yogaclass-benefits .section-title {
  font-size: clamp(26px, 4vw, 38px);
  font-weight: 800;
  color: #2b4a2b;
  line-height: 1.3;
  margin: 10px 0 14px;
}
.yogaclass-benefits .section-title em { color: #c9973a; font-style: normal; }
.yogaclass-benefits .section-subtitle { font-size: 15px; color: #6b7c6a; max-width: 600px; margin: 0 auto; line-height: 1.6; }
.benefits-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 22px !important;
}
.benefit-card {
  background: #fff;
  border-radius: 18px;
  padding: 28px 22px;
  display: flex !important;
  flex-direction: column;
  gap: 14px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.06);
  transition: transform 0.2s, box-shadow 0.2s;
  border-bottom: 3px solid transparent;
}
.benefit-card:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0,0,0,0.11); border-bottom-color: #7c9a6e; }
.benefit-icon-wrap { display: flex !important; align-items: center; gap: 10px; }
.benefit-icon {
  font-size: 28px;
  background: #f0f7e8;
  width: 52px;
  height: 52px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
}

.benefit-card img{
    width:100%;
      display:block;
}


.benefit-tag {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #7c9a6e;
  background: #f0f7e8;
  padding: 3px 10px;
  border-radius: 20px;
}
.benefit-body h3 { font-size: 16px; font-weight: 700; color: #2b4a2b; margin: 0 0 8px; }
.benefit-body p { font-size: 13px; color: #6b7c6a; line-height: 1.6; margin: 0; }

/* =============================================
   6. A UNIQUE & NURTURING CLASS EXPERIENCE
   ============================================= */
.yogaclass-sessions { background: #fff; padding: 70px 0; }
.yogaclass-sessions .yogaclass-wrap { max-width: 1000px; margin: 0 auto; padding: 0 20px; }
.sessions-header { text-align: center; margin-bottom: 48px; }
.yogaclass-sessions .section-title {
  font-size: clamp(26px, 4vw, 36px);
  font-weight: 800;
  color: #2b4a2b;
  line-height: 1.3;
  margin: 10px 0 14px;
}
.yogaclass-sessions .section-title em { color: #c9973a; font-style: normal; }
.yogaclass-sessions .section-subtitle { font-size: 15px; color: #6b7c6a; max-width: 560px; margin: 0 auto; line-height: 1.6; }
.sessions-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 22px !important;
}

.sessions-grid img{
    
 width:50%;
  display:block;
}
.session-card {
  background: linear-gradient(145deg, #f8fdf5, #f0f7e8);
  border-radius: 18px;
  padding: 28px 22px;
  position: relative;
  overflow: hidden;
  border: 1px solid #e0ead0;
  transition: transform 0.2s, box-shadow 0.2s;
}
.session-card:hover { transform: translateY(-5px); box-shadow: 0 12px 28px rgba(0,0,0,0.1); }
.card-num {
  position: absolute;
  top: 18px;
  right: 18px;
  font-size: 36px;
  font-weight: 900;
  color: rgba(124,154,110,0.15);
  line-height: 1;
  font-family: serif;
}
.card-emoji { font-size: 32px; display: block; margin-bottom: 12px; }
.session-card h3 { font-size: 16px; font-weight: 700; color: #2b4a2b; margin: 0 0 10px; }
.session-card p { font-size: 13px; color: #6b7c6a; line-height: 1.6; margin: 0 0 16px; }
.card-tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  color: #7c9a6e;
  background: rgba(124,154,110,0.12);
  padding: 4px 12px;
  border-radius: 20px;
}

/* =============================================
   7. MEET OUR YOGA TEACHERS
   ============================================= */
.yogaclass-teachers {
  background: linear-gradient(135deg, #2b4a2b 0%, #3d6b3d 100%);
  padding: 70px 0;
}
.yogaclass-teachers .yogaclass-wrap { max-width: 1000px; margin: 0 auto; padding: 0 20px; text-align: center; }
.yogaclass-teachers .section-label { background: rgba(255,255,255,0.15); color: #c9f0b0; }
.yogaclass-teachers .section-title { font-size: clamp(26px, 4vw, 38px); font-weight: 800; color: #fff; margin: 10px 0 44px; }
.yogaclass-teachers .section-title em { color: #a8e890; font-style: normal; }
.teachers-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
}
.teacher-card {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 20px;
  overflow: hidden;
  transition: transform 0.2s, background 0.2s;
}
.teacher-card:hover { transform: translateY(-6px); background: rgba(255,255,255,0.14); }
.teacher-img { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; }
.teacher-img img { width: 100%; height: auto; object-fit: cover; display: block; transition: transform 0.3s; }
.teacher-card:hover .teacher-img img { transform: scale(1.05); }
.teacher-info { padding: 20px; text-align: left; }
.teacher-role { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #a8e890; margin-bottom: 6px; }
.teacher-info h3 { font-size: 18px; font-weight: 800; color: #fff; margin: 0 0 8px; }
.teacher-info p { font-size: 13px; color: rgba(255,255,255,0.7); line-height: 1.6; margin: 0; }

/* =============================================
   8. WHY CHOOSE OUR PRENATAL YOGA CLASSES
   ============================================= */
.yogaclass-why { background: #fff; padding:40px 0; }
.yogaclass-why .container { margin: 0 auto; padding: 0 20px; }
.why-inner {
  max-width: 1200px;
    margin: 0 auto;
    padding: 0px 0px 50px 0px;
    position: relative;
    z-index: 1;
    text-align: center;
}
.yogaclass-why .section-title { font-size: clamp(24px, 3.5vw, 34px); font-weight: 800; color: #2b4a2b; line-height: 1.3; margin: 10px 0 0; }
.yogaclass-why .section-title em { color: #c9973a; font-style: normal; }
.why-grid {
  display: grid !important;
  grid-template-columns:1fr 1fr 1fr !important;
  gap: 10px !important;
}
.why-card {
  background: #f8fdf5;
  border-radius: 16px;
  padding: 22px 20px;
  border-top: 3px solid #7c9a6e!important;
  border: 1px solid #7c9a6e;
  transition: transform 0.2s, box-shadow 0.2s;
}
.why-card:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(0,0,0,0.09); background: #f0f7e8; }
.why-icon { font-size: 28px; margin-bottom: 10px; display: block; }
.why-icon img{
	height: 70px;
}
.why-card h3 { font-size: 15px; font-weight: 700; color: #2b4a2b; margin: 0 0 8px; }
.why-card p { font-size: 13px; color: #6b7c6a; line-height: 1.6; margin: 0; }

/* =============================================
   9. OUR COMMITMENT TO YOUR WELL-BEING
   ============================================= */
.yogaclass-commitment {
  background: linear-gradient(135deg, #fdf8ef 0%, #fdf4e3 100%);
  padding: 70px 0;
}
.yogaclass-commitment .container { max-width: 1000px; margin: 0 auto; padding: 0 20px; }
.commitment-inner {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 60px;
  align-items: center;
}
.yogaclass-commitment .section-label { background: #fdeac5; color: #a07020; }
.yogaclass-commitment .section-title { font-size: clamp(24px, 3.5vw, 34px); font-weight: 800; color: #2b4a2b; line-height: 1.3; margin: 10px 0 16px; }
.yogaclass-commitment .section-title em { color: #c9973a; font-style: normal; }
.commitment-pillars { display: flex !important; flex-direction: column; gap: 18px; }
.pillar {
  display: flex !important;
  align-items: flex-start;
  gap: 18px;
  background: #fff;
  border-radius: 16px;
  padding: 22px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
  transition: transform 0.2s;
}

.commitment-pillars img{
     width:50%;
  display:block;
}
.pillar:hover { transform: translateX(6px); }

.pillar > div { flex: 1; }
.pillar-icon img{  
  width:auto;
  height:70px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  flex-shrink: 0;
}
.pillar-icon.green { background: #e6f7e0; }

.pillar-icon.pink  { background: #fce8f0; }
.pillar-icon.gold  { background: #fdeac5; }
.pillar h4 { font-size: 16px; font-weight: 700; color: #2b4a2b; margin: 0 0 6px; }
.pillar p  { font-size: 13px; color: #6b7c6a; margin: 0; line-height: 1.5; }


.schedule-title{text-align:center; margin:40px 0;}
.schedule-title h2{color:#0d6efd; font-weight:700;}
.schedule-title p{color:#666;}
.day-card{border:none; border-radius:15px; overflow:hidden; box-shadow:0 5px 20px rgba(0,0,0,.08); margin-bottom:35px;}
.day-header{background:linear-gradient(90deg,#a1782d,#ffac00); color:#fff; padding:15px 20px; font-size:22px;font-weight:600; text-align: center;}
.table{margin-bottom:0;}
.table thead{background:#eef5ff;}
.table thead th{color:#fff; font-weight:700; border:none;}
.table td{vertical-align:middle; padding:14px;}
.table tbody tr:nth-child(even){background:#fafcff;}
.time{ white-space:nowrap; font-weight:600; color:#000;}

@media(max-width:768px){

.table thead{display:none;}
.table,
.table tbody,
.table tr,
.table td{display:block; width:100%;}

.table tr{margin-bottom:15px; border:1px solid #e8e8e8; border-radius:10px; overflow:hidden; background:#fff;}
.table td{text-align:right; padding-left:45%; position:relative; border-bottom:1px solid #eee;}
.table td:last-child{border-bottom:none;}
.table td::before{content:attr(data-label); position:absolute; left:15px; width:40%; font-weight:bold; text-align:left; color:#0d6efd;}
}

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

/* Tablet ≤ 900px */
@media (max-width: 900px) {
  .schedule-grid,
  .highlights-inner,
  .overview-inner,
  .why-inner,
  .commitment-inner {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  .pricing-grid,
  .benefits-grid,
  .sessions-grid,
  .teachers-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 18px !important;
  }
  .why-grid { grid-template-columns: 1fr 1fr !important; }
  .pricing-card.featured { transform: none; order: -1; }
  .overview-img-wrap { max-width: 420px; margin: 0 auto; }
  .img-badge { left: 10px; }
}

/* Mobile ≤ 600px */
@media (max-width: 600px) {
  .yogaclass-schedule, .yogaclass-highlights, .yogaclass-pricing,
  .yogaclass-overview, .yogaclass-benefits, .yogaclass-sessions,
  .yogaclass-teachers, .yogaclass-why, .yogaclass-commitment {
    padding: 48px 0 !important;
  }
  .schedule-grid, .pricing-grid, .benefits-grid,
  .sessions-grid, .teachers-grid, .why-grid, .what-included {
    grid-template-columns: 1fr !important;
  }
  .why-inner, .highlights-inner, .overview-inner, .commitment-inner {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .highlights-enroll { padding: 28px 20px; }
  .pricing-card.featured { transform: none; }
  .pricing-cta { flex-direction: column; align-items: center; }
}