/* START LIFESTYLE CENTRE SECTION STYLE */

#lifestyle-section *, #lifestyle-section *::before, #lifestyle-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── Root tokens (same brand family as the rest of the site) ── */
#lifestyle-section {
  --life-bg: #f7f5fb;
  --life-heading: #2d1b45;
  --life-purple: #4a1a7a;
  --life-purple-deep: #2d0c4b;
  --life-accent: #c89fff;
  --life-text: #4a4560;
  --life-muted: #726c87;
  --life-card-bg: #ffffff;
  --life-border: #e6e1f2;
  --life-chip-bg: rgba(200,159,255,0.14);
  --life-font-display: 'Playfair Display', Georgia, serif;
  --life-font-body: 'Inter', sans-serif;

  width: 100%;
  max-width: 100%;
  background: var(--life-bg);
  font-family: var(--life-font-body);
  padding: clamp(56px, 8vw, 96px) 24px;
  overflow: hidden;

}

#lifestyle-section .life-inner {
  max-width: 960px;
  margin: 0 auto;
}

/* ── Header ── */
#lifestyle-section .life-header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

#lifestyle-section .life-icon-badge {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--life-chip-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--l    ife-purple);
}

#lifestyle-section .life-icon-badge svg {
  width: 32px;
  height: 32px;
}

#lifestyle-section .life-header-text {
  min-width: 0;
}

#lifestyle-section .life-eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--life-purple);
  margin-bottom: 6px;
}

#lifestyle-section .life-title {
  font-family: var(--life-font-display);
  font-size: clamp(26px, 3.6vw, 36px);
  font-weight: 800;
  color: var(--life-heading);
}

/* Running-stitch rule — same signature motif used across the site */
#lifestyle-section .life-rule {
  width: 64px;
  height: 2px;
  margin: 0 0 clamp(28px, 4vw, 40px);
  background-image: repeating-linear-gradient(90deg, var(--life-accent) 0 8px, transparent 8px 14px);
}

/* ── Body copy ── */
#lifestyle-section .life-body {
  margin-bottom: clamp(36px, 5vw, 52px);
  padding-right: 28px;
}

#lifestyle-section .life-lede {
  font-size: clamp(15px, 1.6vw, 17px);
  font-weight: 600;
  line-height: 1.7;
  color: var(--life-heading);
  margin-bottom: 16px;
}

#lifestyle-section .life-text {
  font-size: 14px;
  line-height: 1.8;
  color: var(--life-text);
  margin-bottom: 22px;
}

/* ── Facility chips — pulled out of the paragraph since these are
   named amenities, not prose meant to be read start to finish ── */
#lifestyle-section .life-chips {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

#lifestyle-section .life-chip {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--life-purple);
  background: var(--life-chip-bg);
  border-radius: 50px;
  padding: 8px 16px;
  white-space: nowrap;
}

/* ── Photo gallery ── */
#lifestyle-section .life-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  padding-right: 28px;
}

#lifestyle-section .life-photo {
  position: relative;
  aspect-ratio: 4 / 3;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 26px rgba(45, 27, 69, 0.10);
}

#lifestyle-section .life-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

#lifestyle-section .life-photo:hover img {
  transform: scale(1.05);
}

#lifestyle-section .life-photo figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 14px 16px 12px;
  font-size: 12.5px;
  font-weight: 600;
  color: #ffffff;
  background: linear-gradient(180deg, transparent 0%, rgba(20,10,35,0.78) 100%);
}

/* ══════════════════════════════════════════
   RESPONSIVE — 3 device tiers
   Desktop : > 1024px → 2-photo row, full header row
   Tablet  : 577–1024px → 2-photo row, tighter spacing
   Mobile  : ≤ 576px → header stacks, photos stack
══════════════════════════════════════════ */

@media (max-width: 1024px) {
  #lifestyle-section .life-gallery {
    gap: 16px;
  }
}

