/* ============================================================================
  COACHING DETAIL TEMPLATE — STRUCTURE MAP (LOCKED DOCUMENTATION)
  ============================================================================
  TEMPLATE ROLE:
  - First base template built from scratch for detail pages.
  - Owns naming with coaching-* classes and coaching page selectors.

  CARD SYSTEM (WHEN TO USE WHICH CARD):
  - Card 1 (no bullets): use `coaching-card coaching-card-copy-standard`
  - Card 2 (with bullets): use `coaching-card coaching-bullet-card-standard`
  - Card 3 (specialty one-off): page-specific (often CTA/warning/media block)

  CARD ORDERING RULE:
  - Alternate light purple, then dark purple, then light purple, etc.
  - If Card 1 is not specialty, specialty card is usually placed last.

  CARD COLOURING SCHEMES:
  - Light purple baseline card: `.coaching-card`
  - Dark purple alternate card: `.coaching-card.card-alt-emphasis`
  - Specialty one-off card: page-specific class stack + optional neon utility

  TYPOGRAPHY SYSTEM:
  - Body copy size/line-height via `--coaching-detail-body-*` variables
  - H2 style via `.gradient-title` block (shared card heading system)

  COLON RULE (LOCKED):
  - If a lead sentence ends with a colon, apply `coaching-colon-lead`
  - Purpose: visual lead-in before lists or emphasized follow-up lines.

  SPECIAL PURPLE NEON (FAVORITE EFFECT):
  - Utility class: `coaching-special-purple-neon`
  - Optional animated node effect: add `coaching-special-purple-neon--nodes`
  - Recommended for specialty one-off containers when stronger emphasis is wanted.
  ============================================================================ */

/* ============================================================================
  SECTION 1 — GLOBAL VARIABLES (TYPOGRAPHY + SPECIAL NEON TOKENS)
  ============================================================================ */
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .rel-first-card-body p {
  padding-left: 1.4rem;
}