@media (max-width: 576px) {
  #lifestyle-section {
    padding: 44px 16px;
  }

  #lifestyle-section .life-header {
    gap: 14px;
    margin-bottom: 16px;
  }

  #lifestyle-section .life-icon-badge {
    width: 52px;
    height: 52px;
  }

  #lifestyle-section .life-icon-badge svg {
    width: 26px;
    height: 26px;
  }

  #lifestyle-section .life-chips {
    gap: 8px;
  }

  #lifestyle-section .life-chip {
    font-size: 11.5px;
    padding: 7px 13px;
  }

  #lifestyle-section .life-gallery {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  #lifestyle-section .life-photo {
    aspect-ratio: 16 / 10;
  }
}

/* END LIFESTYLE CENTRE SECTION STYLE */


/* START MEDICAL FACILITIES SECTION STYLE */

#medical-section *, #medical-section *::before, #medical-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── Root tokens (same brand family as the rest of the site) ── */
#medical-section {
  --med-bg: #ffffff;
  --med-heading: #2d1b45;
  --med-purple: #4a1a7a;
  --med-accent: #c89fff;
  --med-text: #4a4560;
  --med-muted: #726c87;
  --med-border: #e6e1f2;
  --med-icon-bg: rgba(200,159,255,0.14);
  --med-font-display: 'Playfair Display', Georgia, serif;
  --med-font-body: 'Inter', sans-serif;

  width: 100%;
  max-width: 100%;
  background: var(--med-bg);
  font-family: var(--med-font-body);
  padding: clamp(56px, 8vw, 96px) 24px;
  overflow: hidden;
}

#medical-section .med-inner {
  max-width: 960px;
  margin: 0 auto;
}

/* ── Header ── */
#medical-section .med-header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

#medical-section .med-icon-badge {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--med-icon-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--med-purple);
}

#medical-section .med-icon-badge svg {
  width: 32px;
  height: 32px;
}

#medical-section .med-header-text {
  min-width: 0;
}

#medical-section .med-eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--med-purple);
  margin-bottom: 6px;
}

#medical-section .med-title {
  font-family: var(--med-font-display);
  font-size: clamp(26px, 3.6vw, 36px);
  font-weight: 800;
  color: var(--med-heading);
}

/* Running-stitch rule — same signature motif used across the site */
#medical-section .med-rule {
  width: 64px;
  height: 2px;
  margin: 0 0 clamp(28px, 4vw, 40px);
  background-image: repeating-linear-gradient(90deg, var(--med-accent) 0 8px, transparent 8px 14px);
}

/* ── Body copy ── */
#medical-section .med-body {
  margin-bottom: clamp(36px, 5vw, 52px);
  padding-right: 28px;
}

#medical-section .med-lede {
  font-size: clamp(15px, 1.6vw, 17px);
  font-weight: 600;
  line-height: 1.7;
  color: var(--med-heading);
  margin-bottom: 14px;
}

#medical-section .med-text {
  font-size: 14px;
  line-height: 1.8;
  color: var(--med-text);
}

#medical-section .med-text strong {
  color: var(--med-heading);
  font-weight: 700;
}

/* ── Photo gallery ── */
#medical-section .med-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  padding-right: 28px;
}

#medical-section .med-photo {
  position: relative;
  aspect-ratio: 4 / 3;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 26px rgba(45, 27, 69, 0.10);
}

#medical-section .med-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

#medical-section .med-photo:hover img {
  transform: scale(1.05);
}

#medical-section .med-photo figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 14px 16px 12px;
  font-size: 12.5px;
  font-weight: 600;
  color: #ffffff;
  background: linear-gradient(180deg, transparent 0%, rgba(20,10,35,0.78) 100%);
}

/* ══════════════════════════════════════════
   RESPONSIVE — 3 device tiers
   Desktop : > 1024px → 2-photo row, full header row
   Tablet  : 577–1024px → 2-photo row, tighter spacing
   Mobile  : ≤ 576px → header stacks, photos stack
══════════════════════════════════════════ */

@media (max-width: 1024px) {
  #medical-section .med-gallery {
    gap: 16px;
  }
}

@media (max-width: 576px) {
  #medical-section {
    padding: 44px 16px;
  }

  #medical-section .med-header {
    gap: 14px;
    margin-bottom: 16px;
  }

  #medical-section .med-icon-badge {
    width: 52px;
    height: 52px;
  }

  #medical-section .med-icon-badge svg {
    width: 26px;
    height: 26px;
  }

  #medical-section .med-gallery {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  #medical-section .med-photo {
    aspect-ratio: 16 / 10;
  }
}

/* END MEDICAL FACILITIES SECTION STYLE */


/* START MODERN FIRE FIGHTING SECTION STYLE */

#firesafety-section *, #firesafety-section *::before, #firesafety-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── Root tokens (same brand family as the rest of the site) ── */
#firesafety-section {
  --fire-bg: #f7f5fb;
  --fire-heading: #2d1b45;
  --fire-purple: #4a1a7a;
  --fire-accent: #c89fff;
  --fire-text: #4a4560;
  --fire-muted: #726c87;
  --fire-border: #e6e1f2;
  --fire-icon-bg: rgba(200,159,255,0.14);
  --fire-card-bg: #ffffff;
  --fire-font-display: 'Playfair Display', Georgia, serif;
  --fire-font-body: 'Inter', sans-serif;

  width: 100%;
  max-width: 100%;
  background: var(--fire-bg);
  font-family: var(--fire-font-body);
  padding: clamp(56px, 8vw, 96px) 24px;
  overflow: hidden;
}

#firesafety-section .fire-inner {
  max-width: 960px;
  margin: 0 auto;
}

/* ── Header ── */
#firesafety-section .fire-header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

#firesafety-section .fire-icon-badge {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--fire-icon-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fire-purple);
}

#firesafety-section .fire-icon-badge svg {
  width: 32px;
  height: 32px;
}

#firesafety-section .fire-header-text {
  min-width: 0;
}

#firesafety-section .fire-eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fire-purple);
  margin-bottom: 6px;
}

#firesafety-section .fire-title {
  font-family: var(--fire-font-display);
  font-size: clamp(24px, 3.6vw, 32px);
  font-weight: 800;
  color: var(--fire-heading);
}

/* Running-stitch rule — same signature motif used across the site */
#firesafety-section .fire-rule {
  width: 64px;
  height: 2px;
  margin: 0 0 clamp(28px, 4vw, 36px);
  background-image: repeating-linear-gradient(90deg, var(--fire-accent) 0 8px, transparent 8px 14px);
}

#firesafety-section .fire-lede {
  font-size: clamp(14.5px, 1.6vw, 16px);
  line-height: 1.75;
  color: var(--fire-text);
  margin-bottom: clamp(32px, 4.5vw, 44px);
  padding-right: 28px;
}

/* ── Feature list — the original was one long paragraph covering 4
   distinct systems (detection, power, water, training); broken out
   here so each is scannable on its own instead of buried in prose ── */
#firesafety-section .fire-features {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-bottom: clamp(40px, 5vw, 56px);
   padding-right: 28px;
}

#firesafety-section .fire-feature {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: var(--fire-card-bg);
  border: 1px solid var(--fire-border);
  border-radius: 14px;
  padding: 20px 22px;
 
}

#firesafety-section .fire-feature-icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--fire-icon-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fire-purple);
}

#firesafety-section .fire-feature-icon svg {
  width: 20px;
  height: 20px;
}

#firesafety-section .fire-feature-text {
  min-width: 0;
}

#firesafety-section .fire-feature-text h3 {
  font-size: 15px;
  font-weight: 700;
  color: var(--fire-heading);
  margin-bottom: 6px;
}

#firesafety-section .fire-feature-text p {
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--fire-text);
}

/* ── Photo gallery ── */
#firesafety-section .fire-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
   padding-right: 28px;
}


#firesafety-section .fire-photo {
  position: relative;
  aspect-ratio: 4 / 3;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 26px rgba(45, 27, 69, 0.10);
}

#firesafety-section .fire-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

#firesafety-section .fire-photo:hover img {
  transform: scale(1.05);
}

#firesafety-section .fire-photo figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 14px 16px 12px;
  font-size: 12.5px;
  font-weight: 600;
  color: #ffffff;
  background: linear-gradient(180deg, transparent 0%, rgba(20,10,35,0.78) 100%);
}