/* Standard for cards with NO bullet lists:
   Apply class="coaching-card-copy-standard" on the card container. */
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card-copy-standard p {
  font-size: var(--coaching-detail-body-size) !important;
  line-height: var(--coaching-detail-body-line-height) !important;
  margin: 0 0 12px !important;
  padding-left: 1.4rem;
  color: #F2EEFF !important;
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .hypno-list li,
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .coaching-list li,
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .hypno-list li span,
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .coaching-list li span {
  color: #F2EEFF !important;
}

/* LOCKED STANDARD — Cards WITHOUT bullet lists
  Canonical class: coaching-card-copy-standard (without coaching-bullet-card-standard) */
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card-copy-standard:not(.coaching-bullet-card-standard) p {
  padding-left: 1.8rem !important;
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card-copy-standard:not(.coaching-bullet-card-standard) .gradient-title {
  padding-left: 0.4rem !important;
}

/* Card 1 (no bullets): slightly larger inner left text gap */
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .rel-first-card-body.coaching-card-copy-standard p {
  padding-left: 1.8rem !important;
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .rel-first-card-body .gradient-title {
  padding-left: 0.4rem !important;
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card-copy-standard p:last-child {
  margin-bottom: 0;
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card-copy-standard p + p {
  margin-top: 14px !important;
}

/* For cards with extra padding or alternate backgrounds, you can add more specific rules as needed */
/* coaching-details-template.css
   Gold standard template for all coaching detail pages
   Imports and adapts styles from shop-details-template.css
*/

.coaching-details,
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) {
  --coaching-detail-bullet-color: #A78BFA;
  --coaching-detail-body-size: 1.38rem;
  --coaching-detail-body-line-height: 1.15;
  --coaching-detail-list-size: 1.34rem;
  --special-purple-neon-border-width: 3px;
  --special-purple-neon-border-radius: 14px;
  --special-purple-neon-outline-color: rgba(193, 77, 255, 0.82);
  --special-purple-neon-inner-line: rgba(238, 191, 255, 0.18);
  --special-purple-neon-surface: linear-gradient(135deg, rgba(138, 43, 226, 0.14), rgba(106, 90, 205, 0.12));
  --special-purple-neon-depth-shadow: rgba(0, 0, 0, 0.11);
  --special-purple-neon-dark-depth: rgba(0, 0, 0, 0.14);
  --special-purple-neon-glow-color: rgba(193, 77, 255, 0.44);
  --special-purple-neon-min-ring: rgba(193, 77, 255, 0.46);
  --special-purple-neon-min-glow: rgba(193, 77, 255, 0.50);
  --special-purple-neon-min-halo: rgba(193, 77, 255, 0.25);
  --special-purple-neon-max-ring: rgba(193, 77, 255, 0.74);
  --special-purple-neon-max-glow: rgba(193, 77, 255, 0.86);
  --special-purple-neon-max-halo: rgba(193, 77, 255, 0.48);
  --special-purple-neon-dot-size: 8px;
  --special-purple-neon-dot-offset: 4px;
  --special-purple-neon-dot-core: rgba(255, 247, 255, 1);
  --special-purple-neon-dot-mid: rgba(223, 162, 255, 0.97);
  --special-purple-neon-dot-edge: rgba(203, 95, 255, 0.78);
  --special-purple-neon-dot-glow-soft: rgba(243, 226, 255, 0.95);
  --special-purple-neon-dot-glow-hard: rgba(203, 95, 255, 0.8);
  --special-purple-neon-pulse-duration: 3.8s;
  --special-purple-neon-dot-duration: 6.8s;
}

/* Intro body card copy aligned with new detail-page typography */
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .service-intro-section .service-intro-lead {
  font-size: var(--coaching-detail-body-size) !important;
  line-height: 1.3 !important;
  color: #F2EEFF !important;
}

/* ============================================================================
  SECTION 2 — CARD CLASSES + CARD COLOURING SCHEMES
  ============================================================================
  LOCKED TEMPLATE CARD CLASSES (canonical)
  Base card: coaching-card
  Non-bullet content standard: coaching-card-copy-standard
  Bullet content standard: coaching-bullet-card-standard
  Note: content standard is independent from color scheme.
  Use card-alt-emphasis only when a dark card tone is desired. */
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card {
  border-radius: 12px;
  padding: clamp(0.72rem, 1.3vw, 0.9rem) clamp(1rem, 1.8vw, 1.35rem) clamp(1.2rem, 2vw, 1.5rem);
  margin: 0 !important;
  border: 2px solid rgba(138, 43, 226, 0.58);
  background: linear-gradient(135deg, rgba(138, 43, 226, 0.36), rgba(106, 90, 205, 0.32));
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card.card-alt-emphasis {
  border: 2px solid rgba(255, 77, 141, 0.52);
  background: linear-gradient(135deg, rgba(92, 5, 133, 0.5), rgba(138, 43, 226, 0.38));
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

/* Match Calendly container neon outline treatment on rel-page video boxes */
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .video-card {
  border: 2px solid rgba(193, 77, 255, 0.82) !important;
  box-shadow: 0 0 0 1px rgba(193, 77, 255, 0.34), inset 0 0 0 1px rgba(238, 191, 255, 0.18), 0 0 14px rgba(193, 77, 255, 0.34), 0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card > :last-child {
  margin-bottom: 0 !important;
}

/* Template standard:
   h2 heading style is shared across ALL coaching detail cards,
   including cards with bullet lists and cards without bullet lists. */
.coaching-details .gradient-title,
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card .gradient-title {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: clamp(2.02rem, 3.15vw, 2.45rem) !important;
  letter-spacing: 0.02em;
  line-height: 1.2 !important;
  margin-top: 0 !important;
  margin-bottom: 0.65rem !important;
  font-weight: 700;
  color: #FFFFFF !important;
  text-shadow:
    -1px 0 0 rgba(0, 0, 0, 0.94),
     1px 0 0 rgba(0, 0, 0, 0.94),
     0 -1px 0 rgba(0, 0, 0, 0.94),
     0 1px 0 rgba(0, 0, 0, 0.94);
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card .gradient-title {
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  padding-bottom: 0.04em;
}

.coaching-details .gradient-title i,
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card .gradient-title i {
  font-size: 0.95em;
  color: #FFFFFF;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  transform: translateY(1px);
}

.coaching-details .gradient-title .bullet-icon,
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card .gradient-title .bullet-icon {
  color: #FFFFFF !important;
}

.coaching-details .hypno-list,
.coaching-details .coaching-list {
  list-style: none;
  padding: 0;
  margin: 1.5rem 0 0 0 !important;
}

.coaching-details .hypno-list li,
.coaching-details .coaching-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  margin: 0 0 12px !important;
  font-size: var(--coaching-detail-list-size) !important;
  line-height: var(--coaching-detail-body-line-height) !important;
}

.coaching-details .hypno-list li:last-child,
.coaching-details .coaching-list li:last-child {
  margin-bottom: 0 !important;
}

.coaching-details .hypno-list li + li,
.coaching-details .coaching-list li + li {
  margin-top: 14px !important;
}

.coaching-details .bullet-icon {
  color: var(--coaching-detail-bullet-color) !important;
  flex: 0 0 auto;
  font-size: 1.02rem;
  line-height: 1;
  margin-top: 0.28rem;
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card .gradient-title {
  margin-left: -0.2rem;
  margin-bottom: 1.2rem !important;
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .gradient-title {
  margin-top: 0.2rem !important;
}

/* LOCKED STANDARD — Cards WITH bullet lists
  Canonical class: coaching-bullet-card-standard
  Status: approved and reusable for all coaching detail pages. */
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .hypno-list .bullet-icon,
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .coaching-list .bullet-icon {
  font-size: 1.6rem !important;
  margin-top: 0 !important;
  width: 1.35em;
  height: 1.35em;
  flex: 0 0 1.35em;
  display: grid;
  place-items: center;
  line-height: 1 !important;
  position: relative;
  left: 0 !important;
  text-shadow: none !important;
  filter: none !important;
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .hypno-list li,
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .coaching-list li {
  display: grid !important;
  grid-template-columns: 1.35em minmax(0, 1fr);
  font-size: var(--coaching-detail-body-size) !important;
  align-items: center !important;
  column-gap: 1.3rem !important;
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .hypno-list li > span,
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .coaching-list li > span {
  display: block;
  transform: none !important;
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard > h2 + p,
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard > h2 + p + p {
  padding-left: 0.4rem !important;
  margin-left: 0 !important;
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard > .hypno-list + p,
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard > .coaching-list + p {
  margin-top: 1rem !important;
  padding-left: 0.4rem !important;
  margin-left: 0 !important;
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard > .hypno-list + p + p,
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard > .coaching-list + p + p {
  padding-left: 0.4rem !important;
  margin-left: 0 !important;
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .hypno-list li,
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .coaching-list li {
  padding-left: 0.3rem !important;
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .gradient-title {
  padding-left: 0.4rem !important;
}

/* Bullet-card normalization for variable source formatting
  Handles extra blank paragraphs and inconsistent spacing around list blocks. */
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard > p:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard > :is(p, .hypno-list, .coaching-list) {
  margin-left: 0 !important;
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard > p {
  padding-left: 0.4rem !important;
  margin-bottom: 0.7rem !important;
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard > :is(.hypno-list, .coaching-list) {
  margin-top: 0.45rem !important;
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard > :is(.hypno-list, .coaching-list) + p {
  margin-top: 1rem !important;
}

/* LOCKED STANDARD — Colon-ending lead line emphasis
  Reusable class: coaching-colon-lead
  Purpose: subtle visual differentiation from surrounding body text. */
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card p.coaching-colon-lead {
  font-size: calc(var(--coaching-detail-body-size) * 1.06) !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  color: #FFFFFF !important;
  text-shadow: 0 0 1.8px rgba(255, 255, 255, 0.24) !important;
  margin-bottom: 0.72rem !important;
}

/* ============================================================================
   SECTION 3 — SPECIAL PURPLE NEON (OPTIONAL, REUSABLE SITEWIDE)
   ============================================================================
   Apply on any specialty card/container when needed:
   - class="coaching-special-purple-neon"
   Optional animated perimeter nodes:
   - class="coaching-special-purple-neon coaching-special-purple-neon--nodes"

   Neon specification:
   - outline box colour: rgba(193, 77, 255, 0.82)
   - special effect: pulse + optional node travel
   - speed glow: var(--special-purple-neon-pulse-duration)
   - intensity: min/max ring+glow variables above
   ============================================================================ */

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-special-purple-neon {
  position: relative;
  border-radius: var(--special-purple-neon-border-radius);
  border: var(--special-purple-neon-border-width) solid var(--special-purple-neon-outline-color);
  background: var(--special-purple-neon-surface);
  box-shadow: 0 0 0 1px var(--special-purple-neon-glow-color), inset 0 0 0 1px var(--special-purple-neon-inner-line), 0 0 14px var(--special-purple-neon-glow-color), 0 8px 18px var(--special-purple-neon-depth-shadow);
  animation: coaching-special-purple-neon-pulse var(--special-purple-neon-pulse-duration) cubic-bezier(0.42, 0, 0.58, 1) infinite;
  overflow: hidden;
}

@keyframes coaching-special-purple-neon-pulse {
  0% {
    box-shadow: 0 0 0 1px var(--special-purple-neon-min-ring), inset 0 0 0 1px var(--special-purple-neon-inner-line), 0 0 16px var(--special-purple-neon-min-glow), 0 0 26px var(--special-purple-neon-min-halo), 0 8px 18px var(--special-purple-neon-depth-shadow);
  }
  35% {
    box-shadow: 0 0 0 1px rgba(193, 77, 255, 0.68), inset 0 0 0 1px var(--special-purple-neon-inner-line), 0 0 22px rgba(193, 77, 255, 0.75), 0 0 36px rgba(193, 77, 255, 0.43), 0 9px 20px rgba(0, 0, 0, 0.13);
  }
  70% {
    box-shadow: 0 0 0 1px var(--special-purple-neon-max-ring), inset 0 0 0 1px var(--special-purple-neon-inner-line), 0 0 30px var(--special-purple-neon-max-glow), 0 0 52px var(--special-purple-neon-max-halo), 0 10px 22px var(--special-purple-neon-dark-depth);
  }
  100% {
    box-shadow: 0 0 0 1px rgba(193, 77, 255, 0.68), inset 0 0 0 1px var(--special-purple-neon-inner-line), 0 0 22px rgba(193, 77, 255, 0.75), 0 0 36px rgba(193, 77, 255, 0.43), 0 9px 20px rgba(0, 0, 0, 0.13);
  }
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-special-purple-neon.coaching-special-purple-neon--nodes::before,
.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-special-purple-neon.coaching-special-purple-neon--nodes::after {
  content: "";
  position: absolute;
  width: var(--special-purple-neon-dot-size);
  height: var(--special-purple-neon-dot-size);
  border-radius: 50%;
  background: radial-gradient(circle, var(--special-purple-neon-dot-core) 0%, var(--special-purple-neon-dot-mid) 65%, var(--special-purple-neon-dot-edge) 100%);
  box-shadow: 0 0 8px var(--special-purple-neon-dot-glow-soft), 0 0 16px var(--special-purple-neon-dot-glow-hard);
  z-index: 2;
  animation: coaching-neon-node-travel var(--special-purple-neon-dot-duration) linear infinite;
}

.services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-special-purple-neon.coaching-special-purple-neon--nodes::after {
  animation-delay: calc(var(--special-purple-neon-dot-duration) / -2);
}

@keyframes coaching-neon-node-travel {
  0% {
    top: calc(var(--special-purple-neon-dot-offset) * -1);
    left: calc(var(--special-purple-neon-dot-offset) * -1);
  }
  25% {
    top: calc(var(--special-purple-neon-dot-offset) * -1);
    left: calc(100% - var(--special-purple-neon-dot-offset));
  }
  50% {
    top: calc(100% - var(--special-purple-neon-dot-offset));
    left: calc(100% - var(--special-purple-neon-dot-offset));
  }
  75% {
    top: calc(100% - var(--special-purple-neon-dot-offset));
    left: calc(var(--special-purple-neon-dot-offset) * -1);
  }
  100% {
    top: calc(var(--special-purple-neon-dot-offset) * -1);
    left: calc(var(--special-purple-neon-dot-offset) * -1);
  }
}

/* ============================================================================
  SECTION 4 — MOBILE FIT (320-425) FOR COACHING DETAIL SUBPAGES
  ============================================================================ */
@media (max-width: 425px) {
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) {
    --coaching-detail-body-size: 1.16rem;
    --coaching-detail-list-size: 1.08rem;
    --coaching-detail-body-line-height: 1.22;
  }

  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-cards > * {
    min-width: 0;
  }

  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card {
    min-width: 0;
    padding: 0.68rem 0.82rem 1rem;
  }

  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card .gradient-title {
    font-size: clamp(1.42rem, 6.1vw, 1.72rem) !important;
    line-height: 1.12 !important;
    margin-left: 0 !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card-copy-standard p,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-list li > span,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .hypno-list li > span,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .coaching-list li > span,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .hypno-list li > span {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card-copy-standard p,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .rel-first-card-body.coaching-card-copy-standard p,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card-copy-standard:not(.coaching-bullet-card-standard) p {
    padding-left: 0.92rem !important;
  }

  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card-copy-standard:not(.coaching-bullet-card-standard) .gradient-title,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .rel-first-card-body .gradient-title,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .gradient-title,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard > p {
    padding-left: 0.2rem !important;
  }

  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .hypno-list li,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .coaching-list li {
    grid-template-columns: 1.15em minmax(0, 1fr);
    column-gap: 0.72rem !important;
    padding-left: 0 !important;
    line-height: 1.24 !important;
  }

  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .hypno-list .bullet-icon,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .coaching-list .bullet-icon {
    width: 1.15em;
    height: 1.15em;
    flex: 0 0 1.15em;
    font-size: 1.22rem !important;
  }
}

@media (max-width: 375px) {
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) {
    --coaching-detail-body-size: 1.1rem;
    --coaching-detail-list-size: 1.02rem;
    --coaching-detail-body-line-height: 1.18;
  }

  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .hypno-list,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-list,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .hypno-list,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .coaching-list {
    gap: 0.32rem;
    margin-top: 0.35rem !important;
  }

  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .hypno-list li,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-list li,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .hypno-list li > span,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-list li > span,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .hypno-list li,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .coaching-list li,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .hypno-list li > span,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .coaching-list li > span {
    line-height: 1.16 !important;
  }
}

@media (max-width: 320px) {
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) {
    --coaching-detail-body-size: 1.03rem;
    --coaching-detail-list-size: 0.98rem;
    --coaching-detail-body-line-height: 1.14;
  }

  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .service-intro-section > .container,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .service-explainer-tight-top > .container {
    padding-left: 0.68rem;
    padding-right: 0.68rem;
  }

  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card {
    padding: 0.6rem 0.7rem 0.9rem;
  }

  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card .gradient-title {
    font-size: clamp(1.22rem, 5.8vw, 1.38rem) !important;
    line-height: 1.1 !important;
  }

  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card-copy-standard p,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .rel-first-card-body.coaching-card-copy-standard p,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-card-copy-standard:not(.coaching-bullet-card-standard) p {
    padding-left: 0.62rem !important;
  }

  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .hypno-list li,
  .services-page:is(.rel-page, .time-management-page, .health-page, .mindset-page, .personal-dev-page, .hypno-page, .islamic-page) .coaching-bullet-card-standard .coaching-list li {
    grid-template-columns: 1.05em minmax(0, 1fr);
    column-gap: 0.56rem !important;
  }
}