/* ══════════════════════════════════════════
   RESPONSIVE — 3 device tiers
   Desktop : > 1024px → full header row, 2-photo gallery
   Tablet  : 577–1024px → tighter spacing
   Mobile  : ≤ 576px → header stacks, features/photos stack
══════════════════════════════════════════ */

@media (max-width: 1024px) {
  #firesafety-section .fire-gallery {
    gap: 16px;
  }
}

@media (max-width: 576px) {
  #firesafety-section {
    padding: 44px 16px;
  }

  #firesafety-section .fire-header {
    gap: 14px;
    margin-bottom: 16px;
  }

  #firesafety-section .fire-icon-badge {
    width: 52px;
    height: 52px;
  }

  #firesafety-section .fire-icon-badge svg {
    width: 26px;
    height: 26px;
  }

  #firesafety-section .fire-feature {
    padding: 16px 16px;
    gap: 12px;
  }

  #firesafety-section .fire-feature-icon {
    width: 36px;
    height: 36px;
  }

  #firesafety-section .fire-feature-icon svg {
    width: 17px;
    height: 17px;
  }

  #firesafety-section .fire-gallery {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  #firesafety-section .fire-photo {
    aspect-ratio: 16 / 10;
  }
}

/* END MODERN FIRE FIGHTING SECTION STYLE */


/* START PURE DRINKABLE WATER SECTION STYLE */

#drinkwater-section *, #drinkwater-section *::before, #drinkwater-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#drinkwater-section {
  --dw-bg: #f7f5fb;
  --dw-heading: #2d1b45;
  --dw-purple: #4a1a7a;
  --dw-accent: #c89fff;
  --dw-text: #4a4560;
  --dw-muted: #726c87;
  --dw-border: #e6e1f2;
  --dw-icon-bg: rgba(200,159,255,0.14);
  --dw-font-display: 'Playfair Display', Georgia, serif;
  --dw-font-body: 'Inter', sans-serif;

  width: 100%;
  max-width: 100%;
  background: var(--dw-bg);
  font-family: var(--dw-font-body);
  padding: clamp(56px, 8vw, 96px) 24px;
  overflow: hidden;
}

#drinkwater-section .dw-inner {
  max-width: 960px;
  margin: 0 auto;
}

#drinkwater-section .dw-header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

#drinkwater-section .dw-icon-badge {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--dw-icon-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--dw-purple);
}

#drinkwater-section .dw-icon-badge svg {
  width: 32px;
  height: 32px;
}

#drinkwater-section .dw-header-text {
  min-width: 0;
}

#drinkwater-section .dw-eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--dw-purple);
  margin-bottom: 6px;
}

#drinkwater-section .dw-title {
  font-family: var(--dw-font-display);
  font-size: clamp(26px, 3.6vw, 36px);
  font-weight: 800;
  color: var(--dw-heading);
}

#drinkwater-section .dw-rule {
  width: 64px;
  height: 2px;
  margin: 0 0 clamp(28px, 4vw, 36px);
  background-image: repeating-linear-gradient(90deg, var(--dw-accent) 0 8px, transparent 8px 14px);
}

#drinkwater-section .dw-lede {
  font-size: clamp(15px, 1.6vw, 17px);
  font-weight: 600;
  line-height: 1.7;
  color: var(--dw-heading);
  margin-bottom: clamp(36px, 5vw, 52px);
   padding-right: 28px;
}

#drinkwater-section .dw-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
   padding-right: 28px;
}

#drinkwater-section .dw-photo {
  position: relative;
  aspect-ratio: 4 / 3;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 26px rgba(45, 27, 69, 0.10);
}

#drinkwater-section .dw-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

#drinkwater-section .dw-photo:hover img {
  transform: scale(1.05);
}

#drinkwater-section .dw-photo figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 14px 16px 12px;
  font-size: 12.5px;
  font-weight: 600;
  color: #ffffff;
  background: linear-gradient(180deg, transparent 0%, rgba(20,10,35,0.78) 100%);
}

@media (max-width: 1024px) {
  #drinkwater-section .dw-gallery {
    gap: 16px;
  }
}

@media (max-width: 576px) {
  #drinkwater-section {
    padding: 44px 16px;
  }
  #drinkwater-section .dw-header {
    gap: 14px;
    margin-bottom: 16px;
  }
  #drinkwater-section .dw-icon-badge {
    width: 52px;
    height: 52px;
  }
  #drinkwater-section .dw-icon-badge svg {
    width: 26px;
    height: 26px;
  }
  #drinkwater-section .dw-lede {
    margin-bottom: 32px;
  }
  #drinkwater-section .dw-gallery {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  #drinkwater-section .dw-photo {
    aspect-ratio: 16 / 10;
  }
}

/* END PURE DRINKABLE WATER SECTION STYLE */


/* START PRAYER HALL SECTION STYLE */

#prayerhall-section *, #prayerhall-section *::before, #prayerhall-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#prayerhall-section {
  --ph-bg: #ffffff;
  --ph-heading: #2d1b45;
  --ph-purple: #4a1a7a;
  --ph-accent: #c89fff;
  --ph-text: #4a4560;
  --ph-muted: #726c87;
  --ph-border: #e6e1f2;
  --ph-icon-bg: rgba(200,159,255,0.14);
  --ph-font-display: 'Playfair Display', Georgia, serif;
  --ph-font-body: 'Inter', sans-serif;

  width: 100%;
  max-width: 100%;
  background: var(--ph-bg);
  font-family: var(--ph-font-body);
  padding: clamp(56px, 8vw, 96px) 24px;
  overflow: hidden;
}

#prayerhall-section .ph-inner {
  max-width: 960px;
  margin: 0 auto;
}

#prayerhall-section .ph-header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

#prayerhall-section .ph-icon-badge {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--ph-icon-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ph-purple);
}

#prayerhall-section .ph-icon-badge svg {
  width: 32px;
  height: 32px;
}

#prayerhall-section .ph-header-text {
  min-width: 0;
}

#prayerhall-section .ph-eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ph-purple);
  margin-bottom: 6px;
}

#prayerhall-section .ph-title {
  font-family: var(--ph-font-display);
  font-size: clamp(26px, 3.6vw, 36px);
  font-weight: 800;
  color: var(--ph-heading);
}

#prayerhall-section .ph-rule {
  width: 64px;
  height: 2px;
  margin: 0 0 clamp(28px, 4vw, 36px);
  background-image: repeating-linear-gradient(90deg, var(--ph-accent) 0 8px, transparent 8px 14px);
}

#prayerhall-section .ph-lede {
  font-size: clamp(15px, 1.6vw, 17px);
  font-weight: 600;
  line-height: 1.7;
  color: var(--ph-heading);
  margin-bottom: clamp(36px, 5vw, 52px);
   padding-right: 28px;
}

#prayerhall-section .ph-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
   padding-right: 28px;
}

#prayerhall-section .ph-photo {
  position: relative;
  aspect-ratio: 4 / 3;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 26px rgba(45, 27, 69, 0.10);
}

#prayerhall-section .ph-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

#prayerhall-section .ph-photo:hover img {
  transform: scale(1.05);
}

#prayerhall-section .ph-photo figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 14px 16px 12px;
  font-size: 12.5px;
  font-weight: 600;
  color: #ffffff;
  background: linear-gradient(180deg, transparent 0%, rgba(20,10,35,0.78) 100%);
}

@media (max-width: 1024px) {
  #prayerhall-section .ph-gallery {
    gap: 16px;
  }
}

@media (max-width: 576px) {
  #prayerhall-section {
    padding: 44px 16px;
  }
  #prayerhall-section .ph-header {
    gap: 14px;
    margin-bottom: 16px;
  }
  #prayerhall-section .ph-icon-badge {
    width: 52px;
    height: 52px;
  }
  #prayerhall-section .ph-icon-badge svg {
    width: 26px;
    height: 26px;
  }
  #prayerhall-section .ph-lede {
    margin-bottom: 32px;
  }
  #prayerhall-section .ph-gallery {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  #prayerhall-section .ph-photo {
    aspect-ratio: 16 / 10;
  }
}

/* END PRAYER HALL SECTION STYLE */