.landing-page.service-horary .horary-hero {
  position: relative;
  min-height: 85vh;
  padding: 90px 0;
   background-image: url('../img/landing-pages/horary-examine-bg.jpg');
  /*background-image: var(--hero-bg);*/
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

/* Overlay for readability */
.landing-page.service-horary .horary-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(10, 10, 20, 0.75) 0%,
    rgba(10, 10, 20, 0.55) 40%,
    rgba(10, 10, 20, 0.25) 65%,
    rgba(10, 10, 20, 0.1) 80%,
    rgba(10, 10, 20, 0.05) 100%
  );
  z-index: 1;
}

/* Glass content box */
.landing-page.service-horary .horary-hero-box {
  position: relative;
  z-index: 2;

  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  border-radius: 18px;
  padding: 42px 38px;

  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.35),
    inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

/* Eyebrow */
.landing-page.service-horary .horary-eyebrow {
  display: inline-block;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 14px;
}

/* Title */
.landing-page.service-horary .horary-hero-title {
  font-size: 2.8rem;
  line-height: 1.2;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 18px;
}

/* Subtitle */
.landing-page.service-horary .horary-hero-subtitle {
  font-size: 1.1rem;
  font-style: italic;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 22px;
}

/* Description */
.landing-page.service-horary .horary-hero-description {
  font-size: 1.05rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 28px;
}

/* CTA */
.landing-page.service-horary .horary-hero-cta {
  display: inline-block;
  padding: 14px 30px;
  border-radius: 30px;

  background: linear-gradient(
    135deg,
    #e9c46a,
    #f4a261
  );

  color: #111;
  font-weight: 600;
  text-decoration: none;

  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.landing-page.service-horary .horary-hero-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
}

@media(max-width: 576px){

  .landing-page.service-horary .horary-hero
  {
    padding: 30px 0;
    min-height: 65vh;
  }

  .landing-page.service-horary .horary-hero-title
  {
    font-size: 1.7rem;
  }

  .landing-page.service-horary .horary-hero-description
  {
    font-size: 0.95rem;
  }
}

/* ==================================================
   SECTION 2 – CORE PRINCIPLES (FINAL PREMIUM POLISH)
================================================== */

.landing-page.service-horary .horary-core-principles {
  background: #eeebe6;
  padding: 80px 0;
}

/* Single-row layout */
.landing-page.service-horary .horary-principles-row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}

/* Card */
.landing-page.service-horary .horary-principle-card {
  background: #ffffff;
  border-radius: 0px;

  padding: 34px 22px;
  min-height: 160px;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;

  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.08),
    inset 0 0 0 1px rgba(0, 0, 0, 0.04);

  transition: all 0.3s ease;
}

/* Icon */
.landing-page.service-horary .horary-principle-card .icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(213, 132, 110, 0.12);
  color: #d5846e;

  font-size: 18px;
}

/* Text */
.landing-page.service-horary .horary-principle-card p {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.6;
  color: #1f2933;
}

/* PREMIUM HOVER (NOT DULL) */
.landing-page.service-horary .horary-principle-card:hover {
  background: #ffffff;
  transform: translateY(-6px);

  box-shadow:
    0 24px 60px rgba(31, 41, 51, 0.18),
    inset 0 0 0 2px rgba(213, 132, 110, 0.35);
}

.landing-page.service-horary .horary-principle-card:hover .icon {
  background: #d5846e;
  color: #ffffff;
}

/* ==================================================
   SECTION 3 – STRENGTH (FEATURE LAYOUT)
================================================== */

.landing-page.service-horary .horary-strength-section {
  background: #fff;
  padding: 90px 0;
}

/* Eyebrow */
.landing-page.service-horary .horary-eyebrow {
  display: inline-block;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #d5846e;
  margin-bottom: 14px;
}

/* Title */
.landing-page.service-horary .horary-section-title {
  font-size: 2.2rem;
  font-weight: 700;
  color: #1f2933;
  margin-bottom: 18px;
}

.landing-page.service-horary .horary-section-title span {
  color: #d5846e;
}

/* Intro */
.landing-page.service-horary .horary-section-intro {
  font-size: 1rem;
  line-height: 1.8;
  color: #4b5563;
  margin-bottom: 24px;
}

/* Points */
.landing-page.service-horary .horary-strength-points {
  list-style: none;
  padding: 0;
  margin: 0 0 22px;
}

.landing-page.service-horary .horary-strength-points li {
  padding-left: 18px;
  margin-bottom: 10px;
  position: relative;
  font-weight: 500;
  color: #1f2933;
}

.landing-page.service-horary .horary-strength-points li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  background: #d5846e;
  border-radius: 50%;
}

/* Note */
.landing-page.service-horary .horary-section-note {
  margin-top: 20px;
  padding-left: 18px;
  border-left: 3px solid #d5846e;
  color: #1f2933;
  font-weight: 500;
}

/* Right card */
.landing-page.service-horary .horary-system-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 28px 30px;

  box-shadow:
    0 30px 70px rgba(31, 41, 51, 0.18),
    inset 0 0 0 1px rgba(0, 0, 0, 0.04);

    height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

/* Card header */
.landing-page.service-horary .system-card-header {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 22px;
  color: #1f2933;
}

/* Rows */
.landing-page.service-horary .system-row {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid #c4cdd1;
  font-size: 0.9rem;
}

.landing-page.service-horary .system-row:last-child {
  border-bottom: none;
}



.landing-page.service-horary .horary-system-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* Individual card */
.landing-page.service-horary .horary-system-item {
  display: flex;
  align-items: flex-start;
  gap: 18px;

  background: #ffffff;
  padding: 22px 24px;
  border-radius: 16px;

  box-shadow:
    0 16px 40px rgba(31, 41, 51, 0.12),
    inset 0 0 0 1px rgba(0, 0, 0, 0.04);

  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Icon */
.landing-page.service-horary .horary-system-item .icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(213, 132, 110, 0.12);
  color: #d5846e;
  font-size: 18px;
  flex-shrink: 0;
}

/* Content */
.landing-page.service-horary .horary-system-item h4 {
  margin: 0 0 6px;
  font-size: 1rem;
  font-weight: 600;
  color: #1f2933;
}

.landing-page.service-horary .horary-system-item p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.6;
  color: #4b5563;
}

/* Hover (very subtle) */
.landing-page.service-horary .horary-system-item:hover {
  transform: translateY(-3px);
  box-shadow:
    0 22px 55px rgba(31, 41, 51, 0.18),
    inset 0 0 0 1px rgba(213, 132, 110, 0.25);
}


/* Section 4 – Philosophy */
.landing-page.service-horary .horary-philosophy {
  background: #eeebe6;
  padding: 90px 0;
  border-radius: 10px;
}

.horary-philosophy .philosophy-inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

.horary-philosophy .section-eyebrow {
  display: inline-block;
  font-size: 0.75rem;
  letter-spacing: 0.18em;
  font-weight: 600;
  color: #d5846e;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.horary-philosophy .section-title {
  font-size: 2.2rem;
  font-weight: 700;
  color: #1f1f1f;
  margin-bottom: 28px;
}

.horary-philosophy .section-title span {
  color: #d5846e;
}

.horary-philosophy .philosophy-text {
  font-size: 1.05rem;
  line-height: 1.85;
  color: #333;
  opacity: 0.9;
}




/* SECTION 5 – Parallax (Light & Premium) */
.landing-page.service-horary .horary-excels-parallax {
  background: #fff;
  padding: 90px 0;
}

/* Inner wrapper */
.horary-excels-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Header */
.horary-excels-parallax .section-eyebrow {
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  font-weight: 600;
  color: #d5846e;
  display: block;
  margin-bottom: 12px;
}

.horary-excels-parallax .section-title {
  font-size: 2.3rem;
  font-weight: 700;
  color: #1f1f1f;
  margin-bottom: 60px;
}

.horary-excels-parallax .section-title span {
  color: #d5846e;
}

/* Cards Row */
.excels-card-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 34px;
  max-width: 1000px;
  margin: 0 auto 50px;
}

/* Soft Card */
.excels-soft-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 42px 36px;
  box-shadow: 0 18px 40px rgba(0,0,0,0.08);
}

.excels-soft-card h4 {
  font-size: 1.15rem;
  font-weight: 600;
  margin-bottom: 12px;
}

.excels-soft-card p {
  font-size: 0.98rem;
  line-height: 1.7;
  color: #444;
}

/* Icon */
.excels-soft-card .card-icon {
  width: 54px;
  height: 54px;
  border-radius: 14px;
  background: rgba(213,132,110,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: #d5846e;
  font-size: 1.2rem;
}

/* Example line */
.excels-example {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
  font-size: 1rem;
  line-height: 1.8;
  color: #333;
  background: rgba(255,255,255,0.85);
  padding: 24px 30px;
  border-radius: 16px;
}


.excels-soft-card {
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.excels-soft-card:hover {
  transform: translateY(-6px);
  box-shadow:
    0 26px 60px rgba(31, 41, 51, 0.18),
    inset 0 0 0 1px rgba(213, 132, 110, 0.35);
}

/* Icon response on hover */
.excels-soft-card .card-icon {
  transition:
    background 0.3s ease,
    color 0.3s ease;
}

.excels-soft-card:hover .card-icon {
  background: #d5846e;
  color: #ffffff;
}

@media(max-width: 576px){

  .excels-soft-card
  {
    padding: 20px; 
  }
}

/* SECTION 6 – MODERN HORIZONTAL TIMELINE */

.landing-page.service-horary .modern-timeline {
  background: #eeebe6;
  padding: 90px 0;
}

/* Timeline wrapper */
.timeline-modern {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 22px;
  max-width: 1200px;
  margin: 70px auto 40px;
}

/* Subtle connector */
.timeline-modern::before {
  content: '';
  position: absolute;
  top: 34px;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(
    to right,
    transparent,
    #c4cdd1,
    transparent
  );
  z-index: 0;
}

/* Card */
.timeline-card {
  position: relative;
  z-index: 1;

  background: rgba(255,255,255,0.95);
  border-radius: 18px;
  padding: 34px 22px 26px;

  text-align: center;
  min-height: 140px;

  box-shadow:
    0 18px 40px rgba(0,0,0,0.08),
    inset 0 0 0 1px rgba(0,0,0,0.04);

  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* Badge */
.step-badge {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);

  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #d5846e;
  color: #ffffff;

  font-weight: 600;
  font-size: 0.9rem;

  display: flex;
  align-items: center;
  justify-content: center;

  box-shadow: 0 6px 18px rgba(213,132,110,0.45);
}

/* Text */
.timeline-card p {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.55;
  color: #1f1f1f;
}

/* Hover */
.timeline-card:hover {
  transform: translateY(-6px);
  box-shadow:
    0 28px 60px rgba(31,41,51,0.18),
    inset 0 0 0 1px rgba(213,132,110,0.35);
}

/* Closing */
.how-closing {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
  font-size: 1rem;
  color: #333;
}

@media(max-width: 576px){
  .timeline-modern
  {
    margin: 40px auto 20px;
  }
}



/* Section 7 – Common Concerns */
.landing-page.service-horary .horary-common-concerns {
  background: #fff; /* subtle separation */
  padding: 110px 0;
}

/* Grid */
.concerns-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 60px;
}

.concerns-row-center {
  grid-column: 1 / -1; /* full width */
  display: flex;
  justify-content: center;
  gap: 32px;
}




/* Card */
.concern-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 34px 30px;

  box-shadow:
    0 10px 10px rgba(0,0,0,0.08),
    inset 0 0 0 1px rgba(0,0,0,0.04);

  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover */
.concern-card:hover {
  transform: translateY(-6px);
  box-shadow:
    0 28px 60px rgba(31,41,51,0.18),
    inset 0 0 0 1px rgba(213,132,110,0.35);
}

/* Icon */
.concern-card .icon {
  width: 46px;
  height: 46px;
  border-radius: 14px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(213,132,110,0.15);
  color: #d5846e;
  font-size: 1.15rem;

  margin-bottom: 18px;
}

/* Title */
.concern-card h4 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 14px;
}

/* List */
.concern-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.concern-card ul li {
  font-size: 1rem;
  color: #444;
  margin-bottom: 8px;
  position: relative;
  padding-left: 14px;
}

.concern-card ul li::before {
  content: '–';
  position: absolute;
  left: 0;
  color: #d5846e;
}


.concern-card {
  background: #f6f4f1;
  border-radius: 18px;
  padding: 36px 30px;
  height: 100%;

  transition:
    background 0.35s ease,
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

/* Hover – full card color change */
.concern-card:hover {
  background: #eeebe6;
  transform: translateY(-6px);
  box-shadow: 0 28px 60px rgba(31,41,51,0.18);
}

/* Icon */
.concern-card .icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: rgba(213,132,110,0.18);
  color: #d5846e;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  margin-bottom: 18px;

  transition: background 0.35s ease, color 0.35s ease;
}

/* Icon hover */
.concern-card:hover .icon {
  background: #d5846e;
  color: #ffffff;
}


/* =========================
   SECTION 8 – EXAMINE
========================= */

.horary-examine-section {
  position: relative;
  padding: 90px 0;
  background-image: url('../img/landing-pages/horary-examine-bg.jpg');
  background-size: cover;
  background-position: center;
  overflow: hidden;
}



.horary-bg-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(31, 31, 31, 0.3) 25.89%, #1F1F1F 92.7%);
  z-index: 1;
}

.horary-examine-section .container {
  position: relative;
  z-index: 2;
}

.horary-examine-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 80px;
  align-items: center;

}

/* Left content */
.horary-examine-content .section-eyebrow {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: #d5846e;
  display: inline-block;
  margin-bottom: 14px;
}

.horary-examine-content .section-title {
  font-size: 2.6rem;
  line-height: 1.2;
  margin-bottom: 22px;
  color: #fff;
}

.horary-examine-content .section-title span {
  color: #d5846e;
}

.horary-examine-content p {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #fff;
  /*color: #333;*/
  margin-bottom: 18px;
  max-width: 520px;
}

.primary-btn {
  display: inline-block;
  margin-top: 22px;
  padding: 14px 34px;
  background: #d5846e;
  color: #fff;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.primary-btn:hover {
  background: #bf6f5a;
  transform: translateY(-2px);
}

/* Right boxes (same style, elevated by BG) */
.horary-examine-boxes {
  display: flex;
  flex-direction: column;
  gap: 26px;

}

.examine-box {
  /*background: #ffffff;*/
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 16px;
  padding: 26px 30px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.25);
  /*box-shadow: 0 14px 40px rgba(0, 0, 0, 0.08);*/
  transition: all 0.35s ease;
}

.examine-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.12);
}

.box-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: rgba(213, 132, 110, 0.15);
  border-radius: 50%;
  color: #d5846e;
  font-size: 1.1rem;
  margin-bottom: 14px;
}

.box-icon:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(213,132,110,0.35);
}

.examine-box h4 {
  font-size: 1.15rem;
  margin-bottom: 8px;
  color: #fff;
}

.examine-box p {
  font-size: 0.95rem;
  color: #fff;
  /*color: #555;*/
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 991px) {
  .horary-examine-grid {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}


  .horary-examine-section {
    background-attachment: fixed;
    background-position: center bottom;
}
/* =========================
   SECTION 9 – BENEFITS
========================= */
/* SECTION WRAPPER */
.horary-benefits-section {
  padding: 90px 0;
  background: #eeebe6;
}

.benefits-wrapper .row {
  display: flex;
  align-items: center; 
}


.benefits-wrapper {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
}

/* LEFT IMAGE */
.benefits-image {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
    width: 100%;
  height: 70%;
  object-fit: cover;
  display: block;
    display: flex;
  align-items: center; /* centers overlay stack */
}

.benefits-image img {
  filter: blur(2.5px);
  transform: scale(1.05); /* avoids blur edges */
}


.benefits-image-overlay h3 {
  font-size: 2rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 14px;
}

.benefits-image-overlay p {
  font-size: 1.05rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 28px;
  max-width: 85%;
}

.benefits-image-overlay .btn-primary {
  align-self: flex-start;
  background: #d5846e;
  color: #fff;
  padding: 14px 34px;
  border-radius: 999px;
  font-size: 1rem;
  font-weight: 500;
  box-shadow: 0 10px 30px rgba(213, 132, 110, 0.4);
  transition: all 0.3s ease;
}

.benefits-image-overlay .btn-primary:hover {
  background: #bf6f5a;
  transform: translateY(-2px);
}
/* RIGHT CONTENT */
.benefits-content .section-tag {
  font-size: 0.75rem;
  letter-spacing: 2px;
  color: #d5846e;
  font-weight: 600;
}

.benefits-content h2 {
  font-size: 2.2rem;
  margin: 12px 0 35px;
  line-height: 1.3;
}

/* BENEFIT LIST */
.benefits-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.benefit-item {
  display: flex;
  gap: 18px;
  background: #ffffff;
  border-radius: 16px;
  padding: 20px 24px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

.benefit-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.08);
}

/* ICON */
.benefit-icon {
  width: 46px;
  height: 46px;
  background: rgba(213, 132, 110, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d5846e;
  font-size: 1.1rem;
  flex-shrink: 0;
}

/* TEXT */
.benefit-text h4 {
  font-size: 1.05rem;
  margin-bottom: 6px;
}

.benefit-text p {
  font-size: 0.95rem;
  color: #555;
  line-height: 1.6;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .benefits-wrapper {
    grid-template-columns: 1fr;
  }

  .benefits-image {
    height: 420px;
  }
}

/* RESPONSIVE */
@media (max-width: 576px) {
 
  .horary-examine-section{
        padding: 30px 0;
  }

  .horary-examine-grid
  {
        gap: 5px;
  }
}




/* SECTION BASE */
.horary-benefits-section {
  padding: 90px 0;
  background: #fff;
}

/* FLEX ROW (CRITICAL FIX) */
.benefits-row {
  display: flex;
  align-items: center; /* 👈 vertical centering fix */
  gap: 60px;
}

/* LEFT IMAGE COLUMN */
.benefits-image-col {
  flex: 1;
}

.benefits-image-wrap {
  position: relative;
  border-radius: 28px;
  overflow: hidden;
}

.benefits-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(2px);
  transform: scale(1.05);
}

/* OVERLAY — BOTTOM → TOP */
.benefits-image-overlay {
  position: absolute;
  inset: 0;
  padding: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.75) 0%,
    rgba(0, 0, 0, 0.45) 40%,
    rgba(0, 0, 0, 0.15) 70%,
    rgba(0, 0, 0, 0) 100%
  );
}




/* RIGHT CONTENT */
.benefits-content-col {
  flex: 1;
}

.section-eyebrow {
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  color: #d5846e;
  font-weight: 600;
}

.section-title {
  font-size: 2.4rem;
  margin: 12px 0 40px;
}

/* BENEFIT CARDS */
.benefits-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.benefit-card {
  display: flex;
  gap: 16px;
  background: #fff;
  padding: 22px 24px;
  border-radius: 16px;
  border: 1px solid #e7b8ab;
  transition: all 0.3s ease;
}

.benefit-card:hover {
  background: #e7b8ab;
}

.benefit-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #eeebe6;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d5846e;
  font-size: 1.1rem;
}

@media(max-width: 576px){
  .horary-benefits-section {
    padding: 30px 0;
  }
}


.horary-scientific {
  background-image: url("../img/landing-pages/bg-dark.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.horary-scientific::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(31, 34, 48, 0.88);
  z-index: 0;
}

.scientific-grid {
  position: relative;
  z-index: 1;
}

.horary-scientific .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.scientific-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 80px;
  align-items: center;
}

.scientific-content {
  color: #e9e6e1;
}

.section-eyebrow {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.18em;
  color: #d5846e;
  margin-bottom: 16px;
}

.scientific-content h2 {
  font-size: 42px;
  line-height: 1.2;
  margin-bottom: 24px;
  font-weight: 500;
  color: #fff; /* warm off-white */
}
.scientific-content h2 span {
  color: #d5846e;
}
.scientific-content p {
  font-size: 17px;
  line-height: 1.8;
  color: #fff;
  margin-bottom: 18px;
  max-width: 520px;
}

.scientific-visual {
  display: flex;
  justify-content: center;
  align-items: center;
}

.scientific-visual img {
  max-width: 420px;
  width: 100%;
  opacity: 0.95;
}

/* Responsive */
@media (max-width: 991px) {
  .scientific-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .scientific-content p {
    margin-left: auto;
    margin-right: auto;
  }

  .scientific-visual {
    margin-top: 60px;
  }
}

/* RESPONSIVE */
@media (max-width: 576px) {
 
  .horary-scientific
  {
    padding: 30px 0;
  }

  .benefits-image-col
  {
    display: none;
  }

  .scientific-visual
  {
    display: none;
  }
}

/* ===============================
   HORARY PRICING SECTION
   =============================== */

.landing-page.service-horary .horary-pricing {
  background: #eeebe6;
  padding: 90px 0;
}

/* ---------- Header ---------- */

.landing-page.service-horary .horary-pricing__header {
  max-width: 760px;
  margin: 0 auto 80px;
  text-align: center;
}

.landing-page.service-horary .horary-section__tag {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.14em;
  font-weight: 600;
  color: #d5846e;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.landing-page.service-horary .horary-section__title {
  font-size: 42px;
  line-height: 1.2;
  margin-bottom: 14px;
  color: #1f1f1f;
}

.landing-page.service-horary .horary-section__desc {
  font-size: 16px;
  line-height: 1.7;
  color: #555;
}

/* ---------- Grid ---------- */

.landing-page.service-horary .horary-pricing__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

/* ---------- Card ---------- */

.landing-page.service-horary .horary-pricing__card {
  background: #ffffff;
  border-radius: 22px;
  padding: 40px 34px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.06);
  transition: all 0.35s ease;
  display: flex;
  flex-direction: column;
}

.landing-page.service-horary .horary-pricing__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.08);
}

/* Featured Card */

.landing-page.service-horary .horary-pricing__card.is-featured {
  border: 2px solid #d5846e;
  transform: scale(1.03);
}

/* ---------- Badge ---------- */

.landing-page.service-horary .horary-pricing__badge {
  display: inline-block;
  font-size: 12px;
  padding: 6px 14px;
  border-radius: 20px;
  font-weight: 500;
  margin-bottom: 18px;
  align-self: flex-start;
}

.landing-page.service-horary .horary-pricing__badge.is-yellow {
  background: #fff2d9;
  color: #9a6400;
}

.landing-page.service-horary .horary-pricing__badge.is-green {
  background: #e6f4ea;
  color: #1e7f4f;
}

.landing-page.service-horary .horary-pricing__badge.is-dark {
  background: #ececec;
  color: #333;
}

/* ---------- Titles & Price ---------- */

.landing-page.service-horary .horary-pricing__title {
  font-size: 22px;
  margin-bottom: 12px;
  color: #1f1f1f;
}

.landing-page.service-horary .horary-pricing__price {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 24px;
  color: #1f1f1f;
}

/* ---------- List ---------- */

.landing-page.service-horary .horary-pricing__list {
  /*padding-left: 18px;*/
  margin-bottom: 20px;
}

.landing-page.service-horary .horary-pricing__list li {
  font-size: 15px;
  color: #444;
  margin-bottom: 10px;
}

/* ---------- Addon / Notes ---------- */

.landing-page.service-horary .horary-pricing__addon {
  font-size: 14px;
  color: #666;
  margin-bottom: 22px;
}

.landing-page.service-horary .horary-pricing__addon.is-emphasis {
  color: #333;
  font-weight: 500;
}

.landing-page.service-horary .horary-pricing__note {
  font-size: 13px;
  color: #777;
  margin-top: auto;
}

/* ---------- CTA Buttons ---------- */

.landing-page.service-horary .horary-pricing__cta {
  width: 100%;
  text-align: center;
  margin-top: 24px;
}

/* CTA Group (Option 3) */

.landing-page.service-horary .horary-pricing__cta-group {
  display: block;
  margin-top: 24px;
}

/* ---------- Buttons (Shared) ---------- */

.landing-page.service-horary .horary-btn {
  display: inline-block;
  padding: 14px 22px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}

.landing-page.service-horary .horary-btn--primary {
  background: #d5846e;
  color: #ffffff;
  border: none;
}

.landing-page.service-horary .horary-btn--primary:hover {
  background: #bf6f5a;
}

.landing-page.service-horary .horary-btn--outline {
  border: 1px solid #d5846e;
  color: #d5846e;
  background: transparent;
}

.landing-page.service-horary .horary-btn--outline:hover {
  background: #d5846e;
  color: #ffffff;
}

/* ---------- Responsive ---------- */

@media (max-width: 992px) {
  .landing-page.service-horary .horary-pricing__grid {
    grid-template-columns: 1fr;
  }

  .landing-page.service-horary .horary-pricing__card.is-featured {
    transform: none;
  }
}

/* RESPONSIVE */
@media (max-width: 576px) {
 
  .landing-page.service-horary .horary-pricing
  {
    padding: 30px 0;
  }

  .landing-page.service-horary .horary-section__title
  {
    font-size: 1.7rem;
  }

  .landing-page.service-horary .horary-pricing__header
  {
    margin: 0 auto 30px;
  }

}

/* ==========================
   HORARY FAQ – BOOTSTRAP NEUTRALIZATION
========================== */

.landing-page.service-horary.horary-faq-section
.accordion-button {
  background-color: transparent !important;
  background-image: none !important;
}

.landing-page.service-horary.horary-faq-section
.accordion-button:not(.collapsed) {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.landing-page.service-horary.horary-faq-section
.accordion-item,
.landing-page.service-horary.horary-faq-section
.accordion-header {
  background: transparent !important;
}
/* ==========================
   HORARY FAQ – CARD STYLE (REFERENCE MATCH)
========================== */

.landing-page.service-horary.horary-faq-section {
  padding: 90px 0;
  background-color: #faf8f3;
}

/* Header */
.landing-page.service-horary.horary-faq-section .horary-faq-header h2 {
  font-size: 2.4rem;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 50px;
}

.landing-page.service-horary.horary-faq-section .horary-faq-header p {
 color: #d5846e;
  margin-bottom: 70px;
}

/* Accordion wrapper */
.landing-page.service-horary.horary-faq-section .accordion {
  max-width: 100%;
  margin: 0 auto;
}

/* FAQ Card */
.landing-page.service-horary.horary-faq-section .accordion-item {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px;
  margin-bottom: 14px;
  overflow: hidden;
  transition: background-color 0.25s ease, border-color 0.25s ease;
}

/* Question */
.landing-page.service-horary.horary-faq-section .accordion-button {
  background: transparent !important;
  padding: 20px 24px;
  font-size: 1.05rem;
  font-weight: 500;
  color: #1f1f1f;
  box-shadow: none;
}

/* Remove Bootstrap focus + yellow */
.landing-page.service-horary.horary-faq-section .accordion-button:focus {
  box-shadow: none;
}

/* Active card (THIS IS THE KEY DIFFERENCE) */
.landing-page.service-horary.horary-faq-section
.accordion-item:has(.accordion-button:not(.collapsed)) {
  background-color: #f3efe8; /* soft beige – premium */
  border-color: rgba(0,0,0,0.12);
}

/* Answer */
.landing-page.service-horary.horary-faq-section .accordion-body {
  padding: 0 24px 22px;
  font-size: 0.96rem;
  line-height: 1.7;
  color: #555;
}

/* Arrow icon subtle */
.landing-page.service-horary.horary-faq-section
.accordion-button::after {
  opacity: 0.4;
}

/* Active question text color */
.landing-page.service-horary.horary-faq-section
.accordion-button:not(.collapsed) {
  color: #b07a2a; /* premium warm accent */
}

/* Base icon */
.landing-page.service-horary.horary-faq-section
.accordion-button::after {
  background-image: none;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  transform: rotate(45deg);
  transition: transform 0.25s ease, border-color 0.25s ease;
}

/* Active icon */
.landing-page.service-horary.horary-faq-section
.accordion-button:not(.collapsed)::after {
  transform: rotate(-135deg);
  border-color: #b07a2a;
}


/* ==========================
   FAQ CTA BLOCK
========================== */

.landing-page.service-horary.horary-faq-section .horary-faq-cta {
  position: sticky;
  top: 120px;

  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 18px;
  padding: 40px 34px;

  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.08),
    inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}

/* Eyebrow */
.horary-faq-eyebrow {
  display: inline-block;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8a6b3f;
  margin-bottom: 12px;
}

/* Heading */
.landing-page.service-horary.horary-faq-section .horary-faq-cta h3 {
  font-size: 1.9rem;
  line-height: 1.3;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 18px;
}

/* Text */
.landing-page.service-horary.horary-faq-section .horary-faq-cta p {
  font-size: 0.98rem;
  line-height: 1.7;
  color: #555;
  margin-bottom: 22px;
}

/* CTA Button */
.horary-faq-cta-btn {
  display: inline-block;
  padding: 14px 32px;
  border-radius: 30px;

  background: linear-gradient(
    135deg,
    #e9c46a,
    #f4a261
  );

  color: #111;
  font-weight: 600;
  text-decoration: none;

  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.horary-faq-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

/* Note */
.horary-faq-cta-note {
  margin-top: 16px;
  font-size: 0.85rem;
  color: #777;
}


@media (max-width: 991px) {
  .landing-page.service-horary.horary-faq-section .horary-faq-cta {
    position: relative;
    top: auto;
    margin-bottom: 40px;
  }
}

@media (max-width: 576px) {

  .landing-page.service-horary.horary-faq-section
  {
    padding: 30px 0;
  }

  .landing-page.service-horary.horary-faq-section .horary-faq-header h2
  {
    font-size: 1.7rem;
  }

  .landing-page.service-horary.horary-faq-section .horary-faq-header p
  {
    margin-bottom: 10px;
  }



}

/* ==========================
   MEET THE MASTER – AUTHORITY POLISH
========================== */

.landing-page.service-horary.horary-meet-master {
  padding: 90px 0;
}

/* Header block */
.horary-master-header {
  text-align: center;
  margin-bottom: 36px;
}

/* Eyebrow */
.horary-master-eyebrow {
  display: block;
  font-size: 0.75rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #8a6b3f;
  margin-bottom: 10px;
}

/* Title */
.landing-page.service-horary.horary-meet-master
.horary-section-title {
  font-size: 2.6rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #1a1a1a;
}

/* Image frame */
.landing-page.service-horary.horary-meet-master
.horary-master-image {
  margin: 40px auto 46px;
  border-radius: 22px;
  overflow: hidden;

  box-shadow:
    0 30px 60px rgba(0, 0, 0, 0.18),
    inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}

.landing-page.service-horary.horary-meet-master
.horary-master-image img {
  width: 100%;
  display: block;
  object-fit: cover;
}

/* Content */
.landing-page.service-horary.horary-meet-master
.horary-section-content {
  max-width: 760px;
  margin: 0 auto;
}

/* Paragraph rhythm */
.landing-page.service-horary.horary-meet-master
.horary-section-content p {
  font-size: 1.05rem;
  line-height: 1.9;
  color: #444;
  margin-bottom: 26px;
}

/* Subtle divider effect (authority cue) */
.landing-page.service-horary.horary-meet-master
.horary-section-content p:first-child::before {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #e9c46a;
  border-radius: 2px;
  margin-bottom: 26px;
}



/* Responsive */
@media (max-width: 992px) {
  .timeline-modern {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .timeline-modern::before {
    display: none;
  }

  .timeline-card {
    text-align: left;
    padding: 28px 26px 26px;
  }

  .step-badge {
    left: 22px;
    transform: none;
  }
}

@media (max-width:768px){

  .landing-page.service-horary .horary-strength-section
  {
    padding: 70px 0;
  }

  .landing-page.service-horary .horary-philosophy
  {
     padding: 70px 0;
  }

  .landing-page.service-horary .horary-excels-parallax 
  {
    padding: 70px 0;
  }

    .landing-page.service-horary .modern-timeline
  {
    padding: 30px 0;
  }

    .timeline-modern
  {
    grid-template-columns:repeat(2, 1fr);
      gap:16px;
  }

  .timeline-modern > *:last-child:nth-child(odd){
        grid-column:1 / -1;
    }

    .landing-page.service-horary .horary-common-concerns
    {
      padding: 30px;
    }

    .concerns-grid
    {
      grid-template-columns:repeat(2, 1fr);
      gap:16px;
    }
}

/* Mobile */
@media (max-width:576px){

    .landing-page.service-horary .horary-strength-section
    {
      padding: 30px 0;
    }

  .landing-page.service-horary .horary-philosophy
  {
     padding: 30px 0;
  }

  .landing-page.service-horary .horary-excels-parallax 
  {
     padding: 30px 0;
  }

  .excels-card-row
  {
      grid-template-columns:1fr;
  }

  .landing-page.service-horary .modern-timeline
  {
    padding: 30px 0;
  }

  .section-title
  {
    font-size: 1.7rem;
    margin: 12px 0 10px;
  }

  .timeline-modern
  {
    grid-template-columns:repeat(2, 1fr);
    gap:16px;
  }

  .timeline-modern > *:last-child:nth-child(odd){
        grid-column:1 / -1;
    }

  .landing-page.service-horary .horary-common-concerns
    {
      padding: 30px 0px;
    }

    .concerns-grid
    {
      grid-template-columns:repeat(2, 1fr);
      gap:20px;
      margin-top: 30px;
    }

      .concern-card{
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;

        text-align:center;

        padding:18px 14px;

        min-height:150px;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);

        border-radius:16px;
    }

    .concern-card .icon{
        width:52px;
        height:52px;

        margin-bottom:14px;
    }

    .concern-card h4{
        font-size:1.13rem;
        line-height:1.35;

        margin:0;
    }

    .landing-page.service-horary.horary-meet-master 
    {
      padding: 30px 0;
    }

.landing-page.service-horary .horary-master-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.landing-page.service-horary.horary-meet-master .horary-section-content
{
  font-size: 0.95rem;
}

.scientific-content h2
{
  font-size: 1.7rem;
}

.scientific-content p
{
  font-size: 0.95rem;
}



}




/* =====================================
   Mystic Mantra – Money Loves You
   Global Color Variables
   ===================================== */

:root {
  --mm-primary: #1E6F5C;    /* Emerald Green */
  --mm-accent:  #C4A14A;    /* Antique Gold */
  --mm-bg:      #F7F6F2;    /* Soft Ivory */
  --mm-text:    #2A2A2A;    /* Charcoal Black */
}


/* =====================================
   Hero Section – Hanging Card Effect
   ===================================== */
.landing-page.service-money .money-hero-section{

    position:relative;
    overflow:hidden;
    padding:90px 0 80px;

    background:
    radial-gradient(circle at top,#fff9ea 0%,#fdfbf6 45%,#ffffff 100%);
}

.landing-page.service-money .money-hero-section::before{

    content:"";

    position:absolute;

    width:520px;
    height:520px;

    border-radius:50%;

    border:1px solid rgba(200,169,106,.10);

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);
}

.landing-page.service-money .money-hero-section::after{

    content:"";

    position:absolute;

    width:720px;
    height:720px;

    border-radius:50%;

    border:1px solid rgba(200,169,106,.05);

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);
}


.landing-page.service-money .money-hero-background{

    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.landing-page.service-money .money-hero-background::before{

    content:"श्री  ✦  ॐ  ✦";

    position:absolute;

    top:70px;

    left:120px;

    font-size:70px;

    letter-spacing:28px;

    color:rgba(200,169,106,.07);

    transform:rotate(-12deg);

    white-space:nowrap;
}

.landing-page.service-money .money-hero-background::after{

    content:"श्री  ✦  ॐ  ✦";

    position:absolute;

    right:110px;

    bottom:90px;

    font-size:95px;

    letter-spacing:34px;

    color:rgba(200,169,106,.06);

    transform:rotate(16deg);

    white-space:nowrap;
}

.landing-page.service-money .money-glow{

    position:absolute;
    border-radius:50%;
    filter:blur(70px);
}

.landing-page.service-money .money-glow-one{

    width:320px;
    height:320px;

    background:#F7E6B5;

    top:-80px;
    left:-120px;
}

.landing-page.service-money .money-glow-two{

    width:260px;
    height:260px;

    background:#F3D58E;

    right:-60px;
    bottom:-40px;
}

.landing-page.service-money .money-hero-card{

    position:relative;
    z-index:5;

    text-align:center;
}

.landing-page.service-money .money-hero-title{

    font-size: clamp(58px, 7vw, 82px);

    line-height: 1.02;

    font-weight: 700;

    letter-spacing: -2px;

    color: #222;

    margin: 24px 0 28px;

    text-align: center;

    position: relative;

    z-index: 5;

    text-shadow: 0 8px 24px rgba(0,0,0,.03);
}

.landing-page.service-money .money-hero-divider{

    width:120px;

    height:1px;

    margin:0 auto 36px;

    position:relative;

    background:linear-gradient(
        to right,
        transparent,
        rgba(200,169,106,.75),
        transparent
    );
}

.landing-page.service-money .money-hero-divider::before{

    content:"";

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:10px;
    height:10px;

    border-radius:50%;

    background:#C8A96A;

    box-shadow:
        0 0 0 5px rgba(200,169,106,.08);
}

.landing-page.service-money .money-hero-description{

    font-size:22px;

    line-height:1.9;

    color:#666;

    max-width:760px;

    margin:auto auto 50px;
}

.landing-page.service-money .money-primary-btn{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:18px 44px;

    border-radius:999px;

    background:#C8A96A;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.35s;
}

.landing-page.service-money .money-primary-btn:hover{

    transform:translateY(-3px);

    background:#B9924A;

    box-shadow:0 20px 40px rgba(200,169,106,.28);
}

@media (max-width: 576px) {

    .landing-page.service-money .money-hero-section{
      padding: 30px 0;
    }

    .landing-page.service-money .money-hero-title
    {
      font-size: 1.95rem;
          margin: 24px 0 15px;
    }

    .landing-page.service-money .money-hero-description
    {
      font-size: 0.95rem;
      margin: auto auto 20px;
    }

    .landing-page.service-money .money-primary-btn
    {
      font-size: 1rem;
      padding: 10px 30px;
    }
}



/* =====================================
   Money Loves You – Mechanism Section
   ===================================== */
/* Center the content block properly */
.landing-page.service-money .money-mechanism-section .row {
  justify-content: center;
}

.landing-page.service-money .money-mechanism-content {
  margin: 0 auto;
  text-align: center;
}

.landing-page.service-money .money-mechanism-section {
  padding: 90px 0; /* top padding accounts for hanging hero */
}

/* Content wrapper */
.landing-page.service-money .money-mechanism-content {
  max-width: 820px;
}

/* Title */
.landing-page.service-money .money-mechanism-title {
  font-size: 2.2rem;
  font-weight: 600;
  color: var(--mm-text);
  margin-bottom: 30px;
  line-height: 1.35;
}

/* Accent underline */
.landing-page.service-money .money-mechanism-title::after {
  content: "";
  display: block;
  width: 64px;
  height: 3px;
  background-color: var(--mm-accent);
  margin: 18px auto 0; /* 👈 centers the underline */
}

/* Paragraph text */
.landing-page.service-money .money-mechanism-description {
  font-size: 1rem;
  line-height: 1.85;
  color: #4a4a4a;
  margin-bottom: 18px;
}

/* Emphasis */
.landing-page.service-money .money-mechanism-description strong {
  color: var(--mm-primary);
  font-weight: 600;
}

/* Responsive */
@media (max-width: 576px) {
  .landing-page.service-money .money-mechanism-section {
    padding: 30px 0;
  }

  .landing-page.service-money .money-mechanism-title {
    font-size: 1.7rem;
    margin-bottom: 20px;
  }

  .landing-page.service-money .money-mechanism-description
  {
    font-size: 0.95rem;
  }
}


/* =====================================
   Money Loves You – Mantra Section
   ===================================== */

.landing-page.service-money .money-mantra-section {
  position: relative;
  background: var(--mm-bg);
  padding: 90px 0;
  overflow: hidden;
}


/* Intro */
.landing-page.service-money .money-mantra-intro {
  position: relative;
  z-index: 1;
  text-align: center;
  margin-bottom: 50px;
}

.landing-page.service-money .money-mantra-title {
  font-size: 2.3rem;
  font-weight: 600;
  color: var(--mm-text);
  margin-bottom: 18px;
}

.landing-page.service-money .money-mantra-intro-text {
  font-size: 1rem;
  color: #555;
  line-height: 1.8;
}

/* Boxes row */
.landing-page.service-money .money-mantra-box-row {
  position: relative;
  z-index: 1;
  /*margin-bottom: 60px;*/
}

.landing-page.service-money .money-mantra-box-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* Boxes */
.landing-page.service-money .money-mantra-box {
  background: #ffffff;
  border-radius: 18px;
  padding: 42px 30px;
  text-align: center;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.10);
  height: 100%;
}

/* Icons */
.landing-page.service-money .money-mantra-icon {
  font-size: 3.4rem;
  color: var(--mm-accent);
  margin-bottom: 20px;
}

/* Box titles */
.landing-page.service-money .money-mantra-box-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--mm-primary);
}

/* Bottom text */
.landing-page.service-money .money-mantra-trust-strip {
  margin-top: 70px;
  padding: 26px 24px;
  text-align: center;
  background: rgba(30, 111, 92, 0.04); /* very subtle */
  border-radius: 14px;
  position: relative;
}

/* Gold accent line */
.landing-page.service-money .money-mantra-trust-strip::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 2px;
  background-color: var(--mm-accent);
}

/* Text */
.landing-page.service-money .money-mantra-trust-text {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 500;
  color: #3f3f3f;
  line-height: 1.8;
  letter-spacing: 0.2px;
}

.landing-page.service-money .money-mantra-box {
  transition: 
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

/* Hover state */
.landing-page.service-money .money-mantra-box:hover {
  transform: translateY(-10px);
  box-shadow: 
    0 30px 60px rgba(0, 0, 0, 0.14),
    0 0 0 1px rgba(196, 161, 74, 0.25);
}

/* Icon animation */
.landing-page.service-money .money-mantra-box:hover .money-mantra-icon {
  transform: scale(1.08);
  color: var(--mm-primary);
}

/* Smooth icon transition */
.landing-page.service-money .money-mantra-icon {
  transition: 
    transform 0.35s ease,
    color 0.35s ease;
}


/* Responsive */
@media (max-width: 576px) {
  .landing-page.service-money .money-mantra-section {
    padding: 30px 0;
  }

  .landing-page.service-money .money-mantra-title {
    font-size: 1.9rem;
  }


    .landing-page.service-money .money-mantra-box-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

        .landing-page.service-money .money-mantra-box:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }


.landing-page.service-money .money-mantra-box
{
  padding: 20px 10px;
}

.landing-page.service-money .money-mantra-icon
{
  font-size: 1.95rem;
}

    .landing-page.service-money .money-mantra-intro
    {
      margin-bottom: 30px;
    }

  .landing-page.service-money .money-mantra-intro-text
  {
    display: none;
  }

  .landing-page.service-money .money-mantra-curve {
    height: 65%;
  }
}


/* =====================================
   Money Loves You – Expected Benefits
   ===================================== */

.landing-page.service-money .money-benefits-section {
  padding: 90px 0;
  background-color: #fff;
}

/* Content */
.landing-page.service-money .money-benefits-content {
  max-width: 520px;
}

.landing-page.service-money .money-benefits-title {
  font-size: 2.2rem;
  font-weight: 600;
  color: var(--mm-text);
  margin-bottom: 28px;
}



/* Individual point */
.landing-page.service-money .money-benefits-point {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 22px;
  margin-top: 30px;
}

/* Icon */
.landing-page.service-money .money-benefits-point i {
  font-size: 1.2rem;
  color: var(--mm-accent);
  margin-top: 4px;
  flex-shrink: 0;
}

/* Text */
.landing-page.service-money .money-benefits-point p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.8;
  color: #4a4a4a;
}

.landing-page.service-money .money-benefits-point {
  position: relative;
  padding-bottom: 24px;
  margin-bottom: 24px;
}

/* Divider (except last item) */
.landing-page.service-money .money-benefits-point:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 36px; /* aligns under text, not icon */
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(
    to right,
    rgba(196, 161, 74, 0.35),
    rgba(196, 161, 74, 0.05)
  );
}

.landing-page.service-money .money-benefits-image-wrap {
  position: relative;
  overflow: hidden;
  border-radius: 30px 30px 30px 30px;
}

/* Image */
.landing-page.service-money .money-benefits-image {
  width: 100%;
  display: block;
}

/* Dark overlay */
.landing-page.service-money .money-image-overlay {
  position: absolute;
  inset: 0;
  background: rgba(30, 111, 92, 0.35); /* darker but elegant */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* CTA */
.landing-page.service-money .money-image-cta {
  padding: 14px 34px;
  background: var(--mm-bg);
  color: #2a2a2a;
  font-size: 0.95rem;
  font-weight: 500;
  border-radius: 40px;
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* CTA hover */
.landing-page.service-money .money-image-cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

/* Responsive */
@media (max-width: 576px) {
  .landing-page.service-money .money-benefits-section {
    padding: 30px 0;
  }

  .landing-page.service-money .money-benefits-title
  {
    font-size: 1.9rem;
    margin-bottom: 20px;
  }


  .landing-page.service-money .money-benefits-content {
    max-width: 100%;
    margin-bottom: 0px;
  }

  .landing-page.service-money .money-benefits-point p
  {
    font-size: 0.95rem;
  }

  .landing-page.service-money .money-benefits-image-wrap {
    text-align: center;
    display: none;
  }
}


/* =====================================
   Money Loves You – Trust Section (Refined)
   ===================================== */

.landing-page.service-money .money-trust-section {
  padding: 90px 0;
  background-color: #ffffff;
}

/* Panel */
.landing-page.service-money .money-trust-panel {
  background: rgba(247, 246, 242, 0.9);
  padding: 60px 50px;
  border-radius: 18px;
  text-align: center;
  position: relative;

  /* subtle elevation */
  box-shadow: 
    0 12px 28px rgba(0, 0, 0, 0.06),
    0 4px 10px rgba(0, 0, 0, 0.04);
}

/* Accent line */
.landing-page.service-money .money-trust-panel::before {
  content: "";
  position: absolute;
  bottom: 0;              /* moved from top to bottom */
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: 3px;
  background-color: var(--mm-accent);
  border-radius: 2px;
}
/* Title */
.landing-page.service-money .money-trust-title {
  font-size: 2.1rem;
  font-weight: 600;
  color: var(--mm-text);
  margin-bottom: 22px;
}

/* Description */
.landing-page.service-money .money-trust-description {
  font-size: 1.02rem;
  line-height: 1.85;
  color: #4a4a4a;
  max-width: 720px;
  margin: 0 auto;
}

/* Responsive */
@media (max-width: 576px) {

  .landing-page.service-money .money-trust-section {
    padding: 30px 0;
  }

  .landing-page.service-money .money-trust-panel {
     padding: 15px 15px;
  }

  .landing-page.service-money .money-trust-title {
    font-size: 1.7rem;
  }

  .landing-page.service-money .money-trust-description
  {
    font-size: 0.95rem;
  }
}


/* =====================================
   Health Parameters – Image + Content
   ===================================== */
.landing-page.service-money .money-safety-tabs-wrapper {
padding: 80px 0;
}

.landing-page.service-money .money-safety-tabs-title {
  font-size: 28px;
  font-weight: 600;
  color: var(--mm-primary);
  margin-bottom: 40px;
}

.landing-page.service-money .money-safety-tabs-nav {
  border-bottom: none;
  justify-content: center;
  gap: 40px;
}

.landing-page.service-money .money-safety-tabs-nav .nav-link {
  border: none;
  background: none;
  font-size: 16px;
  font-weight: 500;
  color: var(--mm-muted);
  padding: 10px 0;
  position: relative;
  transition: all 0.3s ease;
}
.landing-page.service-money .money-safety-tabs-nav .nav-link:hover {
  color: var(--mm-primary);
}

.landing-page.service-money .money-safety-tabs-nav .nav-link.active {
  color: var(--mm-primary);
  font-weight: 600;
}

.landing-page.service-money .money-safety-tabs-nav .nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 0;
  height: 2px;
  background-color: var(--mm-accent);
  transition: width 0.3s ease;
}

.landing-page.service-money .money-safety-tabs-nav .nav-link.active::after {
  width: 100%;
}


.landing-page.service-money .money-safety-tabs-content {
  margin-top: 40px;
  background: #ffffff;
  padding: 40px 45px;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.04);
}


.landing-page.service-money .money-safety-text {
  font-size: 15.5px;
  line-height: 1.8;
  color: var(--mm-text);
  margin-bottom: 18px;
}

.landing-page.service-money .money-safety-block {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.landing-page.service-money .money-safety-point {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}


.landing-page.service-money .money-safety-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(196, 161, 74, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.landing-page.service-money .money-safety-icon i {
  font-size: 16px;
  color: var(--mm-accent);
}


.landing-page.service-money .money-safety-text {
  font-size: 15.5px;
  line-height: 1.8;
  color: var(--mm-text);
  margin: 0;
}


.landing-page.service-money .money-safety-divider {
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    rgba(0,0,0,0.08),
    transparent
  );
}



.landing-page.service-money .tab-pane {
  animation: fadeUp 0.35s ease-in-out;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 576px) {

  .landing-page.service-money .money-safety-tabs-wrapper
  {
    padding: 30px 0;
  }

  .landing-page.service-money .money-safety-tabs-title
  {
    font-size: 1.7rem;
    margin-bottom: 20px;
  }

  .landing-page.service-money .money-safety-tabs-content
  {
    margin-top: 10px;
    padding: 20px 15px;
  }

  .landing-page.service-money .money-safety-text
  {
    font-size: 0.95rem;
  }

}



/* =====================================
   Money Loves You – Process Timeline
   ===================================== */

.landing-page.service-money .money-process-section {
  padding: 90px 0;
  background-color: var(--mm-bg);
}

.landing-page.service-money .money-process-content {
  text-align: center;
}

.landing-page.service-money .money-process-title {
  font-size: 2.2rem;
  font-weight: 600;
  color: var(--mm-text);
  margin-bottom: 70px;
}

/* Timeline wrapper */
.landing-page.service-money .money-process-timeline {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  position: relative;
}

/* Connecting line */
.landing-page.service-money .money-process-timeline::before {
  content: "";
  position: absolute;
  top: 28px;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(196, 161, 74, 0.35);
}

/* Step */
.landing-page.service-money .money-process-step {
  width: 100%;
  max-width: 300px;
  text-align: center;
  position: relative;
  z-index: 1;
}

/* Step number */
.landing-page.service-money .money-process-step-number {
  width: 56px;
  height: 56px;
  margin: 0 auto 20px;
  background: #fff;
  border: 2px solid var(--mm-accent);
  border-radius: 50%;
  font-size: 1rem;
  font-weight: 600;
  color: var(--mm-accent);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Step title */
.landing-page.service-money .money-process-step-title {
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--mm-text);
  margin-bottom: 14px;
}

/* Step description */
.landing-page.service-money .money-process-step-description {
  font-size: 0.95rem;
  line-height: 1.75;
  color: #4a4a4a;
  margin-bottom: 10px;
  text-align: left;
}

.landing-page.service-money .money-process-step {
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* Step hover */
.landing-page.service-money .money-process-step:hover {
  transform: translateY(-8px);
}

/* Step number hover */
.landing-page.service-money .money-process-step:hover
.money-process-step-number {
  background-color: var(--mm-accent);
  color: #2a2a2a;
  box-shadow: 0 10px 25px rgba(196, 161, 74, 0.35);
}

/* Title emphasis on hover */
.landing-page.service-money .money-process-step:hover
.money-process-step-title {
  color: #1f1f1f;
}

/* Responsive: stack vertically */
@media (max-width: 992px) {
  .landing-page.service-money .money-process-timeline {
    flex-direction: column;
    align-items: center;
  }

  .landing-page.service-money .money-process-timeline::before {
    display: none;
  }

  .landing-page.service-money .money-process-step {
    max-width: 420px;
  }
}

@media (max-width: 576px) {

.landing-page.service-money .money-process-section
{
  padding: 30px 0;
}

.landing-page.service-money .money-process-title
{
  font-size: 1.7rem;
  margin-bottom: 30px;
}

.landing-page.service-money .money-process-timeline
{
  gap: 0;
}

}

/* =====================================
   Be With The Master Section
   ===================================== */

.landing-page.service-money .money-guru-section {
  padding: 90px 0;
  background-color: #ffffff;
}

.landing-page.service-money .money-guru-content {
  text-align: center;
}

/* Title */
.landing-page.service-money .money-guru-title {
  font-size: 2.2rem;
  font-weight: 600;
  color: var(--mm-text);
  margin-bottom: 50px;
}

/* Intro */
.landing-page.service-money .money-guru-intro {
  font-size: 1.02rem;
  line-height: 1.85;
  color: #4a4a4a;
  max-width: 780px;
  margin: 0 auto 60px;
}

/* Grid */
.landing-page.service-money .money-guru-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 60px;
  margin-bottom: 70px;
}

/* Item */
.landing-page.service-money .money-guru-item {
  position: relative;
  padding: 28px 28px 26px 32px;
background: rgba(247, 246, 242, 0.9); /* neutral ivory */
  transition: background 0.35s ease;
}

.landing-page.service-money .money-guru-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 24px;
  bottom: 24px;
  width: 2px;
  background-color: rgba(196, 161, 74, 0.35);
  transition: background-color 0.35s ease;
}

/* Text */
.landing-page.service-money .money-guru-text {
  font-size: 0.95rem;
  line-height: 1.8;
  color: var(--mm-text); /* slightly darker */
  margin: 0;
}

/* Bottom line */
.landing-page.service-money .money-guru-line {
  display: block;
  height: 2px;
  width: 36px;
  background-color: rgba(196, 161, 74, 0.25);
  margin-top: 18px;
  transition: width 0.35s ease;
}
/* Hover effects */
.landing-page.service-money .money-guru-item:hover {
  background: rgba(196, 161, 74, 0.07);
}

.landing-page.service-money .money-guru-item:hover::before {
  background-color: var(--mm-accent);
}

.landing-page.service-money .money-guru-item:hover .money-guru-line {
  width: 100%;
}

/* CTA */
.landing-page.service-money .money-guru-cta-wrap {
  text-align: center;
}

.landing-page.service-money .money-guru-cta {
  display: inline-block;
  padding: 14px 38px;
  background: var(--mm-accent);
  color: #2a2a2a;
  font-size: 0.95rem;
  font-weight: 500;
  border-radius: 40px;
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.landing-page.service-money .money-guru-cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
}

/* Responsive */
@media (max-width: 992px) {
  .landing-page.service-money .money-guru-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}

@media (max-width: 576px) {
  .landing-page.service-money .money-guru-section{
     padding: 30px 0;
  }

  .landing-page.service-money .money-guru-title
  {
    font-size: 1.7rem;
    margin-bottom: 30px;
  }

  .landing-page.service-money .money-guru-grid
  {
    margin-bottom: 0px;
    gap: 20px;
  }

  .landing-page.service-money .money-guru-cta-wrap
  {
    display: none;
  }
}


/* =====================================
   money-connect-cta-section
   ===================================== */
.landing-page.service-money .money-connect-cta-section {
  padding: 90px 0;
  background: linear-gradient(
    to bottom,
    rgba(196, 161, 74, 0.18) 0%,
    rgba(196, 161, 74, 0.08) 100%
  );
}

.landing-page.service-money .money-connect-cta-box {
  background: #ffffff;
  padding: 55px 50px;
  border-radius: 12px;
  box-shadow: 0 18px 45px rgba(0,0,0,0.06);
}

.landing-page.service-money .money-connect-cta-title {
  font-size: 30px;
  font-weight: 600;
  color: var(--mm-primary);
  margin-bottom: 20px;
}

.landing-page.service-money .money-connect-cta-text {
  font-size: 16px;
  line-height: 1.8;
  color: var(--mm-text);
  max-width: 720px;
  margin: 0 auto 35px;
}

.landing-page.service-money .money-connect-cta-actions {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.landing-page.service-money .money-connect-primary-btn {
  background-color: var(--mm-accent);
  color: #ffffff;
  padding: 14px 34px;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.landing-page.service-money .money-connect-primary-btn:hover {
  background-color: #b08f3d;
  transform: translateY(-2px);
}


.landing-page.service-money .money-connect-secondary-btn {
  color: var(--mm-primary);
  font-size: 15px;
  font-weight: 500;
  text-decoration: underline;
  transition: color 0.3s ease;
}

.landing-page.service-money .money-connect-secondary-btn:hover {
  color: var(--mm-accent);
}
@media (max-width: 576px) {

  .landing-page.service-money .money-connect-cta-section {
    display: none;
  }

}



/* =====================================
   Pricing Section
   ===================================== */

.landing-page.service-money .money-pricing-section {
  padding: 90px 0;
  background-color: #ffffff;
}

/* Header */
.landing-page.service-money .money-pricing-header {
  text-align: center;
  margin-bottom: 70px;
}

.landing-page.service-money .money-pricing-title {
  font-size: 2.3rem;
  font-weight: 600;
  color: var(--mm-text);
  margin-bottom: 16px;
}

.landing-page.service-money .money-pricing-description {
  font-size: 1.05rem;
  color: #4a4a4a;
}

/* Cards */
.landing-page.service-money .money-pricing-card {
  height: 100%;
  padding: 38px 32px 42px;
  background: rgba(247, 246, 242, 0.9);
  border-radius: 18px;
  position: relative;
  display: flex;
  flex-direction: column;
}

/* Featured */
.landing-page.service-money .money-pricing-featured {
  border: 2px solid var(--mm-accent);
  background: #fff;
}

/* Badge */
.landing-page.service-money .money-pricing-badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--mm-accent);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 20px;
}

/* Plan */
.landing-page.service-money .money-pricing-plan {
  font-size: 1.05rem;
  font-weight: 600;
  margin-bottom: 14px;
}

/* Price */
.landing-page.service-money .money-pricing-amount {
  font-size: 2rem;
  font-weight: 600;
  color: var(--mm-accent);
  margin-bottom: 14px;
}

/* Tagline */
.landing-page.service-money .money-pricing-tagline {
  font-size: 0.9rem;
  margin-bottom: 22px;
  color: #555;
}

/* Features */
.landing-page.service-money .money-pricing-features {
  list-style: none;
  padding: 0;
  margin: 0 0 22px;
  flex-grow: 1;
}

/*.landing-page.service-money .money-pricing-features li {
  font-size: 0.9rem;
  line-height: 1.7;
  margin-bottom: 10px;
}*/

.landing-page.service-money .money-pricing-features li {
    position: relative;
    padding-left: 22px;
    font-size: 0.9rem;
    line-height: 1.7;
}

.landing-page.service-money .money-pricing-features li::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 10px;
    width: 6px;
    height: 6px;
    background: #b08d57;
    transform: rotate(45deg);
}

/* Note */
.landing-page.service-money .money-pricing-note {
  font-size: 0.85rem;
  color: #666;
  margin-bottom: 26px;
}

/* CTA */
.landing-page.service-money .money-pricing-cta {
  text-align: center;
  display: inline-block;
  padding: 14px 30px;
  background: var(--mm-accent);
  color: #2a2a2a;
  font-weight: 500;
  border-radius: 40px;
  text-decoration: none;
  align-self: center;
}

/* =====================================
   Pricing – Option Badges
   ===================================== */

.landing-page.service-money .money-pricing-header-row {
  text-align: left;
  margin-bottom: 16px;
}

.landing-page.service-money .money-pricing-option-badge {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 20px;
  background: rgba(196, 161, 74, 0.15);
  color: #7a6420;
  margin-bottom: 10px;
}

/* Featured badge (Option II) */
.landing-page.service-money .money-pricing-option-badge.featured {
  background: var(--mm-accent);
  color: #2a2a2a;
}

@media (max-width: 576px) {

  .landing-page.service-money .money-pricing-section{
    padding: 30px 0;
  }

  .landing-page.service-money .money-pricing-header
  {
    margin-bottom: 30px;
  }

  .landing-page.service-money .money-pricing-title{

    font-size: 1.7rem;

  }

  .landing-page.service-money .money-pricing-card{

    padding: 25px 20px 20px;
  }

  .landing-page.service-money .money-pricing-plan
  {
    margin-bottom: 0px;
  }

}



/* =====================================
   Results & Journey Section
   ===================================== */

.landing-page.service-money .money-results-section {
  padding: 90px 0;
   background: rgba(247, 246, 242, 0.9);
}

/* Grid */
.landing-page.service-money .money-results-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

/* Card */
.landing-page.service-money .money-results-card {
  background-color: #ffffff;
 
  border-radius: 18px;
  overflow: hidden;
  transition: box-shadow 0.35s ease;
}

/* Image wrapper */
.landing-page.service-money .money-results-image-wrap {
  position: relative;
  overflow: hidden;
}

/* Image */
.landing-page.service-money .money-results-image {
  width: 100%;
  height: 260px;
  object-fit: cover;
  transition: transform 0.6s ease;
}

/* Overlay */
.landing-page.service-money .money-results-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
  transition: background 0.35s ease;
}

/* Content */
.landing-page.service-money .money-results-content {
  padding: 32px 30px 36px;
  text-align: center;
}

.landing-page.service-money .money-results-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--mm-text);
  margin-bottom: 14px;
}

.landing-page.service-money .money-results-description {
  font-size: 0.95rem;
  line-height: 1.8;
  color: #4a4a4a;
  margin: 0;
}

/* Hover effects */
.landing-page.service-money .money-results-card:hover {
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.18);
}

.landing-page.service-money .money-results-card:hover
.money-results-image {
  transform: scale(1.05);
}

.landing-page.service-money .money-results-card:hover
.money-results-overlay {
  background: rgba(0, 0, 0, 0.35);
}

/* Responsive */
@media (max-width: 992px) {
  .landing-page.service-money .money-results-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .landing-page.service-money .money-results-image {
    height: 240px;
  }
}

@media (max-width: 576px) {

  .landing-page.service-money .money-results-section {
      padding: 30px 0;
    }

    .landing-page.service-money .money-results-image-wrap
    {
      display: none;
    }

    .landing-page.service-money .money-results-grid{

      gap: 20px;
    }
}



/* =====================================
   FAQ Section
   ===================================== */

.landing-page.service-money .money-faq-section {
  padding: 90px 0;
  background-color: #ffffff;
}

/* FAQ title */
.landing-page.service-money .money-faq-title {
  font-size: 2.1rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
}

/* CTA panel */
.landing-page.service-money .money-faq-cta {
  background: rgba(247, 246, 242, 0.9);
  padding: 40px 36px;
  border-radius: 18px;
  height: 100%;
}

/* CTA text */
.landing-page.service-money .money-faq-cta-title {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 16px;
}

.landing-page.service-money .money-faq-cta-text {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #4a4a4a;
  margin-bottom: 28px;
}

/* CTA button */
.landing-page.service-money .money-faq-cta-button {
  display: inline-block;
  padding: 14px 34px;
  background: var(--mm-accent);
  color: #2a2a2a;
  font-weight: 500;
  border-radius: 40px;
  text-decoration: none;
  margin-bottom: 16px;
}

/* CTA note */
.landing-page.service-money .money-faq-cta-note {
  font-size: 0.8rem;
  color: #666;
}

.landing-page.service-money .accordion-button {
  background-color: transparent;
  color: var(--mm-text);
  box-shadow: none;
}

.landing-page.service-money .accordion-button:not(.collapsed) {
  background-color: rgba(196, 161, 74, 0.12) !important; /* subtle brand accent */
  color: var(--mm-text);
}

.landing-page.service-money .accordion-button::after {
  background-image: none;
  content: "+";
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--mm-accent);
  transform: none;
}

.landing-page.service-money .accordion-button:not(.collapsed)::after {
  content: "–";
  color: var(--mm-accent);
}


.landing-page.service-money .accordion-item {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  margin-bottom: 12px;
  overflow: hidden;
}

.landing-page.service-money .accordion-body {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #4a4a4a;
}


/* Responsive */
@media (max-width: 992px) {
  .landing-page.service-money .money-faq-cta {
    margin-top: 40px;
  }
}

@media (max-width: 576px) {

  .landing-page.service-money .money-faq-section{
    padding: 30px 0;
  }
}



/* =====================================
   Meet The Master Section
   ===================================== */

.landing-page.service-money .money-master-section {
  padding-bottom: 90px;
  background-color: #ffffff;
}

/* Image */
.landing-page.service-money .money-master-image-wrap {
  width: 100%;
  margin-bottom: 30px;
}

.landing-page.service-money .money-master-image {
  width: 100%;
  height: auto; /* IMPORTANT: no crop */
  display: block;
  border-radius: 30px;
}

/* Content */
.landing-page.service-money .money-master-content {
  text-align: center;
}

.landing-page.service-money .money-master-title {
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 10px;
}

.landing-page.service-money .money-master-name {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--mm-accent);
  margin-bottom: 22px;
}

/* Divider */
.landing-page.service-money .money-master-divider {
  width: 60px;
  height: 3px;
  background-color: var(--mm-accent);
  margin: 0 auto 20px;
  border-radius: 2px;
}

/* Text */
.landing-page.service-money .money-master-description {
  font-size: 1rem;
  line-height: 1.9;
  color: #3a3a3a;
  margin-bottom: 18px;
}

@media (max-width: 576px) {
  .landing-page.service-money .money-master-section {
    display: none;
  }


}





/* =========================
   BLACKMAGIC
   ========================= */
.landing-page.service-blackmagic {


  --blackmagic-primary: #3B478C;        /* Marian Blue (Hero + dark sections) */
  --blackmagic-soft-bg: #f7f5f2;        /* Beige (light / CTA sections) */


  --blackmagic-accent: #FDBE00;         /* Amber (dividers, highlights) */
  --blackmagic-accent-strong: #E18009;  /* Fulvous (CTA buttons, actions) */


  --blackmagic-text-light: #FFFFFF;     /* Text on dark bg */
  --blackmagic-text-muted: #D6D9F0;     /* Muted text on dark bg */

  --blackmagic-text-dark: #3B478C;      /* Text on light bg */
  --blackmagic-text-muted-dark: #4B4F6A;/* Muted text on light bg */

}
/* ======================================================
   BLACK MAGIC – CREATIVE HERO (FINAL)
====================================================== */

.landing-page.service-blackmagic .blackmagic-hero-section {
  position: relative;
  padding: 90px 0;
  background: var(--blackmagic-primary);
  overflow: hidden;
}

/* --- Aura Background (NO IMAGE DEPENDENCY) --- */
.landing-page.service-blackmagic .blackmagic-hero-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      circle at 50% 20%,
      rgba(253, 190, 0, 0.18),
      transparent 60%
    ),
    radial-gradient(
      circle at 20% 80%,
      rgba(253, 190, 0, 0.12),
      transparent 55%
    );
  z-index: 0;
}

/* --- Main Card --- */
.landing-page.service-blackmagic .blackmagic-hero-card {
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 26px;
  padding: 64px 68px;
  backdrop-filter: blur(6px);
  box-shadow:
    0 40px 90px rgba(0, 0, 0, 0.35),
    inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

/* --- Title --- */
.landing-page.service-blackmagic .blackmagic-hero-title {
  font-size: 42px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.4px;
  color: var(--blackmagic-text-light);
  margin-bottom: 20px;
}

/* --- Lead --- */
.landing-page.service-blackmagic .blackmagic-hero-lead {
  font-size: 20px;
  line-height: 1.6;
  color: var(--blackmagic-accent);
  max-width: 640px;
  margin-bottom: 32px;
}

/* --- Body --- */
.landing-page.service-blackmagic .blackmagic-hero-body p {
  font-size: 17.2px;
  line-height: 1.85;
  color: var(--blackmagic-text-muted);
  max-width: 700px;
}

/* --- Highlight Block --- */
.landing-page.service-blackmagic .blackmagic-hero-highlight {
  margin-top: 42px;
  padding-left: 28px;
  border-left: 3px solid rgba(253, 190, 0, 0.6);
}

.landing-page.service-blackmagic .blackmagic-hero-highlight h2 {
  font-size: 26px;
  font-weight: 500;
  color: var(--blackmagic-text-light);
  margin-bottom: 12px;
}

.landing-page.service-blackmagic .blackmagic-hero-highlight p {
  font-size: 16.8px;
  line-height: 1.8;
  color: var(--blackmagic-text-muted);
}

/* --- CTA --- */
.landing-page.service-blackmagic .blackmagic-hero-cta {
  margin-top: 48px;
}

.landing-page.service-blackmagic .blackmagic-hero-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 18px 44px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.4px;

  color: #1c1c1c;
  background: linear-gradient(
    135deg,
    var(--blackmagic-accent),
    var(--blackmagic-accent-strong)
  );

  border-radius: 999px;
  text-decoration: none;

  box-shadow:
    0 18px 50px rgba(0, 0, 0, 0.45),
    inset 0 0 0 1px rgba(255, 255, 255, 0.35);

  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.landing-page.service-blackmagic .blackmagic-hero-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow:
    0 26px 70px rgba(0, 0, 0, 0.55),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55);
}

/* --- Responsive --- */
@media (max-width: 991px) {
  .landing-page.service-blackmagic .blackmagic-hero-card {
    padding: 52px 38px;
  }

  .landing-page.service-blackmagic .blackmagic-hero-title {
    font-size: 38px;
  }
}

@media (max-width: 575px) {

  .landing-page.service-blackmagic .blackmagic-hero-section
  {
    padding: 30px 0;
  }

  .landing-page.service-blackmagic .blackmagic-hero-card
  {
    padding: 30px 15px;
  }

  .landing-page.service-blackmagic .blackmagic-hero-title {
    font-size: 1.7rem;
  }

  .landing-page.service-blackmagic .blackmagic-hero-lead {
    font-size: 1rem;
    margin-bottom: 10px;
  }

  .landing-page.service-blackmagic .blackmagic-hero-body p
  {
    font-size: 0.95rem;
  }

  .landing-page.service-blackmagic .blackmagic-hero-cta
  {
    margin-top: 0;
  }
}



/* =====================================================
   MANTRA SECTION – FIRST CALL (SPLIT LAYOUT)
   ===================================================== */

.landing-page.service-blackmagic .blackmagic-mantra-section {
  padding: 90px 0;
  background-color: #f7f5f2; /* soft light background */
}

/* CTA box */
.landing-page.service-blackmagic .blackmagic-mantra-cta-box {
  text-align: center;
  max-width: 760px;
  margin: 0 auto;
}

/* Title */
.landing-page.service-blackmagic .blackmagic-mantra-title {
  font-size: 36px;
  font-weight: 600;
  color: var(--blackmagic-text-muted-dark);
  margin-bottom: 24px;
}
.landing-page.service-blackmagic .blackmagic-mantra-title::after {
  content: "";
  display: block;

  width: 120px;
  height: 2px;

  margin: 18px auto 0;

  background: linear-gradient(
    to right,
    rgba(42,27,61,0),
    rgba(42,27,61,0.6),
    rgba(42,27,61,0)
  );
}
/* Content */
.landing-page.service-blackmagic .blackmagic-mantra-content p {
  font-size: 17.5px;
  line-height: 1.9;
  color: var(--blackmagic-text-muted-dark);
  margin-bottom: 42px;
}

/* CTA */
.landing-page.service-blackmagic .blackmagic-mantra-cta-btn {
  display: inline-block;
  padding: 14px 36px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;

  color: #ffffff;
  background-color: var(--blackmagic-accent-strong);

  border-radius: 30px;
  text-decoration: none;

  transition: all 0.3s ease;
}

.landing-page.service-blackmagic .blackmagic-mantra-cta-btn:hover {
  background-color: var(--blackmagic-accent);
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 575px) {

  .landing-page.service-blackmagic .blackmagic-mantra-section
  {
    padding: 30px 0;
  }

  .landing-page.service-blackmagic .blackmagic-mantra-title {
    font-size: 1.7rem;
  }

  .landing-page.service-blackmagic .blackmagic-mantra-content p {
    font-size: 0.95rem;
    margin-bottom: 0px;
  }

  .landing-page.service-blackmagic .blackmagic-mantra-cta
  {
    display: none;
  }
}


/* =====================================================
   EXPECTED BENEFITS SECTION – BLACKMAGIC
   ===================================================== */

.landing-page.service-blackmagic .blackmagic-benefits-section {
  padding: 90px 0;
  background-color: var(--blackmagic-primary);
}

/* -----------------------------
   SECTION TITLE (WITH DIVIDER)
   ----------------------------- */

.landing-page.service-blackmagic .blackmagic-benefits-title {
  position: relative;
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  color: var(--blackmagic-text-light);
  margin-bottom: 50px;
}

.landing-page.service-blackmagic .blackmagic-benefits-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 2px;
  margin: 18px auto 0;

  background: linear-gradient(
    to right,
    rgba(255,255,255,0),
    var(--blackmagic-accent),
    rgba(255,255,255,0)
  );
}

/* -----------------------------
   GRID SPACING
   ----------------------------- */

.landing-page.service-blackmagic .blackmagic-benefits-grid > div {
  margin-bottom: 30px;
}

/* -----------------------------
   BENEFIT CARD
   ----------------------------- */

/* -----------------------------
   BENEFIT CARD – ENHANCED
   ----------------------------- */

.landing-page.service-blackmagic .blackmagic-benefit-card {
  height: 100%;
  padding: 34px 28px;

  background-color: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.18);

  border-radius: 18px;

  text-align: center;

  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Icon */
.landing-page.service-blackmagic .blackmagic-benefit-icon {
  width: 44px;
  height: 44px;

  margin: 0 auto 16px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  background-color: rgba(253, 190, 0, 0.15);

  color: var(--blackmagic-accent);
  font-size: 22px;
}

/* Text */
.landing-page.service-blackmagic .blackmagic-benefit-text {
  font-size: 16.8px;
  line-height: 1.6;
  color: var(--blackmagic-text-light);
  font-weight: 500;
}

/* Hover — subtle authority */
.landing-page.service-blackmagic .blackmagic-benefit-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.25);
}

.landing-page.service-blackmagic .blackmagic-benefits-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 24px;
}

.landing-page.service-blackmagic .blackmagic-benefit-card:nth-child(-n+3) {
    grid-column: span 2;
}

.landing-page.service-blackmagic .blackmagic-benefit-card:nth-child(n+4) {
    grid-column: span 3;
}

/* -----------------------------
   RESPONSIVE
   ----------------------------- */

@media (max-width: 991px) {
  .landing-page.service-blackmagic .blackmagic-benefits-section {
    padding: 80px 0;
  }

  .landing-page.service-blackmagic .blackmagic-benefits-title {
    font-size: 32px;
    margin-bottom: 60px;
  }
}

@media (max-width: 575px) {

  .landing-page.service-blackmagic .blackmagic-benefits-section
  {
    padding: 30px 0;
  }

  .landing-page.service-blackmagic .blackmagic-benefits-title {
    font-size: 1.7rem;
    margin-bottom: 30px;
  }

  .landing-page.service-blackmagic .blackmagic-benefit-card {
    font-size: 0.75rem;
    padding: 15px;
  }

  
    .landing-page.service-blackmagic .blackmagic-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    /* Reset desktop spans */
    .landing-page.service-blackmagic .blackmagic-benefit-card:nth-child(-n+3),
    .landing-page.service-blackmagic .blackmagic-benefit-card:nth-child(n+4) {
        grid-column: span 1;
    }

    /* Last card full width (if odd number of cards) */
    .landing-page.service-blackmagic .blackmagic-benefit-card:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }
}


/* =====================================================
   FAITH / UNIVERSALITY SECTION – FIRST CALL
   ===================================================== */

.landing-page.service-blackmagic .blackmagic-faith-section {
  padding: 90px 0;
  /*background-color: var(--blackmagic-soft-bg);*/
  background-color: #fff;
}

/* Left visual */
.landing-page.service-blackmagic .blackmagic-faith-visual {
  position: relative;
  max-width: 420px;
  margin: 0 auto;
}

/* Image */
.landing-page.service-blackmagic .blackmagic-faith-image {
  width: 100%;
  height: auto;
  display: block;

  border-radius: 22px;

}

/* Content box */
.landing-page.service-blackmagic .blackmagic-faith-content-box {
  padding-left: 40px;
}

/* Title with pseudo-divider rule */
.landing-page.service-blackmagic .blackmagic-faith-title {
  position: relative;
  font-size: 34px;
  font-weight: 600;
  color: var(--blackmagic-text-dark);
  margin-bottom: 36px;
}

.landing-page.service-blackmagic .blackmagic-faith-title::after {
  content: "";
  display: block;
  width: 110px;
  height: 2px;
  margin-top: 14px;

  background: linear-gradient(
    to right,
    rgba(0,0,0,0),
    var(--blackmagic-accent),
    rgba(0,0,0,0)
  );
}

/* Content */
.landing-page.service-blackmagic .blackmagic-faith-content p {
  font-size: 17.5px;
  line-height: 1.9;
  color: var(--blackmagic-text-muted-dark);
  max-width: 620px;
  margin-bottom: 36px;
}

/* CTA */
.landing-page.service-blackmagic .blackmagic-faith-cta-btn {
  display: inline-block;
  padding: 14px 34px;

  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;

  color: #ffffff;
  background-color: var(--blackmagic-accent-strong);

  border-radius: 30px;
  text-decoration: none;

  transition: all 0.3s ease;
}

.landing-page.service-blackmagic .blackmagic-faith-cta-btn:hover {
  background-color: #c56f07;
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 991px) {
  .landing-page.service-blackmagic .blackmagic-faith-content-box {
    padding-left: 0;
    margin-top: 40px;
  }
}

@media (max-width: 991px) {

  .landing-page.service-blackmagic .blackmagic-faith-section
  {
    padding: 30px 0;
  }

  .landing-page.service-blackmagic .blackmagic-faith-title{

    font-size: 1.7rem;
    margin-bottom: 20px;
  }

  .landing-page.service-blackmagic .blackmagic-faith-content-box{

    margin-top: 0px;
  }

  .landing-page.service-blackmagic .blackmagic-faith-content p{

    font-size: 0.95rem;
    margin-bottom: 0;
  }

  .landing-page.service-blackmagic .blackmagic-faith-cta-btn{

    display: none;
  }

  .landing-page.service-blackmagic .blackmagic-faith-visual
  {
    display: none;
  }


}



/* =====================================================
   HEALTH PARAMETERS – TABS SECTION
   ===================================================== */

.landing-page.service-blackmagic .blackmagic-health-parameters-section {
  padding: 90px 0;
  background-color: var(--blackmagic-soft-bg);
}

/* Section title */
.landing-page.service-blackmagic .blackmagic-health-section-title {
  position: relative;
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  color: var(--blackmagic-text-dark);
  margin-bottom: 60px;
}

.landing-page.service-blackmagic .blackmagic-health-section-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 2px;
  margin: 16px auto 0;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0),
    var(--blackmagic-accent),
    rgba(0,0,0,0)
  );
}

/* Tabs */
.landing-page.service-blackmagic .blackmagic-health-tabs {
  display: flex;
  justify-content: center;
  gap: 20px;
  border-bottom: none;
  margin-bottom: 40px;
}

.landing-page.service-blackmagic .blackmagic-health-tabs .nav-link {
  border: none;
  background-color: rgba(59,71,140,0.08);
  color: var(--blackmagic-text-dark);
  padding: 14px 26px;
  border-radius: 30px;
  font-size: 15.5px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.3s ease;
}

.landing-page.service-blackmagic .blackmagic-health-tabs .nav-link i {
  color: var(--blackmagic-accent);
  font-size: 16px;
}

/* Active tab */
.landing-page.service-blackmagic .blackmagic-health-tabs .nav-link.active {
  background-color: var(--blackmagic-primary);
  color: #ffffff;
}

.landing-page.service-blackmagic .blackmagic-health-tabs .nav-link.active i {
  color: #ffffff;
}

/* Content panel */
.landing-page.service-blackmagic .blackmagic-health-tab-content {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 42px 44px;
  box-shadow: 0 18px 50px rgba(0,0,0,0.08);
}

/* =====================================================
   TAB CONTENT – PARAGRAPH REFINEMENT (IMPORTANT PART)
   ===================================================== */

.landing-page.service-blackmagic .blackmagic-health-content {
  max-width: 820px;
  margin: 0 auto;
}

/* All paragraphs */
.landing-page.service-blackmagic .blackmagic-health-content p {
  font-size: 16.8px;
  line-height: 1.95;
  color: var(--blackmagic-text-muted-dark);
  margin-bottom: 26px;
}

/* First paragraph = authority paragraph */


/* Sub-section headings inside paragraphs (Loss / Damage) */
.landing-page.service-blackmagic .blackmagic-health-content p strong {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  color: var(--blackmagic-text-dark);
}

/* Gentle visual separation for long reading */
.landing-page.service-blackmagic .blackmagic-health-content p:not(:last-child)::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 22px;
  background: linear-gradient(
    to right,
    rgba(59,71,140,0),
    rgba(59,71,140,0.12),
    rgba(59,71,140,0)
  );
}

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

@media (max-width: 576px) {

  .landing-page.service-blackmagic .blackmagic-health-parameters-section
  {
    padding: 30px 0;
  }

  .landing-page.service-blackmagic .blackmagic-health-section-title
  {
    font-size: 1.7rem;
    margin-bottom: 30px;
  }




  .landing-page.service-blackmagic .blackmagic-health-tabs {
    flex-direction: column;
    align-items: center;
  }

  .landing-page.service-blackmagic .blackmagic-health-tab-content {
    padding: 32px 26px;
  }

  .landing-page.service-blackmagic .blackmagic-health-content p
  {
    font-size: 0.95rem;

  }
}


/* =====================================================
   PROCESS SECTION – PREMIUM TIMELINE
   ===================================================== */

.landing-page.service-blackmagic .blackmagic-process-section {
  padding: 90px 0;
  background-color: var(--blackmagic-primary);
}

/* Section title */
.landing-page.service-blackmagic .blackmagic-process-title {
  position: relative;
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  color: var(--blackmagic-text-light);
  /*margin-bottom: 80px;*/
}

.landing-page.service-blackmagic .blackmagic-process-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 2px;
  margin: 16px auto 0;
  background: linear-gradient(
    to right,
    rgba(255,255,255,0),
    var(--blackmagic-accent),
    rgba(255,255,255,0)
  );
}

/* Timeline container */
.landing-page.service-blackmagic .blackmagic-process-timeline {
  display: flex;
  justify-content: space-between;
  position: relative;
  gap: 40px;
  padding-top: 40px;
}

/* Central timeline line */
.landing-page.service-blackmagic .blackmagic-process-timeline::before {
  content: "";
  position: absolute;
  top: 48px; /* aligns with markers */
  left: 8%;
  right: 8%;
  height: 1px;

  background: linear-gradient(
    to right,
    rgba(255,255,255,0),
    rgba(255,255,255,0.45),
    rgba(255,255,255,0)
  );
}

.landing-page.service-blackmagic .blackmagic-process-timeline::after {
  content: "";
  position: absolute;
  top: 49px;
  left: 8%;
  right: 8%;
  height: 1px;

  background: linear-gradient(
    to right,
    rgba(0,0,0,0),
    rgba(0,0,0,0.18),
    rgba(0,0,0,0)
  );
}
/* Step */
.landing-page.service-blackmagic .blackmagic-process-step {
  position: relative;
  flex: 1;
  text-align: center;
}

/* Marker */
.landing-page.service-blackmagic .blackmagic-process-marker {
  position: relative;
  z-index: 2;
  margin: 0 auto 28px;

  width: 14px;
  height: 14px;
  background-color: var(--blackmagic-accent);
  border-radius: 50%;

  box-shadow:
    0 0 0 6px rgba(253,190,0,0.18);
}

/* Card */
.landing-page.service-blackmagic .blackmagic-process-card {
  background-color: rgba(255,255,255,0.06);
  border-radius: 18px;
  padding: 30px 26px;
  height: 100%;
   margin-top: 10px;
}

/* Step title */
.landing-page.service-blackmagic .blackmagic-process-step-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--blackmagic-text-light);
  margin-bottom: 14px;
}

/* Text */
.landing-page.service-blackmagic .blackmagic-process-card p {
  font-size: 16.5px;
  line-height: 1.85;
  color: var(--blackmagic-text-muted);
  text-align: left;
}

/* =====================================================
   RESPONSIVE – STACKED TIMELINE
   ===================================================== */

@media (max-width: 991px) {
  .landing-page.service-blackmagic .blackmagic-process-timeline {
    flex-direction: column;
    gap: 60px;
  }

  .landing-page.service-blackmagic .blackmagic-process-timeline::before {
    display: none;
  }

  .landing-page.service-blackmagic .blackmagic-process-marker {
    margin-bottom: 16px;
  }
}

@media (max-width: 576px) {

  .landing-page.service-blackmagic .blackmagic-process-section
  {
    padding: 30px 0;
  }

  .landing-page.service-blackmagic .blackmagic-process-title
  {
    font-size: 1.7rem;
  }

  .landing-page.service-blackmagic .blackmagic-process-card p
  {
    font-size: 0.95rem;
   
  }

  .landing-page.service-blackmagic .blackmagic-process-card
  {
     padding: 15px 20px;
  }

  .landing-page.service-blackmagic .blackmagic-process-timeline
  {
    gap: 20px;
  }
}


/* =====================================================
   CONTACT CTA SECTION
   ===================================================== */

.landing-page.service-blackmagic .blackmagic-contact-cta-section {
  padding: 90px 0;
  background: linear-gradient(
    to bottom,
    var(--blackmagic-primary) 0%,
    rgba(59,71,140,0.75) 25%,
    rgba(59,71,140,0.35) 45%,
    var(--blackmagic-soft-bg) 70%,
    var(--blackmagic-soft-bg) 100%
  );
}

/*.landing-page.service-blackmagic .blackmagic-contact-cta-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse at center,
    rgba(253,190,0,0.08) 0%,
    rgba(253,190,0,0) 70%
  );
  pointer-events: none;
}*/

/* CTA Box */
.landing-page.service-blackmagic .blackmagic-contact-cta-box {
  text-align: center;
  padding: 70px 60px;
  border-radius: 28px;

  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0.95),
    rgba(255,255,255,0.88)
  );

  box-shadow:
    0 30px 80px rgba(0,0,0,0.08);
}

/* Title */
.landing-page.service-blackmagic .blackmagic-contact-cta-title {
  position: relative;
  font-size: 38px;
  font-weight: 600;
  color: var(--blackmagic-text-dark);
  margin-bottom: 28px;
}

.landing-page.service-blackmagic .blackmagic-contact-cta-title::after {
  content: "";
  display: block;
  width: 140px;
  height: 2px;
  margin: 16px auto 0;

  background: linear-gradient(
    to right,
    rgba(0,0,0,0),
    var(--blackmagic-accent),
    rgba(0,0,0,0)
  );
}

/* Text */
.landing-page.service-blackmagic .blackmagic-contact-cta-text {
  font-size: 18px;
  line-height: 1.9;
  color: var(--blackmagic-text-muted-dark);
  max-width: 720px;
  margin: 0 auto 40px;
}

/* CTA Button */
.landing-page.service-blackmagic .blackmagic-contact-cta-button {
  display: inline-block;
  padding: 16px 44px;
  border-radius: 50px;

  background-color: var(--blackmagic-accent-strong);
  color: #ffffff;

  font-size: 16.5px;
  font-weight: 500;
  text-decoration: none;

  transition: all 0.3s ease;
}

.landing-page.service-blackmagic .blackmagic-contact-cta-button:hover {
  background-color: var(--blackmagic-accent);
  transform: translateY(-2px);
}

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

@media (max-width: 576px) {

  .landing-page.service-blackmagic .blackmagic-contact-cta-section {

    display: none;

  }
  .landing-page.service-blackmagic .blackmagic-contact-cta-box {
    padding: 50px 28px;
  }

  .landing-page.service-blackmagic .blackmagic-contact-cta-title {
    font-size: 32px;
  }

  .landing-page.service-blackmagic .blackmagic-contact-cta-text {
    font-size: 16.5px;
  }
}

/* =====================================================
   BE WITH THE MASTER SECTION
   ===================================================== */

/* ================================
   Be With The Master – Editorial Section
================================ */

.landing-page.service-blackmagic .blackmagic-master-section {
  padding: 90px 0;
  background: #fff;
  position: relative;
}

/* Title */
.landing-page.service-blackmagic .blackmagic-master-title {
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  color: var(--blackmagic-primary);
  position: relative;
}

.landing-page.service-blackmagic .blackmagic-master-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 2px;
  margin: 18px auto 0;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0),
    var(--blackmagic-accent),
    rgba(0,0,0,0)
  );
}

/* Grid */
.landing-page.service-blackmagic .blackmagic-master-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
}

/* Item */
.landing-page.service-blackmagic .blackmagic-master-item {
  display: flex;
  gap: 26px;
  padding: 44px 42px;
  position: relative;
}

/* Icon */
.landing-page.service-blackmagic .blackmagic-master-icon {
  flex-shrink: 0;
  font-size: 22px;
  color: var(--blackmagic-accent);
  margin-top: 6px;
}

/* Text */
.landing-page.service-blackmagic .blackmagic-master-text p {
  font-size: 17px;
  line-height: 1.9;
  color: var(--blackmagic-text-dark);
  margin: 0;
}

/* ================================
   Editorial Dividers
================================ */

/* Horizontal divider (top of bottom row) */
.landing-page.service-blackmagic
.blackmagic-master-item:nth-child(3)::before,
.landing-page.service-blackmagic
.blackmagic-master-item:nth-child(4)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 42px;
  right: 42px;
  height: 1px;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0),
    var(--blackmagic-accent),
    rgba(0,0,0,0)
  );
}

/* Vertical divider (right column only) */
.landing-page.service-blackmagic
.blackmagic-master-item:nth-child(2)::after,
.landing-page.service-blackmagic
.blackmagic-master-item:nth-child(4)::after {
  content: "";
  position: absolute;
  top: 42px;
  bottom: 42px;
  left: 0;
  width: 1px;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0),
    var(--blackmagic-accent),
    rgba(0,0,0,0)
  );
}

/* ================================
   Responsive
================================ */

@media (max-width: 992px) {
  .landing-page.service-blackmagic .blackmagic-master-grid {
    grid-template-columns: 1fr;
  }

  .landing-page.service-blackmagic .blackmagic-master-item {
    padding: 34px 0;
  }

  .landing-page.service-blackmagic
  .blackmagic-master-item::before,
  .landing-page.service-blackmagic
  .blackmagic-master-item::after {
    display: none;
  }
}

@media (max-width: 576px) {

.landing-page.service-blackmagic .blackmagic-master-section {
  padding: 30px 0;
}

.landing-page.service-blackmagic .blackmagic-master-title
{
  font-size: 1.7rem;
}

.landing-page.service-blackmagic .blackmagic-master-item
{
  padding: 10px;
  gap:15px;
}

.landing-page.service-blackmagic .blackmagic-master-text p
{
  font-size: 0.95rem;
}



}
/* ======================================
   Blackmagic – Pricing Section
====================================== */

.landing-page.service-blackmagic .blackmagic-pricing-section {
  padding: 90px 0;
  background: linear-gradient(
    180deg,
    #2f3a78 0%,
    #3b478c 100%
  );
  color: #ffffff;
}

/* =====================
   Mārgah Intro
===================== */

.landing-page.service-blackmagic .blackmagic-margah-box {
  max-width: 1000px;
  margin: 0 auto 90px;
  text-align: center;
}

.landing-page.service-blackmagic .blackmagic-margah-title {
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 18px;
  position: relative;
}

.landing-page.service-blackmagic .blackmagic-margah-title::after {
  content: "";
  display: block;
  width: 140px;
  height: 2px;
  margin: 18px auto 0;
  background: linear-gradient(
    to right,
    rgba(255,255,255,0),
    var(--blackmagic-accent),
    rgba(255,255,255,0)
  );
}

.landing-page.service-blackmagic .blackmagic-margah-sanskrit {
  font-size: 16px;
  font-style: italic;
  color: var(--blackmagic-text-muted);
  margin: 26px 0;
}

.landing-page.service-blackmagic .blackmagic-margah-description {
  font-size: 17.5px;
  line-height: 1.85;
  color: #e2e6ff;
}

/* =====================
   Options Grid
===================== */

/*.landing-page.service-blackmagic .blackmagic-options {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
}*/

.landing-page.service-blackmagic .blackmagic-options {
    display: flex;
    flex-wrap: wrap;
}

/* =====================
   Option Card
===================== */

.landing-page.service-blackmagic .blackmagic-option-box {
  background: rgba(255,255,255,0.06);
  border-radius: 22px;
  padding: 42px 36px;
  position: relative;

  display: flex;
  flex-direction: column;

  transition: all 0.35s ease;
}

/* Subtle hover */
.landing-page.service-blackmagic .blackmagic-option-box:hover {
  transform: translateY(-6px);
  background: rgba(255,255,255,0.09);
}

/* =====================
   Highlight Option II
===================== */

.landing-page.service-blackmagic
.blackmagic-option-box:nth-child(2) {
  background: #ffffff;
  color: var(--blackmagic-text-dark);
  transform: scale(1.05);
  box-shadow: 0 30px 80px rgba(0,0,0,0.35);
}

/* Accent ribbon */
.landing-page.service-blackmagic
.blackmagic-option-box:nth-child(2)::before {
  content: "Recommended";
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--blackmagic-accent);
  color: #000;
  padding: 6px 18px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
}

/* =====================
   Typography
===================== */

.landing-page.service-blackmagic .blackmagic-option-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 22px;
}

.landing-page.service-blackmagic .blackmagic-option-price {
  font-size: 34px;
  font-weight: 700;
  color: var(--blackmagic-accent);
  margin-bottom: 14px;
}

.landing-page.service-blackmagic .blackmagic-option-subtitle {
  font-size: 15.5px;
  line-height: 1.6;
  margin-bottom: 26px;
  opacity: 0.9;
}

.landing-page.service-blackmagic .blackmagic-option-list {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
}

.landing-page.service-blackmagic .blackmagic-option-list li {
  font-size: 15.5px;
  line-height: 1.7;
  margin-bottom: 12px;
  padding-left: 22px;
  position: relative;
}

.landing-page.service-blackmagic .blackmagic-option-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--blackmagic-accent);
  font-size: 22px;
  line-height: 1;
}

/* =====================
   Ideal + Notes
===================== */

.landing-page.service-blackmagic .blackmagic-option-ideal {
  font-size: 14.5px;
  font-style: italic;
  margin-bottom: 26px;
  opacity: 0.85;
}

.landing-page.service-blackmagic .blackmagic-option-note {
  font-size: 14.5px;
  opacity: 0.8;
  margin-top: auto;
}

/* =====================
   CTA Buttons
===================== */

.landing-page.service-blackmagic .blackmagic-option-cta {
  margin: 26px 0;
}

.landing-page.service-blackmagic .blackmagic-option-cta a,
.landing-page.service-blackmagic .blackmagic-option-cta {
  display: inline-block;
  padding: 14px 34px;
  border-radius: 32px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;

  background: var(--blackmagic-accent);
  color: #000;
  transition: all 0.3s ease;
}

.landing-page.service-blackmagic
.blackmagic-option-box:nth-child(2)
.blackmagic-option-cta {
  background: var(--blackmagic-accent-strong);
  color: #fff;
}

.landing-page.service-blackmagic .blackmagic-option-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.3);
}

/* ======================================================
   PRICING SECTION – VISUAL AUTHORITY & READABILITY FIX
====================================================== */

/* Background depth (very subtle radial lift) */
.landing-page.service-blackmagic .blackmagic-pricing-section {
  background:
    radial-gradient(
      ellipse at top center,
      rgba(72, 86, 150, 0.35) 0%,
      rgba(59, 71, 140, 0.85) 35%,
      rgba(47, 58, 120, 1) 70%
    );
}
/* =====================
   Section Heading Fix
===================== */

.landing-page.service-blackmagic .blackmagic-margah-title {
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.4px;
}

.landing-page.service-blackmagic .blackmagic-margah-title::after {
  background: linear-gradient(
    to right,
    rgba(255,255,255,0),
    var(--blackmagic-accent),
    rgba(255,255,255,0)
  );
}

/* Sanskrit line – clarity without shouting */
.landing-page.service-blackmagic .blackmagic-margah-sanskrit {
  color: rgba(255,255,255,0.85);
}

/* Description paragraph – readable but elegant */
.landing-page.service-blackmagic .blackmagic-margah-description {
  color: rgba(255,255,255,0.9);
  max-width: 920px;
}

/* =====================
   Muted Text Fix (Cards)
===================== */

.landing-page.service-blackmagic .blackmagic-option-subtitle,
.landing-page.service-blackmagic .blackmagic-option-ideal,
.landing-page.service-blackmagic .blackmagic-option-note {
  color: rgba(255,255,255,0.85);
}

/* Highlighted (Option II) text reset for light card */
.landing-page.service-blackmagic
.blackmagic-option-box:nth-child(2)
.blackmagic-option-subtitle,
.landing-page.service-blackmagic
.blackmagic-option-box:nth-child(2)
.blackmagic-option-ideal,
.landing-page.service-blackmagic
.blackmagic-option-box:nth-child(2)
.blackmagic-option-note {
  color: var(--blackmagic-text-muted-dark);
}

/* =====================
   Card Background Lift
===================== */

.landing-page.service-blackmagic .blackmagic-option-box {
  backdrop-filter: blur(6px);
}

/* Optional: subtle halo behind highlighted card */
.landing-page.service-blackmagic
.blackmagic-option-box:nth-child(2) {
  box-shadow:
    0 30px 80px rgba(0,0,0,0.35),
    0 0 0 1px rgba(255,255,255,0.06);
}

/* =====================
   OPTION BADGES – SYSTEM
===================== */

.landing-page.service-blackmagic .blackmagic-option-badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);

  padding: 6px 18px;
  border-radius: 20px;

  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.3px;
  white-space: nowrap;
}

/* Option I & III – neutral badge */
.landing-page.service-blackmagic .blackmagic-option-box:not(:nth-child(2)) 
.blackmagic-option-badge {
  background: rgba(255,255,255,0.18);
  color: #ffffff;
}

/* Option II – recommended */
.landing-page.service-blackmagic
.blackmagic-option-box:nth-child(2)
.blackmagic-option-badge {
  background: var(--blackmagic-accent);
  color: #1c1c1c;
}

/* =====================
   REMOVE HARSH BLACK
===================== */

/* Dark cards text softening */
.landing-page.service-blackmagic .blackmagic-option-box {
  color: rgba(255,255,255,0.92);
}

/* Keep headings readable */
.landing-page.service-blackmagic .blackmagic-option-title {
  color: #ffffff;
}

/* Highlighted card text */
.landing-page.service-blackmagic
.blackmagic-option-box:nth-child(2) {
  color: var(--blackmagic-text-dark);
}

.landing-page.service-blackmagic
.blackmagic-option-box:nth-child(2)
.blackmagic-option-title {
  color: var(--blackmagic-text-dark);
}



/* =====================
   Responsive
===================== */

@media (max-width: 992px) {
  .landing-page.service-blackmagic .blackmagic-options {
    grid-template-columns: 1fr;
  }

  .landing-page.service-blackmagic
  .blackmagic-option-box:nth-child(2) {
    transform: none;
  }
}

@media (max-width: 576px) {

.landing-page.service-blackmagic .blackmagic-pricing-section{

  padding: 30px 0;
   background: #2f3a78;

}


.landing-page.service-blackmagic .blackmagic-margah-title
{
  font-size: 1.7rem;
  margin-bottom: 0;
}

.landing-page.service-blackmagic .blackmagic-margah-box
{
 
  margin: 0 auto 10px;
}

.landing-page.service-blackmagic .blackmagic-option-box
{
   padding: 20px 15px;
}

.landing-page.service-blackmagic .blackmagic-option-cta a, .landing-page.service-blackmagic .blackmagic-option-cta
{
  padding: 10px 14px;
  margin-top: 0;
}

}


/* =====================================
   RESULTS + BABY STEPS SECTION
===================================== */

.landing-page.service-blackmagic .blackmagic-results-section {
  padding: 90px 0;
  background-color: var(--blackmagic-soft-bg);
}

/* Card */
.landing-page.service-blackmagic .blackmagic-result-card {
  height: 100%;
  padding: 46px 40px;

  background: #ffffff;
  border-radius: 22px;

  box-shadow: 0 22px 60px rgba(0,0,0,0.08);

  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}

/* Subtle accent glow (editorial, not loud) */
.landing-page.service-blackmagic .blackmagic-result-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse at top center,
    rgba(253,190,0,0.12),
    rgba(255,255,255,0) 70%
  );
  opacity: 0;
  transition: opacity 0.35s ease;
}

/* Hover */
.landing-page.service-blackmagic .blackmagic-result-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 30px 80px rgba(0,0,0,0.12);
}

.landing-page.service-blackmagic .blackmagic-result-card:hover::before {
  opacity: 1;
}

/* Title */
.landing-page.service-blackmagic .blackmagic-result-card-title {
  font-size: 22px;
  font-weight: 600;
  color: var(--blackmagic-text-dark);
  margin-bottom: 20px;
  position: relative;
}

/* Editorial underline */
.landing-page.service-blackmagic .blackmagic-result-card-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 2px;
  margin-top: 14px;

  background: linear-gradient(
    to right,
    var(--blackmagic-accent),
    rgba(0,0,0,0)
  );
}

/* Text */
.landing-page.service-blackmagic .blackmagic-result-card-text {
  font-size: 17px;
  line-height: 1.9;
  color: var(--blackmagic-text-muted-dark);
}

@media (max-width: 576px) {

  .landing-page.service-blackmagic .blackmagic-results-section
  {
    padding: 30px 0;
  }

  .landing-page.service-blackmagic .blackmagic-result-card
  {
      padding: 20px 25px;
  }

  .landing-page.service-blackmagic .blackmagic-result-card-text
  {
    font-size: 0.95rem;
  }
}

/* =========================================================
   BLACKMAGIC FAQ SECTION – FULL RESET + CUSTOM DESIGN
   ========================================================= */

.landing-page.service-blackmagic.blackmagic-faq-section {
  background: #ffffff;
  padding: 90px 0;
}

/* -----------------------------
   TYPOGRAPHY RESET
-------------------------------- */
.landing-page.service-blackmagic .blackmagic-faq-title {
  font-size: 34px;
  font-weight: 600;
  color: var(--blackmagic-text-dark);
  /*margin-bottom: 40px;*/
  letter-spacing: -0.4px;
  text-align: center;
}

/* -----------------------------
   ACCORDION RESET (BOOTSTRAP OVERRIDE)
-------------------------------- */
.landing-page.service-blackmagic .accordion,
.landing-page.service-blackmagic .accordion-item,
.landing-page.service-blackmagic .accordion-header,
.landing-page.service-blackmagic .accordion-button {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.landing-page.service-blackmagic .accordion-item {
  border-bottom: 1px solid rgba(59, 71, 140, 0.15) !important;
  padding: 14px 0;
}

/* -----------------------------
   QUESTION BUTTON
-------------------------------- */
.landing-page.service-blackmagic .accordion-button {
  padding: 18px 48px 0px 0;
  font-size: 17px;
  font-weight: 500;
  color: var(--blackmagic-text-dark);
  line-height: 1.5;
  background: transparent !important;
}

/* Remove Bootstrap caret */
.landing-page.service-blackmagic .accordion-button::after {
  display: none !important;
}

/* -----------------------------
   CUSTOM PLUS / MINUS ICON
-------------------------------- */
.landing-page.service-blackmagic .accordion-button::before {
  content: "+";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 26px;
  font-weight: 300;
  color: var(--blackmagic-primary);
  transition: transform 0.25s ease, color 0.25s ease;
}

.landing-page.service-blackmagic .accordion-button:not(.collapsed)::before {
  content: "–";
  color: var(--blackmagic-accent-strong);
}

/* -----------------------------
   ANSWER BODY
-------------------------------- */
.landing-page.service-blackmagic .accordion-body {
  padding: 8px 0 18px 0;
  font-size: 15.5px;
  line-height: 1.75;
  color: var(--blackmagic-text-muted-dark);
  max-width: 90%;
}

/* -----------------------------
   CTA BOX
-------------------------------- */
/* ==========================================
   BLACKMAGIC FAQ – CTA REFINED
   ========================================== */

.landing-page.service-blackmagic .blackmagic-faq-cta-box {
  position: relative;
  background:var(--blackmagic-soft-bg);
  padding: 56px 46px;
  border-radius: 8px;

  /* Softer structure instead of a hard box */

  box-shadow: 
    0 12px 30px rgba(59, 71, 140, 0.06);

  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Subtle left accent line (editorial cue, not ad) */
.landing-page.service-blackmagic .blackmagic-faq-cta-box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 24px;
  bottom: 24px;
  width: 3px;
  background: var(--blackmagic-accent-strong);
  border-radius: 3px;
  opacity: 0.85;
}

/* ------------------------------------------
   TITLE
------------------------------------------- */
.landing-page.service-blackmagic .blackmagic-faq-cta-title {
  font-size: 28px;
  font-weight: 600;
  color: var(--blackmagic-text-dark);
  margin-bottom: 14px;
  letter-spacing: -0.3px;
}

/* ------------------------------------------
   TEXT
------------------------------------------- */
.landing-page.service-blackmagic .blackmagic-faq-cta-text {
  font-size: 16px;
  line-height: 1.75;
  color: var(--blackmagic-text-muted-dark);
  margin-bottom: 34px;
  max-width: 92%;
}

/* ------------------------------------------
   CTA BUTTON – CALM BUT CONFIDENT
------------------------------------------- */
.landing-page.service-blackmagic .blackmagic-faq-cta-btn {
  align-self: flex-start;

  padding: 14px 34px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.2px;

  color: #ffffff;
  background: linear-gradient(
    135deg,
    var(--blackmagic-accent-strong),
    var(--blackmagic-primary)
  );

  border-radius: 6px;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(59, 71, 140, 0.25);

  transition: 
    transform 0.25s ease,
    box-shadow 0.25s ease,
    opacity 0.25s ease;
}

.landing-page.service-blackmagic .blackmagic-faq-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(59, 71, 140, 0.35);
  opacity: 0.95;
}

/* ------------------------------------------
   RESPONSIVE TUNING
------------------------------------------- */


/* -----------------------------
   RESPONSIVE TWEAKS
-------------------------------- */
@media (max-width: 991px) {
  .landing-page.service-blackmagic.blackmagic-faq-section {
    padding: 70px 0;
  }

  .landing-page.service-blackmagic .blackmagic-faq-cta-box {
    margin-top: 40px;
    padding: 36px 28px;
  }

  .landing-page.service-blackmagic .accordion-body {
    max-width: 100%;
  }

   .landing-page.service-blackmagic .blackmagic-faq-cta-box {
    padding: 44px 32px;
  }

  .landing-page.service-blackmagic .blackmagic-faq-cta-title {
    font-size: 24px;
  }
}

@media (max-width: 991px) {

  .landing-page.service-blackmagic.blackmagic-faq-section
  {
    padding: 30px 0;
  }

  .landing-page.service-blackmagic .blackmagic-faq-title
  {
    font-size: 1.7rem;
    text-align: center;
    margin-bottom: 10px;
  }

  .landing-page.service-blackmagic .accordion-button
  {
    padding: 10px 35px 0px 0;
  }

}


/* =========================================================
   BLACKMAGIC – MASTER PROFILE SECTION (FINAL CLEAN)
   ========================================================= */

.landing-page.service-blackmagic.blackmagic-master-profile-section {
  position: relative;
  background: var(--blackmagic-soft-bg);
  padding: 90px 0;
}

/* Subtle top separator for rhythm */
.landing-page.service-blackmagic.blackmagic-master-profile-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(59, 71, 140, 0.08);
}

/* ---------------------------------------
   FULL-WIDTH IMAGE / VISUAL
---------------------------------------- */
.landing-page.service-blackmagic .blackmagic-master-profile-visual {
  position: relative;
  width: 100%;
  height: 520px;
  margin-bottom: 70px;
  overflow: hidden;
  border-radius: 6px;
  background: #e6e2dc; /* fallback */
}

.landing-page.service-blackmagic
.blackmagic-master-profile-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Very subtle depth overlay */
.landing-page.service-blackmagic
.blackmagic-master-profile-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.10),
    rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.15)
  );
  pointer-events: none;
}

/* ---------------------------------------
   CONTENT CONTAINER
---------------------------------------- */
.landing-page.service-blackmagic .blackmagic-master-profile-box {

   text-align: center;
}

/* ---------------------------------------
   TITLE
---------------------------------------- */
.landing-page.service-blackmagic .blackmagic-master-profile-title {
  position: relative;
  font-size: 38px;
  font-weight: 600;
  color: var(--blackmagic-text-dark);
  margin-bottom: 34px;
  padding-bottom: 18px;
  letter-spacing: -0.4px;
}

/* Editorial underline */
.landing-page.service-blackmagic
.blackmagic-master-profile-title::after {
  content: "";
  position: absolute;
   left: 50%;
  bottom: 0;
  width: 64px;
  height: 3px;
  background: var(--blackmagic-primary);
  opacity: 0.85;
}

/* ---------------------------------------
   CONTENT TYPOGRAPHY (UNIFORM)
---------------------------------------- */
.landing-page.service-blackmagic
.blackmagic-master-profile-content {
  /*margin-top: 36px;*/
}

.landing-page.service-blackmagic
.blackmagic-master-profile-content p {
  font-size: 17px;
  line-height: 1.9;
  color: var(--blackmagic-text-muted-dark);
  margin-bottom: 26px;
  letter-spacing: 0.1px;
}

/* Paragraph rhythm separators (structural only) */
.landing-page.service-blackmagic
.blackmagic-master-profile-content p + p {
  position: relative;
  padding-top: 22px;
}

.landing-page.service-blackmagic
.blackmagic-master-profile-content p + p::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 1px;
  background: rgba(59, 71, 140, 0.12);
}

/* Last paragraph spacing fix */
.landing-page.service-blackmagic
.blackmagic-master-profile-content p:last-child {
  margin-bottom: 0;
}

/* ---------------------------------------
   RESPONSIVE TUNING
---------------------------------------- */
@media (max-width: 991px) {
  .landing-page.service-blackmagic.blackmagic-master-profile-section {
    padding: 90px 0;
  }

  .landing-page.service-blackmagic
  .blackmagic-master-profile-visual {
    height: 300px;
    margin-bottom: 50px;
  }

  .landing-page.service-blackmagic
  .blackmagic-master-profile-title {
    font-size: 30px;
  }

  .landing-page.service-blackmagic
  .blackmagic-master-profile-title::after {
    width: 48px;
  }

  .landing-page.service-blackmagic
  .blackmagic-master-profile-content p {
    font-size: 16px;
    line-height: 1.8;
  }
}

@media (max-width: 576px) {
.landing-page.service-blackmagic.blackmagic-master-profile-section
  {
    padding: 30px 0;
  }
}


.landing-page.service-third-eye {

  /* ---------- Primary Backgrounds ---------- */
  --third-eye-primary: #3B3A5A;          /* Deep Indigo (hero / strong sections) */
  --third-eye-soft-bg: #FAFAFA;          /* Soft off-white (main light sections) */

  /* ---------- Accent Colors ---------- */
  --third-eye-accent: #4A4E69;           /* Muted indigo (dividers, highlights) */
  --third-eye-accent-strong: #2F7F7A;    /* Calm teal (CTA buttons, actions) */

  /* ---------- Text on Dark Background ---------- */
  --third-eye-text-light: #FFFFFF;       /* Text on dark / indigo bg */
  --third-eye-text-muted: #DADCE6;       /* Muted text on dark bg */

  /* ---------- Text on Light Background ---------- */
  --third-eye-text-dark: #1E1E1E;         /* Primary text on light bg */
  --third-eye-text-muted-dark: #555555;  /* Muted text on light bg */

}


/* =========================================
   THIRD EYE – HERO (CONTENT PRESERVED)
   ========================================= */

.landing-page.service-third-eye .third-eye-hero-section {
  position: relative;
  min-height: 80vh;
  display: flex;
  align-items: center;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Balanced overlay – lighter but controlled */
.landing-page.service-third-eye .third-eye-hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient( 90deg, rgba(10, 16, 36, 0) 0%, rgba(10, 16, 36, 0) 40%, rgba(10, 16, 36, 0.35) 65%, rgba(10, 16, 36, 0.10) 100% );
  z-index: 1;
}


/* Hero content wrapper */
.landing-page.service-third-eye .third-eye-hero-box {
  position: relative;
  z-index: 2;
  max-width: 680px;
  padding: 2.5rem 2.5rem 2.75rem;

  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  border-radius: 6px;

  transition:
    background 0.45s ease,
    backdrop-filter 0.45s ease,
    box-shadow 0.45s ease,
    transform 0.45s ease;
}

.landing-page.service-third-eye .third-eye-hero-box:hover {
   background: rgba(47, 127, 122, 0.55); /* base color, glassified */
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);

/*  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.45);*/

  transform: translateY(-2px);
}

/* Eyebrow */
.landing-page.service-third-eye .third-eye-hero-eyebrow {
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.45rem 1rem;

  font-size: 0.7rem;
  letter-spacing: 0.18em;
  font-weight: bold;
  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.9);

  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;

  backdrop-filter: blur(6px);
}



/* Title */
.landing-page.service-third-eye .third-eye-hero-title {
  font-weight: 600;
  line-height: 1.15;
  margin-bottom: 0.6rem;
  color: #ffffff;
}

/* Subtitle */
.landing-page.service-third-eye .third-eye-hero-subtitle {
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: rgba(255,255,255,0.92);
}

/* Description – readability fix */
.landing-page.service-third-eye .third-eye-hero-description {
  margin-bottom: 2rem;
  font-size: 0.95rem;
  line-height: 1.7;
  color: rgba(255,255,255,0.85);
}

/* CTA */
.landing-page.service-third-eye .third-eye-hero-btn {
  display: inline-block;
  padding: 0.85rem 2.2rem;
  background: var(--third-eye-accent-strong);
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  border-radius: 4px;

  transition:
    background-color 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

/* Hover state */
.landing-page.service-third-eye .third-eye-hero-btn:hover {
  background: #256A66; /* slightly deeper than accent */
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.25);
}

/* Focus (accessibility) */
.landing-page.service-third-eye .third-eye-hero-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(47, 127, 122, 0.35);
}

@media (max-width: 576px) {
  .landing-page.service-third-eye .third-eye-hero-section {
    background-attachment: scroll;
    min-height: 65vh;
  }

  .landing-page.service-third-eye .third-eye-hero-eyebrow
  {
    display: none;
  }

  .landing-page.service-third-eye .third-eye-hero-title
  {
    font-size: 1.7rem;
  }

  .landing-page.service-third-eye .third-eye-hero-subtitle
  {
    font-size: 1.1rem;
  }

  .landing-page.service-third-eye .third-eye-hero-box {
    padding: 2rem 1.5rem;
  }


}

@media (hover: none) {
  .landing-page.service-third-eye .third-eye-hero-box {
    background: rgba(47, 127, 122, 0.5);
    backdrop-filter: blur(4px);
  }
}


/* ===============================
   THIRD EYE – DISCIPLINE (PREMIUM)
   =============================== */

.third-eye-discipline-section {
  width: 100%;
  background-color: var(--third-eye-soft-bg);
  padding: 90px 0;
}

/* Centered editorial container */
.third-eye-discipline-box {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 40px;
  text-align: center;
}

/* Title – strong, calm, confident */
.third-eye-discipline-title {
  font-size: 42px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: var(--third-eye-primary);
  margin-bottom: 30px;
}

/* Subtle divider – luxury restraint */
.third-eye-discipline-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 2px;
  background-color: var(--third-eye-accent-strong);
  margin: 22px auto 0;
  opacity: 0.9;
}

/* Description – editorial readability */
.third-eye-discipline-description {
  max-width: 100%;
  margin: 30px auto 0;
  font-size: 18px;
  line-height: 1.95;
  color: var(--third-eye-text-muted-dark);
  font-weight: 400;
}

/* CTA wrapper */
.third-eye-discipline-cta {
  margin-top: 70px;
}

/* CTA – premium pill, no drama */
.third-eye-discipline-btn {
  display: inline-block;
  padding: 16px 46px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.6px;
  color: var(--third-eye-text-light);
  background-color: var(--third-eye-accent-strong);
  border-radius: 50px;
  text-decoration: none;
  transition: background-color 0.35s ease,
              box-shadow 0.35s ease,
              filter 0.35s ease;
}

/* Hover – restrained authority */
.third-eye-discipline-btn:hover {
  background-color: var(--third-eye-accent-strong);
  filter: brightness(1.08);
  box-shadow: 0 8px 26px rgba(47, 127, 122, 0.22);
}

/* ===============================
   RESPONSIVE – STILL PREMIUM
   =============================== */

@media (max-width: 991px) {
  .third-eye-discipline-title {
    font-size: 36px;
  }

  .third-eye-discipline-description {
    font-size: 17px;
  }
}

@media (max-width: 575px) {
  .third-eye-discipline-section {
    padding: 30px 0;
  }

  .third-eye-discipline-box
  {
      padding: 0 10px;
  }

  .third-eye-discipline-title {
    font-size: 1.7rem;
    margin-bottom: 10px;
  }

  .third-eye-discipline-description {
    font-size: 0.95rem;
    margin: 20px auto 0;
  }

  .third-eye-discipline-cta {
    margin-top: 50px;
  }
}


/* ===============================
   THIRD EYE – BENEFITS SECTION
   =============================== */

.third-eye-benefits-section {
   background-color: #F3F4F8;
  padding: 90px 0;
}
.third-eye-benefits-section::before,
.third-eye-benefits-section::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    rgba(59, 58, 90, 0.18),
    transparent
  );
}

.third-eye-benefits-section::before {
  top: 0;
}

.third-eye-benefits-section::after {
  bottom: 0;
}

/* Image column */
.third-eye-benefits-image {
  text-align: center;
}

.third-eye-benefits-image img {
  max-width: 90%;
  height: auto;
  border-radius: 12px;
}

/* Content box */
.third-eye-benefits-box {
  padding-left: 40px;
}

/* Title */
.third-eye-benefits-title {
  font-size: 38px;
  font-weight: 600;
  color: var(--third-eye-primary);
  margin-bottom: 60px;
  position: relative;
}

/* Premium divider */
.third-eye-benefits-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 3px;
  background-color: var(--third-eye-accent-strong);
  margin-top: 18px;
  border-radius: 2px;
}

/* Grid layout */
.third-eye-benefits-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px 24px;
}

/* Individual benefit item */
.third-eye-benefit-item {
  position: relative;
  padding: 26px 28px 26px 32px;
  font-size: 16px;
  line-height: 1.65;
  color: var(--third-eye-text-dark);

  /* Premium surface */
  background-color: #F8F9FC;
  border-radius: 16px;

  /* Depth without card look */
  box-shadow:
    inset 0 0 0 1px rgba(59, 58, 90, 0.06),
    0 12px 28px rgba(59, 58, 90, 0.06);

  transition: all 0.35s ease;
}

.third-eye-benefit-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  bottom: 20px;
  width: 3px;
  background-color: var(--third-eye-accent-strong);
  border-radius: 2px;
  opacity: 0.85;
}

/* Hover – restrained */
.third-eye-benefit-item:hover {
  border-color: var(--third-eye-accent-strong);
  transform: translateY(-2px);
    box-shadow:
    inset 0 0 0 1px rgba(59, 58, 90, 0.08),
    0 18px 40px rgba(59, 58, 90, 0.10);
}


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

@media (max-width: 991px) {
  .third-eye-benefits-box {
    padding-left: 0;
    margin-top: 60px;
  }

  .third-eye-benefits-title {
    text-align: center;
  }
}

@media (max-width: 575px) {
  .third-eye-benefits-section
  {
    padding: 30px 0;
  }

  .third-eye-benefits-image
  {
    display: none;
  }

  .third-eye-benefits-box
  {
    margin-top: 0;
  }

  .third-eye-benefits-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  .third-eye-benefits-title {
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
  }


    .third-eye-benefits-title::after {
        margin: 18px auto 0;
    }
}
/* =========================================
   THIRD EYE – FAITH / REASSURANCE SECTION
   ========================================= */

.third-eye-faith-section {
  position: relative;
  width: 100%;
  padding: 90px 0;
  /*background-color: var(--third-eye-accent-strong);*/
   background-color: rgba(47, 127, 122, 0.92);
  overflow: hidden;
}

/* Mountain-style SVG background */
.third-eye-faith-section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -40px;
  height: 300px;

  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 320' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000000' fill-opacity='0.10' d='M0,320L160,128L320,256L480,160L640,256L800,96L960,256L1120,128L1280,224L1440,320Z'%3E%3C/path%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  pointer-events: none;

  /* dissolve effect */
  mask-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0.7) 40%,
    rgba(0, 0, 0, 0) 75%
  );
  -webkit-mask-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0.7) 40%,
    rgba(0, 0, 0, 0) 75%
  );
}

/* Content stays above SVG */
.third-eye-faith-box {
  position: relative;
  z-index: 2;
  text-align: center;
  margin: 0 auto;
}

/* Title */
.third-eye-faith-title {
  font-size: 40px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 28px;
}

/* Divider */
.third-eye-faith-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.85);
  margin: 18px auto 0;
  border-radius: 2px;
}

/* Description */
.third-eye-faith-description {
  font-size: 18px;
  line-height: 1.85;
  color: rgba(255, 255, 255, 0.88);
  max-width: 820px;
  margin: 40px auto 0;
}

/* CTA */
.third-eye-faith-cta {
  margin-top: 70px;
}

.third-eye-faith-btn {
  display: inline-block;
  padding: 16px 52px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.6px;
  color: var(--third-eye-accent-strong);
  background-color: #ffffff;
  border-radius: 50px;
  text-decoration: none;
  transition: filter 0.3s ease, box-shadow 0.3s ease;
}

/* Hover */
.third-eye-faith-btn:hover {
  filter: brightness(0.95);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.25);
}

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

@media (max-width: 991px) {
  .third-eye-faith-title {
    font-size: 34px;
  }

  .third-eye-faith-description {
    font-size: 17px;
  }

  .third-eye-faith-section::after {
    height: 200px;
  }
}

@media (max-width: 575px) {
  .third-eye-faith-section {
    padding: 30px 0;
  }

  .third-eye-faith-title {
    font-size: 1.7rem;
  }

  .third-eye-faith-description
  {
    font-size: 0.95rem;
    margin: 15px auto 0;
  }

  .third-eye-faith-cta {
    margin-top: 50px;
  }
}


/* =========================================
   THIRD EYE – IMPORTANT GUIDELINES
   ========================================= */

.third-eye-guidelines-section {
  background-color: var(--third-eye-soft-bg);
  padding: 90px 0;
}

/* Section Title */
.third-eye-guidelines-title {
  font-size: 38px;
  font-weight: 600;
  color: var(--third-eye-primary);
  margin-bottom: 40px;
  position: relative;
  text-align: center;
}

/* Divider under title */
.third-eye-guidelines-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  background-color: var(--third-eye-accent-strong);
  margin: 16px auto 0;   /* 👈 this centers the divider */
  border-radius: 2px;
}

/* =========================
   TABS (LIGHTWEIGHT)
   ========================= */

.third-eye-guidelines-tabs {
  border: none;
  display: flex;
  gap: 18px;
  justify-content: center;
  margin-bottom: 40px;
}

.third-eye-guidelines-tabs .nav-item {
  flex: 0 0 auto;
}

/* Tab buttons – slim & refined */
.third-eye-guidelines-tabs .nav-link {
  border: none;
  background-color: #ffffff;
  padding: 12px 22px;
  border-radius: 40px;

  display: flex;
  align-items: center;
  gap: 10px;

  font-size: 14.5px;
  font-weight: 500;
  color: var(--third-eye-text-dark);

  box-shadow: inset 0 0 0 1px rgba(59, 58, 90, 0.08);
  transition: all 0.3s ease;
}

/* Icon size */
.third-eye-guidelines-tabs .tab-icon svg {
  width: 18px;
  height: 18px;
}

.third-eye-guidelines-tabs .tab-icon {
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
}

.third-eye-guidelines-tabs .tab-icon i {
    font-size: 18px;
}

/* Active tab – subtle highlight */
.third-eye-guidelines-tabs .nav-link.active {
  background-color: var(--third-eye-accent-strong);
  color: #ffffff;
  box-shadow: none;
}

.third-eye-guidelines-tabs .nav-link.active .tab-icon {
  color: #ffffff;
}

/* Hover (non-active) */
.third-eye-guidelines-tabs .nav-link:not(.active):hover {
  box-shadow: inset 0 0 0 1px var(--third-eye-accent-strong);
}

/* =========================
   TAB CONTENT (AUTHORITY)
   ========================= */

.third-eye-guidelines-content {
  margin-top: 20px;
}

.third-eye-guidelines-tab-box {
  background-color: #ffffff;
  padding: 46px 56px;
  border-radius: 20px;

  box-shadow:
    inset 0 0 0 1px rgba(59, 58, 90, 0.06),
    0 20px 50px rgba(59, 58, 90, 0.08);
}

/* Paragraph styling */
/* Base paragraph refinement */
.third-eye-guidelines-tab-box p {
  font-size: 16.5px;
  line-height: 1.9;
  color: var(--third-eye-text-muted-dark);
  margin-bottom: 26px;
}

/* First paragraph = context / explanation */
.third-eye-guidelines-tab-box p:first-child {
  font-size: 16.8px;
  color: var(--third-eye-text-muted-dark);
}

/* Highlighted meaning blocks (paragraphs with <strong>) */
.third-eye-guidelines-tab-box p strong {
  display: block;
  font-weight: 600;
  color: var(--third-eye-primary);
  margin-bottom: 8px;
}

/* Turn those paragraphs into insight blocks */
.third-eye-guidelines-tab-box p:has(strong) {
  position: relative;
  padding: 22px 26px 22px 30px;
  background-color: #F7F8FC;
  border-radius: 14px;

  box-shadow:
    inset 0 0 0 1px rgba(59, 58, 90, 0.05);

  margin-bottom: 30px;
}

/* Left accent bar for emphasis */
.third-eye-guidelines-tab-box p:has(strong)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  bottom: 18px;
  width: 3px;
  background-color: var(--third-eye-accent-strong);
  border-radius: 2px;
  opacity: 0.9;
}

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

@media (max-width: 991px) {
  .third-eye-guidelines-tabs {
    flex-wrap: wrap;
  }

  .third-eye-guidelines-tab-box {
    padding: 38px 30px;
  }
}

@media (max-width: 575px) {
  .third-eye-guidelines-section {
    padding: 30px 0;
  }

  .third-eye-guidelines-title {
    font-size: 1.9rem;
  }

  .third-eye-guidelines-content
  {
    margin-top: 0px;
  }

  .third-eye-guidelines-tabs
  {
      margin-bottom: 20px;
  }

  .third-eye-guidelines-tab-box {
    padding: 30px 22px;
  }
.third-eye-guidelines-tab-box p:first-child
{
  font-size: 0.95rem;
}
  .third-eye-guidelines-tab-box p
  {
      font-size: 0.95rem;
      margin-bottom: 5px;
  }
}

/* =========================================
   THIRD EYE – PROCESS (MARKER-BASED)
   ========================================= */

.third-eye-process-section {
  background-color: var(--third-eye-primary);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

/* Soft background lift */
.third-eye-process-section::before {
  content: "";
  position: absolute;
  inset: 0;
    background: radial-gradient(ellipse at 50% 15%, rgb(47 127 122 / 59%), rgb(47 127 122 / 59%) 35%, transparent 80%);
  pointer-events: none;
}

/* Title */
.third-eye-process-title {
  text-align: center;
  font-size: 38px;
  font-weight: 600;
  color: var(--third-eye-text-light);
  margin-bottom: 50px;
  position: relative;
  z-index: 2;
}

.third-eye-process-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 3px;
  background-color: var(--third-eye-accent-strong);
  margin: 18px auto 0;
  border-radius: 2px;
}

/* Timeline wrapper */
.third-eye-process-timeline {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  position: relative;
}



/* Step */
.third-eye-process-step {
  position: relative;
  text-align: center;
 
}

/* Marker */
.third-eye-process-marker {
  width: 64px;
  height: 64px;
  margin: 0 auto 28px;
  border-radius: 50%;
  background: radial-gradient(
    circle at center,
    rgba(47,127,122,0.6),
    rgba(47,127,122,0.25) 45%,
    rgba(47,127,122,0.05) 70%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow:
    0 0 0 2px rgba(47,127,122,0.95),
    0 0 26px rgba(47,127,122,0.85),
    0 0 60px rgba(47,127,122,0.6),
    0 22px 55px rgba(0,0,0,0.5);
    z-index: 2;

}

/* Marker number */
.third-eye-process-marker span {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1.4px;
}

/* Card */
.third-eye-process-card {
  max-width: 320px;
  margin: 0 auto;
}

/* Step title */
.third-eye-process-step-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--third-eye-text-light);
  margin-bottom: 16px;
}

/* Step description */
.third-eye-process-step-description {
  font-size: 16.5px;
  line-height: 1.85;
  color: var(--third-eye-text-muted);
  text-align: left;
}

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

@media (max-width: 991px) {
  .third-eye-process-timeline {
    grid-template-columns: 1fr;
  }

  .third-eye-process-timeline::before {
    display: none;
  }

  .third-eye-process-step {
    margin-bottom: 80px;
  }
}

@media (max-width: 575px) {
  .third-eye-process-section {
    padding: 30px 0;
  }

  .third-eye-process-title {
    font-size: 1.7rem;
    margin-bottom: 30px;
  }

  .third-eye-process-timeline
  {
    gap: 0;
  }

  .third-eye-process-step
  {
      margin-bottom: 0;
  }



  .third-eye-process-step-title
  {
    font-size: 1.1rem;
  }

  .third-eye-process-step-description
  {
    font-size: 0.95rem;
  }

  .third-eye-process-card
  {
   max-width: 330px;
  }


}


/* =========================================
   THIRD EYE – POTENTIAL / CTA SECTION
   ========================================= */

.third-eye-potential-section {
  position: relative;
  background-color: var(--third-eye-soft-bg);
  padding: 90px 0;
  overflow: hidden;
}

/* Subtle premium background lift */
.third-eye-potential-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(47, 127, 122, 0.08),
      transparent 55%
    );
  pointer-events: none;
}

/* Box */
.third-eye-potential-box {
  text-align: center;
  position: relative;
  z-index: 2;
}

/* Title */
.third-eye-potential-title {
  font-size: 40px;
  font-weight: 600;
  color: var(--third-eye-primary);
  margin-bottom: 26px;
  position: relative;
}

/* Divider */
.third-eye-potential-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 3px;
  background-color: var(--third-eye-accent-strong);
  margin: 18px auto 0;
  border-radius: 2px;
}

/* Description */
.third-eye-potential-description {
  font-size: 17.5px;
  line-height: 1.85;
  color: var(--third-eye-text-muted-dark);
  margin: 40px auto 0;
  max-width: 680px;
}

/* CTA wrapper */
.third-eye-potential-cta {
  margin-top: 50px;
}

/* CTA Button */
.third-eye-potential-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 16px 40px;
  border-radius: 40px;

  background-color: var(--third-eye-accent-strong);
  color: #ffffff;

  font-size: 15.5px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-decoration: none;

  box-shadow:
    0 10px 26px rgba(47, 127, 122, 0.35);

  transition: all 0.35s ease;
}

/* Hover effect – premium, not flashy */
.third-eye-potential-btn:hover {
  transform: translateY(-2px);
  box-shadow:
    0 16px 40px rgba(47, 127, 122, 0.45);
  color: #ffffff;
}

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

@media (max-width: 991px) {
  .third-eye-potential-section {
    padding: 90px 0;
  }

  .third-eye-potential-title {
    font-size: 34px;
  }
}

@media (max-width: 575px) {

  .third-eye-potential-section {
    padding: 30px 0;
  }


  .third-eye-potential-title {
    font-size: 1.7rem;
    margin-bottom: 10px;
  }

  .third-eye-potential-description {
    font-size: 0.95rem;
    margin: 20px auto 0;
  }

  .third-eye-potential-btn {
    padding: 14px 32px;
    font-size: 15px;
  }
}


/* =========================================
   MASTER + CONNECT (REFINED GLOW & SYMMETRY)
   ========================================= */

.third-eye-master-connect-section {
  position: relative;
  background-color: var(--third-eye-primary);
  padding: 90px 0;
  overflow: hidden;
}

/* --- Layered ambient glow (very subtle) --- */
.third-eye-master-connect-section::before {
  content: "";
  position: absolute;
  inset: 0;
 background: radial-gradient( circle at 20% 20%, rgba(47, 127, 122, 0.87), #58788347 45% ), radial-gradient( circle at 80% 70%, rgba(47, 127, 122, 0.12), transparent 50% );
  pointer-events: none;
}

/* Ensure true equal height */
.third-eye-master-connect-section .row {
  align-items: stretch;
}

/* ---------------- LEFT: MASTER CONTENT ---------------- */

.third-eye-master-content {
  height: 100%;
  padding-right: 48px;
  position: relative;
  z-index: 2;
}

.third-eye-master-title {
  font-size: 40px;
  font-weight: 600;
  color: var(--third-eye-text-light);
  margin-bottom: 28px;
}

.third-eye-master-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  background-color: var(--third-eye-accent-strong);
  margin-top: 16px;
  border-radius: 2px;
}

/* Authoritative paragraph rhythm */
.third-eye-master-paragraphs p {
  font-size: 16px;
  line-height: 1.9;
  color: var(--third-eye-text-light);

  margin-bottom: 20px;
 padding: 10px 10px 10px 22px;

  position: relative;
  border-radius: 8px;

  /* Soft authority background */
  background: linear-gradient(
    90deg,
    rgba(47, 127, 122, 0.10),
    rgba(47, 127, 122, 0.02)
  );
}

/* Stronger authority bar */
.third-eye-master-paragraphs p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 4px;

  background: linear-gradient(
    to bottom,
    var(--third-eye-accent-strong),
    rgba(47, 127, 122, 0.4)
  );

  border-radius: 4px;
}


/* ---------------- RIGHT: CONNECT CARD ---------------- */

.third-eye-connect-card {
  height: 100%;
  background: #ffffff;
  padding: 52px 44px;
  border-radius: 18px;

  display: flex;
  flex-direction: column;
  justify-content: center;

  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.35);

  position: relative;
  z-index: 2;
}

/* Soft glow halo behind CTA card (balances left text weight) */
.third-eye-connect-card::after {
  content: "";
  position: absolute;
  inset: -40px;
  background: radial-gradient(
    circle at center,
    rgba(47, 127, 122, 0.22),
    transparent 60%
  );
  z-index: -1;
}

.third-eye-connect-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  background-color: var(--third-eye-accent-strong);
  border-radius: 18px 0 0 18px;
}

.third-eye-connect-title {
  font-size: 26px;
  font-weight: 600;
  color: var(--third-eye-primary);
  margin-bottom: 16px;
}

.third-eye-connect-description {
  font-size: 16.5px;
  line-height: 1.8;
  color: var(--third-eye-text-muted-dark);
  margin-bottom: 36px;
}

/* CTA Button */
.third-eye-connect-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 14px 36px;
  border-radius: 40px;

  background-color: var(--third-eye-accent-strong);
  color: #ffffff;

  font-size: 15.5px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-decoration: none;

  box-shadow:
    0 14px 32px rgba(47, 127, 122, 0.35);

  transition: all 0.35s ease;
}

.third-eye-connect-btn:hover {
  transform: translateY(-2px);
  box-shadow:
    0 20px 46px rgba(47, 127, 122, 0.45);
  color: #ffffff;
}

/* ---------------- RESPONSIVE ---------------- */

@media (max-width: 991px) {
  .third-eye-master-content {
    padding-right: 0;
    margin-bottom: 60px;
  }

  .third-eye-connect-card {
    height: auto;
  }

  .third-eye-master-title {
    font-size: 34px;
  }
}

@media (max-width: 575px) {

  .third-eye-master-connect-section
  {
    padding: 30px 0;
  }

  .third-eye-master-title {
    font-size: 1.7rem;
  }

  .third-eye-master-paragraphs p
  {
    margin-bottom: 0px;
    font-size: 0.95rem;
  }

  .third-eye-master-content
  {
    margin-bottom: 0;
  }

  .third-eye-connect-btn {
    width: 100%;
  }
}


/* =========================================
   THIRD EYE – PRICING SECTION
   ========================================= */

.third-eye-pricing-section {
  background-color: var(--third-eye-soft-bg);
  padding: 90px 0;
  position: relative;
}

/* Subtle sacred glow (non-distracting) */
.third-eye-pricing-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(47, 127, 122, 0.08),
      transparent 60%
    );
  pointer-events: none;
}

/* ---------------- HEADER ---------------- */

.third-eye-pricing-title {
  font-size: 42px;
  font-weight: 600;
  color: var(--third-eye-primary);
  text-align: center;
  margin-bottom: 20px;
}

.third-eye-pricing-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 3px;
  background-color: var(--third-eye-accent-strong);
  margin: 18px auto 0;
  border-radius: 2px;
}

.third-eye-pricing-subtitle {
  font-size: 17px;
  color: var(--third-eye-text-muted-dark);
  text-align: center;
  margin-top: 18px;
}

.third-eye-pricing-intro {
  max-width: 820px;
  margin: 15px auto 30px;
  font-size: 17.5px;
  line-height: 1.9;
  color: var(--third-eye-text-muted-dark);
  text-align: center;
}

/* ---------------- PRICING CARDS ---------------- */

.third-eye-pricing-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 46px 38px;
  height: 100%;
 position: relative;
  display: flex;
  flex-direction: column;

  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.08);

  position: relative;
  transition: all 0.4s ease;
}

/* Gentle hover lift */
.third-eye-pricing-card:hover {
  transform: translateY(-6px);
  box-shadow:
    0 32px 80px rgba(0, 0, 0, 0.12);
}

/* Accent spine (premium cue) */
.third-eye-pricing-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  display: none;
  background-color: var(--third-eye-accent-strong);
  border-radius: 20px 0 0 20px;
}

/* ---------------- OPTION TITLE ---------------- */

.third-eye-pricing-option-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--third-eye-primary);
  margin-bottom: 18px;
  line-height: 1.4;
}

/* ---------------- PRICE ---------------- */

.third-eye-pricing-amount {
  font-size: 36px;
  font-weight: 600;
  color: var(--third-eye-accent-strong);
  margin-bottom: 14px;
}

/* ---------------- TAGLINE ---------------- */

.third-eye-pricing-tagline {
  font-size: 15.5px;
  color: var(--third-eye-text-muted-dark);
  margin-bottom: 28px;
}

/* ---------------- FEATURES LIST ---------------- */

.third-eye-pricing-list {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
    column-count: 2;
}

.third-eye-pricing-list li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 14px;
  font-size: 15.5px;
  line-height: 1.7;
  color: var(--third-eye-text-muted-dark);
}

/* Subtle check mark */
.third-eye-pricing-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--third-eye-accent-strong);
  font-weight: 600;
}

/* ---------------- IDEAL LINE ---------------- */

.third-eye-pricing-ideal {
  font-size: 14.8px;
  font-style: italic;
  color: var(--third-eye-text-muted-dark);
  margin-top: auto;
  margin-bottom: 22px;
}

/* ---------------- CTA ---------------- */

/* =========================================
   PRICING CTA – PRIMARY ACTION
   ========================================= */

.third-eye-pricing-cta {
  margin: 26px 0 24px;
}

/* Support <a>, <button>, or dynamic injection */
.third-eye-pricing-cta a,
.third-eye-pricing-cta button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 14px 36px;
  border-radius: 40px;

  background-color: var(--third-eye-accent-strong);
  color: #ffffff;

  font-size: 15.5px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-decoration: none;
  border: none;
  cursor: pointer;

  box-shadow:
    0 12px 28px rgba(47, 127, 122, 0.35);

  transition: all 0.35s ease;
}

/* Hover – confident, not flashy */
.third-eye-pricing-cta a:hover,
.third-eye-pricing-cta button:hover {
  transform: translateY(-2px);
  box-shadow:
    0 18px 42px rgba(47, 127, 122, 0.45);
  color: #ffffff;
}

/* Focus – accessibility safe */
.third-eye-pricing-cta a:focus-visible,
.third-eye-pricing-cta button:focus-visible {
  outline: 3px solid rgba(47, 127, 122, 0.4);
  outline-offset: 4px;
}

/* Disabled (future-safe) */
.third-eye-pricing-cta button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}


/* ---------------- QUOTE ---------------- */

.third-eye-pricing-quote {
  font-size: 14.5px;
  color: var(--third-eye-text-muted-dark);
  font-style: italic;
  line-height: 1.6;
  padding-top: 18px;
  border-top: 1px solid rgba(0,0,0,0.08);
}

/* =========================================
   FEATURED OPTION – QUIET AUTHORITY (OPTION II)
   ========================================= */

/* Target center pricing card */
.third-eye-pricing-options .col-lg-4:nth-child(2) .third-eye-pricing-card {
  background: linear-gradient(
    180deg,
    #ffffff,
    #f7fbfa
  );
  border: 1px solid rgba(47, 127, 122, 0.25);
}

/* Inner sacred frame */
.third-eye-pricing-options .col-lg-4:nth-child(2) .third-eye-pricing-card::after {
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(47, 127, 122, 0.35);
  border-radius: 14px;
  pointer-events: none;
}

/* Strengthen option title slightly */
.third-eye-pricing-options .col-lg-4:nth-child(2) .third-eye-pricing-option-title {
  font-size: 21px;
}

/* Calm emphasis on price */
.third-eye-pricing-options .col-lg-4:nth-child(2) .third-eye-pricing-amount {
  font-size: 38px;
}

/* CTA stays same color but gains confidence */
.third-eye-pricing-options .col-lg-4:nth-child(2) .third-eye-pricing-cta a,
.third-eye-pricing-options .col-lg-4:nth-child(2) .third-eye-pricing-cta button {
  box-shadow:
    0 10px 28px rgba(47, 127, 122, 0.38);
}


/* =========================================
   PRICING BADGE (PREMIUM, REUSABLE)
   ========================================= */

.third-eye-pricing-badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);

  padding: 6px 18px;
  border-radius: 20px;

  background-color: var(--third-eye-accent-strong);
  color: #ffffff;

  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  white-space: nowrap;

  box-shadow:
    0 8px 22px rgba(47, 127, 122, 0.35);

  z-index: 3;
}


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

@media (max-width: 991px) {
  .third-eye-pricing-section {
    padding: 90px 0;
  }

  .third-eye-pricing-title {
    font-size: 36px;
  }
}

@media (max-width: 575px) {
  
  .third-eye-pricing-section {
    padding: 30px 0;
  }

  .third-eye-pricing-title {
    font-size: 1.7rem;
    margin-bottom: 0px;
  }

  .third-eye-pricing-intro
  {
    margin:0;
    font-size: 0.95rem;
  }

  .third-eye-pricing-card {
    padding: 38px 28px;
  }

  .third-eye-pricing-list
  {
    column-count: 1;
    margin-bottom: 0;
  }

  .third-eye-pricing-option-title
  {
        margin-bottom: 0px;
  }

  .third-eye-pricing-tagline
  {
    margin-bottom: 10px;
  }

  .third-eye-pricing-list li
  {
    font-size: 0.95rem;
    margin-bottom: 5px;
  }

  .third-eye-pricing-cta
  {
        margin: 15px 0 15px;
  }
}


/* =========================================
   THIRD EYE – RESULTS / TRANSFORMATION
   ========================================= */

.third-eye-results-section {
  background: linear-gradient(
    180deg,
    #ffffff,
    rgba(47, 127, 122, 0.04)
  );
  padding: 90px 0;
}

/* Box layout */
.third-eye-results-box {
  display: flex;
  align-items: flex-start;
  gap: 22px;

  padding: 40px 36px;
  height: 100%;

  border-radius: 16px;
  background-color: #ffffff;

  box-shadow:
    0 18px 48px rgba(0, 0, 0, 0.06);
}

/* Icon wrapper */
.third-eye-results-icon {
  width: 56px;
  height: 56px;
  flex-shrink: 0;

  border-radius: 50%;
  background: radial-gradient(
    circle at center,
    rgba(47, 127, 122, 0.25),
    rgba(47, 127, 122, 0.08)
  );

  display: flex;
  align-items: center;
  justify-content: center;

    box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.06),
    inset 0 0 0 1px rgba(47, 127, 122, 0.12);
}

/* Font Awesome icon */
.third-eye-results-icon i {
  font-size: 22px;
  color: var(--third-eye-accent-strong);
}

/* Content */
.third-eye-results-content {
  flex: 1;
}

.third-eye-results-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

/* Title */
.third-eye-results-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--third-eye-primary);
  margin-bottom: 14px;
}

/* Description */
.third-eye-results-description {
  font-size: 16.5px;
  line-height: 1.85;
  color: var(--third-eye-text-muted-dark);
}

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

@media (max-width: 991px) {
  .third-eye-results-box {
    margin-bottom: 30px;
  }
}

@media (max-width: 575px) {

  .third-eye-results-section
  {
    padding: 30px 0;
  }

  .third-eye-results-box {
    padding: 20px 20px;
    margin-bottom: 0;
  }

  .third-eye-results-icon
  {
    display: none;
  }

  .third-eye-results-title {
    font-size: 1.3rem;
  }

  .third-eye-results-description
  {
    font-size: 0.95rem;
  }


    .third-eye-results-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

}


/* =========================================
   THIRD EYE – FAQ SECTION
   ========================================= */

.third-eye-faq-section {
  background-color: #f1f4f3; /* clear break from previous section */
  padding: 90px 0;
}

/* Title */
.third-eye-faq-title {
  font-size: 38px;
  font-weight: 600;
  color: var(--third-eye-primary);
  margin-bottom: 50px;
}

.third-eye-faq-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 3px;
  background-color: var(--third-eye-accent-strong);
  margin: 18px auto 0;
  border-radius: 2px;
}

/* Grid spacing */
.third-eye-faq-grid {
  row-gap: 40px;
}

/* FAQ item */
.third-eye-faq-item {
  background: #ffffff;
  border-radius: 14px;
  padding: 0;
  margin-bottom: 22px;

  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.06);
}

/* Question button */
.third-eye-faq-question {
  width: 100%;
  text-align: left;

  padding: 22px 56px 22px 26px;
  border: none;
  background: transparent;

  font-size: 17px;
  font-weight: 600;
  color: var(--third-eye-primary);

  position: relative;
  cursor: pointer;
}

/* Remove Bootstrap styles */
.third-eye-faq-question:focus {
  outline: none;
  box-shadow: none;
}

/* Plus / minus indicator */
.third-eye-faq-question::after {
  content: "+";
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);

  font-size: 22px;
  color: var(--third-eye-accent-strong);
  transition: transform 0.25s ease;
}

.third-eye-faq-question:not(.collapsed)::after {
  content: "–";
}

/* Answer */
.third-eye-faq-answer {
  padding: 0 26px 24px;
  font-size: 16.5px;
  line-height: 1.8;
  color: var(--third-eye-text-muted-dark);
}

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

@media (max-width: 991px) {
  .third-eye-faq-section {
    padding: 90px 0;
  }
}

@media (max-width: 575px) {

   .third-eye-faq-section {
    padding: 30px 0;
   }

  .third-eye-faq-title {
    font-size: 1.7rem;
    margin-bottom: 30px;
  }

  .third-eye-faq-question {
    font-size: 16.5px;
  }
}


/* =========================================
   THIRD EYE – MASTER PROFILE (FINAL ANCHOR)
   ========================================= */

.third-eye-master-profile-section {
  background-color: var(--third-eye-primary);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

/* Soft ambient glow – calm, not decorative */
.third-eye-master-profile-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(47, 127, 122, 0.18),
      transparent 60%
    );
  pointer-events: none;
}

/* Profile box */
.third-eye-master-profile-box {
  position: relative;
  z-index: 2;
}

/* Title */
.third-eye-master-profile-title {
  font-size: 42px;
  font-weight: 600;
  color: var(--third-eye-text-light);
  text-align: center;
  margin-bottom: 40px;
}

.third-eye-master-profile-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 3px;
  background-color: var(--third-eye-accent-strong);
  margin: 18px auto 0;
  border-radius: 2px;
}

/* Content wrapper */
.third-eye-master-profile-content {
  max-width: 820px;
  margin: 60px auto 0;
}

/* Paragraphs */
.third-eye-master-profile-content p {
  font-size: 17px;
  line-height: 1.95;
  color: var(--third-eye-text-muted);
  margin-bottom: 32px;
  position: relative;
  padding-left: 22px;
}

/* Authority marker */
.third-eye-master-profile-content p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: calc(100% - 16px);
  background-color: rgba(47, 127, 122, 0.5);
  border-radius: 2px;
}

/* Final emphasis paragraph */
.third-eye-master-profile-emphasis {
  font-weight: 600;
  color: var(--third-eye-text-light);
  margin-top: 40px;
}
/* =========================================
   MASTER PROFILE – FULL WIDTH IMAGE
   ========================================= */

.third-eye-master-profile-image {
  width: 100%;
  margin: 60px 0 70px;
  position: relative;
}

/* Image styling */
.third-eye-master-profile-image img {
  width: 100%;
  height: auto;
  display: block;

  border-radius: 20px;

  /* Premium depth */
  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.35);
}

/* Soft overlay for harmony with dark BG */
.third-eye-master-profile-image::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;

  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0.35)
  );

  pointer-events: none;
}

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

@media (max-width: 991px) {
  .third-eye-master-profile-section {
    padding: 90px 0;
  }

  .third-eye-master-profile-title {
    font-size: 36px;
  }
}

@media (max-width: 575px) {

  .third-eye-master-profile-section {
    padding: 30px 0;
    display: none;
  }


  .third-eye-master-profile-title {
    font-size: 1.7rem;
    margin-bottom: 10px;
  }

  .third-eye-master-profile-image
  {
    margin: 20px 0 0 0;  
  }

  .third-eye-master-profile-content
  {
    margin: 30px auto 0;
  }

  .third-eye-master-profile-content p {
    font-size: 0.95rem;
    padding-left: 18px;
  }
}


.landing-page.service-emotional-detox {

  /* ---------- Primary Backgrounds ---------- */
  --emotional-detox-primary: #C38EB4;        /* Dusty rose pink (hero / strong sections) */
  --emotional-detox-soft-bg: #FBF7F9;        /* Warm off-white (main light sections) */

  /* ---------- Accent Colors ---------- */
  --emotional-detox-accent: #E6B7C8;         /* Soft blush pink (dividers, highlights) */
  --emotional-detox-accent-strong: #7B4A6D;  /* Muted plum (CTA buttons, actions) */

  /* ---------- Text on Dark Background ---------- */
  --emotional-detox-text-light: #FFFFFF;     /* Text on dusty pink bg */
  --emotional-detox-text-muted: #F1E3EA;     /* Muted text on dusty pink bg */

  /* ---------- Text on Light Background ---------- */
  --emotional-detox-text-dark: #3F3A3D;      /* Primary text on light bg */
  --emotional-detox-text-muted-dark: #7A6A72;/* Muted text on light bg */

}


/* =====================================================
   Emotional Detox – Hero (Out-of-Box Polish)
   ===================================================== */

.landing-page.service-emotional-detox .emotional-detox-hero-section {
  background:
    radial-gradient(60% 60% at 10% 20%, rgba(195,142,180,0.18), transparent 60%),
    radial-gradient(40% 40% at 90% 80%, rgba(230,183,200,0.25), transparent 60%),
    var(--emotional-detox-soft-bg);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.landing-page.service-emotional-detox .emotional-detox-hero-box {
  max-width: 720px;
}

/* Eyebrow */
.landing-page.service-emotional-detox .emotional-detox-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;

  color: var(--emotional-detox-accent-strong);
  margin-bottom: 18px;
  position: relative;
  padding-bottom: 6px;
}

/* Symbol before text */
.landing-page.service-emotional-detox .emotional-detox-hero-eyebrow::before {
  font-size: 16px;
  color: var(--emotional-detox-primary);
  line-height: 1;
}

/* Soft energy underline */
.landing-page.service-emotional-detox .emotional-detox-hero-eyebrow::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60%;
  height: 2px;
  background: linear-gradient(
    to right,
    var(--emotional-detox-primary),
    transparent
  );
}

.landing-page.service-emotional-detox .emotional-detox-hero-symbol {
  width: 18px;
  height: 18px;
  fill: var(--emotional-detox-primary);
  flex-shrink: 0;
}


/* Title */
.landing-page.service-emotional-detox .emotional-detox-hero-title {
  font-size: 56px;
  font-weight: 600;
  line-height: 1.05;
  color: var(--emotional-detox-text-dark);
  margin-bottom: 18px;
}

/* Tagline */
.landing-page.service-emotional-detox .emotional-detox-hero-tagline {
  font-size: 24px;
  font-weight: 500;
  color: var(--emotional-detox-primary);
  margin-bottom: 28px;
}

/* Description */
.landing-page.service-emotional-detox .emotional-detox-hero-text {
  font-size: 17px;
  line-height: 1.8;
  color: var(--emotional-detox-text-muted-dark);
  margin-bottom: 36px;
  max-width: 680px;
}

/* CTA */
.landing-page.service-emotional-detox .emotional-detox-hero-cta {
  position: relative;
  display: inline-block;

  padding: 15px 36px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;

  color: #ffffff;
  background-color: var(--emotional-detox-accent-strong);
  text-decoration: none;

  overflow: hidden;
  isolation: isolate; /* keeps overlay clean */
}

/* Energy sweep layer */
.landing-page.service-emotional-detox .emotional-detox-hero-cta::before {
  content: "";
  position: absolute;
  inset: 0;

  background: linear-gradient(
    120deg,
    var(--emotional-detox-primary),
    var(--emotional-detox-accent-strong)
  );

  transform: translateX(-100%);
  transition: transform 0.5s ease;
  z-index: -1;
}

/* Hover state */
.landing-page.service-emotional-detox .emotional-detox-hero-cta:hover::before {
  transform: translateX(0);
}

/* Subtle lift (kept gentle) */
.landing-page.service-emotional-detox .emotional-detox-hero-cta:hover {
  transform: translateY(-1px);
}

/* Responsive */
@media (max-width: 991px) {
  .landing-page.service-emotional-detox .emotional-detox-hero-section {
    padding: 90px 0 80px;
  }

  .landing-page.service-emotional-detox .emotional-detox-hero-title {
    font-size: 44px;
  }
}

@media (max-width: 575px) {
  .landing-page.service-emotional-detox .emotional-detox-hero-section {
    padding: 30px 0;
  }

  .landing-page.service-emotional-detox .emotional-detox-hero-eyebrow
  {
    display: none;
  }

  .landing-page.service-emotional-detox .emotional-detox-hero-title {
    font-size: 1.95rem;
  }

 .landing-page.service-emotional-detox .emotional-detox-hero-tagline {
    font-size: 20px;
    margin-bottom: 5px;
  }

    .landing-page.service-emotional-detox .emotional-detox-hero-text
  {
    font-size: 0.95rem;
  }

}

/* =====================================================
   Emotional Detox – Insight Section (Final FINAL Polish)
   Fix: Card visibility at rest
   ===================================================== */

.landing-page.service-emotional-detox .emotional-detox-insight-section {
  position: relative;
  background-color: #ffffff;
  padding: 90px 0;
  overflow: hidden;
}

/* ---------------------------------
   Soft Wave Divider (Visible)
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-insight-section::before {
  content: "";
  position: absolute;
  top: -70px;
  left: 0;
  width: 100%;
  height: 140px;

  background: radial-gradient(
    120% 120% at 50% 100%,
    #ffffff 60%,
    rgba(251,247,249,1) 61%
  );
}

/* ---------------------------------
   Card (Visible at REST)
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-insight-card {
  background-color: rgba(230, 183, 200, 0.12); /* soft blush tint */
  padding: 25px 30px;
  height: 100%;
  border-radius: 50px 20px 50px 20px; /* organic, flowing edges */

  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;

  border: 1px solid rgba(195, 142, 180, 0.25);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);

  transition: 
    transform 0.4s ease,
    box-shadow 0.4s ease,
    background-color 0.4s ease;
}

/* ---------------------------------
   Card Hover (Elevation)
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-insight-card:hover {
  background-color: #ffffff;
  transform: translateY(-10px);
  box-shadow: 0 28px 60px rgba(195, 142, 180, 0.22);
}

/* ---------------------------------
   Circular Image
---------------------------------- */
.landing-page.service-emotional-detox
.emotional-detox-insight-image {
  width: 120px;
  height: 120px;

  margin: 0 auto 30px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  background-color: rgba(195, 142, 180, 0.25);

  color: var(--emotional-detox-primary);
}

.landing-page.service-emotional-detox
.emotional-detox-insight-icon {
  width: 56px;
  height: 56px;
}


/* ---------------------------------
   Titles (Unified)
---------------------------------- */
.landing-page.service-emotional-detox
.emotional-detox-insight-title,
.landing-page.service-emotional-detox
.emotional-detox-insight-subtitle {
  position: relative;

  font-size: 28px;
  font-weight: 600;
  color: var(--emotional-detox-text-dark);

  margin-bottom: 36px; /* space for divider */
  padding-bottom: 14px;
}

/* Soft energy divider */
.landing-page.service-emotional-detox
.emotional-detox-insight-title::after,
.landing-page.service-emotional-detox
.emotional-detox-insight-subtitle::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);

  width: 80px;
  height: 2px;

  background: linear-gradient(
    to right,
    transparent,
    var(--emotional-detox-primary),
    transparent
  );
}
/* ---------------------------------
   Text
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-insight-text {
  /*max-width: 420px;*/
  font-size: 16.5px;
  line-height: 1.8;
  color: var(--emotional-detox-text-muted-dark);
}

/* ---------------------------------
   Responsive
---------------------------------- */
@media (max-width: 991px) {
  .landing-page.service-emotional-detox .emotional-detox-insight-section {
    padding: 90px 0;
  }

  .landing-page.service-emotional-detox .emotional-detox-insight-card {
    margin-bottom: 40px;
  }
}

@media (max-width: 576px) {

  .landing-page.service-emotional-detox .emotional-detox-insight-section {
    padding: 30px 0;
  }

  .landing-page.service-emotional-detox .emotional-detox-insight-card
  {
    margin-bottom: 0;
    padding: 10px 20px;
    position: relative;
  }

  .landing-page.service-emotional-detox .emotional-detox-insight-image
  {
    display: none;
    width: 70px;
    height: 70px;
    margin: 0px auto 15px;
  }

  .landing-page.service-emotional-detox .emotional-detox-insight-subtitle
  {
    margin: 10px;
    font-size: 1.7rem;
  }

  .landing-page.service-emotional-detox .emotional-detox-insight-text
  {
    font-size: 0.95rem;
  }

}

/* =====================================================
   Emotional Detox – Mantra CTA Section
   ===================================================== */


.landing-page.service-emotional-detox .emotional-detox-mantra-cta-section {
  position: relative;
  background-color: rgba(230, 183, 200, 0.14);
  padding: 90px 0;
  overflow: hidden;
}

/* Soft energy halo */
.landing-page.service-emotional-detox 
.emotional-detox-mantra-cta-section::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;

  width: 900px;
  height: 900px;

  background: radial-gradient(
    circle,
    rgba(195,142,180,0.35),
    rgba(230,183,200,0.18),
    transparent 70%
  );

  transform: translate(-50%, -50%);
  z-index: 0;
}

/* Keep content above halo */
.landing-page.service-emotional-detox 
.emotional-detox-mantra-cta-box {
  position: relative;
  z-index: 1;
}

.landing-page.service-emotional-detox .emotional-detox-mantra-cta-box {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.landing-page.service-emotional-detox .emotional-detox-mantra-cta-title {
  position: relative;

  font-size: 38px;
  font-weight: 600;
  color: var(--emotional-detox-text-dark);

  margin-bottom: 40px;
  padding-bottom: 16px;
}

/* Soft energy divider */
.landing-page.service-emotional-detox .emotional-detox-mantra-cta-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);

  width: 90px;
  height: 2px;

  background: linear-gradient(
    to right,
    transparent,
    var(--emotional-detox-primary),
    transparent
  );
}
.landing-page.service-emotional-detox .emotional-detox-mantra-cta-text {
  font-size: 17px;
  line-height: 1.9;
  color: var(--emotional-detox-text-muted-dark);
  margin-bottom: 48px;
}

/* CTA Button */
.landing-page.service-emotional-detox 
.emotional-detox-mantra-cta-button {
  position: relative;
  display: inline-block;

  padding: 16px 38px;
  font-size: 16px;
  font-weight: 500;

  color: #ffffff;
  text-decoration: none;

  background-color: var(--emotional-detox-accent-strong);
  overflow: hidden;
  isolation: isolate;

  transition: transform 0.3s ease;
}

/* Energy sweep */
.landing-page.service-emotional-detox 
.emotional-detox-mantra-cta-button::before {
  content: "";
  position: absolute;
  inset: 0;

  background: linear-gradient(
    120deg,
    var(--emotional-detox-primary),
    var(--emotional-detox-accent-strong)
  );

  transform: translateX(-100%);
  transition: transform 0.5s ease;
  z-index: -1;
}

/* Hover / focus */
.landing-page.service-emotional-detox 
.emotional-detox-mantra-cta-button:hover::before,
.landing-page.service-emotional-detox 
.emotional-detox-mantra-cta-button:focus-visible::before {
  transform: translateX(0);
}

/* Gentle lift */
.landing-page.service-emotional-detox 
.emotional-detox-mantra-cta-button:hover {
  transform: translateY(-1px);
}

@media (max-width: 576px) {

    .landing-page.service-emotional-detox .emotional-detox-mantra-cta-section {
        padding: 30px 0;
    }

    .landing-page.service-emotional-detox .emotional-detox-mantra-cta-title
    {
      font-size: 1.95rem;
      margin-bottom: 10px;
    }

    .landing-page.service-emotional-detox .emotional-detox-mantra-cta-text
    {
      font-size: 0.95rem;
      margin-bottom: 0px;
    }

    .landing-page.service-emotional-detox .emotional-detox-mantra-cta-button
    {
      display: none;
    }
  }

/* =====================================================
   Emotional Detox – Expected Benefits (Premium Design)
   ===================================================== */

.landing-page.service-emotional-detox .emotional-detox-benefits-section {
  position: relative;
  background-color: #ffffff;
  padding: 90px 0px;
}

/* ---------------------------------
   Container
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-benefits-box {
  max-width: 900px;
  margin: 0 auto;
}

/* ---------------------------------
   Title (divider auto assumed)
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-benefits-title {
  position: relative;
  font-size: 36px;
  font-weight: 600;
  color: var(--emotional-detox-text-dark);
  text-align: center;

  margin-bottom: 60px;
  padding-bottom: 16px;
}

/* Divider */
.landing-page.service-emotional-detox 
.emotional-detox-benefits-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);

  width: 90px;
  height: 2px;
  background: linear-gradient(
    to right,
    transparent,
    var(--emotional-detox-primary),
    transparent
  );
}

/* ---------------------------------
   Benefits List Grid
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-benefits-list {
  list-style: none;
  padding: 0;
  margin: 0 auto;

  max-width: 760px;

  display: flex;
  flex-direction: column;
  gap: 26px;
}

/* Individual Benefit Capsule */
.landing-page.service-emotional-detox .emotional-detox-benefits-list li {
  position: relative;

  padding: 26px 30px 26px 52px;
  background-color: rgba(230, 183, 200, 0.16);

  border-radius: 34px 24px 36px 28px;
  border: 1px solid rgba(195, 142, 180, 0.28);

  font-size: 16.5px;
  line-height: 1.7;
  color: var(--emotional-detox-text-dark);

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    background-color 0.35s ease;
}

/* Energy dot */
.landing-page.service-emotional-detox .emotional-detox-benefits-list li::before {
  content: "";
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);

  width: 10px;
  height: 10px;
  border-radius: 50%;

  background-color: var(--emotional-detox-primary);
  box-shadow: 0 0 0 6px rgba(195, 142, 180, 0.18);
}

/* Hover */
.landing-page.service-emotional-detox .emotional-detox-benefits-list li:hover {
  background-color: #ffffff;
  transform: translateY(-5px);
  box-shadow: 0 26px 55px rgba(195, 142, 180, 0.25);
}

/* ---------------------------------
   Individual Benefit (Capsule)
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-benefits-list li {
  position: relative;

  padding: 24px 28px 24px 48px;
  background-color: rgba(230, 183, 200, 0.16);

  border-radius: 32px 22px 34px 26px;
  border: 1px solid rgba(195, 142, 180, 0.28);

  font-size: 16.5px;
  line-height: 1.7;
  color: var(--emotional-detox-text-dark);

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    background-color 0.35s ease;
}

/* ---------------------------------
   Energy Dot (instead of bullet)
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-benefits-list li::before {
  content: "";
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);

  width: 10px;
  height: 10px;
  border-radius: 50%;

  background-color: var(--emotional-detox-primary);
  box-shadow: 0 0 0 6px rgba(195, 142, 180, 0.18);
}

/* ---------------------------------
   Hover Effect (Gentle Elevation)
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-benefits-list li:hover {
  background-color: #ffffff;
  transform: translateY(-6px);
  box-shadow: 0 26px 55px rgba(195, 142, 180, 0.25);
}

/* ---------------------------------
   Responsive
---------------------------------- */
@media (max-width: 991px) {
  .landing-page.service-emotional-detox .emotional-detox-benefits-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991px) {
  .landing-page.service-emotional-detox .emotional-detox-benefits-section
  {
    padding: 30px 0;
  }

  .landing-page.service-emotional-detox .emotional-detox-benefits-title
  {
    font-size: 1.7rem;
    margin-bottom: 20px;
  }

  .landing-page.service-emotional-detox .emotional-detox-benefits-list li
  {
    padding: 15px 10px 15px 48px;
    font-size: 0.95rem;
  }
}

/* =====================================================
   Emotional Detox – CTA Section (Final Polished Version)
   ===================================================== */

.landing-page.service-emotional-detox .emotional-detox-cta-section {
  position: relative;

  background-color: var(--emotional-detox-accent);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23fff' fill-opacity='0.12' d='M0,320L60,282.7C120,245,240,171,360,133.3C480,96,600,96,720,80C840,64,960,32,1080,21.3C1200,11,1320,21,1380,26.7L1440,32L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z'/%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;

  padding: 90px 0; /* extra bottom space for wave */
}


/* ---------------------------------
   Content Wrapper
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-cta-box {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

/* ---------------------------------
   Title
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-cta-title {
  position: relative;

  font-size: 36px;
  font-weight: 600;
  color:var(--emotional-detox-text-light);

  margin-bottom: 32px;
  padding-bottom: 14px;
}

/* Divider */
.landing-page.service-emotional-detox 
.emotional-detox-cta-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);

  width: 90px;
  height: 2px;
  background: linear-gradient(
    to right,
    transparent,
    #2b1e27,
    transparent
  );
}

/* ---------------------------------
   Text
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-cta-text {
  max-width: 620px;
  margin: 0 auto 44px;

  font-size: 17px;
  line-height: 1.85;
 color:var(--emotional-detox-text-light);

  opacity: 0.95;
}

/* ---------------------------------
   CTA Action
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-cta-action {
  margin-top: 10px;
}

/* ---------------------------------
   CTA Button (keeps your existing hover logic)
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-cta-button {
  position: relative;
  display: inline-block;

  padding: 16px 40px;
  font-size: 16px;
  font-weight: 600;

  color: #ffffff;
  text-decoration: none;

  background-color: #2b1e27;
  overflow: hidden;
  isolation: isolate;

  transition: transform 0.3s ease;
}


/* =====================================================
   Emotional Detox – Tab Section (Enhanced Color Pop)
   ===================================================== */

.landing-page.service-emotional-detox .emotional-detox-tab-section {
  background-color: #ffffff;
  padding: 90px 0px;
}

.landing-page.service-emotional-detox .emotional-detox-tab-header {
  text-align: center;
  margin-bottom: 60px;
}

.landing-page.service-emotional-detox .emotional-detox-tab-title {
  position: relative;

  font-size: 38px;
  font-weight: 600;
  color: var(--emotional-detox-text-dark);

  margin-bottom: 0;
  padding-bottom: 18px;
}

/* Divider (guideline standard) */
.landing-page.service-emotional-detox 
.emotional-detox-tab-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);

  width: 100px;
  height: 2px;

  background: linear-gradient(
    to right,
    transparent,
    var(--emotional-detox-primary),
    transparent
  );
}
/* ---------------------------------
   Tabs Wrapper
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-tab-box {
  max-width: 980px;
  margin: 0 auto;
}

/* ---------------------------------
   Tabs Navigation
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-tab-nav {
  border-bottom: none;
  justify-content: center;
  gap: 18px;
  margin-bottom: 60px;
}

/* Inactive Tabs */
.landing-page.service-emotional-detox 
.emotional-detox-tab-nav .nav-link {
  border: none;
  border-radius: 40px;
  padding: 15px 30px;

  font-size: 15.5px;
  font-weight: 500;

  color: #3a1f2f;
  background-color: rgba(230, 183, 200, 0.35);

  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.3s ease;
}

/* Hover */
.landing-page.service-emotional-detox 
.emotional-detox-tab-nav .nav-link:hover {
  background-color: rgba(230, 183, 200, 0.5);
}

/* Active Tab */
.landing-page.service-emotional-detox 
.emotional-detox-tab-nav .nav-link.active {
  background-color: var(--emotional-detox-primary);
  color: #ffffff;

  box-shadow: 0 20px 45px rgba(195, 142, 180, 0.45);
  transform: translateY(-3px);
}

/* ---------------------------------
   Tab Content Container
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-tab-content {
  background-color: #fff6fa; /* tinted white */
  border-radius: 36px 28px 40px 32px;
  padding: 56px 60px;

 box-shadow:
  0 12px 30px rgba(0, 0, 0, 0.06),
  0 4px 10px rgba(195, 142, 180, 0.08);
}

/* ---------------------------------
   Individual Tab Pane
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-tab-pane {
  max-width: 800px;
  margin: 0 auto;
}

/* ---------------------------------
   Paragraph Styling
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-tab-pane p {
  font-size: 16.8px;
  line-height: 1.9;
  color: #2b1e27;
  margin-bottom: 24px;
}

/* Strong emphasis blocks */
.landing-page.service-emotional-detox 
.emotional-detox-tab-pane p strong {
  display: block;
  font-weight: 600;
  color: var(--emotional-detox-primary);
  margin-top: 30px;
  margin-bottom: 8px;
}

@media (max-width: 576px) {

  .landing-page.service-emotional-detox .emotional-detox-tab-section{
    padding: 30px 0;
  }

  .landing-page.service-emotional-detox .emotional-detox-tab-header
  {
    margin-bottom: 30px;
  }

  .landing-page.service-emotional-detox .emotional-detox-tab-title{
    font-size: 1.7rem;
  }

  .landing-page.service-emotional-detox .emotional-detox-tab-nav{
    margin-bottom: 30px;
  }

  .landing-page.service-emotional-detox .emotional-detox-tab-content
  {
    padding: 25px 25px;
  }

  .landing-page.service-emotional-detox .emotional-detox-tab-pane p
  {
    font-size: 0.95rem;
    margin-bottom: 10px;
  }

}

/* ---------------------------------
   Smooth Tab Transition
---------------------------------- */
.landing-page.service-emotional-detox .tab-pane {
  transition: opacity 0.35s ease;
}

@media (max-width: 576px) {
    .landing-page.service-emotional-detox .emotional-detox-cta-section {
        padding: 30px 0;
    }

    .landing-page.service-emotional-detox .emotional-detox-cta-title
    {
      font-size: 1.7rem;
      margin-bottom: 30px;
    }

    .landing-page.service-emotional-detox .emotional-detox-cta-text
    {
      font-size: 0.95rem;
      margin-bottom: 0;
    }

    .landing-page.service-emotional-detox .emotional-detox-cta-action
    {
      display: none;
    }
}


/* =====================================================
   Emotional Detox – Process Section (Mature Premium)
   ===================================================== */

.landing-page.service-emotional-detox .emotional-detox-process-section {
  background-color: rgba(230, 183, 200, 0.18); /* section separation */
  padding: 90px 0px;
}

/* ---------------------------------
   Wrapper
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-process-box {
  max-width: 1100px;
  margin: 0 auto;
}

/* ---------------------------------
   Title
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-process-title {
  position: relative;
  text-align: center;

  font-size: 38px;
  font-weight: 600;
  color: var(--emotional-detox-text-dark);

  margin-bottom: 90px;
  padding-bottom: 18px;
}

/* Divider */
.landing-page.service-emotional-detox 
.emotional-detox-process-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);

  width: 100px;
  height: 2px;
  background: linear-gradient(
    to right,
    transparent,
    var(--emotional-detox-primary),
    transparent
  );
}

/* ---------------------------------
   Timeline
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-process-timeline {
  position: relative;
}

/* Connecting line (desktop only) */
@media (min-width: 992px) {
  .landing-page.service-emotional-detox 
  .emotional-detox-process-timeline::before {
    content: "";
    position: absolute;
    top: 42px;
    left: 10%;
    right: 10%;

    height: 1px;
    background-color: rgba(195, 142, 180, 0.35);
  }
}



/* ---------------------------------
   Step Card
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-process-step {
  position: relative;
  height: 100%;

  padding: 48px 38px 44px;
  background-color: #ffffff;

  border-radius: 40px 30px 42px 32px;

  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.06);

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

/* Hover (very subtle) */
.landing-page.service-emotional-detox 
.emotional-detox-process-step:hover {
  transform: translateY(-4px);
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.08);
}

/* ---------------------------------
   Step Marker
---------------------------------- */
.landing-page.service-emotional-detox 
.emotional-detox-process-step::before {
  content: "";
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);

  width: 16px;
  height: 16px;
  border-radius: 50%;

  background-color: var(--emotional-detox-primary);
  box-shadow: 0 0 0 6px rgba(195, 142, 180, 0.22);
}

/* ---------------------------------
   Step Title
---------------------------------- */
.landing-page.service-emotional-detox 
.emotional-detox-process-step-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--emotional-detox-primary);

  text-align: center;
  margin-bottom: 18px;
}

/* ---------------------------------
   Step Text
---------------------------------- */
.landing-page.service-emotional-detox 
.emotional-detox-process-step-text {
  font-size: 16.5px;
  line-height: 1.75;
  color: var(--emotional-detox-text-dark);

  text-align: left;
}

/* ---------------------------------
   Responsive
---------------------------------- */
@media (max-width: 991px) {
  .landing-page.service-emotional-detox 
  .emotional-detox-process-step {
    margin-bottom: 40px;
  }
}

@media (max-width: 576px) {

  .landing-page.service-emotional-detox .emotional-detox-process-section {

   padding: 30px 0; 

  }

  .landing-page.service-emotional-detox .emotional-detox-process-title
  {
    margin-bottom: 30px;
    font-size: 1.7rem;
  }

  .landing-page.service-emotional-detox .emotional-detox-process-step
  {
     margin-bottom: 10px;
  }

  .landing-page.service-emotional-detox .emotional-detox-process-step-text
  {
    font-size: 0.95rem;
  }
}


/* =====================================================
   Emotional Detox – Be With The Master (Lotus Grid)
   ===================================================== */

.landing-page.service-emotional-detox .emotional-detox-master-section {
  background-color: #fff;
  padding: 90px 0;
}

/* ---------------------------------
   Wrapper
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-master-box {
  max-width: 1100px;
  margin: 0 auto;
}

/* ---------------------------------
   Title
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-master-title {
  position: relative;
  text-align: center;

  font-size: 40px;
  font-weight: 600;
  color: var(--emotional-detox-text-dark);

  margin-bottom: 50px;
  padding-bottom: 20px;
}

.landing-page.service-emotional-detox
.emotional-detox-master-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);

  width: 110px;
  height: 2px;
  background: linear-gradient(
    to right,
    transparent,
    var(--emotional-detox-primary),
    transparent
  );
}

/* ---------------------------------
   Grid spacing
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-master-grid .col-lg-6 {
  margin-bottom: 40px;
}

/* ---------------------------------
   Individual Card
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-master-card {
  position: relative;
  height: 100%;

  background-color: rgba(230, 183, 200, 0.16);
  padding: 46px 44px;

  border-radius: 36px 28px 40px 32px;

 box-shadow:
  0 8px 8px rgba(0, 0, 0, 0.035),
  0 2px 6px rgba(195, 142, 180, 0.06);


  overflow: hidden;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

/* Hover – subtle presence */
.landing-page.service-emotional-detox
.emotional-detox-master-card:hover {
  transform: translateY(-4px);
  box-shadow:
    0 20px 44px rgba(0, 0, 0, 0.08);
}

/* ---------------------------------
   Lotus Watermark
---------------------------------- */
.landing-page.service-emotional-detox
.emotional-detox-master-card::before {
  content: "";
  position: absolute;
  inset: 0;

  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMwAAADACAMAAAB/Pny7AAAAbFBMVEX///8AAAD8/Pz29vbz8/P5+fnj4+Pt7e3X19fq6uqfn5+9vb3Dw8Pf39+RkZHn5+fR0dF+fn6ZmZmmpqaHh4eysrI2NjZdXV14eHgQEBBycnJBQUHLy8slJSVra2tUVFQdHR0tLS0XFxdISEhSMimZAAARpElEQVR4nO0d6ZqqOkzZRDaRXUUUff93vKIkTVcchxnvnM/8ON9hwJK02ZuGxeIDH/jABz7wgQ984AfA9cssK3333Xh8H9z1djnCdvXH6VllSwLZ6t34fAe8eslB7b0bo9dBpOUvU7PairQsl4XzbqxehHInE3MO343VayAz2QDd5t14vQQtW46mOeNF+268XgEbtfJ2YVkWyk/+F63NqgMN9rg+jZfNX1QBm+sD+d3IV+2oDq5/UWiQmPXj2vsXiFlGj+tovDyt34vXS4Ay090l3obL/V900NxgxP6SxItFnFz+sjZDvlru6qKo0Rv4k3ZmsQHG+hc8gEWpIqZ8N1YvgqPwmrf2u7F6Ff6leEampvvDtAycVjFSDn+Xx0ZIm1M/qOf+1PjvxmUGiMMgSYIwfjceH/jABz7wgX8W7L9u+hk4UZZFfzHBpIBH/rz4E6H/JspvEMaW7oExqtnq7ltxeBugjN7vUftZd/eL+7rQBPchOM2R+n5U1IMnuqzq7L2eqJ1fpzx8t4f7vWrtuBjhGrxRspz9ZUnhoKCmISGzfHdz4AbY7d9GjSulX47SMz7by1ie5SjgLI7QvSurVoiYLJcn8Zmr8W4lj5D8Du4i+DImy2XAP5NzU3/O+buZaoT3BHEHFSpXTmzWJ/5uzYmEox7hd6l4gMdev9+fIPt65CY/E7ZoL9zC4bLtTvs948d37BIk8PImvcX5BSDWkEd8YWFuUkOZaD/+8Vzc/prClcipvwIwlQ/Wwewl4SQX6e1Q72XM2KwgqbZ1uEtJTfwC9OO7YS/pKM19CjJRtS3orSuz8rBuvbAb1f8mFSMAMT6PGsOWbTc3loW2M0BD4o9re0rH6/8BMSMqUSWujA9PHFK6SkisuDLpG4kB7Jr7VFuwT1aDq+/msBj74RLlG3fOUEgeEu/CE4dfJ4XY/2K4KjnMB/DAb6vuvr0HUnNGVx/pK7nx3uEDxPDy5S5J0PyhkbdwYUb/EjdrSlBoAbqph4S4Rm9xAY5LBVzB5K3g9mXkuxWg3gMjbpQeQPXTeK/91JOikUiFSgZ3ke/QiqJCwyqtRDWCFONZXurP6BW0t7jllPsiOXsZkxoVLzrEiMca/oISbiuKuBrhJZafn5aX/Wx71G1/f80pELh5JeFS4ROgZ5lCWCzQDUjhL7EUA9RC3iMOHgq8n4kaZvDqnA8EYyE6u7I3oldGJgBVBnNY2is/QsfPl5PjfG21CZMvAdmYvHR8VeI6oW5xwjDZIHYEBwsHYiLg0x3pY8CvS1mzcKiep36A8337jnufnaJObVoSyiCKKX0aawML9jenxYVP+Kr0+JG1gdWcJ3WT8qxQ8S666/h5kuXpmkZlFvqVHOkrGKmiPGOv0nyor3f48D/h5WkmYlrRHJwmzVoJNoXnSgv09XQNrRQKXefRAJGcdggmciiASSWQHQPj1ObfO7IFOvwYMcvauOg+rGUmJNIQyYNxcVOF/ak0CdEvQtjLQy93pSERjqG/NJugAi6G2HilLCCai5hxZfoTl7/U1yhgclAux/LwltZspA19y/lU/QgxdZRzquAQahBCjSFPP4Y911Txw+GBkGPqQ97WsxIDMlN7C59LYu4ytf8H4bLq/SiAaj5b83nBIkWTPTcx8WDiuMXZq1htBQ6oqhx71RhuLvyOehRV6wymc1ZiAP+H2dpwi3NVvALpzeR7bNlUfBZxM1XcJQ4MzkyqGZzB0Qa7LdUDF7lMEZSR+vXIZ9IPrZwOfGwftgyzPhoh+yLAcJASEipJM0ENYDpQvTuB9c2FYIMsbslREab8VM5FDJlpLrlf81hBOkyXmAC7KThFDvUAdyxjLaewvgUggj1xqFrqOh04WYY9zErD5MhnnLg5dFlO5Kdgsut5iNmMxBwpl29oHFIR44iF5idNIYMD80D3C2K61Fuq8cvxTjdPGsAZVe2OF9mAvL9n0okCtRfHAUDNzRyilox15C0QqJP9PEUeGDYL+14lUaRVBGrAH1NMZ201NsQH6FK71Pu7CtEBpN+aecJmDBtFo90SrVYBDuBK9lq28AD1UTLcktDSiRoYuFZbE/FFAJ0pGUGP+IQjNSgyht08WNH8PtkWpWUrlmlYoPwKxUCvAI4neSArYhseyXw8NWN4Oe/RRCQzmkhvQKs1VwYarEojhzAWcQwvA4dgWsbgSoFMVwMnpszs7wJZLkCfHHN5nJcgJJ6mBDlxDWOSGzOUWmBqc8Ptv+9U+ILFruY6eQue40HpHlFVFLMUs2lAtnpsK4E3Y+zdlendL8BmnJ2dmnUiQg0KkdbKDAAhfrJiv+zVUw/+xGzH7lx4ucZ0EBHuVeZdAnQS2DT0GhmDla5nMjMs451rRgzl/I3Rx22lx3UigZq++y4NCKgedVItU2NMrDni0wedeDvAtnOZGaab9YffJGrMAz65LixpL5YQfQNAxA9a5rFKvnJsosqCJ70vtQIB2+9zbc/cYAMv1+tHK+BqfiY8KW7P7aITxQWTrmrGfUDwpkyWi4t6Jw4w5vRZg6OCmfY5awNA4Yq5Yw5oZmCCK0LyqElPofzPp8xYfqgzVVq7JN09wRXE8NcmvYcn1+cs24LGBDtjIbXHorWJIlimmw/GEYHo3ZwVzw5It9lDirC071lizuY8Jcj/bjb7P0A/jmpQPAPg9stEwO6AA2SOUrD6bt7aIKzzM2MJDv1Vl5kZV8wGhjSzjzORgnsRsLTEzD+gpdTJTC/bboO7E2GDejRHKRj4zOX/P8B6blgwC1sVMY9I4u4S4XaU2R6hBn8dcSUAk5sdPjCGiYqYUXMPm7susK3Z5QKS5y6nA+t1Nj5lIsYe7w1hlls8RQwsjHJv5BuAhT1GcwjRR6JQeutRvQ+5XFRTRmOI+YG5y+lcGNioWDIDMauRmN4j2TDjnAMvXuY+uYGNo3ampxBHAzFHj2SojFOD8zeryRwAlbOpuuiZlTk+uzIYXM/f3AVY3vh+k8wo2cwkM3hU4IuxjGvbzgC2rV1RzJOa9GRuIEapAAzaDA+rJVqvw0K0QaqsMsuSoii22+3t3yQIgryM0ngl4gN8djasOhjNQiGym5GYw4bYGYPRxMoo8X3WKk6jMr8hStDOsnuJRSOX9B6ra91tiyRvPYYV1lOKJaEKYvYKYmLSEgyryw3EoMVkitn12jwptl19rRRIbzVte+D+4dQ1WfQQeaxIuup5GFZP5Y+mIzGD0cSyWX0EwCqjHhOzCbOmPh2kE3cEQvVhKwqX/nDdlg7hM73Umrxm+PkQrdrgDuu9ZvARhsZ1q3J7PfSKRpY8XMUUlo6iY5WFMJ3644ewodEriEEn9DYvdj9eaPX8Gl8WJtWRPw6qhemVkUGT416QCFIRKaDats3PPSCfXAcZDkaZ0YHedTYgCftlg9eMxGhnpZFeOg3lwmJTcDw/OR36CiN4QuEaYghjERdSN46y+lABuzNTa0OiABNy5yDPBrXddDetYRY3se4FAdS3ghFpv0Os4tAMYysO5xIK+sOp7vbNzcJkOStHGAwwHv3EAiV77bdlniVNpxMobeoX7Ifs81gw1vBT8OF0W1Lj6QOZjEPXJFketv7aGY062tZ70QumQKXCXce70VR0iuJZrYsBtkjOQEK++r6NCyyncZpt1VmUqivysvUEaWRHIx5FlrjbvSwULpXjpWEmHy/XGAg9/8Bk36uTDNw4gC/a910XhKlIxwCspS10tMTcnXqPdOi67kdFzw2vaVWGZ4SlO9weDzylTmfafPu9Kon8tca0lUA2ZhOZuBnqoJx1WlBfQr00qHOlpDQgOFRG4L6s2szQ4+zHhD9lwEOM6W2WdWBHF1QhIoLlkprjq/JJG2ZKUt64L7ogZ2WVaFqsjG7ru0aEsKSCFj0G+PPJ2gF8UsmSrk60scps+BmqCSXzMDM+hQvbGaHuooNbWfqdPmkA1ZzhXIl1QN443XeljkXcyiGenlh0rIViNFaYsJ1qyYG6UBnXYOAu/B2c/rtUwjNKa4XzOnXGkbXpFCsomWafakGKGTQlLlgIJKqSgC0GbjWpfGZWIzCVYGZ7iVqenhyEleweFPtoaywmE2642U03HAuPYHFQRHlrXPipE3OMajkUZBN+nWA03HtWec+sqlm6FQZBeB+ab2rAAZupaqLb0Zq5WgoxZxrNWMRD/R+FkcWblXZi8UCaYvsfjaDqJgfMKVHJBTt4OLW3g4cTVGXgsMI6h+f2BCAs8zMWeE/222ZutXojeoNe/2WiuKNljC1xSjwu/06bLISznVfJ3Vhp9ZMILBA9ayJvJlJT5ztYMaNENiLEn5GzNijtwAFyySfTTxObGCR206krJgy0b4cKmJGV/RYYhLbMf9jSB+fEwEqSTWTH2Cf6T5FDPHpDQrpFT5Tes+F6kewIEuTsPeAX3FVoDlXcIicxx3/irEzMzIjpCzDksb35LDGr+6kFa4Fn5FgxUNqTv4D2EHs3b/DdO3M9hscUmbmXdcoWcGvWJ2wRhYQAJsXZ0WrgvKFwC45JiA46yceYS6I27MGpKlQiWuaP+KzYIgqaHL6h0wOfreknQsCSiEeimK49GWeRfG5IV9fJgJzzUW6AI5AQildpeCwZHASsgAmIiReEkplsc6GDzdZlyoAsBh+KDWvI9y+4OituljEuB44GsofWIBgb8q4QSUUaHX+LlN1lT2x10gjc7Ngwsnm/Bg7C7Ua84pGzOoI1fyKFFEUaLYxLaHmuYbpNcjHGIzgO43Mu/Yx8NiakoGmTR5JI3BEy5pGZBdV5FjNKDTnLZuz2sGHuHOczwPyB6X1QPRgPDA7pmofH515HG/Mba+601BiPFMbsQZrkBLvI+H8TpndNDHJGVzJimWDZXSNAO0ZMVFdxQPSuWQGmLN1JTgpge4m9YFBRSZPTdaQXj9FukPVbdl9qt7mh7QVMoQXtfMCoQTkVsMMIkNlFohNN7q1Lt17EOZqkZk+2ATSnyx/I9Ow55J0UtBOvPlH8WbBDcNTvYd3QIdnnXfPlri2bLaFmb1h/uvyob4HPjtx7PaARCtItUuCsyw0PQI/qXYoXOtBwDXIqXSODBV+kHIyygEjyBkj4K/e1Tf262PSI3e61j3I6tC58l+gVDW2nNU4bFJdxqQAX1nAsho1pgtywic7Xsr94+NTlmn6d9GxAn+se4oB4EiRxCR+eKdfDREuLVXIdaL5RFORzJ/Qb7eLQ0z2HxxFHuCTtCtFnuStW7pSKFsd4T7ce+m+V0Xlca6OjNmqiDQ8eZ6Bx2lF34PoNPhp3quOoDeQzbtvpu82nhN48Fx07+HT7cwjXMELAlDFOscd7WfqEQ8jvEj/jJk+AsItdaTqzx1QC+s3CRVYfWQglpnOxKOgx3+rY1xI2A+fpCBJ3/AR1vtKZ2HB1CKGNcjQaFWRY36bKfKk2gU7Ld57a7WeqOnUzYcO5i1QI8Jv3BSqr431K0c3v+JY/ypICLxS6NR2UWzmvQStWf9Slr0Aip4xxRe08uOtYML/cUunqFaGvk5ZiP7Bm1jJNOxDHPyShvDwhVwWBDalLsjAcy4qdDG6wKQux8OAUzNOlgYGfiJvzly6LRNciVbSjHErM1oomX4reVStVyUHyA98+sCVeu1dNhLw2WKuasF9KZcWV4GWtwqKWq0G4VoMzghNJbb6H08z7nPKbGyoKbipFyUoVUrMR5x056Yxw+sGvo9itqpDmXF2bkhkL9cenRSB5Mz+vD72q2K+Pfvi7NZGu5HN3TaIxiAsm69YgneyVW20p4nGevllmaE+mksm6KCOnVXYMJni2qyjfKpgW4WLuOjgjxNvDBLYTSzNx+3wofvNjNE65v75QEvoM7K77/Ne/IuQHzQ/Qc22C93xSx03z4inN9Sycijx944eQXT8MGpW6/jJUTRCq/L3fBWvtR8H+hVpvQsg+iPz17OeXXgR75b1IUdXd6PBW/7uvbLu2s4qjvODaLGvhWG+DMF45zv+ODh4sy15t2nAojR4gKMswKstg+H+W3y7aeGVb/xem+sAHPvCBD3zgA38d/gNe/ezTM/dKVgAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 240px;

  opacity: 0.03;



  pointer-events: none;
}
/* ---------------------------------
   Text
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-master-text {
  position: relative;
  z-index: 1;

  font-size: 17px;
  line-height: 1.9;
  color: var(--emotional-detox-text-dark);
}

/* ---------------------------------
   Responsive
---------------------------------- */
@media (max-width: 991px) {
  .landing-page.service-emotional-detox .emotional-detox-master-card {
    padding: 40px 36px;
  }
}

@media (max-width: 576px) {

  .landing-page.service-emotional-detox .emotional-detox-master-section
  {
    padding: 30px 0;
  }

  .landing-page.service-emotional-detox .emotional-detox-master-title
  {
    margin-bottom: 25px;
    font-size: 1.7rem;
  }

  .landing-page.service-emotional-detox .emotional-detox-master-text
  {
    font-size: 0.95rem;
  }

  .landing-page.service-emotional-detox .emotional-detox-master-grid .col-lg-6
  {
    margin-bottom: 20px;
  }

  .landing-page.service-emotional-detox .emotional-detox-master-card
  {
    padding: 20px 15px;
  }

}


/* =====================================================
   Emotional Detox – Connect With Us (Premium CDA)
   ===================================================== */

.landing-page.service-emotional-detox .emotional-detox-connect-section {
  position: relative;
  background-color: var(--emotional-detox-accent);
  padding: 90px 0;
  overflow: hidden;
}

/* ---------------------------------
   Focus Container
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-connect-box {
  max-width: 760px;
  margin: 0 auto;

  background-color: #ffffff;
  padding: 35px 20px 35px;
  border-radius: 42px 34px 46px 38px;

  text-align: center;

  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.035),
    0 3px 8px rgba(195, 142, 180, 0.06);
}

/* ---------------------------------
   Title
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-connect-title {
  position: relative;

  font-size: 40px;
  font-weight: 600;
  color: var(--emotional-detox-text-dark);

  margin-bottom: 28px;
  padding-bottom: 18px;
}

/* Divider */
.landing-page.service-emotional-detox
.emotional-detox-connect-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);

  width: 110px;
  height: 2px;

  background: linear-gradient(
    to right,
    transparent,
    var(--emotional-detox-primary),
    transparent
  );
}

/* ---------------------------------
   Text
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-connect-text {
  max-width: 600px;
  margin: 0 auto 46px;

  font-size: 18px;
  line-height: 1.9;
  color: var(--emotional-detox-text-muted-dark);
}

/* ---------------------------------
   CTA Action
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-connect-action {
  margin-top: 10px;
}

/* ---------------------------------
   CTA Button (Calm Authority)
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-connect-button {
  position: relative;
  display: inline-block;

  padding: 18px 46px;
  font-size: 16px;
  font-weight: 600;

  color: #ffffff;
  text-decoration: none;

  background-color: var(--emotional-detox-primary);
  border-radius: 32px;

  overflow: hidden;
  isolation: isolate;

  transition: transform 0.3s ease;
}

/* Subtle energy sweep */
.landing-page.service-emotional-detox
.emotional-detox-connect-button::before {
  content: "";
  position: absolute;
  inset: 0;

  background: linear-gradient(
    120deg,
    var(--emotional-detox-primary),
    var(--emotional-detox-accent-strong)
  );

  transform: translateX(-100%);
  transition: transform 0.45s ease;
  z-index: -1;
}

.landing-page.service-emotional-detox
.emotional-detox-connect-button:hover::before {
  transform: translateX(0);
}

.landing-page.service-emotional-detox
.emotional-detox-connect-button:hover {
  transform: translateY(-2px);
}

@media (max-width: 576px) {
    .landing-page.service-emotional-detox .emotional-detox-connect-section {
display: none;
}
}

/* =====================================================
   Emotional Detox – Pricing Section (Final Premium)
   ===================================================== */


/* ---------------------------------
   Headings
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-pricing-title {
  position: relative;
  text-align: center;

  font-size: 40px;
  font-weight: 600;
  color: var(--emotional-detox-text-dark);

  margin-bottom: 22px;
  padding-bottom: 20px;
}

/* Divider */
.landing-page.service-emotional-detox
.emotional-detox-pricing-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);

  width: 110px;
  height: 2px;

  background: linear-gradient(
    to right,
    transparent,
    var(--emotional-detox-primary),
    transparent
  );
}

.landing-page.service-emotional-detox .emotional-detox-pricing-tagline {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: var(--emotional-detox-primary);
  margin-bottom: 22px;
}

.landing-page.service-emotional-detox .emotional-detox-pricing-intro {
  max-width: 840px;
  margin: 0 auto 110px;
  text-align: center;
  font-size: 17px;
  line-height: 1.9;
  color: var(--emotional-detox-text-muted-dark);
}

/* ---------------------------------
   Card Base
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-pricing-card {
  position: relative;
  height: 100%;
  background-color: #ffffff;

  padding: 52px 44px 56px;
  border-radius: 36px 30px 40px 32px;

  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.03),
    0 2px 6px rgba(195, 142, 180, 0.05);

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.landing-page.service-emotional-detox
.emotional-detox-pricing-card:hover {
  transform: translateY(-4px);
}

/* ---------------------------------
   FEATURED OPTION (Option II)
---------------------------------- */
.landing-page.service-emotional-detox
.emotional-detox-pricing-grid > .col-lg-4:nth-child(2)
.emotional-detox-pricing-card {

  transform: translateY(-18px);
  padding-top: 64px;
  padding-bottom: 66px;

  border: 2px solid rgba(195, 142, 180, 0.45);

  box-shadow:
    0 18px 36px rgba(195, 142, 180, 0.18),
    0 6px 14px rgba(0, 0, 0, 0.04);
}

/* ---------------------------------
   Badges (HTML-based)
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-pricing-badge {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);

  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.4px;

  padding: 6px 18px;
  border-radius: 20px;
  white-space: nowrap;
}

/* Badge Variants */
.landing-page.service-emotional-detox
.emotional-detox-pricing-badge--basic {
  background-color: #f3eef1;
  color: var(--emotional-detox-text-muted-dark);
}

.landing-page.service-emotional-detox
.emotional-detox-pricing-badge--featured {
  background-color: var(--emotional-detox-primary);
  color: #ffffff;
}

.landing-page.service-emotional-detox
.emotional-detox-pricing-badge--premium {
  background-color: rgba(195, 142, 180, 0.25);
  color: var(--emotional-detox-text-dark);
}

/* ---------------------------------
   Text Elements
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-pricing-option-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}

.landing-page.service-emotional-detox .emotional-detox-pricing-option-subtitle {
  font-size: 15px;
  color: var(--emotional-detox-text-muted-dark);
  margin-bottom: 20px;
}

.landing-page.service-emotional-detox .emotional-detox-pricing-amount {
  font-size: 34px;
  font-weight: 600;
  color: var(--emotional-detox-primary);
  margin-bottom: 18px;
}

.landing-page.service-emotional-detox .emotional-detox-pricing-for {
  font-size: 15.5px;
  line-height: 1.7;
  margin-bottom: 26px;
}

/*.landing-page.service-emotional-detox .emotional-detox-pricing-feature-list {
  list-style: none;
  padding: 0;
  margin: 32px 0 34px;
}

.landing-page.service-emotional-detox
.emotional-detox-pricing-feature-list li {
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 10px;
}*/

.landing-page.service-emotional-detox
.emotional-detox-pricing-feature-list {
    list-style: none;
    padding: 0;
    margin: 32px 0 34px;
}

.landing-page.service-emotional-detox
.emotional-detox-pricing-feature-list li {
    position: relative;
    padding-left: 22px;
    font-size: 15.5px;
}

.landing-page.service-emotional-detox
.emotional-detox-pricing-feature-list li::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 11px;
    width: 6px;
    height: 6px;
    background: #c38eb4;
    transform: rotate(45deg);
}

.landing-page.service-emotional-detox .emotional-detox-pricing-ideal {
  font-size: 14.5px;
  font-style: italic;
  color: var(--emotional-detox-text-muted-dark);
  margin-bottom: 28px;
}

/* ---------------------------------
   Buttons
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-pricing-button {
  display: inline-block;
  padding: 14px 36px;

  background-color: var(--emotional-detox-primary);
  color: #ffffff;
  text-decoration: none;

  font-size: 15px;
  font-weight: 500;

  border-radius: 28px;
}

/* ---------------------------------
   Closure Line
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-pricing-closure {
  margin-top: 28px;
  font-size: 14.5px;
  color: var(--emotional-detox-text-muted-dark);
}

/* ---------------------------------
   Responsive
---------------------------------- */
@media (max-width: 991px) {
  .landing-page.service-emotional-detox
  .emotional-detox-pricing-card {
    transform: none !important;
  }
}

@media (max-width: 576px) {

    .landing-page.service-emotional-detox .emotional-detox-pricing-title {

     font-size: 1.7rem;
  }


  .landing-page.service-emotional-detox .emotional-detox-pricing-card
  {
    padding: 25px 25px 30px;
  }

}


/* =====================================================
   Emotional Detox – Results Section
   ===================================================== */

.landing-page.service-emotional-detox .emotional-detox-results-section {
  background-color: rgba(230, 183, 200, 0.18);
  padding: 90px 0;
}
/* ---------------------------------
   Wrapper
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-results-row {
  align-items: stretch;
}


/* ---------------------------------
   Card
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-results-card {
  height: 100%;
  text-align: center;

  background-color: #ffffff;
  padding: 56px 52px 60px;

  border-radius: 36px 30px 40px 32px;

  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.03),
    0 2px 6px rgba(195, 142, 180, 0.05);

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}


.landing-page.service-emotional-detox
.emotional-detox-results-card:hover {
  transform: translateY(-6px);
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.06),
    0 6px 14px rgba(195, 142, 180, 0.10);
}


/* ---------------------------------
   Icon
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-results-icon {
  position: relative;

  width: 64px;
  height: 64px;

  margin: 0 auto 26px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background-color: rgba(195, 142, 180, 0.20);
  color: var(--emotional-detox-primary);

  font-size: 26px;

  z-index: 1;
}

.landing-page.service-emotional-detox
.emotional-detox-results-icon::before {
  content: "";
  position: absolute;
  inset: -6px;

  border-radius: 50%;

  border: 1.5px solid rgba(195, 142, 180, 0.45);

  z-index: -1;
}


.landing-page.service-emotional-detox
.emotional-detox-results-icon::after {
  content: "";
  position: absolute;
  inset: -14px;

  border-radius: 50%;

  background: radial-gradient(
    circle,
    rgba(195, 142, 180, 0.25),
    transparent 60%
  );

  opacity: 0.55;
  z-index: -2;

  transition: opacity 0.35s ease;
}
.landing-page.service-emotional-detox
.emotional-detox-results-card:hover
.emotional-detox-results-icon::after {
  opacity: 0.85;
}



/* ---------------------------------
   Title (H2)
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-results-title {
  position: relative;
  font-size: 34px;
  font-weight: 600;
  color: var(--emotional-detox-text-dark);

  margin-bottom: 18px;
  padding-bottom: 18px;
}

.landing-page.service-emotional-detox
.emotional-detox-results-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);

  width: 90px;
  height: 2px;

  background: linear-gradient(
    to right,
    transparent,
    var(--emotional-detox-primary),
    transparent
  );
}

/* ---------------------------------
   Subtitle (H3)
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-results-subtitle {
  position: relative;
  font-size: 28px;
  font-weight: 600;
  color: var(--emotional-detox-text-dark);

  margin-bottom: 18px;
  padding-bottom: 16px;
}

.landing-page.service-emotional-detox
.emotional-detox-results-subtitle::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);

  width: 70px;
  height: 2px;

  background: linear-gradient(
    to right,
    transparent,
    var(--emotional-detox-primary),
    transparent
  );
}

/* ---------------------------------
   Text
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-results-text {
  font-size: 17px;
  line-height: 1.9;
  color: var(--emotional-detox-text-muted-dark);
  max-width: 680px;
  margin: 0 auto;
}

/* ---------------------------------
   Responsive
---------------------------------- */

@media (max-width: 991px) {
  .landing-page.service-emotional-detox
  .emotional-detox-results-card {
    margin-bottom: 40px;
  }
}

@media (max-width: 576px) {

  .landing-page.service-emotional-detox .emotional-detox-results-section{

    padding: 30px 0;
  }

  .landing-page.service-emotional-detox .emotional-detox-results-card {
    padding: 20px;
    margin-bottom: 10px;
  }

  .landing-page.service-emotional-detox .emotional-detox-results-icon
  {
    display: none;
  }

  .landing-page.service-emotional-detox .emotional-detox-results-subtitle
  {
    font-size: 1.7rem;
  }

  .landing-page.service-emotional-detox .emotional-detox-results-text
  {
    font-size: 0.95rem;
  }
}



/* =====================================================
   Emotional Detox – FAQ Section (Final)
   ===================================================== */

.landing-page.service-emotional-detox .emotional-detox-faq-section {
background-color: rgba(230, 183, 200, 0.12);
  padding: 90px 0;
}

/* ---------------------------------
   FAQ Box
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-faq-box {
  max-width: 100%;
}

/* ---------------------------------
   FAQ Title + Divider
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-faq-title {
  position: relative;
  font-size: 38px;
  font-weight: 600;
  color: var(--emotional-detox-text-dark);
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 18px;
}

.landing-page.service-emotional-detox .emotional-detox-faq-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 90px;
    height: 2px;
    background: linear-gradient(
        to right,
        transparent,
        var(--emotional-detox-primary),
        transparent
    );
}

/* ---------------------------------
   Accordion – Reset Bootstrap Look
---------------------------------- */
.landing-page.service-emotional-detox
.emotional-detox-faq-accordion {
  border: none;
}

/* Accordion Item */
.landing-page.service-emotional-detox
.emotional-detox-faq-accordion .accordion-item {
  background-color: #ffffff;
  border: none;

  border-radius: 22px;
  margin-bottom: 16px;

  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.03),
    0 2px 6px rgba(195, 142, 180, 0.05);

  overflow: hidden;
}

/* Accordion Button (Question) */
.landing-page.service-emotional-detox
.emotional-detox-faq-accordion .accordion-button {
  font-size: 16.5px;
  font-weight: 500;
  line-height: 1.6;

  padding: 22px 26px;

  background-color: #ffffff;
  color: var(--emotional-detox-text-dark);

  box-shadow: none;
}

/* Remove Bootstrap arrow, add + / – */
.landing-page.service-emotional-detox
.emotional-detox-faq-accordion .accordion-button::after {
  background-image: none;
  content: "+";
  font-size: 22px;
  font-weight: 400;
  color: var(--emotional-detox-primary);
  transform: none;
}

.landing-page.service-emotional-detox
.emotional-detox-faq-accordion
.accordion-button:not(.collapsed)::after {
  content: "–";
}

/* Focus reset */
.landing-page.service-emotional-detox
.emotional-detox-faq-accordion
.accordion-button:focus {
  box-shadow: none;
}

/* Accordion Body (Answer) */
.landing-page.service-emotional-detox
.emotional-detox-faq-accordion .accordion-body {
  font-size: 15.5px;
  line-height: 1.8;
  color: var(--emotional-detox-text-muted-dark);

  padding: 0 26px 26px;
}

/* ---------------------------------
   Right Side CTA
---------------------------------- */
.landing-page.service-emotional-detox .emotional-detox-faq-cta {
  background-color: rgba(230, 183, 200, 0.18);
  padding: 60px 54px;

  border-radius: 36px 30px 40px 32px;

  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.035),
    0 3px 8px rgba(195, 142, 180, 0.06);
}

.landing-page.service-emotional-detox .emotional-detox-faq-cta-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 18px;
  color: var(--emotional-detox-text-dark);
}

.landing-page.service-emotional-detox .emotional-detox-faq-cta-text {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 32px;
  color: var(--emotional-detox-text-muted-dark);
}

.landing-page.service-emotional-detox .emotional-detox-faq-cta-button {
  display: inline-block;
  padding: 14px 34px;

  background-color: var(--emotional-detox-primary);
  color: #ffffff;
  text-decoration: none;

  font-size: 15px;
  font-weight: 500;
  border-radius: 28px;
}
.landing-page.service-emotional-detox
.emotional-detox-faq-accordion
.accordion-button:not(.collapsed) {
   background-color: rgba(230, 183, 200, 0.18);
  color: var(--emotional-detox-text-dark);
  box-shadow: none;
}

.landing-page.service-emotional-detox
.emotional-detox-faq-accordion
.accordion-button.collapsed {
  background-color: #ffffff !important;
 
  color: var(--emotional-detox-text-dark);
}

.landing-page.service-emotional-detox
.emotional-detox-faq-accordion
.accordion-button:not(.collapsed) {
  background-color: #ffffff !important;
}

.landing-page.service-emotional-detox
.emotional-detox-faq-section
.row {
  align-items: center;
}


.landing-page.service-emotional-detox
.emotional-detox-faq-accordion
.accordion-button::after{
    display:block !important;
    content:"+" !important;
}

.landing-page.service-emotional-detox
.emotional-detox-faq-accordion
.accordion-button:not(.collapsed)::after{
    content:"–" !important;
}
/* ---------------------------------
   Responsive
---------------------------------- */
@media (max-width: 991px) {
  .landing-page.service-emotional-detox .emotional-detox-faq-cta {
    margin-top: 60px;
  }
}

@media (max-width: 576px) {
  .landing-page.service-emotional-detox .emotional-detox-faq-section {

   padding: 30px 0px;
  }

  .landing-page.service-emotional-detox .emotional-detox-faq-title
  {
    text-align: center;
    font-size: 1.7rem;
  }

  .landing-page.service-emotional-detox .emotional-detox-faq-accordion .accordion-button
  {
    font-size: 0.95rem;
    padding: 15px 18px;
  }


}
}



/* =====================================================
   Emotional Detox – Meet The Master Section
   ===================================================== */

.landing-page.service-emotional-detox
.emotional-detox-master-profile-section {
  position: relative;
  background-color: #ffffff;
  padding-bottom: 90px;
}

/* ---------------------------------
   Full Width Image Wrapper
---------------------------------- */
.landing-page.service-emotional-detox
.emotional-detox-master-image-wrapper {
  position: relative;
  width: 100%;
  height: 650px;
  overflow: hidden;
}

/* Image */
.landing-page.service-emotional-detox
.emotional-detox-master-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Soft Overlay for Elegance */
.landing-page.service-emotional-detox
.emotional-detox-master-image-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;

  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.25)
  );
}

/* ---------------------------------
   Profile Content Box
---------------------------------- */
.landing-page.service-emotional-detox
.emotional-detox-master-profile-box {
  position: relative;
  margin-top: -120px;

  background-color: #ffffff;
  padding: 70px 72px;

  border-radius: 42px 36px 48px 40px;

  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.04),
    0 4px 10px rgba(195, 142, 180, 0.06);
}

/* ---------------------------------
   Section Title + Divider
---------------------------------- */
.landing-page.service-emotional-detox
.emotional-detox-master-profile-title {
  position: relative;

  font-size: 40px;
  font-weight: 600;
  color: var(--emotional-detox-text-dark);

  margin-bottom: 36px;
  padding-bottom: 18px;
}

.landing-page.service-emotional-detox
.emotional-detox-master-profile-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;

  width: 110px;
  height: 2px;

  background: linear-gradient(
    to right,
    var(--emotional-detox-primary),
    transparent
  );
}

/* ---------------------------------
   Profile Text
---------------------------------- */
.landing-page.service-emotional-detox
.emotional-detox-master-profile-text {
  font-size: 17px;
  line-height: 1.85;
  color: var(--emotional-detox-text-muted-dark);

  margin-bottom: 26px;
}

/* Remove last margin */
.landing-page.service-emotional-detox
.emotional-detox-master-profile-text:last-child {
  margin-bottom: 0;
}

/* ---------------------------------
   Responsive Adjustments
---------------------------------- */
@media (max-width: 991px) {

  .landing-page.service-emotional-detox
  .emotional-detox-master-image-wrapper {
    height: 360px;
  }

  .landing-page.service-emotional-detox
  .emotional-detox-master-profile-box {
    margin-top: -80px;
    padding: 50px 36px;
  }

  .landing-page.service-emotional-detox
  .emotional-detox-master-profile-title {
    font-size: 32px;
  }
}

@media(max-width: 576px)
{
  .landing-page.service-emotional-detox .emotional-detox-master-profile-section {
  padding: 30px 0;
}

}



.landing-page.service-spiritual-journey {

  /* ---------- Primary Backgrounds ---------- */
  --spiritual-journey-primary: #6B8F71;          /* Sage green (hero / strong sections) */
  --spiritual-journey-soft-bg: #F6F3EE;          /* Warm linen (main light sections) */
  --spiritual-journey-soft-bg-alt: #ECE7DF;      /* Soft clay (alternate sections) */

  /* ---------- Accent Colors ---------- */
  --spiritual-journey-accent: #C8A951;           /* Soft muted gold (dividers, icons) */
  --spiritual-journey-accent-soft: #D6CFAE;      /* Very soft gold (subtle highlights) */

  /* ---------- Text on Dark Background ---------- */
  --spiritual-journey-text-light: #FFFFFF;       /* Text on sage green bg */
  --spiritual-journey-text-muted: #EAEFEA;       /* Muted text on sage green bg */

  /* ---------- Text on Light Background ---------- */
  --spiritual-journey-text-dark: #2F2F2F;        /* Primary readable text */
  --spiritual-journey-text-muted-dark: #5C5C5C;  /* Muted paragraph / meta text */

  /* ---------- Borders & Dividers ---------- */
  --spiritual-journey-border: #D6D0C4;           /* Soft neutral divider */

}

/* =========================================================
   HERO SECTION — FULL WIDTH SPLIT LAYOUT
   ========================================================= */

.landing-page.service-spiritual-journey .spiritual-journey-hero-section {
  width: 100%;
  overflow: hidden;
    background: var(--spiritual-journey-soft-bg);
}

/* ---------- WRAPPER ---------- */
.landing-page.service-spiritual-journey .spiritual-journey-hero-wrapper {
  height: 800px;              /* COMPACT DESKTOP HEIGHT */
  align-items: center;

}

/* Ensure columns stretch equally */
.landing-page.service-spiritual-journey .spiritual-journey-hero-wrapper > [class*="col-"] {
  height: 100%;
}
/* ---------- LEFT CONTENT ---------- */

.landing-page.service-spiritual-journey .spiritual-journey-hero-left {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 40px 60px;   /* 🔑 COMPACT PADDING */
}

.landing-page.service-spiritual-journey .spiritual-journey-hero-box {
  max-width: 560px;
   margin: 0 auto;
}

.landing-page.service-spiritual-journey .spiritual-journey-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1.8px;
  text-transform: uppercase;

  color: var(--spiritual-journey-text-muted-dark);
  opacity: 0.85;

  margin-bottom: 18px;
  position: relative;
}

/* Decorative divider before eyebrow */
.landing-page.service-spiritual-journey .spiritual-journey-hero-eyebrow::before {
  content: "";
  width: 36px;
  height: 1px;
  background: var(--spiritual-journey-accent);
  display: inline-block;
}
.landing-page.service-spiritual-journey .spiritual-journey-hero-statement {
  font-size: 17px;
  font-style: italic;
  font-weight: 400;

  color: var(--spiritual-journey-text-muted-dark);

  margin-top: 16px;
  margin-bottom: 28px;

  padding-left: 16px;
  position: relative;
}

.landing-page.service-spiritual-journey .spiritual-journey-hero-statement::before {
  content: "“";
  position: absolute;
  left: 0;
  top: -6px;

  font-size: 28px;
  line-height: 1;
  color: var(--spiritual-journey-accent);
  opacity: 0.8;
}
/* ---------- HERO DIVIDER ---------- */

.landing-page.service-spiritual-journey .spiritual-journey-hero-divider {
  position: relative;
  width: 72px;
  height: 1px;
  background: var(--spiritual-journey-accent);
  margin: 26px 0 30px 0;
}

.landing-page.service-spiritual-journey .spiritual-journey-hero-divider::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  background: var(--spiritual-journey-accent);
  border-radius: 50%;
  transform: translateY(-50%);
}


.landing-page.service-spiritual-journey .spiritual-journey-hero-title {
  font-size: 52px;
  line-height: 1.15;
  color: var(--spiritual-journey-primary);
  margin-bottom: 8px;
}


.landing-page.service-spiritual-journey .spiritual-journey-hero-subtitle {
  font-size: 22px;
  color: var(--spiritual-journey-primary);
  margin-bottom: 26px;
}

.landing-page.service-spiritual-journey .spiritual-journey-hero-quote {
  font-size: 18px;
  font-style: italic;
  color: var(--spiritual-journey-text-muted-dark);
  margin: 30px 0;
  padding-left: 18px;
  border-left: 3px solid var(--spiritual-journey-accent);
}

.landing-page.service-spiritual-journey .spiritual-journey-hero-content p {
  font-size: 16px;
  line-height: 1.8;
  color: var(--spiritual-journey-text-dark);
  margin-bottom: 38px;
}

/* ---------- CTA ---------- */

.landing-page.service-spiritual-journey .spiritual-journey-hero-btn {
  display: inline-block;
  padding: 14px 38px;
  background: var(--spiritual-journey-primary);
  color: var(--spiritual-journey-text-light);
  border-radius: 40px;
  text-decoration: none;
  font-size: 15px;
  transition: all 0.3s ease;
}

.landing-page.service-spiritual-journey .spiritual-journey-hero-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

/* ---------- RIGHT IMAGE ---------- */

.landing-page.service-spiritual-journey .spiritual-journey-hero-right {
  height: 100%;
  background-image: url("../img/landing-pages/spiritual-journey5.jpg");
  background-size: auto 110%;
  background-position: 150% center;
  background-repeat: no-repeat;
  /* Subtle parallax */
  background-attachment: fixed;
  /* Your border idea (kept) */
  border-radius: 20% 0 0 0;
   position: relative;
  overflow: hidden; /* IMPORTANT for shadow containment */
}


.landing-page.service-spiritual-journey .spiritual-journey-hero-right::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to left,
    rgba(0, 0, 0, 0) 60%,
    rgba(0, 0, 0, 0.15) 85%,
    rgba(0, 0, 0, 0.25) 100%
  );

  pointer-events: none;
}


/* Large screens */
@media (max-width: 1400px) {
  .landing-page.service-spiritual-journey .spiritual-journey-hero-wrapper {
    height: 720px;
  }
}

/* Tablets */
@media (max-width: 992px) {
  .landing-page.service-spiritual-journey .spiritual-journey-hero-wrapper {
    height: auto;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-hero-left {
    padding: 60px 40px;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-hero-right {
    height: 360px;
    border-radius: 20% 20% 0 0;
    background-attachment: scroll; /* disable parallax */
  }
}
@media (max-width: 992px) {
  .landing-page.service-spiritual-journey .spiritual-journey-hero-right {
    background-size: auto 100%;
    background-position: center center;
    border-radius: 18% 18% 0 0;
  }
}

/* Mobile */
@media (max-width: 576px) {
  .landing-page.service-spiritual-journey .spiritual-journey-hero-wrapper {
    height: auto;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-hero-left {
    padding: 40px 24px;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-hero-eyebrow{

    display: none;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-hero-title
  {
    font-size: 1.7rem;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-hero-statement
  {
    margin-top: 5px;
    margin-bottom: 0;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-hero-divider
  {
    margin: 5px 0 15px 0
  }

  .landing-page.service-spiritual-journey .spiritual-journey-hero-content p
  {
    font-size: 0.95rem;
    margin-bottom: 10px;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-hero-right {
    height: 260px;
    border-radius: 18% 18% 0 0;
    background-attachment: scroll;
    display: none;
  }
}




/* =========================================================
   KARMIC CODE SECTION — DESIGN
   ========================================================= */

.landing-page.service-spiritual-journey .spiritual-journey-karmic-code-section {
  padding: 90px 0;
  background: #ffffff; /* separation from hero */
  position: relative;
}

/* ---------- BOX ---------- */

.landing-page.service-spiritual-journey .spiritual-journey-karmic-code-box {
  max-width: 780px;
  margin: 0 auto;
  text-align: center;
}

/* ---------- TITLE ---------- */

.landing-page.service-spiritual-journey .spiritual-journey-karmic-code-title {
  font-size: 38px;
  color: var(--spiritual-journey-primary);
  margin-bottom: 24px;
  position: relative;
}

/* subtle underline */
.landing-page.service-spiritual-journey .spiritual-journey-karmic-code-divider {
  position: relative;
  width: 72px;
  height: 1px;
  background: var(--spiritual-journey-accent);
  margin: 22px auto 34px auto;
}

.landing-page.service-spiritual-journey .spiritual-journey-karmic-code-divider::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  background: var(--spiritual-journey-accent);
  border-radius: 50%;
  transform: translateY(-50%);
}

/* ---------- CONTENT ---------- */

.landing-page.service-spiritual-journey .spiritual-journey-karmic-code-content p {
  font-size: 17px;
  line-height: 1.8;
  color: var(--spiritual-journey-text-muted-dark);
  margin: 32px 0 48px;
}

/* ---------- CTA ---------- */

.landing-page.service-spiritual-journey .spiritual-journey-karmic-code-cta 
{
  text-align: center;
}

.landing-page.service-spiritual-journey .spiritual-journey-karmic-code-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 14px 36px;
  border-radius: 40px;

  background: transparent;
  color: var(--spiritual-journey-primary);

  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-decoration: none;

  border: 1px solid var(--spiritual-journey-primary);
  transition: all 0.3s ease;
}

/* icon styling */
.landing-page.service-spiritual-journey .spiritual-journey-karmic-code-btn i {
  font-size: 16px;
  color: var(--spiritual-journey-accent);
  transition: transform 0.3s ease;
}

/* hover — gentle, not salesy */
.landing-page.service-spiritual-journey .spiritual-journey-karmic-code-btn:hover {
  background: var(--spiritual-journey-primary);
  color: var(--spiritual-journey-text-light);
}

.landing-page.service-spiritual-journey .spiritual-journey-karmic-code-btn:hover i {
  color: var(--spiritual-journey-text-light);
  transform: rotate(-8deg);
}

/* ---------- RESPONSIVE ---------- */

@media (max-width: 768px) {
  .landing-page.service-spiritual-journey .spiritual-journey-karmic-code-section {
    padding: 70px 0;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-karmic-code-title {
    font-size: 32px;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-karmic-code-content p {
    font-size: 16px;
  }
}


@media (max-width: 576px) {
  .landing-page.service-spiritual-journey .spiritual-journey-karmic-code-section {
    padding: 30px 0;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-karmic-code-title {
    font-size: 1.7rem;
    margin-bottom: 10px
  }

  .landing-page.service-spiritual-journey .spiritual-journey-karmic-code-divider
  {
    margin: 10px auto 10px auto;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-karmic-code-content {
    font-size: 0.95rem;
  }
}


/* =========================================================
   EXPECTED BENEFITS SECTION
   ========================================================= */

.landing-page.service-spiritual-journey .spiritual-journey-expected-benefits-section {
  background: var(--spiritual-journey-soft-bg);
  padding: 90px 0 100px;
}

.landing-page.service-spiritual-journey .spiritual-journey-expected-benefits-box {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}

/* ---------- TITLE ---------- */

.landing-page.service-spiritual-journey .spiritual-journey-expected-benefits-title {
  font-size: 36px;
  color: var(--spiritual-journey-primary);
  margin-bottom: 18px;
  position: relative;
}

/* ---------- DIVIDER (SAME AS KARMIC / HERO) ---------- */

.landing-page.service-spiritual-journey .spiritual-journey-expected-benefits-divider {
  position: relative;
  width: 72px;
  height: 1px;
  background: var(--spiritual-journey-accent);
  margin: 22px auto 34px auto;
}

.landing-page.service-spiritual-journey .spiritual-journey-expected-benefits-divider::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  background: var(--spiritual-journey-accent);
  border-radius: 50%;
  transform: translateY(-50%);
}
/* ---------- BENEFITS LIST ---------- */

.landing-page.service-spiritual-journey .spiritual-journey-expected-benefits-list {
  list-style: none;
  padding: 0;
  margin: 0;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px 80px;
  text-align: left;
}

/* ---------- LIST ITEM ---------- */

.landing-page.service-spiritual-journey .spiritual-journey-expected-benefits-list li {
  position: relative;
  padding-left: 28px;
  font-size: 18px;
  line-height: 1.7;
  color: var(--spiritual-journey-text-dark);
}

/* ---------- SOFT SPIRITUAL BULLET ---------- */

.landing-page.service-spiritual-journey .spiritual-journey-expected-benefits-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 8px;
  height: 8px;
  background: var(--spiritual-journey-primary);
  border-radius: 50%;
  opacity: 0.9;
}

/* ---------- SUBTLE HOVER (OPTIONAL, CALM) ---------- */

.landing-page.service-spiritual-journey .spiritual-journey-expected-benefits-list li:hover {
  transform: translateX(2px);
  transition: transform 0.25s ease;
}

/* ---------- RESPONSIVE ---------- */

@media (max-width: 768px) {
  .landing-page.service-spiritual-journey
  .spiritual-journey-expected-benefits-list {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .landing-page.service-spiritual-journey
  .spiritual-journey-expected-benefits-section {
    padding: 70px 0 80px;
  }
}

@media (max-width: 576px) {

  .landing-page.service-spiritual-journey
  .spiritual-journey-expected-benefits-section {
    padding: 30px 0; 
  }

  .landing-page.service-spiritual-journey
  .spiritual-journey-expected-benefits-list {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-expected-benefits-list li
  {
    font-size: 0.95rem;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-expected-benefits-title
  {
    font-size: 1.7rem;
    margin-bottom: 10px;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-expected-benefits-divider
  {
    margin: 10px auto 10px auto;
  }
  
}



/* =========================================================
   UNIVERSAL FAITH CTA SECTION
   ========================================================= */

.landing-page.service-spiritual-journey .spiritual-journey-universal-faith-section {
  padding: 90px 0;
  background: #ffffff; /* clean separation from previous section */
}

/* ---------- BOX ---------- */

.landing-page.service-spiritual-journey .spiritual-journey-universal-faith-box {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

/* ---------- TITLE ---------- */

.landing-page.service-spiritual-journey .spiritual-journey-universal-faith-title {
  font-size: 34px;
  line-height: 1.25;
  color: var(--spiritual-journey-primary);
  margin-bottom: 18px;
}

/* ---------- DIVIDER (SAME SYSTEM) ---------- */

.landing-page.service-spiritual-journey .spiritual-journey-universal-faith-divider {
  position: relative;
  width: 72px;
  height: 1px;
  background: var(--spiritual-journey-accent);
  margin: 22px auto 34px auto;
}

.landing-page.service-spiritual-journey .spiritual-journey-universal-faith-divider::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  background: var(--spiritual-journey-accent);
  border-radius: 50%;
  transform: translateY(-50%);
}

/* ---------- CONTENT ---------- */

.landing-page.service-spiritual-journey .spiritual-journey-universal-faith-content p {
  font-size: 17px;
  line-height: 1.8;
  color: var(--spiritual-journey-text-muted-dark);
  max-width: 680px;
  margin: 0 auto 44px auto;
}

/* ---------- CTA ---------- */

.landing-page.service-spiritual-journey .spiritual-journey-universal-faith-cta {
  margin-top: 10px;
}

.landing-page.service-spiritual-journey .spiritual-journey-universal-faith-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 14px 36px;
  border-radius: 999px;

  background: var(--spiritual-journey-primary);
  color: var(--spiritual-journey-text-light);
  text-decoration: none;

  font-size: 15px;
  letter-spacing: 0.4px;

  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* ---------- CTA HOVER (CALM, NOT SALESY) ---------- */

.landing-page.service-spiritual-journey .spiritual-journey-universal-faith-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.12);
}

@media (max-width: 576px) {

  .landing-page.service-spiritual-journey .spiritual-journey-universal-faith-section {

    padding: 30px 0;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-universal-faith-title
  {
    font-size: 1.7rem;
    margin-bottom: 10px;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-universal-faith-divider
  {
    margin: 10px auto 10px auto;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-universal-faith-content p
  {
    font-size: 0.95rem;
    margin:0;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-universal-faith-cta
  {
    display: none;
  }

}



/* ==================================================
   SPIRITUAL JOURNEY – SAFETY GUIDELINES (TABS)
   ================================================== */

.landing-page.service-spiritual-journey
.spiritual-journey-safety-guidelines-section {
  background: var(--spiritual-journey-soft-bg);
  padding: 90px 0;
}

/* ---------------------------
   Section Box
---------------------------- */

/* ---------------------------
   Section Title
---------------------------- */
.landing-page.service-spiritual-journey
.spiritual-journey-safety-guidelines-title {
  font-size: 34px;
  font-weight: 600;
  color: var(--spiritual-journey-primary);
  text-align: center;
  margin-bottom: 14px;
  letter-spacing: 0.3px;
}

.landing-page.service-spiritual-journey
.spiritual-journey-safety-guidelines-divider {
  position: relative;
  width: 72px;
  height: 1px;
  background: var(--spiritual-journey-accent);
  margin: 22px auto 60px;
  opacity: 0.9;
}

/* Accent Dot */
.landing-page.service-spiritual-journey
.spiritual-journey-safety-guidelines-divider::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  background: var(--spiritual-journey-accent);
  border-radius: 50%;
  transform: translateY(-50%);
}


/* ---------------------------
   Tabs Wrapper
---------------------------- */
.landing-page.service-spiritual-journey
.spiritual-journey-safety-guidelines-tabs {
  display: flex;
  justify-content: center;
  gap: 12px;
  border-bottom: none;
  margin-bottom: 0;
}

/* ---------------------------
   Individual Tab
---------------------------- */
.landing-page.service-spiritual-journey
.spiritual-journey-safety-guidelines-tab {
  background: var(--spiritual-journey-primary);
  border: 1px solid var(--spiritual-journey-border);
  border-bottom: none;
  border-radius: 14px 14px 0 0;
  padding: 18px 30px;
  font-size: 17px;
  font-weight: 500;
  color: var(--spiritual-journey-text-light);
  transition: all 0.35s ease;
  position: relative;
}

/* Hover */
.landing-page.service-spiritual-journey
.spiritual-journey-safety-guidelines-tab:hover {
  color: var(--spiritual-journey-text-dark);
  background: #ffffff;
}

/* Active Tab */
.landing-page.service-spiritual-journey
.spiritual-journey-safety-guidelines-tab.active {
background: #fff;
  color: var(--spiritual-journey-text-dark);
  border-color: var(--spiritual-journey-primary);
  z-index: 3;
  box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.06);
}



/* ---------------------------
   Tab Content Wrapper
---------------------------- */
.landing-page.service-spiritual-journey
.spiritual-journey-safety-guidelines-content {
  background: #fff;
  border-radius: 18px;
  padding: 48px 52px;
  border: 1px solid var(--spiritual-journey-primary);
  margin-top: -1px; /* merge with tab */
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.08);
}

/* ---------------------------
   Content Card (Pane)
---------------------------- */
.landing-page.service-spiritual-journey
.spiritual-journey-health-parameters-pane,
.landing-page.service-spiritual-journey
.spiritual-journey-mantra-sharing-pane {
  background: transparent;
  border: none;
  padding: 0;
}

/* ---------------------------
   Paragraph Styling
---------------------------- */
.landing-page.service-spiritual-journey
.spiritual-journey-health-parameters-content p,
.landing-page.service-spiritual-journey
.spiritual-journey-mantra-sharing-content p {
  font-size: 16.8px;
  line-height: 1.85;
  color: var(--spiritual-journey-text-dark);
  margin-bottom: 20px;
}

/* Emphasis inside content */
.landing-page.service-spiritual-journey
.spiritual-journey-mantra-sharing-content p strong {
 display: block;
  font-size: 17px;
  font-weight: 600;
  color: var(--spiritual-journey-text-dark);
  margin: 26px 0 8px;
}

/* ---------------------------
   Mobile Refinements
---------------------------- */
@media (max-width: 768px) {

  .landing-page.service-spiritual-journey
  .spiritual-journey-safety-guidelines-tabs {
    flex-direction: column;
  }

  .landing-page.service-spiritual-journey
  .spiritual-journey-safety-guidelines-tab {
    border-radius: 14px;
    border-bottom: 1px solid var(--spiritual-journey-border);
  }

  .landing-page.service-spiritual-journey
  .spiritual-journey-safety-guidelines-content {
    padding: 32px 26px;
  }
}

@media (max-width: 576px) {


.landing-page.service-spiritual-journey .spiritual-journey-safety-guidelines-section {

  padding: 30px 0;
}

.landing-page.service-spiritual-journey .spiritual-journey-safety-guidelines-title
{
  font-size: 1.7rem;
  margin-bottom: 10px;
}

.landing-page.service-spiritual-journey .spiritual-journey-safety-guidelines-divider
{
  margin: 10px auto 10px auto;
}

.landing-page.service-spiritual-journey .spiritual-journey-safety-guidelines-tabs
{
   margin-top: 40px;
  margin-bottom: 30px;
}

.landing-page.service-spiritual-journey .spiritual-journey-safety-guidelines-tab
{
  padding: 15px 30px;
  width: 100%;
}

.landing-page.service-spiritual-journey .spiritual-journey-safety-guidelines-content
{
  padding: 17px 10px;
}

.landing-page.service-spiritual-journey .spiritual-journey-safety-guidelines-content p
{
  font-size: 0.95rem;
}

}


/* =========================================================
   SPIRITUAL JOURNEY – PROCESS (EDITORIAL FLOW)
   ========================================================= */

.landing-page.service-spiritual-journey
.spiritual-journey-process-section {
  background: #ffffff;
  padding: 90px 0;
}

/* ---------------------------
   Section Box
---------------------------- */
.landing-page.service-spiritual-journey
.spiritual-journey-process-box {
  max-width: 980px;
  margin: 0 auto;
}

/* ---------------------------
   Title
---------------------------- */
.landing-page.service-spiritual-journey
.spiritual-journey-process-title {
  text-align: center;
  font-size: 38px;
  font-weight: 600;
  color: var(--spiritual-journey-primary);
  margin-bottom: 14px;
}

/* ---------------------------
   Divider
---------------------------- */
.landing-page.service-spiritual-journey
.spiritual-journey-process-timeline-divider {
  position: relative;
  width: 72px;
  height: 1px;
  background: var(--spiritual-journey-accent);
  margin: 22px auto 70px;
}

.landing-page.service-spiritual-journey
.spiritual-journey-process-timeline-divider::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  background: var(--spiritual-journey-accent);
  border-radius: 50%;
  transform: translateY(-50%);
}

/* ---------------------------
   Timeline Wrapper
---------------------------- */
.landing-page.service-spiritual-journey
.spiritual-journey-process-timeline {
  position: relative;
  padding-left: 64px;
}

/* Vertical Spine */
.landing-page.service-spiritual-journey
.spiritual-journey-process-timeline::before {
  content: "";
  position: absolute;
  left: 70px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--spiritual-journey-border);
}

/* ---------------------------
   Step
---------------------------- */
.landing-page.service-spiritual-journey
.spiritual-journey-process-step {
  position: relative;
  display: flex;
  gap: 36px;
  padding-bottom: 64px;
}

.landing-page.service-spiritual-journey
.spiritual-journey-process-step:last-child {
  padding-bottom: 0;
}

/* ---------------------------
   Marker (Minimal & Mature)
---------------------------- */
.landing-page.service-spiritual-journey
.spiritual-journey-process-step-marker {
  width: 16px;
  height: 16px;
  background: #ffffff;
  border: 2px solid var(--spiritual-journey-accent);
  border-radius: 50%;
  position: relative;
  z-index: 2;
  margin-top: 6px;
}

.landing-page.service-spiritual-journey
.spiritual-journey-process-step-marker::after {
  content: "";
  position: absolute;
  inset: 4px;
  background: var(--spiritual-journey-accent);
  border-radius: 50%;
}

/* ---------------------------
   Step Content (NO CARD)
---------------------------- */
.landing-page.service-spiritual-journey
.spiritual-journey-process-step-content {
  max-width: 760px;
}

/* ---------------------------
   Step Title
---------------------------- */
.landing-page.service-spiritual-journey
.spiritual-journey-process-step-title {
  font-size: 22px;
  font-weight: 600;
  color: var(--spiritual-journey-primary);
  margin-bottom: 12px;
}

/* ---------------------------
   Step Text
---------------------------- */
.landing-page.service-spiritual-journey
.spiritual-journey-process-step-content p {
  font-size: 17px;
  line-height: 1.9;
  color: var(--spiritual-journey-text-muted-dark);
  margin: 0;
}

/* ---------------------------
   Mobile Refinement
---------------------------- */
@media (max-width: 768px) {

  .landing-page.service-spiritual-journey
  .spiritual-journey-process-timeline {
    padding-left: 44px;
  }

  .landing-page.service-spiritual-journey
  .spiritual-journey-process-step {
    gap: 24px;
    padding-bottom: 48px;
  }

  .landing-page.service-spiritual-journey
  .spiritual-journey-process-step-title {
    font-size: 20px;
  }

  .landing-page.service-spiritual-journey
  .spiritual-journey-process-step-content p {
    font-size: 16.5px;
  }
}

@media (max-width: 576px) {

  .landing-page.service-spiritual-journey .spiritual-journey-process-section{

    padding: 30px 0;
  }
  .landing-page.service-spiritual-journey .spiritual-journey-process-title
  {
    font-size: 1.7rem;
    margin-bottom: 10px;
  }



  .landing-page.service-spiritual-journey .spiritual-journey-process-timeline-divider
  {
    margin: 10px auto 10px auto;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-process-step-marker
  {
    display: none;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-process-timeline::before
  {
    display: none;
  }


  .landing-page.service-spiritual-journey
  .spiritual-journey-process-timeline {
    padding-left: 0;
  }

  .landing-page.service-spiritual-journey
  .spiritual-journey-process-step {
    gap: 24px;
    padding-bottom: 20px;
  }

  .landing-page.service-spiritual-journey
  .spiritual-journey-process-step-title {
    font-size: 20px;
  }

  .landing-page.service-spiritual-journey
  .spiritual-journey-process-step-content p {
    font-size: 0.95rem;
  }
}

/* =====================================================
   MASTER GUIDANCE – PREMIUM EDITORIAL DESIGN
===================================================== */

.landing-page.service-spiritual-journey
.spiritual-journey-master-guidance-section {
  background: linear-gradient(
    180deg,
    var(--spiritual-journey-soft-bg),
    var(--spiritual-journey-soft-bg-alt)
  );
  padding:90px 0;
}

.landing-page.service-spiritual-journey
.spiritual-journey-master-guidance-box {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

/* ---------- Title ---------- */
.landing-page.service-spiritual-journey
.spiritual-journey-master-guidance-title {
  font-size: 42px;
  font-weight: 500;
  letter-spacing: 0.3px;
  color: var(--spiritual-journey-text-dark);
  margin-bottom: 18px;
}

/* ---------- Divider ---------- */
.landing-page.service-spiritual-journey
.spiritual-journey-master-guidance-divider {
  position: relative;
  width: 72px;
  height: 1px;
  background: var(--spiritual-journey-accent);
  margin: 22px auto 80px;
}

.landing-page.service-spiritual-journey
.spiritual-journey-master-guidance-divider::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  background: var(--spiritual-journey-accent);
  border-radius: 50%;
  transform: translateY(-50%);
}

/* ---------- Content Wrapper ---------- */
.landing-page.service-spiritual-journey
.spiritual-journey-master-guidance-content {
  margin-top: 10px;
}

/* ---------- Cards ---------- */
.landing-page.service-spiritual-journey
.spiritual-journey-master-guidance-card {
  height: 100%;
  padding: 36px 34px;
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid var(--spiritual-journey-border);
  border-radius: 14px;
  text-align: left;
  position: relative;
  transition: all 0.35s ease;
}

/* Gold accent strip */
.landing-page.service-spiritual-journey
.spiritual-journey-master-guidance-card::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 0;
  width: 4px;
  height: calc(100% - 36px);
  background: var(--spiritual-journey-accent);
  border-radius: 0 4px 4px 0;
  opacity: 0.65;
}

/* Hover refinement */
.landing-page.service-spiritual-journey
.spiritual-journey-master-guidance-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
  background: #ffffff;
}

/* ---------- Paragraphs ---------- */
.landing-page.service-spiritual-journey
.spiritual-journey-master-guidance-card p {
  margin: 0;
  font-size: 17px;
  line-height: 1.8;
  color: var(--spiritual-journey-text-muted-dark);
}

/* ---------- Conclusion Card ---------- */
.landing-page.service-spiritual-journey
.spiritual-journey-master-guidance-card--conclusion {
  background: linear-gradient(
    135deg,
    var(--spiritual-journey-primary),
    #5f8366
  );
    transform: translateY(-6px);
  border: none;
}

.landing-page.service-spiritual-journey
.spiritual-journey-master-guidance-card--conclusion:hover {
  background: linear-gradient(
    135deg,
    #5e8367,
    #4f6f58
  );
}

/* Ensure text always stays visible */
.landing-page.service-spiritual-journey
.spiritual-journey-master-guidance-card--conclusion:hover p {
  color: var(--spiritual-journey-text-light);
}

.landing-page.service-spiritual-journey
.spiritual-journey-master-guidance-card--conclusion::before {
  background: var(--spiritual-journey-accent-soft);
}

.landing-page.service-spiritual-journey
.spiritual-journey-master-guidance-card--conclusion p {
  color: var(--spiritual-journey-text-light);
}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
  .landing-page.service-spiritual-journey
  .spiritual-journey-master-guidance-title {
    font-size: 34px;
  }
}

@media (max-width: 576px) {
  .landing-page.service-spiritual-journey
  .spiritual-journey-master-guidance-section {
    padding: 30px 0;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-master-guidance-title
  {
    font-size: 1.7rem;
    margin-bottom: 10px;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-master-guidance-divider
  {
    margin: 10px auto 20px auto;
  }

  .landing-page.service-spiritual-journey
  .spiritual-journey-master-guidance-card {
    padding: 15px 18px;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-master-guidance-card p
  {
    font-size: 0.95rem;
  }
}


/* =====================================================
   CONNECT CTA SECTION – FULL FINAL CSS
===================================================== */

.landing-page.service-spiritual-journey
.spiritual-journey-connect-section {
  position: relative;
  padding: 90px 0;
  background: linear-gradient(
    180deg,
    var(--spiritual-journey-primary),
    #5f8366
  );
  overflow: hidden;
}

/* Ambient radial glow (eye magnet, very subtle) */
.landing-page.service-spiritual-journey
.spiritual-journey-connect-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at center,
    rgba(255, 255, 255, 0.08),
    transparent 65%
  );
  pointer-events: none;
}

/* ---------------- Box ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-connect-box {
  max-width: 920px;
  margin: 0 auto;
  text-align: center;
}

/* Inner focus layer (glass + depth) */
.landing-page.service-spiritual-journey
.spiritual-journey-connect-inner {
  padding: 35px 60px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(2px);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.08),
    0 40px 90px rgba(0, 0, 0, 0.18);
}

/* ---------------- Title ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-connect-title {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0.3px;
  color: var(--spiritual-journey-text-light);
  margin-bottom: 18px;
}

/* ---------------- Divider ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-connect-divider {
  position: relative;
  width: 72px;
  height: 1px;
  background: var(--spiritual-journey-accent);
  margin: 22px auto 35px;
}

.landing-page.service-spiritual-journey
.spiritual-journey-connect-divider::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  background: var(--spiritual-journey-accent);
  border-radius: 50%;
  transform: translateY(-50%);
}

/* ---------------- Content ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-connect-content p {
  max-width: 720px;
  margin: 0 auto 55px;
  font-size: 17px;
  line-height: 1.85;
  color: var(--spiritual-journey-text-muted);
}

/* ---------------- CTA Button ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-connect-btn {
  position: relative;
  display: inline-block;
  padding: 16px 44px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-decoration: none;
  color: var(--spiritual-journey-text-dark);
  background: var(--spiritual-journey-accent);
  border-radius: 50px;
  transition: all 0.35s ease;
  z-index: 1;
}

/* CTA halo */
.landing-page.service-spiritual-journey
.spiritual-journey-connect-btn::before {
  content: "";
  position: absolute;
  inset: -12px;
  background: radial-gradient(
    circle,
    rgba(200, 169, 81, 0.45),
    transparent 65%
  );
  border-radius: 60px;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: -1;
}

/* Hover state */
.landing-page.service-spiritual-journey
.spiritual-journey-connect-btn:hover {
  transform: translateY(-4px) scale(1.03);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.25);
  color: var(--spiritual-journey-text-dark);
}

.landing-page.service-spiritual-journey
.spiritual-journey-connect-btn:hover::before {
  opacity: 1;
}

/* ---------------- Responsive ---------------- */

@media (max-width: 991px) {
  .landing-page.service-spiritual-journey
  .spiritual-journey-connect-title {
    font-size: 34px;
  }
}

@media (max-width: 767px) {
  .landing-page.service-spiritual-journey
  .spiritual-journey-connect-inner {
    padding: 50px 26px;
  }

  .landing-page.service-spiritual-journey
  .spiritual-journey-connect-content p {
    font-size: 16px;
  }
}

@media (max-width: 576px) {

  .landing-page.service-spiritual-journey .spiritual-journey-connect-section
  {
    display: none;
  }

  .landing-page.service-spiritual-journey
  .spiritual-journey-connect-inner {
    padding: 50px 26px;
  }

  .landing-page.service-spiritual-journey
  .spiritual-journey-connect-content p {
    font-size: 16px;
  }
}



/* =====================================================
   PRICING SECTION – FINAL REFINED
===================================================== */

.landing-page.service-spiritual-journey .spiritual-journey-pricing-section {
  padding: 90px 0;
 /* background: linear-gradient(
    180deg,
    var(--spiritual-journey-soft-bg),
    var(--spiritual-journey-soft-bg-alt)
  );*/
  background: var(--spiritual-journey-soft-bg);
}

/* ---------------- Container ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-pricing-box {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

/* ---------------- Title & Intro ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-pricing-title {
  font-size: 42px;
  font-weight: 500;
  color: var(--spiritual-journey-primary);
  margin-bottom: 16px;
}

.landing-page.service-spiritual-journey
.spiritual-journey-pricing-divider {
   position: relative;
  width: 72px;
  height: 1px;
  background: var(--spiritual-journey-accent);
  margin: 22px auto 35px;
}
.landing-page.service-spiritual-journey
.spiritual-journey-pricing-divider::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  background: var(--spiritual-journey-accent);
  border-radius: 50%;
  transform: translateY(-50%);
}

.landing-page.service-spiritual-journey
.spiritual-journey-pricing-subtitle {
  font-size: 18px;
  margin-bottom: 30px;
  color: var(--spiritual-journey-text-muted-dark);
}

.landing-page.service-spiritual-journey
.spiritual-journey-pricing-intro {
  max-width: 820px;
  margin: 0 auto 80px;
  font-size: 17px;
  line-height: 1.85;
  color: var(--spiritual-journey-text-muted-dark);
}

/* ---------------- Cards ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-pricing-card {
  position: relative;
  height: 100%;
  padding: 52px 18px;
  background: #ffffff;
  border-radius: 22px;
  border: 1px solid var(--spiritual-journey-border);
  text-align: left;
  box-shadow: 0 25px 60px rgba(0,0,0,0.08);
  transition: all 0.35s ease;
}

.landing-page.service-spiritual-journey
.spiritual-journey-pricing-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 35px 80px rgba(0,0,0,0.12);
}

/* Recommended card */
.landing-page.service-spiritual-journey
.spiritual-journey-pricing-card--recommended {
  border: 2px solid var(--spiritual-journey-accent);
  background: linear-gradient(180deg, #ffffff, #fbfaf7);
  transform: translateY(-18px);
}

/* ---------------- Badge ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-pricing-badge {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 22px;
  background: var(--spiritual-journey-accent-soft);
  color: var(--spiritual-journey-text-dark);
  font-size: 13px;
  border-radius: 50px;
}

.landing-page.service-spiritual-journey
.spiritual-journey-pricing-badge--highlight {
  background: var(--spiritual-journey-accent);
}

/* ---------------- Text ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-pricing-option-title {
  font-size: 20px;
  margin-bottom: 10px;
}

.landing-page.service-spiritual-journey
.spiritual-journey-pricing-option-tagline {
  font-style: italic;
  margin-bottom: 26px;
  color: var(--spiritual-journey-text-muted-dark);
}

.landing-page.service-spiritual-journey
.spiritual-journey-pricing-amount {
  font-size: 34px;
  margin-bottom: 26px;
  color: var(--spiritual-journey-primary);
}

/* ---------------- Features ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-pricing-features {
  list-style: none;
  padding-left: 0;
  margin-bottom: 30px;
}

.landing-page.service-spiritual-journey
.spiritual-journey-pricing-features li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 14px;
  line-height: 1.7;
}

.landing-page.service-spiritual-journey
.spiritual-journey-pricing-features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  background: var(--spiritual-journey-accent);
  border-radius: 50%;
}

/* ---------------- CTA ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-pricing-cta {
  text-align: center;
  margin-top: 30px;
}

.landing-page.service-spiritual-journey
.spiritual-journey-pricing-btn {
  padding: 14px 36px;
  background: var(--spiritual-journey-accent);
  color: var(--spiritual-journey-text-dark);
  border-radius: 50px;
  text-decoration: none;
}

/* ---------------- Closing ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-pricing-closing {
  max-width: 820px;
  margin: 90px auto 0;
  font-size: 17px;
  line-height: 1.85;
  color: var(--spiritual-journey-text-muted-dark);
}


/* =====================================================
   RESULTS SECTION – EDITORIAL / TRUST BLOCK
===================================================== */

.landing-page.service-spiritual-journey
.spiritual-journey-results-section {
  position: relative;
  padding: 90px 0;
/*  background: linear-gradient(
    180deg,
    #f0f3f1,   
    #edf0ee   
  );*/
  background: #ffffff;
  overflow: hidden;
}

/* ---------- Soft Editorial Glow (Cool, Not Gold) ---------- */
.landing-page.service-spiritual-journey
.spiritual-journey-results-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      circle at center,
      rgba(120, 150, 135, 0.18), /* muted sage glow */
      rgba(120, 150, 135, 0.10) 35%,
      transparent 65%
    );
  pointer-events: none;
}

/* ---------- Top Fade Separator (Very Premium) ---------- */
.landing-page.service-spiritual-journey
.spiritual-journey-results-section::after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0)
  );
  pointer-events: none;
}
/* ---------- Strong Section Separator ---------- */
.landing-page.service-spiritual-journey
.spiritual-journey-results-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 900px;
  height: 4px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--spiritual-journey-accent),
    transparent
  );
}

/* ---------------- Box ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-results-box {
  max-width: 1180px;
  margin: 0 auto;
}

/* ---------------- Card ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-results-item {
  height: 100%;
  padding: 25px 25px 40px;
  background: linear-gradient(
    180deg,
    #ffffff,
    #fbfaf6
  );
  border-radius: 28px;
  border: 1px solid var(--spiritual-journey-border);
  text-align: center;
  box-shadow:
    0 40px 90px rgba(0, 0, 0, 0.08);
  position: relative;
  transition: all 0.4s ease;
}

/* Editorial hover (slow, calm) */
.landing-page.service-spiritual-journey
.spiritual-journey-results-item:hover {
  transform: translateY(-10px);
  box-shadow:
    0 55px 120px rgba(0, 0, 0, 0.12);
}

/* ---------------- Icon ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-results-icon {
  width: 86px;
  height: 86px;
  margin: 0 auto 30px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    var(--spiritual-journey-accent-soft),
    #efe6c4
  );
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Icon symbol */
.landing-page.service-spiritual-journey
.spiritual-journey-results-icon i {
  font-size: 30px;
  color: var(--spiritual-journey-primary);
}

/* ---------------- Title ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-results-title {
  font-size: 24px;
  font-weight: 500;
  color: var(--spiritual-journey-text-dark);
  margin-bottom: 16px;
  letter-spacing: 0.3px;
}

/* ---------------- Divider ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-results-divider {
  position: relative;
  width: 72px;
  height: 1px;
  background: var(--spiritual-journey-accent);
  margin: 22px auto 35px;
}
.landing-page.service-spiritual-journey
.spiritual-journey-results-divider::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  background: var(--spiritual-journey-accent);
  border-radius: 50%;
  transform: translateY(-50%);
}

/* ---------------- Content ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-results-content {
  max-width: 420px;
  margin: 0 auto;
  font-size: 17px;
  line-height: 1.9;
  color: var(--spiritual-journey-text-muted-dark);
}

/* ---------------- Rhythm Between Columns ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-results-columns > div {
  margin-bottom: 40px;
}

/* ---------------- Responsive ---------------- */

@media (max-width: 991px) {
  .landing-page.service-spiritual-journey
  .spiritual-journey-results-item {
    padding: 48px 36px 54px;
  }
}

@media (max-width: 576px) {

  .landing-page.service-spiritual-journey .spiritual-journey-results-section
  {
    padding: 30px 0;
  }
  .landing-page.service-spiritual-journey .spiritual-journey-results-icon
  {
    display: none;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-results-item
  {
        padding: 32px 30px 36px;
  }
  .landing-page.service-spiritual-journey .spiritual-journey-results-title
  {
    font-size: 1.7rem;
  }
  .landing-page.service-spiritual-journey .spiritual-journey-results-divider
  {
    margin: 10px auto 20px auto;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-results-content
  {
    font-size: 0.95rem;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-results-columns > div
  {
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .landing-page.service-spiritual-journey .spiritual-journey-pricing-section{
    padding: 30px 0;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-pricing-title
  {
    font-size: 1.7rem;
    margin-bottom: 10px;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-pricing-divider
  {
    margin: 10px auto 20px auto;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-pricing-card
  {
    padding: 20px 15px;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-pricing-amount
  {
    margin-bottom: 15px;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-pricing-features li
  {
    padding-left: 16px;
    font-size: 0.95rem;
  }
}



/* =====================================================
   FAQ SECTION – ACCORDION + CTA
===================================================== */

.landing-page.service-spiritual-journey
.spiritual-journey-faq-section {
  padding: 90px 0;
  background: linear-gradient(
    180deg,
    #faf8f4,
    #ffffff
  );
}

/* Title */
.landing-page.service-spiritual-journey
.spiritual-journey-faq-title {
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 16px;
  color: var(--spiritual-journey-primary);
}

.landing-page.service-spiritual-journey
.spiritual-journey-faq-divider {
   position: relative;
  width: 72px;
  height: 1px;
  background: var(--spiritual-journey-accent);
  margin: 22px auto 35px;
}
.landing-page.service-spiritual-journey
.spiritual-journey-faq-divider::before
{
    content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  background: var(--spiritual-journey-accent);
  border-radius: 50%;
  transform: translateY(-50%);
}


/* Accordion */
.landing-page.service-spiritual-journey
.spiritual-journey-faq-item {
  border: none;
  margin-bottom: 16px;
  border-radius: 14px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(0,0,0,0.06);
}

.landing-page.service-spiritual-journey
.spiritual-journey-faq-item .accordion-button {
  font-size: 17px;
  font-weight: 500;
  padding: 22px 26px;
  background: #ffffff;
  color: var(--spiritual-journey-text-dark);
}

.landing-page.service-spiritual-journey
.spiritual-journey-faq-item .accordion-button:not(.collapsed) {
  background: #fbfaf6;
  box-shadow: inset 0 -1px 0 var(--spiritual-journey-border);
}

.landing-page.service-spiritual-journey
.spiritual-journey-faq-item .accordion-body {
  font-size: 16px;
  line-height: 1.75;
  color: var(--spiritual-journey-text-muted-dark);
  padding: 22px 26px 26px;
}

/* CTA */
.landing-page.service-spiritual-journey
.spiritual-journey-faq-cta-box {
  height: 100%;
  padding: 56px 48px;
  background: linear-gradient(
    135deg,
    var(--spiritual-journey-primary),
    #5f8366
  );
  border-radius: 22px;
  color: var(--spiritual-journey-text-light);
  box-shadow: 0 30px 70px rgba(0,0,0,0.18);
}

.landing-page.service-spiritual-journey
.spiritual-journey-faq-cta-title {
  font-size: 26px;
  margin-bottom: 18px;
}

.landing-page.service-spiritual-journey
.spiritual-journey-faq-cta-content {
  font-size: 17px;
  line-height: 1.8;
  margin-bottom: 34px;
  color: var(--spiritual-journey-text-muted);
}

.landing-page.service-spiritual-journey
.spiritual-journey-faq-cta-btn {
  display: inline-block;
  padding: 14px 34px;
  background: var(--spiritual-journey-soft-bg);
  color: var(--spiritual-journey-text-dark);
  border-radius: 50px;
  text-decoration: none;
  font-weight: 500;
   transition:
    background-color 0.35s ease,
    color 0.35s ease,
    box-shadow 0.35s ease,
    transform 0.35s ease;
}

.landing-page.service-spiritual-journey
.spiritual-journey-faq-cta-btn:hover {
  background: var(--spiritual-journey-accent);
  color: var(--spiritual-journey-text-dark);
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
}

/* Focus (keyboard accessibility, no ugly outline) */
.landing-page.service-spiritual-journey
.spiritual-journey-faq-cta-btn:focus {
  outline: none;
  box-shadow:
    0 0 0 3px rgba(200, 169, 81, 0.35),
    0 10px 26px rgba(0, 0, 0, 0.18);
}

/* 1. Accordion item when OPEN */
.landing-page.service-spiritual-journey
.spiritual-journey-faq-section
.accordion-item.show {
  background: #ffffff !important;
}

/* 2. Accordion header button when OPEN */
.landing-page.service-spiritual-journey
.spiritual-journey-faq-section
.accordion-button:not(.collapsed) {
  background-color:var(--spiritual-journey-primary) !important; /* soft linen */
  color: var(--spiritual-journey-text-light) !important;
  box-shadow: inset 0 -1px 0 var(--spiritual-journey-border) !important;
}

/* 3. Accordion collapse body wrapper */
.landing-page.service-spiritual-journey
.spiritual-journey-faq-section
.accordion-collapse.show {
  background: #ffffff !important;
}

/* 4. Accordion body itself */
.landing-page.service-spiritual-journey
.spiritual-journey-faq-section
.accordion-body {
  background: #ffffff !important;
  color: var(--spiritual-journey-text-muted-dark) !important;
}

/* 5. Remove ANY theme focus / active glow */
.landing-page.service-spiritual-journey
.spiritual-journey-faq-section
.accordion-button:focus,
.landing-page.service-spiritual-journey
.spiritual-journey-faq-section
.accordion-button:active {
  box-shadow: none !important;
  outline: none !important;
}

/* 6. Kill pseudo-element background tricks */
.landing-page.service-spiritual-journey
.spiritual-journey-faq-section
.accordion-item::before,
.landing-page.service-spiritual-journey
.spiritual-journey-faq-section
.accordion-item::after {
  display: none !important;
}

.landing-page.service-spiritual-journey
.spiritual-journey-faq-section
.accordion-button::after {
 width: 30px;
  height: 30px;
  background-size: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(100, 136, 106, 0.55);
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(101, 137, 107, 0.24);
  transition: transform 0.35s ease, background-color 0.35s ease;
}

/* Open state – stronger presence */
.landing-page.service-spiritual-journey
.spiritual-journey-faq-section
.accordion-button:not(.collapsed)::after {
  background-color: rgba(200, 169, 81, 0.28);
  transform: rotate(180deg);
}

/* Hover – subtle reinforcement */
.landing-page.service-spiritual-journey
.spiritual-journey-faq-section
.accordion-button:hover::after {
  background-color: rgba(200, 169, 81, 0.22);
}

/* Responsive */
@media (max-width: 991px) {
  .landing-page.service-spiritual-journey
  .spiritual-journey-faq-cta-box {
    margin-top: 40px;
  }
}

@media (max-width: 576px) {

  .landing-page.service-spiritual-journey .spiritual-journey-faq-section
  {
    padding: 30px 0;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-faq-title
  {
    font-size: 1.7rem;
    margin-bottom: 10px;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-faq-divider
  {
    margin: 10px auto 20px auto;
  }

}

/* =====================================================
   MASTER PROFILE – FINAL POLISHED CLOSURE
===================================================== */

.landing-page.service-spiritual-journey
.spiritual-journey-master-profile-section {
  position: relative;
  padding: 90px 0;
  background: var(--spiritual-journey-soft-bg); /* clean base */
  overflow: hidden;
}

/* Subtle directional accent (editorial DAG) */
.landing-page.service-spiritual-journey
.spiritual-journey-master-profile-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(200, 169, 81, 0.06),
    transparent 35%,
    transparent 65%,
    rgba(200, 169, 81, 0.04)
  );
  pointer-events: none;
}

/* ---------------- Container Box ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-master-profile-box {
  max-width: 1100px;
  margin: 0 auto;
}

/* ---------------- Content Wrap ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-master-profile-content-wrap {
  position: relative;
  padding: 35px 35px;
  background: #ffffff;
  border-radius: 18px;
  box-shadow:
    0 45px 120px rgba(0, 0, 0, 0.12);
}

/* ---------------- Image ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-master-profile-image {
  max-width: 100%;
  margin: 0 auto 50px;
  border-radius: 28px;
  overflow: hidden;
  position: relative;
}

/* Image itself */
.landing-page.service-spiritual-journey
.spiritual-journey-master-profile-image img {
  width: 100%;
  display: block;
  border-radius: 28px;
}

/* Soft aura behind image */
.landing-page.service-spiritual-journey
.spiritual-journey-master-profile-image::after {
  content: "";
  position: absolute;
  inset: -22px;
  background: radial-gradient(
    circle,
    rgba(200, 169, 81, 0.28),
    transparent 70%
  );
  z-index: -1;
}

/* ---------------- Title ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-master-profile-title {
  text-align: center;
  font-size: 44px;
  font-weight: 500;
  color: var(--spiritual-journey-primary);
  margin-bottom: 18px;
  letter-spacing: 0.4px;
}

/* ---------------- Divider ---------------- */


.landing-page.service-spiritual-journey
.spiritual-journey-master-profile-divider {
  position: relative;
  width: 72px;
  height: 1px;
  background: var(--spiritual-journey-accent);
  margin: 22px auto 35px;
}

.landing-page.service-spiritual-journey
.spiritual-journey-master-profile-divider::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  background: var(--spiritual-journey-accent);
  border-radius: 50%;
  transform: translateY(-50%);
}

/* ---------------- Content ---------------- */

.landing-page.service-spiritual-journey
.spiritual-journey-master-profile-content p {
  font-size: 17px;
  line-height: 1.95;
  color: var(--spiritual-journey-text-muted-dark);
  margin-bottom: 26px;
  text-align: center;
}

/* ---------------- Responsive ---------------- */

@media (max-width: 991px) {

  .landing-page.service-spiritual-journey
  .spiritual-journey-master-profile-content-wrap {
    padding: 60px 32px;
  }

  .landing-page.service-spiritual-journey
  .spiritual-journey-master-profile-title {
    font-size: 36px;
  }

}

@media (max-width: 576px) {
  .landing-page.service-spiritual-journey .spiritual-journey-master-profile-section
  {
    padding: 30px 0;
    display: none;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-master-profile-content-wrap
  {
    padding: 30px 15px;
  }

  .landing-page.service-spiritual-journey .spiritual-journey-master-profile-image
  {
    margin: 0 auto 20px;
  }
}


.landing-page.service-relationship {

  --bliss-primary: #E1688B;
  --bliss-primary-soft: #E9B6C2;

  --bliss-bg-main: #FFF7FC;
  --bliss-bg-soft: #F1D7D0;
  --bliss-bg-alt: #DAD8E8;

  --bliss-accent: #CA217C;
  --bliss-accent-soft: #FFD4F5;

  --bliss-calm: #C9B2DB;

  --bliss-text-dark: #441900;
  --bliss-text-muted: #7A4A3A;

  --bliss-text-light: #FFFFFF;
  --bliss-text-muted-light: #F3E6ED;

}

/* =====================================================
   RELATIONSHIP HERO — IMAGE + GRADIENT OVERLAY
===================================================== */

.landing-page.service-relationship .relationship-hero-section {
  position: relative;
  min-height: 75vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--bliss-bg-main);
}

/* ---------- IMAGE LAYER ---------- */

.landing-page.service-relationship .relationship-hero-media {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.landing-page.service-relationship .relationship-hero-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ---------- GRADIENT OVERLAY (LEFT → RIGHT) ---------- */

.landing-page.service-relationship .relationship-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    90deg,
    rgba(255,247,252,0.95) 0%,
    rgba(241,215,208,0.9) 35%,
    rgba(201,178,219,0.65) 65%,
    rgba(201,178,219,0.35) 85%,
    rgba(201,178,219,0.15) 100%
  );
}

/* ---------- CONTENT ---------- */

.landing-page.service-relationship .relationship-hero-content {
  position: relative;
  z-index: 2;
  max-width: 680px;
}

/* Badge */
.landing-page.service-relationship .relationship-hero-badge {
  display: inline-flex;
  align-items: center;
  margin-bottom: 28px;
  padding: 6px 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  border-radius: 999px;

  /* premium surface */
  background: rgba(255, 247, 252, 0.65);
  backdrop-filter: blur(6px);

  /* subtle definition */
  border: 1px solid rgba(202, 33, 124, 0.25);

  color: var(--bliss-text-dark);
}

/* Title */
.landing-page.service-relationship .relationship-hero-title {
  font-size: 60px;
  line-height: 1.05;
  margin-bottom: 30px;
  color: var(--bliss-text-dark);
}

/* Description */
.landing-page.service-relationship .relationship-hero-description {
  font-size: 18px;
  line-height: 1.9;
  max-width: 620px;
  color: var(--bliss-text-muted);
}

/* CTA */
.landing-page.service-relationship .relationship-hero-actions {
  margin-top: 56px;
}

.landing-page.service-relationship .relationship-hero-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 48px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 999px;
  color: #ffffff;
  text-decoration: none;
  background: linear-gradient(
    135deg,
    #CA217C 0%,
    #E1688B 100%
  );
  border: 1px solid rgba(255,255,255,0.35);
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    border-color 0.3s ease;
}

/* subtle inner highlight */
.landing-page.service-relationship .relationship-hero-btn::before {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.35),
    rgba(255,255,255,0)
  );
  opacity: 0.6;
  pointer-events: none;
}

/* hover – premium, not loud */
.landing-page.service-relationship .relationship-hero-btn:hover {
  transform: translateY(-2px);
  background: linear-gradient(
    135deg,
    #E1688B 0%,
    #CA217C 100%
  );
  border-color: rgba(255,255,255,0.55);
}

/* ---------- RESPONSIVE ---------- */

@media (max-width: 991px) {
  .landing-page.service-relationship .relationship-hero-section {
    min-height: auto;
    padding: 120px 0;
  }

  .landing-page.service-relationship .relationship-hero-title {
    font-size: 42px;
  }

  .landing-page.service-relationship .relationship-hero-overlay {
    background: linear-gradient(
      180deg,
      rgba(255,247,252,0.96) 0%,
      rgba(241,215,208,0.85) 60%,
      rgba(201,178,219,0.45) 100%
    );
  }
}


/* =====================================================
   RELATIONSHIP FOUNDATION SECTION
   Calm, Editorial, Trust-Building
===================================================== */

.landing-page.service-relationship .relationship-foundation-section {
  padding: 90px 0;
  background: var(--bliss-bg-main);
}

/* Card wrapper */
.landing-page.service-relationship .relationship-foundation-card {
  height: 100%;
  padding: 42px 38px;
  border-radius: 18px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0, 0, 0, 0.04);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    background-color 0.3s ease;
}

/* hover – calm & premium */
.landing-page.service-relationship .relationship-foundation-card:hover {
  transform: translateY(-4px);
  border-color: rgba(202, 33, 124, 0.18);
  background-color: rgba(255, 247, 252, 0.6);
}

/* Image treatment */
.landing-page.service-relationship .relationship-foundation-icon {
  margin-bottom: 26px;
  font-size: 34px;
  color: var(--bliss-accent);
  line-height: 1;
}

/* Optional: soften icon presence slightly */
.landing-page.service-relationship .relationship-foundation-icon i {
  opacity: 0.9;
}

/* Hover sync with card (subtle) */
.landing-page.service-relationship .relationship-foundation-card:hover
.relationship-foundation-icon i {
  opacity: 1;
}

/* Title */
.landing-page.service-relationship .relationship-foundation-title {
  font-size: 22px;
  line-height: 1.35;
  margin-bottom: 16px;
  color: var(--bliss-text-dark);

}

/* Description */
.landing-page.service-relationship .relationship-foundation-description {
  font-size: 16px;
  line-height: 1.8;
  color: var(--bliss-text-muted);
  max-width: 520px;
}

/* Responsive refinement */
@media (max-width: 991px) {
  .landing-page.service-relationship .relationship-foundation-section {
    padding: 90px 0;
  }

  .landing-page.service-relationship .relationship-foundation-card {
    padding: 36px 30px;
  }

  .landing-page.service-relationship .relationship-foundation-image img {
    height: 200px;
  }
}

@media (max-width: 576px) {

  .landing-page.service-relationship .relationship-foundation-section
  {
    padding: 30px 0;
  }

  .landing-page.service-relationship .relationship-hero-section {
        min-height: auto;
        padding: 30px 0;
    }

  .landing-page.service-relationship .relationship-hero-title {
        font-size: 1.95rem;
    }

    .landing-page.service-relationship .relationship-hero-description
    {
      font-size: 0.95rem;
    }

    .landing-page.service-relationship .relationship-hero-actions
    {
      margin-top: 0px;
    }

}


/* =====================================================
   RESEARCH & MANTRA — CTA SECTION
===================================================== */

.landing-page.service-relationship .relationship-mantra-section {
  padding: 90px 0;
  background: linear-gradient(
    180deg,
    rgba(218, 216, 232, 0.35) 0%,
    rgba(218, 216, 232, 0.55) 50%,
    rgba(218, 216, 232, 0.35) 100%
  );
}

/* Main box */
.landing-page.service-relationship .relationship-mantra-box {
  padding: 64px 56px;
  border-radius: 24px;
  background: #ffffff;
  text-align: center;
  border: 1px solid rgba(202, 33, 124, 0.15);
}

/* Title */
.landing-page.service-relationship .relationship-mantra-title {
  position: relative;
  font-size: 36px;
  line-height: 1.25;
  margin-bottom: 25px;
  padding-bottom: 32px;
  color: var(--bliss-text-dark);
  text-align: center;
}

/* Left line */
.landing-page.service-relationship .relationship-mantra-title::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 48px;
  height: 1px;
  background: rgba(202, 33, 124, 0.35);
  transform: translateX(-64px);
}

/* Right line */
.landing-page.service-relationship .relationship-mantra-title::after {
  content: "";
  position: absolute;
  bottom: 10px;
  right: 50%;
  width: 48px;
  height: 1px;
  background: rgba(202, 33, 124, 0.35);
  transform: translateX(64px);
}

/* Heart in the center */
.landing-page.service-relationship .relationship-mantra-title span {
  position: absolute;
  left: 50%;
  bottom: 2px;
  transform: translateX(-50%);
  font-size: 20px;
  color: rgba(202, 33, 124, 0.6);
  line-height: 1;
}

/* Text */
.landing-page.service-relationship .relationship-mantra-text {
  font-size: 17px;
  line-height: 1.85;
  color: var(--bliss-text-muted);
  margin-bottom: 18px;
}

/* Highlight line */
.landing-page.service-relationship .relationship-mantra-highlight {
  margin-top: 28px;
  font-size: 16px;
  line-height: 1.85;
  color: var(--bliss-text-dark);
  padding-top: 26px;
  border-top: 1px solid rgba(202, 33, 124, 0.2);
}

/* CTA */
.landing-page.service-relationship .relationship-mantra-cta {
  margin-top: 48px;
}

/* Premium CTA button */
.landing-page.service-relationship .relationship-mantra-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 18px 54px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 999px;
  color: #ffffff;
  text-decoration: none;

  background: linear-gradient(
    135deg,
    var(--bliss-accent) 0%,
    var(--bliss-primary) 100%
  );

  border: 1px solid rgba(255, 255, 255, 0.35);

  transition:
    transform 0.3s ease,
    background 0.3s ease,
    border-color 0.3s ease;
}

/* Subtle premium hover */
.landing-page.service-relationship .relationship-mantra-btn:hover {
  transform: translateY(-2px);
  background: linear-gradient(
    135deg,
    var(--bliss-primary) 0%,
    var(--bliss-accent) 100%
  );
  border-color: rgba(255, 255, 255, 0.55);
}

/* Responsive */
@media (max-width: 991px) {
  .landing-page.service-relationship .relationship-mantra-section {
    padding: 90px 0;
  }

  .landing-page.service-relationship .relationship-mantra-box {
    padding: 48px 32px;
  }

  .landing-page.service-relationship .relationship-mantra-title {
    font-size: 30px;
  }
}

@media (max-width: 576px) {
  .landing-page.service-relationship .relationship-mantra-section {
    padding: 30px 0;
  }

  .landing-page.service-relationship .relationship-mantra-box {
    padding: 20px 32px;
  }

  .landing-page.service-relationship .relationship-mantra-cta
  {
    display: none;
  }
}


/* =====================================================
   EXPECTED BENEFITS SECTION
   Editorial · Calm · Premium
===================================================== */

.landing-page.service-relationship .relationship-benefits-section {
  padding: 90px 0;
  background: repeating-linear-gradient(
      45deg,
      rgba(202, 33, 124, 0.03),
      rgba(202, 33, 124, 0.03) 1px,
      transparent 1px,
      transparent 12px
    );;
}

/* Wrapper */
.landing-page.service-relationship .relationship-benefits-box {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

/* =========================
   TITLE + FINAL DIVIDER
========================= */

.landing-page.service-relationship .relationship-benefits-title {
  position: relative;
  font-size: 36px;
  line-height: 1.25;
  margin-bottom: 56px;
  padding-bottom: 32px;
  color: var(--bliss-text-dark);
}

/* Left line */
.landing-page.service-relationship .relationship-benefits-title::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 48px;
  height: 1px;
  background: rgba(202, 33, 124, 0.35);
  transform: translateX(-64px);
}

/* Right line */
.landing-page.service-relationship .relationship-benefits-title::after {
  content: "";
  position: absolute;
  bottom: 10px;
  right: 50%;
  width: 48px;
  height: 1px;
  background: rgba(202, 33, 124, 0.35);
  transform: translateX(64px);
}

/* Heart symbol */
.landing-page.service-relationship .relationship-benefits-title span {
  position: absolute;
  left: 50%;
  bottom: 2px;
  transform: translateX(-50%);
  font-size: 20px;
  color: rgba(202, 33, 124, 0.6);
  line-height: 1;
}

/* =========================
   BENEFITS LIST
========================= */

.landing-page.service-relationship .relationship-benefits-list {
  max-width: 760px;
  margin: 0 auto;
  padding: 44px 56px;
  background: rgba(255, 247, 252, 0.6);
  border-radius: 22px;
  border: 1px solid rgba(202, 33, 124, 0.12);
}

/* Individual benefit */
.landing-page.service-relationship .relationship-benefit-item {
  position: relative;
  padding-left: 22px;
  margin-bottom: 22px;
  font-size: 18px;
  line-height: 1.85;
  text-align: left;
  color: var(--bliss-text-muted);
}

/* Minimal, mature marker */
.landing-page.service-relationship .relationship-benefit-item::before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
  color: rgba(202, 33, 124, 0.6);
  font-size: 16px;
  line-height: 1.85;
}

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

@media (max-width: 991px) {
  .landing-page.service-relationship .relationship-benefits-section {
    padding: 90px 0;
  }

  .landing-page.service-relationship .relationship-benefits-title {
    font-size: 30px;
    margin-bottom: 46px;
  }

  .landing-page.service-relationship .relationship-benefit-item {
    font-size: 15.5px;
  }
}

@media (max-width: 576px) {
  .landing-page.service-relationship .relationship-benefits-section {
    padding: 30px 0;
  }

    .landing-page.service-relationship .relationship-benefits-title {
        font-size: 1.95rem;
        margin-bottom: 15px;
    }

    .landing-page.service-relationship .relationship-benefits-list{
      padding: 20px 10px;
    }

    .landing-page.service-relationship .relationship-benefit-item
    {
      font-size: 0.95rem;
    }

}


/* =====================================================
   AUDIENCE SECTION
   Editorial · Calm · Inclusive
===================================================== */



.landing-page.service-relationship .relationship-audience-section {
  padding: 90px 0;
  background:var(--bliss-bg-main);
}

/* Section title */
.landing-page.service-relationship .relationship-audience-title {
  position: relative;
  text-align: center;
  font-size: 36px;
  line-height: 1.25;
  margin-bottom: 25px;
  padding-bottom: 32px;
  color: var(--bliss-text-dark);
}

.landing-page.service-relationship .relationship-audience-title span {
  position: absolute;
  left: 50%;
  bottom: 2px;
  transform: translateX(-50%);
  font-size: 20px;
  color: rgba(202, 33, 124, 0.6);
  line-height: 1;
}


/* Divider – same FINAL language */
.landing-page.service-relationship .relationship-audience-title::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 48px;
  height: 1px;
  background: rgba(202, 33, 124, 0.35);
  transform: translateX(-64px);
}

.landing-page.service-relationship .relationship-audience-title::after {
  content: "";
  position: absolute;
  bottom: 10px;
  right: 50%;
  width: 48px;
  height: 1px;
  background: rgba(202, 33, 124, 0.35);
  transform: translateX(64px);
}

/* Cards wrapper */
.landing-page.service-relationship .relationship-audience-cards {
  max-width: 900px;
  margin: 0 auto;
}

/* Card */
.landing-page.service-relationship .relationship-audience-card {
  height: 100%;
  padding: 42px 38px;
  background: #ffffff;
  border-radius: 22px;
  border: 1px solid rgba(202, 33, 124, 0.12);
  text-align: center;

  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    background-color 0.3s ease;
}

/* Premium, calm hover */
.landing-page.service-relationship .relationship-audience-card:hover {
  transform: translateY(-3px);
  border-color: rgba(202, 33, 124, 0.28);
  background-color: rgba(255, 247, 252, 0.6);
}

/* Icon */
.landing-page.service-relationship .relationship-audience-icon {
  margin-bottom: 22px;
  font-size: 34px;
  color: var(--bliss-accent);
  opacity: 0.9;
}

/* Card title */
.landing-page.service-relationship .relationship-audience-card-title {
  font-size: 22px;
  line-height: 1.3;
  margin-bottom: 14px;
  color: var(--bliss-text-dark);
}

/* Card text */
.landing-page.service-relationship .relationship-audience-card-text {
  font-size: 16px;
  line-height: 1.8;
  color: var(--bliss-text-muted);
}

/* Responsive */
@media (max-width: 991px) {
  .landing-page.service-relationship .relationship-audience-section {
    padding: 90px 0;
  }

  .landing-page.service-relationship .relationship-audience-title {
    font-size: 30px;
    margin-bottom: 52px;
  }

  .landing-page.service-relationship .relationship-audience-card {
    padding: 36px 28px;
  }
}

@media (max-width: 576px) {

  .landing-page.service-relationship .relationship-audience-section
  {
    padding: 30px 0;
  }

  .landing-page.service-relationship .relationship-audience-title
  {
      font-size: 1.95rem;
      margin-bottom: 20px;
  }

  .landing-page.service-relationship .relationship-audience-card
  {
    padding: 10px 15px;
  }

}


/* =====================================================
   IMPORTANT GUIDELINES SECTION
   Clean · Editorial · Authoritative
===================================================== */

.landing-page.service-relationship .relationship-guidelines-section {
  padding: 90px 0;
  background: #ffffff;
}

/* =========================
   SECTION TITLE + DIVIDER
========================= */

.landing-page.service-relationship .relationship-guidelines-title {
  position: relative;
  text-align: center;
  font-size: 36px;
  line-height: 1.25;
  margin-bottom: 25px;
  padding-bottom: 32px;
  color: var(--bliss-text-dark);
}

/* Divider lines */
.landing-page.service-relationship .relationship-guidelines-title::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 48px;
  height: 1px;
  background: rgba(202, 33, 124, 0.35);
  transform: translateX(-64px);
}

.landing-page.service-relationship .relationship-guidelines-title::after {
  content: "";
  position: absolute;
  bottom: 10px;
  right: 50%;
  width: 48px;
  height: 1px;
  background: rgba(202, 33, 124, 0.35);
  transform: translateX(64px);
}

/* Heart */
.landing-page.service-relationship .relationship-guidelines-title span {
  position: absolute;
  left: 50%;
  bottom: 2px;
  transform: translateX(-50%);
  font-size: 20px;
  color: rgba(202, 33, 124, 0.6);
  line-height: 1;
}

/* =========================
   TABS NAVIGATION
========================= */

.landing-page.service-relationship .relationship-guidelines-tabs {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin-bottom: 48px;
  border: none;
}

/* Tab button */
.landing-page.service-relationship .relationship-guidelines-tab {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 26px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(202, 33, 124, 0.2);
  font-size: 14px;
  font-weight: 500;
  color: var(--bliss-text-muted);
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
}

/* Icon inside tab */
.landing-page.service-relationship .relationship-guidelines-tab i {
  font-size: 14px;
  color: var(--bliss-accent);
  opacity: 0.75;
}

/* Active tab */
.landing-page.service-relationship
.relationship-guidelines-tab.active {
  background: rgba(255, 247, 252, 0.9);
  color: var(--bliss-text-dark);
  border-color: rgba(202, 33, 124, 0.4);
}

/* =========================
   TAB CONTENT AREA
========================= */

.landing-page.service-relationship .relationship-guidelines-content {
  max-width: 880px;
  margin: 0 auto;
  padding: 48px 52px;
  border-radius: 22px;
  background: rgba(255, 247, 252, 0.6);
  border: 1px solid rgba(202, 33, 124, 0.12);
}

/* Paragraph text */
.landing-page.service-relationship .relationship-guidelines-text {
  font-size: 16px;
  line-height: 1.9;
  color: var(--bliss-text-muted);
  margin-bottom: 18px;
}

/* Highlight text */
.landing-page.service-relationship .relationship-guidelines-highlight {
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid rgba(202, 33, 124, 0.2);
  font-size: 16px;
  line-height: 1.9;
  color: var(--bliss-text-dark);
}

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

@media (max-width: 991px) {
  .landing-page.service-relationship .relationship-guidelines-section {
    padding: 90px 0;
  }

  .landing-page.service-relationship .relationship-guidelines-title {
    font-size: 30px;
    margin-bottom: 52px;
  }

  .landing-page.service-relationship .relationship-guidelines-tabs {
    flex-direction: column;
    align-items: center;
  }

  .landing-page.service-relationship .relationship-guidelines-content {
    padding: 36px 28px;
  }
}

@media (max-width: 576px) {

  .landing-page.service-relationship .relationship-guidelines-section {
    padding: 30px 0;
  }

  .landing-page.service-relationship .relationship-guidelines-tabs
  {
        margin-bottom: 20px;
  }

  .landing-page.service-relationship .relationship-guidelines-title{

    font-size: 1.95rem;
    margin-bottom: 20px;
  }

  .landing-page.service-relationship .relationship-guidelines-content{

    padding: 20px;
  }

  .landing-page.service-relationship .relationship-guidelines-text{
    font-size: 0.95rem;
    margin-bottom: 5px;
  }

}


/* =====================================================
   FAITH / CTA SECTION – SUBTLE & REFINED
===================================================== */

.landing-page.service-relationship .relationship-faith-section {
  position: relative;
  padding: 90px 0;
  background: linear-gradient(
    180deg,
    rgba(255, 247, 252, 0.9) 0%,
    rgba(241, 215, 208, 0.45) 100%
  );
  overflow: hidden;
}

/* Soft SVG waves (VERY toned down) */
.landing-page.service-relationship .relationship-faith-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23E9B6C2'/%3E%3Cstop offset='50%25' stop-color='%23E9B6C2'/%3E%3Cstop offset='100%25' stop-color='%23E9B6C2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 360 C220 330 420 380 620 360 820 340 1020 380 1200 360 L1200 600 L0 600 Z' fill='url(%23g)' opacity='0.08'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  z-index: 0;
}

/* Content wrapper */
.landing-page.service-relationship .relationship-faith-box {
  position: relative;
  z-index: 1;
  padding: 56px 64px;
  background: rgba(255, 255, 255, 0.55);
  border-radius: 28px;
  backdrop-filter: blur(6px);
}

/* Title */
.landing-page.service-relationship .relationship-faith-title {
  font-size: 34px;
  line-height: 1.25;
  margin-bottom: 22px;
  color: var(--bliss-text-dark);
}

/* Description */
.landing-page.service-relationship .relationship-faith-description {
  font-size: 16px;
  line-height: 1.85;
  color: var(--bliss-text-muted);
  max-width: 680px;
}

/* CTA alignment */
.landing-page.service-relationship .relationship-faith-cta {
  margin-top: 36px;
}

/* CTA button – CALMED DOWN */
.landing-page.service-relationship .relationship-faith-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 38px;
  font-size: 15px;
  font-weight: 500;
  color: var(--bliss-accent);
  background: rgba(202, 33, 124, 0.12);
  border-radius: 999px;
  text-decoration: none;
  transition: background 0.3s ease, transform 0.3s ease;
}

.landing-page.service-relationship .relationship-faith-button:hover {
  background: rgba(202, 33, 124, 0.2);
  transform: translateY(-1px);
}

.landing-page.service-relationship .relationship-faith-section::before {
  pointer-events: none;
}

/* Ensure content stays above everything */
.landing-page.service-relationship .relationship-faith-box,
.landing-page.service-relationship .relationship-faith-cta,
.landing-page.service-relationship .relationship-faith-button {
  position: relative;
  z-index: 2;
}

/* Responsive */
@media (max-width: 576px) {

  .landing-page.service-relationship .relationship-faith-section {
      padding: 30px 0;
    }

  .landing-page.service-relationship .relationship-faith-box {
    padding: 44px 36px;
  }

  .landing-page.service-relationship .relationship-faith-title {
    font-size: 1.95rem;
  }

  .landing-page.service-relationship .relationship-faith-box, .landing-page.service-relationship .relationship-faith-cta, .landing-page.service-relationship .relationship-faith-button{
    display: none;
  }
}


/* =====================================================
   PROCESS SECTION – HORIZONTAL CARD FLOW
   Premium · Clear · Mobile-Safe
===================================================== */

.landing-page.service-relationship .relationship-process-section {
  padding: 90px 0;
  background: var(--bliss-bg-main);
}

/* Container */
.landing-page.service-relationship .relationship-process-box {
  max-width: 100%;
  margin: 0 auto;
}

/* =========================
   TITLE + FINAL DIVIDER
========================= */

.landing-page.service-relationship .relationship-process-title {
  position: relative;
  text-align: center;
  font-size: 36px;
  line-height: 1.25;
  margin-bottom: 72px;
  padding-bottom: 32px;
  color: var(--bliss-text-dark);
}

.landing-page.service-relationship .relationship-process-title::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 48px;
  height: 1px;
  background: rgba(202, 33, 124, 0.35);
  transform: translateX(-64px);
}

.landing-page.service-relationship .relationship-process-title::after {
  content: "";
  position: absolute;
  bottom: 10px;
  right: 50%;
  width: 48px;
  height: 1px;
  background: rgba(202, 33, 124, 0.35);
  transform: translateX(64px);
}

.landing-page.service-relationship .relationship-process-title span {
  position: absolute;
  left: 50%;
  bottom: 2px;
  transform: translateX(-50%);
  font-size: 20px;
  color: rgba(202, 33, 124, 0.6);
}

/* =========================
   HORIZONTAL PROCESS GRID
========================= */

.landing-page.service-relationship .relationship-process-timeline {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

/* Process card */
.landing-page.service-relationship .relationship-process-step {
  position: relative;
  padding: 30px 36px;
  background: #ffffff;
  border-radius: 22px;
  border: 1px solid rgba(202, 33, 124, 0.12);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    background-color 0.3s ease;
}

/* Hover – calm, premium */
.landing-page.service-relationship .relationship-process-step:hover {
  transform: translateY(-4px);
  border-color: rgba(202, 33, 124, 0.28);
  background-color: rgba(255, 247, 252, 0.6);
}

/* Step number */
.landing-page.service-relationship .relationship-process-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: rgba(202, 33, 124, 0.08);
  color: var(--bliss-accent);
  font-size: 14px;
  font-weight: 600;
}

/* Step title */
.landing-page.service-relationship .relationship-process-step-title {
  margin-bottom: 12px;
  font-size: 18px;
  color: var(--bliss-text-dark);
}

/* Description */
.landing-page.service-relationship .relationship-process-description {
  font-size: 16px;
  line-height: 1.85;
  color: var(--bliss-text-muted);
}

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

@media (max-width: 991px) {
  .landing-page.service-relationship .relationship-process-section {
    padding: 90px 0;
  }

  .landing-page.service-relationship .relationship-process-title {
    font-size: 30px;
    margin-bottom: 56px;
  }

  .landing-page.service-relationship .relationship-process-timeline {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .landing-page.service-relationship .relationship-process-step {
    padding: 36px 28px;
  }
}

@media (max-width: 576px) {
  .landing-page.service-relationship .relationship-process-section {
    padding: 30px 0;
  }

  .landing-page.service-relationship .relationship-process-title
  {
    margin-bottom: 20px;
  }

  .landing-page.service-relationship .relationship-process-description
  {
    margin-bottom: 5px;
    font-size: 0.95rem;
  }

  .landing-page.service-relationship .relationship-process-step
  {
    padding: 15px;
  }

}


/* =====================================================
   BE WITH THE MASTER SECTION
   Authoritative · Trust-Building · Editorial
===================================================== */

.landing-page.service-relationship .relationship-master-section {
  padding: 90px 0;
  background: #ffffff;
}

/* =========================
   TITLE + FINAL DIVIDER
========================= */

.landing-page.service-relationship .relationship-master-title {
  position: relative;
  text-align: center;
  font-size: 36px;
  line-height: 1.25;
  margin-bottom: 30px;
  padding-bottom: 32px;
  color: var(--bliss-text-dark);
}

.landing-page.service-relationship .relationship-master-title::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 48px;
  height: 1px;
  background: rgba(202, 33, 124, 0.35);
  transform: translateX(-64px);
}

.landing-page.service-relationship .relationship-master-title::after {
  content: "";
  position: absolute;
  bottom: 10px;
  right: 50%;
  width: 48px;
  height: 1px;
  background: rgba(202, 33, 124, 0.35);
  transform: translateX(64px);
}

.landing-page.service-relationship .relationship-master-title span {
  position: absolute;
  left: 50%;
  bottom: 2px;
  transform: translateX(-50%);
  font-size: 20px;
  color: rgba(202, 33, 124, 0.6);
}

/* =========================
   MASTER LAYOUT (DESKTOP)
========================= */

.landing-page.service-relationship .relationship-master-layout {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 320px 1fr;
  grid-template-rows: auto auto;
  gap: 32px 40px;
  align-items: center;
}

/* Center image */
.landing-page.service-relationship .relationship-master-image {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  text-align: center;
  
}


.landing-page.service-relationship .relationship-master-image::before {
  content: "";
  position: absolute;
  inset: -60px;
  background: radial-gradient(
    circle at center,
    rgba(202, 33, 124, 0.25) 0%,
    rgba(225, 104, 139, 0.10) 35%,
    rgba(233, 182, 194, 0.12) 55%,
    rgba(233, 182, 194, 0.05) 70%,
    transparent 80%
  );
  z-index: 0;
  opacity: 0.5;
  filter: blur(10px);
}

.landing-page.service-relationship .relationship-master-image img {
  position: relative;
  z-index: 1;
   max-width: 100%;
  border-radius: 18px;
  display: block;
}

/* =========================
   CARDS
========================= */

.landing-page.service-relationship .relationship-master-card {
  padding: 36px 34px;
  background: rgba(255, 247, 252, 0.55);
  border-radius: 20px;
  border: 1px solid rgba(202, 33, 124, 0.12);
    position: relative;
  overflow: hidden;
}

.landing-page.service-relationship .relationship-master-card::after {
  position: absolute;
  bottom: 18px;
  right: 22px;
  top: 0;
  font-size: 72px;
  font-weight: 600;
  line-height: 1;
  color: rgba(202, 33, 124, 0.08);
  pointer-events: none;
}





/* Step mapping */
.landing-page.service-relationship .card-top-left::after {
  content: "1";
}

.landing-page.service-relationship .card-top-right::after {
  content: "2";
}

.landing-page.service-relationship .card-bottom-left::after {
  content: "3";
}

.landing-page.service-relationship .card-bottom-right::after {
  content: "4";
}

/* Card positions */
.landing-page.service-relationship .card-top-left {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

.landing-page.service-relationship .card-top-right {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
}

.landing-page.service-relationship .card-bottom-left {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}

.landing-page.service-relationship .card-bottom-right {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
}

/* Card title */
.landing-page.service-relationship .relationship-master-card-title {
  font-size: 18px;
  line-height: 1.35;
  margin-bottom: 12px;
  color: var(--bliss-text-dark);
}

/* Card text */
.landing-page.service-relationship .relationship-master-card-text {
  font-size: 15.5px;
  line-height: 1.85;
  color: var(--bliss-text-muted);
}

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

@media (max-width: 991px) {
  .landing-page.service-relationship .relationship-master-section {
    padding: 90px 0;
  }

  .landing-page.service-relationship .relationship-master-title {
    font-size: 30px;
    margin-bottom: 56px;
  }

  .landing-page.service-relationship .relationship-master-layout {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 26px;
  }

  .landing-page.service-relationship .relationship-master-image {
    grid-column: auto;
    grid-row: auto;
    order: -1;
  }

  .landing-page.service-relationship .relationship-master-card {
    padding: 32px 26px;
  }
}


/* =====================================================
   CONNECT WITH US – SOFT PILL CTA (OPTION 3)
   Modern · Calm · Non-Repetitive
===================================================== */

.landing-page.service-relationship .relationship-connect-section {
  padding: 90px 0;
  background: var(--bliss-bg-main);
}

/* Layout */
.landing-page.service-relationship .relationship-connect-box {
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

/* =========================
   TITLE + DIVIDER
========================= */

.landing-page.service-relationship .relationship-connect-title {
  position: relative;
  font-size: 34px;
  line-height: 1.3;
  margin-bottom: 24px;
  padding-bottom: 24px;
  color: var(--bliss-text-dark);
}

/* Minimal divider */
.landing-page.service-relationship .relationship-connect-title::after {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 50%;
  width: 42px;
  height: 1px;
  background: rgba(202, 33, 124, 0.4);
  transform: translateX(-50%);
}

/* =========================
   DESCRIPTION
========================= */

.landing-page.service-relationship .relationship-connect-description {
  font-size: 17px;
  line-height: 1.9;
  max-width: 720px;
  margin: 0 auto 38px;
  color: var(--bliss-text-muted);
}

/* =========================
   CTA – SOFT PILL
========================= */

.landing-page.service-relationship .relationship-connect-cta {
  display: flex;
  justify-content: center;
}

/* Pill button */
.landing-page.service-relationship .relationship-connect-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 10px 52px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 999px;
  text-decoration: none;

  color: var(--bliss-accent);
  background: rgba(202, 33, 124, 0.12);

  border: 1px solid rgba(202, 33, 124, 0.25);

  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
}

/* Hover – gentle emphasis */
.landing-page.service-relationship .relationship-connect-button:hover {
  background: rgba(202, 33, 124, 0.2);
  border-color: rgba(202, 33, 124, 0.4);
  color: var(--bliss-text-dark);
}

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

@media (max-width: 991px) {
  .landing-page.service-relationship .relationship-connect-section {
    padding: 95px 0;
  }

  .landing-page.service-relationship .relationship-connect-title {
    font-size: 30px;
  }

  .landing-page.service-relationship .relationship-connect-description {
    font-size: 16.5px;
  }
}


/* =====================================================
   MANTRA DEEKSHA MĀRGAH – PRICING
   Sacred · Premium · Clear Choice Architecture
===================================================== */

.landing-page.service-relationship .relationship-marga-section {
  position: relative;
  padding: 90px 0;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 247, 252, 0.9) 25%,
    rgba(241, 215, 208, 0.65) 100%
  );
}

/* Soft separator at top */
.landing-page.service-relationship .relationship-marga-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48px;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.06),
    transparent
  );
  opacity: 0.15;
}

/* Container */
.landing-page.service-relationship .relationship-marga-box {
  max-width: 1100px;
  margin: 0 auto;
}

/* =========================
   TITLE + DIVIDER
========================= */

.landing-page.service-relationship .relationship-marga-title {
  position: relative;
  text-align: center;
  font-size: 38px;
  line-height: 1.25;
  margin-bottom: 22px;
  padding-bottom: 32px;
  color: var(--bliss-text-dark);
}

.landing-page.service-relationship .relationship-marga-title::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 48px;
  height: 1px;
  background: rgba(202, 33, 124, 0.35);
  transform: translateX(-64px);
}

.landing-page.service-relationship .relationship-marga-title::after {
  content: "";
  position: absolute;
  bottom: 10px;
  right: 50%;
  width: 48px;
  height: 1px;
  background: rgba(202, 33, 124, 0.35);
  transform: translateX(64px);
}

.landing-page.service-relationship .relationship-marga-title span {
  position: absolute;
  left: 50%;
  bottom: 2px;
  transform: translateX(-50%);
  font-size: 20px;
  color: rgba(202, 33, 124, 0.6);
}

/* =========================
   INTRO TEXT
========================= */

.landing-page.service-relationship .relationship-marga-subtitle {
  text-align: center;
  font-size: 18px;
  margin-bottom: 18px;
  color: var(--bliss-text-dark);
}

.landing-page.service-relationship .relationship-marga-description {
  max-width: 820px;
  margin: 0 auto 80px;
  text-align: center;
  font-size: 17px;
  line-height: 1.95;
  color: var(--bliss-text-muted);
}

/* =========================
   OPTIONS GRID
========================= */

.landing-page.service-relationship .relationship-marga-option {
  background: #ffffff;
  border-radius: 26px;
  padding: 52px 48px;
  margin-bottom: 48px;
  border: 1px solid rgba(202, 33, 124, 0.14);
  position: relative;
}

/* Option title */
.landing-page.service-relationship .relationship-marga-option-title {
  font-size: 22px;
  line-height: 1.4;
  margin-bottom: 16px;
  color: var(--bliss-text-dark);
}

/* Price */
.landing-page.service-relationship .relationship-marga-price {
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--bliss-accent);
}

/* Short description */
.landing-page.service-relationship .relationship-marga-option-description {
  font-size: 16px;
  margin-bottom: 26px;
  color: var(--bliss-text-muted);
}

/* Feature list */
.landing-page.service-relationship .relationship-marga-option-list {
  list-style: none;
  padding: 0;
  margin: 0 0 26px;
}

.landing-page.service-relationship .relationship-marga-option-list li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 12px;
  font-size: 15.5px;
  line-height: 1.75;
  color: var(--bliss-text-muted);
}

.landing-page.service-relationship .relationship-marga-option-list li::before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
  color: rgba(202, 33, 124, 0.6);
}

/* Ideal line */
.landing-page.service-relationship .relationship-marga-ideal {
  font-size: 15px;
  margin-bottom: 32px;
  color: var(--bliss-text-dark);
}

/* CTA */
.landing-page.service-relationship .relationship-marga-cta {
  margin-bottom: 28px;
}

.landing-page.service-relationship .relationship-marga-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 46px;
  border-radius: 999px;
  font-size: 15.5px;
  font-weight: 500;
  text-decoration: none;
  color: #ffffff;

  background: linear-gradient(
    135deg,
    var(--bliss-accent),
    var(--bliss-primary)
  );

  transition:
    transform 0.3s ease,
    background 0.3s ease;
}

.landing-page.service-relationship .relationship-marga-btn:hover {
  transform: translateY(-2px);
  background: linear-gradient(
    135deg,
    var(--bliss-primary),
    var(--bliss-accent)
  );
}

/* Quote */
.landing-page.service-relationship .relationship-marga-quote {
  font-size: 15px;
  font-style: italic;
  color: rgba(68, 25, 0, 0.65);
}
/* =====================================================
   PRICING NAV – HORIZONTAL, SECTION-BOUND STICKY
===================================================== */

.landing-page.service-relationship .relationship-marga-pricing-wrapper {
  position: relative;
}

/* NAV – NORMAL STATE (IN FLOW) */
.landing-page.service-relationship .relationship-marga-nav {
  display: flex;
  justify-content: center;
  gap: 16px;

  margin: 40px 0 20px;
  padding: 10px;

  background: #ffffff;
  border-radius: 999px;
  border: 1px solid rgba(202, 33, 124, 0.18);
}

/* STICKY STATE – CONTROLLED BY JS */
.landing-page.service-relationship .relationship-marga-nav.is-fixed {
  position: fixed;
  top: 110px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;

  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.08);
}

/* BUTTONS */
.landing-page.service-relationship .relationship-marga-nav button {
  appearance: none;
  background: transparent;
  border: 1px solid rgba(202, 33, 124, 0.25);

  padding: 10px 22px;
  border-radius: 999px;
  cursor: pointer;

  font-size: 14px;
  font-weight: 500;
  color: var(--bliss-text-dark);

  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease;
}

.landing-page.service-relationship .relationship-marga-nav button:hover {
  background: rgba(202, 33, 124, 0.1);
}

/* ACTIVE */
.landing-page.service-relationship .relationship-marga-nav button.is-active {
  background: linear-gradient(
    135deg,
    var(--bliss-accent),
    var(--bliss-primary)
  );
  color: #ffffff;
  border-color: transparent;
}

/* MOBILE */
@media (max-width: 991px) {
  .landing-page.service-relationship .relationship-marga-nav {
    flex-wrap: wrap;
    gap: 12px;
  }

  .landing-page.service-relationship .relationship-marga-nav.is-fixed {
    top: 90px;
  }
}


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

@media (max-width: 991px) {
  .landing-page.service-relationship .relationship-marga-section {
    padding: 90px 0;
  }

  .landing-page.service-relationship .relationship-marga-title {
    font-size: 32px;
  }

  .landing-page.service-relationship .relationship-marga-option {
    padding: 42px 28px;
  }

  .landing-page.service-relationship .relationship-marga-price {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .landing-page.service-relationship .relationship-marga-section
  {
    padding: 30px 0;
  }
.landing-page.service-relationship .relationship-marga-option-list{
  margin-bottom: 10px;
}

.landing-page.service-relationship .relationship-marga-option
{
  margin-bottom: 0px;
  padding: 20px;
}
}

/* ===============================
   OUTCOME SECTION
================================ */

.landing-page.service-relationship .relationship-outcome-section {
  padding: 90px 0;
  background: linear-gradient(
    180deg,
    rgba(255, 247, 252, 0.85) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}

/* Card base */
.landing-page.service-relationship .relationship-outcome-card {
  height: 100%;
  padding: 48px 42px;
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid rgba(202, 33, 124, 0.12);
  text-align: left;
  position: relative;
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

/* Soft lift on hover */
.landing-page.service-relationship .relationship-outcome-card:hover {
  transform: translateY(-6px);
  border-color: rgba(202, 33, 124, 0.25);
  box-shadow: 0 22px 50px rgba(202, 33, 124, 0.08);
}

/* Icon styling */
.landing-page.service-relationship .relationship-outcome-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(202, 33, 124, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
}

.landing-page.service-relationship .relationship-outcome-icon i {
  font-size: 22px;
  color: var(--bliss-accent);
}

/* Title */
.landing-page.service-relationship .relationship-outcome-title {
  font-size: 22px;
  line-height: 1.35;
  margin-bottom: 14px;
  color: var(--bliss-text-dark);
  font-weight: 600;
}

/* Description */
.landing-page.service-relationship .relationship-outcome-description {
  font-size: 16px;
  line-height: 1.75;
  color: var(--bliss-text-muted);
}

/* Responsive tuning */
@media (max-width: 576px) {
  .landing-page.service-relationship .relationship-outcome-section {

    padding: 30px 0;
  }
  .landing-page.service-relationship .relationship-outcome-card {
    padding: 20px 25px;
  }
}


/* =====================================================
   FAQ SECTION – BASE
===================================================== */

.landing-page.service-relationship .relationship-faq-section {
  padding: 90px 0;
  background: linear-gradient(
    180deg,
    rgba(255, 247, 252, 0.9) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}

/* =====================================================
   FAQ TITLE
===================================================== */

.landing-page.service-relationship .relationship-faq-title {
  font-size: 38px;
  line-height: 1.25;
  margin-bottom: 42px;
  color: var(--bliss-text-dark);
  font-weight: 600;
}

/* =====================================================
   BOOTSTRAP ACCORDION – COMPLETE RESET
===================================================== */

.landing-page.service-relationship .relationship-faq-accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: transparent;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-active-color: inherit;
  --bs-accordion-btn-focus-box-shadow: none;
}

/* =====================================================
   FAQ ITEM
===================================================== */

.landing-page.service-relationship .relationship-faq-item {
  border: 1px solid rgba(202, 33, 124, 0.14);
  border-radius: 16px;
  margin-bottom: 18px;
  overflow: hidden;
  background: #ffffff;
  transition: border-color 0.3s ease;
}

.landing-page.service-relationship .relationship-faq-item:hover {
  border-color: rgba(202, 33, 124, 0.3);
}

/* =====================================================
   FAQ BUTTON (QUESTION)
===================================================== */

.landing-page.service-relationship .relationship-faq-button {
  padding: 22px 24px;
  font-size: 16px;
  font-weight: 500;
  color: var(--bliss-text-dark);
  background: transparent;
  box-shadow: none;
  border: none;
}

/* Remove all bootstrap focus / active junk */
.landing-page.service-relationship .relationship-faq-button:focus,
.landing-page.service-relationship
.relationship-faq-button:not(.collapsed) {
  box-shadow: none;
  background: transparent;
  color: var(--bliss-text-dark);
}

/* Active state (OUR design) */
.landing-page.service-relationship
.relationship-faq-button:not(.collapsed) {
  background: linear-gradient(
    90deg,
    rgba(202, 33, 124, 0.08),
    rgba(202, 33, 124, 0.02)
  );
}

/* Custom arrow */
.landing-page.service-relationship
.relationship-faq-button::after {
  background-image: none;
  content: "⌄";
  font-size: 16px;
  color: var(--bliss-accent);
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

/* Arrow rotate */
.landing-page.service-relationship
.relationship-faq-button:not(.collapsed)::after {
  transform: rotate(180deg);
}

/* =====================================================
   FAQ BODY (ANSWER)
===================================================== */

.landing-page.service-relationship .relationship-faq-body {
  padding: 18px 24px 26px;
  font-size: 15px;
  line-height: 1.75;
  color: var(--bliss-text-muted);
  background: #ffffff;
}

/* =====================================================
   CTA COLUMN
===================================================== */

.landing-page.service-relationship .relationship-faq-cta-box {
  height: 100%;
  padding: 54px 46px;
  background: linear-gradient(
    180deg,
    rgba(202, 33, 124, 0.08),
    rgba(202, 33, 124, 0.03)
  );
  border-radius: 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* CTA title */
.landing-page.service-relationship .relationship-faq-cta-title {
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 18px;
  color: var(--bliss-text-dark);
  font-weight: 600;
}

/* CTA text */
.landing-page.service-relationship .relationship-faq-cta-description {
  font-size: 16px;
  line-height: 1.75;
  color: var(--bliss-text-muted);
  margin-bottom: 34px;
}

/* CTA button */
.landing-page.service-relationship .relationship-faq-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 44px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  background: linear-gradient(
    135deg,
    var(--bliss-accent),
    #e85a9c
  );
  border-radius: 999px;
  text-decoration: none;
  transition: transform 0.3s ease, background 0.3s ease;
}

.landing-page.service-relationship .relationship-faq-cta-btn:hover {
  transform: translateY(-2px);
  background: linear-gradient(
    135deg,
    #b91b6b,
    var(--bliss-accent)
  );
}


@media (max-width: 576px) {

  .landing-page.service-relationship .relationship-faq-section
  {
    padding: 30px 0;
  }

  .landing-page.service-relationship .relationship-faq-title
    {
      margin-bottom: 30px;
      font-size: 1.7rem;
    }
}
/* =====================================================
   FAQ – FORCE NEUTRALIZE TEMPLATE + BOOTSTRAP COLORS
===================================================== */

/* Kill ALL active backgrounds */
.landing-page.service-relationship
.relationship-faq-accordion
.accordion-button,
.landing-page.service-relationship
.relationship-faq-accordion
.accordion-button:not(.collapsed),
.landing-page.service-relationship
.relationship-faq-accordion
.accordion-item:first-of-type
.accordion-button:not(.collapsed) {
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--bliss-text-dark) !important;
}

/* Apply OUR active background */
.landing-page.service-relationship
.relationship-faq-accordion
.accordion-button:not(.collapsed) {
  background-image: linear-gradient(
    90deg,
    rgba(202, 33, 124, 0.10),
    rgba(202, 33, 124, 0.03)
  ) !important;
}

/* Remove template focus ring */
.landing-page.service-relationship
.relationship-faq-accordion
.accordion-button:focus {
  box-shadow: none !important;
  outline: none !important;
}

/* Remove weird border radius overrides */
.landing-page.service-relationship
.relationship-faq-accordion
.accordion-item {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
}

/* Remove theme pseudo overlays */
.landing-page.service-relationship
.relationship-faq-accordion
.accordion-button::before {
  display: none !important;
}

/* Arrow cleanup */
.landing-page.service-relationship
.relationship-faq-accordion
.accordion-button::after {
  background-image: none !important;
  content: "⌄";
  font-size: 16px;
  color: var(--bliss-accent);
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.landing-page.service-relationship
.relationship-faq-accordion
.accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}




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

@media (max-width: 991px) {
  .landing-page.service-relationship .relationship-faq-cta-box {
    margin-top: 50px;
    padding: 44px 34px;
  }
}

.landing-page.service-relationship
.relationship-faq-accordion
.accordion-button {
  justify-content: flex-start !important;
  text-align: left !important;
}



/* =====================================================
   MEET THE MASTER – SECTION BASE
===================================================== */

.landing-page.service-relationship .relationship-master-section {
  padding: 90px 0px;
  background: linear-gradient(
    180deg,
    rgba(255, 247, 252, 0.9) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  position: relative;
  overflow: hidden;
}

/* =====================================================
   IMAGE WRAPPER
===================================================== */

.landing-page.service-relationship .relationship-master-visual {
  display: flex;
  justify-content: center;
  margin-bottom: -120px; /* creates overlap */
  position: relative;
  z-index: 2;
}

/* Aura glow behind image */
.landing-page.service-relationship .relationship-master-visual::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  background: radial-gradient(
    circle,
    rgba(202, 33, 124, 0.25) 0%,
    rgba(202, 33, 124, 0.12) 40%,
    rgba(202, 33, 124, 0.04) 65%,
    transparent 75%
  );
  border-radius: 50%;
  filter: blur(30px);
  z-index: -1;
}

/* Image itself */
.landing-page.service-relationship .relationship-master-image-image-bottom {
  max-width: 100%;
  width: 100%;
  border-radius: 26px;
  box-shadow: 0 40px 80px rgba(0, 0, 0, 0.18);
}

/* =====================================================
   CONTENT BOX
===================================================== */

.landing-page.service-relationship .relationship-master-content-box {
  margin-top: 180px;
  padding: 72px 72px 80px;
  background: #ffffff;
  border-radius: 34px;
  box-shadow: 0 40px 90px rgba(202, 33, 124, 0.08);
  position: relative;
}

/* =====================================================
   TITLE
===================================================== */

.landing-page.service-relationship .relationship-master-title {
  font-size: 40px;
  line-height: 1.25;
  margin-bottom: 28px;
  color: var(--bliss-text-dark);
  font-weight: 600;
}

/* Divider heart inherited from your global style */

/* =====================================================
   TEXT
===================================================== */

.landing-page.service-relationship .relationship-master-description {
  font-size: 17px;
  line-height: 1.9;
  color: var(--bliss-text-muted);
  margin-bottom: 26px;
}

/* Last paragraph spacing */
.landing-page.service-relationship
.relationship-master-description:last-child {
  margin-bottom: 0;
}

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

@media (max-width: 991px) {
  .landing-page.service-relationship .relationship-master-visual {
    margin-bottom: 40px;
  }

  .landing-page.service-relationship .relationship-master-content-box {
    margin-top: 0;
    padding: 52px 40px 56px;
  }

  .landing-page.service-relationship .relationship-master-image-image-bottom {
    max-width: 280px;
  }
}

@media (max-width: 576px) {

   .landing-page.service-relationship .relationship-master-section
    {
      padding: 30px 0;
    }
  
  .landing-page.service-relationship .relationship-master-image {
    display: none;
  }

  .landing-page.service-relationship .relationship-master-layout {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .landing-page.service-relationship .relationship-master-image {
        order: -1;
        justify-self: center;
    }

    .landing-page.service-relationship .card-top-left,
    .landing-page.service-relationship .card-top-right,
    .landing-page.service-relationship .card-bottom-left,
    .landing-page.service-relationship .card-bottom-right {
        grid-column: auto;
        grid-row: auto;
    }

  .landing-page.service-relationship .relationship-master-title {
    font-size: 1.95rem;
  }

  .landing-page.service-relationship .relationship-master-description {
    font-size: 0.95rem;
  }
}



.landing-page.service-matchmaking {

  /* =====================================
     CORE BRAND COLORS
     ===================================== */
  --matchmaking-primary: #845EC2;        /* Purple (Hero + primary accents) */
  --matchmaking-soft-bg: #F9F7F2;        /* Ivory (light / CTA sections) */

  /* =====================================
     ACCENTS & INTERACTIONS
     ===================================== */
  --matchmaking-accent: #D65DB1;         /* Magenta (highlights, icons) */
  --matchmaking-accent-strong: #FF6F91;  /* Coral (CTA buttons, actions) */

  /* =====================================
     TEXT COLORS – DARK BACKGROUND
     ===================================== */

  --matchmaking-text-light: #FFFFFF;     /* Text on dark / colored bg */
  --matchmaking-text-muted: #F1ECFF;     /* Muted text on dark bg */


  /* =====================================
     TEXT COLORS – LIGHT BACKGROUND
     ===================================== */

  --matchmaking-text-dark: #1F1F24;      /* Primary text on light bg */
  --matchmaking-text-muted-dark: #5A5A5A;/* Muted text on light bg */

}

/* =====================================================
   MATCHMAKING HERO SECTION
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-hero-section {
  position: relative;
  padding: 90px 0;
  background:
    radial-gradient(
      1000px 1000px at 50% 10%,
      rgba(255, 111, 145, 0.22),
      transparent 60%
    ),
    linear-gradient(
      135deg,
      #4b2c82 0%,
      var(--matchmaking-primary) 10%,
      #6f4ab8 100%
    );
  color: var(--matchmaking-text-light);
  overflow: hidden;
}

/* =====================================================
   HERO BOX (CENTERED LAYOUT)
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-hero-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* =====================================================
   HERO CONTENT
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-hero-content {
  max-width: 760px;
  margin-bottom: 52px;
}

.landing-page.service-matchmaking .matchmaking-hero-title {
  font-size: 52px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.5px;
  margin-bottom: 26px;
  color: var(--matchmaking-text-light);
}

.landing-page.service-matchmaking .matchmaking-hero-description {
  font-size: 18px;
  line-height: 1.75;
  color: var(--matchmaking-text-muted);
  margin-bottom: 40px;
}

/* =====================================================
   CTA BUTTON
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-hero-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 46px;
  background: linear-gradient(
    135deg,
    var(--matchmaking-accent-strong),
    var(--matchmaking-accent)
  );
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.4px;
  border-radius: 999px;
  text-decoration: none;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.landing-page.service-matchmaking .matchmaking-hero-cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 26px 65px rgba(0, 0, 0, 0.45);
}

/* =====================================================
   USP STRIP (REFINED – PREMIUM)
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-usp-strip {
  width: 100%;
  /*max-width: 920px;*/
  margin-top: 6px;
  padding-top: 34px;
  position: relative;
}

.landing-page.service-matchmaking .matchmaking-usp-strip::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  width: 80%;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    rgba(255,255,255,0.35),
    transparent
  );
}

/* =====================================================
   USP GRID
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-usp-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}

/* Top row: 3 items */
.landing-page.service-matchmaking .matchmaking-usp-item {
  grid-column: span 2;
}

/* Bottom row: center alignment */
.landing-page.service-matchmaking .matchmaking-usp-item:nth-child(4) {
  grid-column: 2 / span 2;
}

.landing-page.service-matchmaking .matchmaking-usp-item:nth-child(5) {
  grid-column: 4 / span 2;
}

/* =====================================================
   USP ITEM (PILL-CARD STYLE)
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-usp-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 12px 14px;

  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(10px);

  border-radius: 999px;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.12);

  transition: transform 0.25s ease, background 0.25s ease;
}

/* subtle polish only */
.landing-page.service-matchmaking .matchmaking-usp-item:hover {
  transform: translateY(-2px);
  background: rgba(255,255,255,0.12);
}

/* =====================================================
   ICON
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-usp-icon {
  font-size: 15px;
  color: var(--matchmaking-accent);
  flex-shrink: 0;
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 2.5;
}

/* =====================================================
   TEXT
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-usp-text {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.3px;
  color: var(--matchmaking-text-light);
  white-space: nowrap;
}

/* =====================================================
   RESPONSIVE — TABLET & BELOW
   ===================================================== */

@media (max-width: 991px) {

  /* HERO SPACING */
  .landing-page.service-matchmaking .matchmaking-hero-section {
    padding: 100px 0;
  }

  .landing-page.service-matchmaking .matchmaking-hero-title {
    font-size: 44px;
  }

  /* USP GRID — 3 COLUMNS */
  .landing-page.service-matchmaking .matchmaking-usp-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
  }

  /* RESET DESKTOP COLUMN OVERRIDES */
  .landing-page.service-matchmaking .matchmaking-usp-item,
  .landing-page.service-matchmaking .matchmaking-usp-item:nth-child(4),
  .landing-page.service-matchmaking .matchmaking-usp-item:nth-child(5) {
    grid-column: span 1;
  }
}

/* =====================================================
   RESPONSIVE — MOBILE
   ===================================================== */

@media (max-width: 575px) {

  /* HERO SPACING */
  .landing-page.service-matchmaking .matchmaking-hero-section {
    padding: 30px 0;
  }

  .landing-page.service-matchmaking .matchmaking-hero-title {
    font-size: 36px;
  }

  .landing-page.service-matchmaking .matchmaking-hero-description {
    font-size: 16px;
    margin-bottom: 10px;
  }

  /* CTA FULL WIDTH */
  .landing-page.service-matchmaking .matchmaking-hero-cta-button {
    width: 100%;
    padding: 16px 0;
  }

  /* USP GRID — 2 COLUMNS */
  .landing-page.service-matchmaking .matchmaking-usp-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }

  .landing-page.service-matchmaking .matchmaking-usp-item {
    padding: 11px 12px;
  }

  .landing-page.service-matchmaking .matchmaking-usp-text {
    font-size: 13px;
  }


}



/* =====================================================
   MATCHMAKING IMPORTANCE SECTION (PREMIUM)
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-importance-section {
  background-color: var(--matchmaking-soft-bg);
  padding: 90px 0;
}

/* =====================================================
   CONTENT FRAME
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-importance-box {
  max-width: 900px;
  margin: 0 auto;
  padding: 64px 72px;
  background: #ffffff;
  border-radius: 24px;
  position: relative;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.06);
}

/* Left accent line */
.landing-page.service-matchmaking .matchmaking-importance-box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 48px;
  bottom: 48px;
  width: 4px;
  background: linear-gradient(
    to bottom,
    var(--matchmaking-accent),
    var(--matchmaking-accent-strong)
  );
  border-radius: 4px;
}

/* =====================================================
   HEADER
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-importance-header {
  margin-bottom: 28px;
}

.landing-page.service-matchmaking .matchmaking-importance-title {
  font-size: 38px;
  font-weight: 700;
  color: var(--matchmaking-text-dark);
  line-height: 1.2;
}

/* =====================================================
   CONTENT
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-importance-content {
  padding-left: 16px;
}

.landing-page.service-matchmaking .matchmaking-importance-description {
  font-size: 17px;
  line-height: 1.85;
  color: var(--matchmaking-text-muted-dark);
  max-width: 720px;
}



/* =====================================================
   RESPONSIVE — TABLET
   ===================================================== */

@media (max-width: 991px) {
  .landing-page.service-matchmaking .matchmaking-importance-section {
    padding: 90px 0;
  }

  .landing-page.service-matchmaking .matchmaking-importance-box {
    padding: 52px 48px;
  }

  .landing-page.service-matchmaking .matchmaking-importance-title {
    font-size: 32px;
  }
}

/* =====================================================
   RESPONSIVE — MOBILE
   ===================================================== */

@media (max-width: 575px) {
  .landing-page.service-matchmaking .matchmaking-importance-section {
    padding: 30px 0;
  }

  .landing-page.service-matchmaking .matchmaking-importance-box {
    padding: 42px 28px;
  }

  .landing-page.service-matchmaking .matchmaking-importance-box::before {
    top: 32px;
    bottom: 32px;
  }

  .landing-page.service-matchmaking .matchmaking-importance-title {
    font-size: 26px;
  }

  .landing-page.service-matchmaking .matchmaking-importance-description {
    font-size: 16px;
  }
}

/* =====================================================
   MATCHMAKING CONCERNS SECTION
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-concerns-section {
  padding: 90px 0;
  background: linear-gradient(
    135deg,
    #3a235f,
    #2a193f
  );
  color: var(--matchmaking-text-light);
}

/* =====================================================
   SECTION BOX
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-concerns-box {
  max-width: 900px;
  margin: 0 auto;
  padding: 64px 72px;
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(14px);
  border-radius: 24px;
  box-shadow: 0 30px 80px rgba(0,0,0,0.35);
}

/* =====================================================
   TITLE
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-concerns-title {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 48px;
  letter-spacing: -0.3px;
}

/* =====================================================
   LIST
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-concerns-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px 40px;
}

/* =====================================================
   ITEM
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-concerns-item {
  position: relative;
  padding-left: 22px;
  font-size: 16px;
  line-height: 1.6;
  color: var(--matchmaking-text-muted);
}

/* subtle marker */
.landing-page.service-matchmaking .matchmaking-concerns-item::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--matchmaking-accent);
  font-size: 22px;
  line-height: 1;
}

/* =====================================================
   HIGHLIGHT ITEM
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-concerns-item-highlight {
  grid-column: span 2;
  text-align: center;
  margin-top: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  color: var(--matchmaking-accent);
}

.landing-page.service-matchmaking .matchmaking-concerns-item-highlight::before {
  content: none;
}


/* =====================================================
   MATCHMAKING CONCERNS SECTION (SYSTEM VERSION)
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-concerns-section {
  padding: 110px 0;
  background: #ffffff;
}

/* =====================================================
   SECTION BOX
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-concerns-box {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
  box-shadow:
  inset 0 0 0 1px rgba(132, 94, 194, 0.08),
  0 4px 12px rgba(0,0,0,0.04);
}

.landing-page.service-matchmaking .matchmaking-concerns-box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 48px;
  bottom: 48px;
  width: 4px;
  background: linear-gradient(
    to bottom,
    var(--matchmaking-accent),
    var(--matchmaking-accent-strong)
  );
  border-radius: 4px;

}

/* =====================================================
   TITLE
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-concerns-title {
  font-size: 38px;
  font-weight: 700;
  color: var(--matchmaking-text-dark);
  margin-bottom: 60px;
  position: relative;
}

.landing-page.service-matchmaking .matchmaking-concerns-title::after {
  content: "";
  width: 64px;
  height: 3px;
  background: linear-gradient(
    to right,
    var(--matchmaking-accent),
    var(--matchmaking-accent-strong)
  );
  display: block;
  margin: 20px auto 0;
  border-radius: 3px;
}

/* =====================================================
   GRID
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-concerns-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px 28px;
}

/* =====================================================
   PILL ITEM
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-concern-item {
  display: flex;
  align-items: center;
  gap: 14px;

  padding: 18px 22px;

  background: rgba(132, 94, 194, 0.06);
  backdrop-filter: blur(8px);

  border-radius: 999px;

  box-shadow: inset 0 0 0 1px rgba(132, 94, 194, 0.15);

  font-size: 15px;
  line-height: 1.5;
  color: var(--matchmaking-text-muted-dark);

  transition: transform 0.25s ease, background 0.25s ease;
}

.landing-page.service-matchmaking .matchmaking-concern-item span {
    flex: 1;
    text-align: left;
    line-height: 1.5;
}

.landing-page.service-matchmaking .matchmaking-concern-item:hover {
  transform: translateY(-2px);

}

/* =====================================================
   ICON
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-concern-icon {
  font-size: 16px;
  color: var(--matchmaking-accent);
  flex-shrink: 0;
}

/* =====================================================
   HIGHLIGHT ITEM
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-concern-item-highlight {
  justify-content: center;
  font-weight: 600;
  letter-spacing: 1.2px;
  color: var(--matchmaking-accent);
  background: transparent;
  box-shadow: none;
}
.landing-page.service-matchmaking .matchmaking-concern-item-cta {
  justify-content: center;
  box-shadow: none;
  grid-column: span 1;            /* same as other items */
  display: block;
  background: transparent;
  padding: 0;
}

/* Button */
.landing-page.service-matchmaking .matchmaking-concern-cta-button {
  display: flex;
  align-items: center;

  width: 100%;                    /* 🔑 key fix */
  padding: 18px 22px;             /* same padding as pills */
  border-radius: 999px;

  background: linear-gradient(
    135deg,
    rgba(214, 93, 177, 0.95),
    rgba(255, 111, 145, 0.95)
  );

  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-decoration: none;

  /* MATCHED, SOFT SYSTEM SHADOW */
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.25),
    0 4px 10px rgba(0,0,0,0.06);

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;

}

/* HOVER — VERY SUBTLE */
.landing-page.service-matchmaking .matchmaking-concern-cta-button:hover {
  transform: translateY(-1px);

  /* slightly richer gradient instead of shadow */
  background: linear-gradient(
    135deg,
    rgba(214, 93, 177, 1),
    rgba(255, 111, 145, 1)
  );

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.35);
}

/* =====================================================
   RESPONSIVE — TABLET & BELOW
   ===================================================== */

@media (max-width: 991px) {

  .landing-page.service-matchmaking .matchmaking-concerns-section {
    padding: 90px 0;
  }

  .landing-page.service-matchmaking .matchmaking-concerns-title {
    font-size: 32px;
    margin-bottom: 48px;
  }

  /* GRID → SINGLE COLUMN FOR CONTROL */
  .landing-page.service-matchmaking .matchmaking-concerns-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  /* CTA behaves like normal grid item */
  .landing-page.service-matchmaking .matchmaking-concern-item-cta {
    grid-column: span 1;
  }
}

/* =====================================================
   RESPONSIVE — MOBILE
   ===================================================== */

@media (max-width: 575px) {

  .landing-page.service-matchmaking .matchmaking-concerns-section {
    padding: 30px 0;
  }

  .landing-page.service-matchmaking .matchmaking-concerns-title {
    font-size: 1.5rem;
    margin-bottom: 36px;
  }

  .landing-page.service-matchmaking .matchmaking-concern-item {
    padding: 16px 18px;
    font-size: 14px;
  }



  .landing-page.service-matchmaking .matchmaking-concern-cta-button {
    
    font-size: 14px;
    border-radius: 10px;
  }

  .landing-page.service-matchmaking .matchmaking-concerns-box
  {
    padding: 30px 20px;
  }



  .landing-page.service-matchmaking .matchmaking-concern-item
  {
    border-radius: 10px;
    padding: 10px 10px;
  }

     .landing-page.service-matchmaking .matchmaking-concerns-grid{
        grid-template-columns:repeat(2,1fr);
        gap:16px;
    }

    /* Last visible concern item before the hidden CTA */
    .matchmaking-concerns-grid > .matchmaking-concern-item:not(.matchmaking-concern-item-cta):nth-last-child(2):nth-child(odd){
        grid-column:1 / -1;
    }

}

/* =====================================================
   MATCHMAKING EXAMINATION SECTION
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-examination-section {
  padding: 90px 0;
  background:
    radial-gradient(
      1200px 600px at 50% -200px,
      rgba(132, 94, 194, 0.08),
      transparent 60%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fbfaf7 100%
    );
}

/* =====================================================
   SECTION BOX
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-examination-box {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

/* =====================================================
   TITLE
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-examination-title {
  font-size: 38px;
  font-weight: 700;
  color: var(--matchmaking-text-dark);
  margin-bottom: 28px;
  position: relative;
}

.landing-page.service-matchmaking .matchmaking-examination-title::after {
  content: "";
  width: 64px;
  height: 3px;
  background: linear-gradient(
    to right,
    var(--matchmaking-accent),
    var(--matchmaking-accent-strong)
  );
  display: block;
  margin: 18px auto 0;
  border-radius: 3px;
}

/* =====================================================
   DESCRIPTION
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-examination-description {
  max-width: 820px;
  margin: 0 auto 56px;
  font-size: 17px;
  line-height: 1.85;
  color: var(--matchmaking-text-muted-dark);
}

/* =====================================================
   ANALYTICAL GRID FRAME
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-examination-grid {
  max-width: 860px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 36px 56px;

  padding: 48px 56px;
  border-radius: 20px;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.6),
    rgba(255,255,255,0.3)
  );

  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06);
}

/* =====================================================
   GRID ITEM
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-examination-item {
  position: relative;
  padding-left: 22px;
  text-align: left;
}

/* Accent marker */
.landing-page.service-matchmaking .matchmaking-examination-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 42px;
  background: linear-gradient(
    to bottom,
    var(--matchmaking-accent),
    var(--matchmaking-accent-strong)
  );
  border-radius: 3px;
  opacity: 0.85;
}

/* LABEL */
.landing-page.service-matchmaking .matchmaking-examination-label {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: var(--matchmaking-text-dark);
  margin-bottom: 6px;
}

/* TEXT */
.landing-page.service-matchmaking .matchmaking-examination-text {
  font-size: 15px;
  line-height: 1.7;
  color: var(--matchmaking-text-muted-dark);
}

.landing-page.service-matchmaking .matchmaking-examination-item-cta {
  padding-left: 0;                 /* remove accent offset */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* remove accent line for CTA */
.landing-page.service-matchmaking .matchmaking-examination-item-cta::before {
  display: none;
}

/* CTA BUTTON */
.landing-page.service-matchmaking .matchmaking-examination-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  padding: 18px 24px;

  border-radius: 14px;

  background: linear-gradient(
    135deg,
    rgba(214, 93, 177, 0.95),
    rgba(255, 111, 145, 0.95)
  );

  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-decoration: none;
  text-align: center;

  /* very subtle, premium depth */
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.25);

  transition: background 0.25s ease, transform 0.2s ease;
}

/* hover — restrained */
.landing-page.service-matchmaking .matchmaking-examination-cta-button:hover {
  transform: translateY(-1px);
  background: linear-gradient(
    135deg,
    rgba(214, 93, 177, 1),
    rgba(255, 111, 145, 1)
  );
}

/* =====================================================
   RESPONSIVE — TABLET
   ===================================================== */

@media (max-width: 991px) {

  .landing-page.service-matchmaking .matchmaking-examination-section {
    padding: 80px 0;
  }

  .landing-page.service-matchmaking .matchmaking-examination-title {
    font-size: 32px;
  }

  .landing-page.service-matchmaking .matchmaking-examination-description {
    font-size: 16px;
    margin-bottom: 44px;
  }

  .landing-page.service-matchmaking .matchmaking-examination-grid {
    grid-template-columns: 1fr;
    padding: 36px 32px;
    gap: 32px;
  }
}

/* =====================================================
   RESPONSIVE — MOBILE
   ===================================================== */

@media (max-width: 575px) {

  .landing-page.service-matchmaking .matchmaking-examination-section {
    padding: 30px 0;
  }

  .landing-page.service-matchmaking .matchmaking-examination-title {
    font-size: 26px;
  }

  .landing-page.service-matchmaking .matchmaking-examination-description
  {
    font-size: 0.95rem;
  }

  .landing-page.service-matchmaking .matchmaking-examination-grid {
    padding: 28px 15px;
  }

  .landing-page.service-matchmaking .matchmaking-examination-text {
    font-size: 14px;
  }

   .landing-page.service-matchmaking .matchmaking-examination-grid{
        grid-template-columns:repeat(2,1fr);
        gap:16px;
    }

.landing-page.service-matchmaking
.matchmaking-examination-grid
> .matchmaking-examination-item:not(.matchmaking-examination-item-cta):nth-last-child(2){
    grid-column:1 / -1;
}

   .landing-page.service-matchmaking .matchmaking-examination-item{

        position:relative;

        display:flex;
        align-items:center;

        min-height:70px;

        padding:14px 14px 14px 18px;

        background:#faf8f5;

        border-radius:12px;

        text-align:left;
    }

    .landing-page.service-matchmaking .matchmaking-examination-item::before{

        height: 61px;

        left:0px;
    }

    .landing-page.service-matchmaking .matchmaking-examination-label{

        font-size:1rem;

        line-height:1.45;

        font-weight:600;
    }
}


/* =====================================================
   MATCHMAKING BENEFITS SECTION
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-benefits-section {
  padding: 90px 0;
  background: #ffffff;
}

/* =====================================================
   CONTENT BOX
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-benefits-box {
  max-width: 600px;
}

/* =====================================================
   TITLE
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-benefits-title {
  font-size: 36px;
  font-weight: 700;
  color: var(--matchmaking-text-dark);
  margin-bottom: 40px;
  position: relative;
}

.landing-page.service-matchmaking .matchmaking-benefits-title::after {
  content: "";
  width: 56px;
  height: 3px;
  background: linear-gradient(
    to right,
    var(--matchmaking-accent),
    var(--matchmaking-accent-strong)
  );
  display: block;
  margin-top: 16px;
  border-radius: 3px;
}

/* =====================================================
   LIST
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-benefits-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Individual benefit */
.landing-page.service-matchmaking .matchmaking-benefits-item {
  position: relative;
  padding-left: 34px;
  margin-bottom: 26px;

  font-size: 16px;
  line-height: 1.8;
  color: var(--matchmaking-text-muted-dark);
}

/* Editorial marker */
.landing-page.service-matchmaking .matchmaking-benefits-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;

  width: 14px;
  height: 2px;

  background: linear-gradient(
    to right,
    var(--matchmaking-accent),
    var(--matchmaking-accent-strong)
  );

  border-radius: 2px;
}

/* Subtle separation rhythm */
.landing-page.service-matchmaking .matchmaking-benefits-item:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 34px;
  bottom: -13px;
  width: 40px;
  height: 1px;
  background: rgba(0,0,0,0.05);
}

/* =====================================================
   IMAGE
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-benefits-image-box {
  display: flex;
  justify-content: center;
}

/* Image wrapper */
.landing-page.service-matchmaking .matchmaking-benefits-image-wrap {
  position: relative;
  max-width: 420px;
  width: 100%;
  border-radius: 20px;
  overflow: hidden; /* clips overlay */
}

/* Image */
.landing-page.service-matchmaking .matchmaking-benefits-image {
  width: 100%;
  height: auto;
  display: block;
}



/* =====================================================
   IMAGE GRADIENT OVERLAY (PREMIUM, SOFT)
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-benefits-image-overlay {
  position: absolute;
  inset: 0;

  background: linear-gradient(
    180deg,
    rgba(214, 93, 177, 0.50) 0%,   /* var(--matchmaking-accent) */
    rgba(255, 111, 145, 0.18) 40%, /* var(--matchmaking-accent-strong) */
    rgba(255, 111, 145, 0.06) 70%,
    rgba(255, 111, 145, 0.0) 100%
  );

  pointer-events: none;
}

.landing-page.service-matchmaking .matchmaking-benefits-cta {
  margin-top: 36px;
}

/* CTA Button */
.landing-page.service-matchmaking .matchmaking-benefits-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 16px 36px;
  border-radius: 999px;

  background: linear-gradient(
    135deg,
    var(--matchmaking-accent),
    var(--matchmaking-accent-strong)
  );

  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-decoration: none;

  /* restrained, premium depth */
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.25);

  transition:
    transform 0.2s ease,
    background 0.2s ease;
}

/* Hover — subtle, not loud */
.landing-page.service-matchmaking .matchmaking-benefits-cta-button:hover {
  transform: translateY(-1px);
  background: linear-gradient(
    135deg,
    rgba(214, 93, 177, 1),
    rgba(255, 111, 145, 1)
  );
}

/* =====================================================
   RESPONSIVE — TABLET (≤ 991px)
   ===================================================== */

@media (max-width: 991px) {

  .landing-page.service-matchmaking .matchmaking-benefits-section {
    padding: 80px 0;
  }

  /* Stack content nicely */
  .landing-page.service-matchmaking .matchmaking-benefits-box {
    max-width: 100%;
    margin-bottom: 48px;
  }

  .landing-page.service-matchmaking .matchmaking-benefits-title {
    font-size: 32px;
    margin-bottom: 28px;
  }

  .landing-page.service-matchmaking .matchmaking-benefits-item {
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 1.7;
  }

  /* CTA spacing */
  .landing-page.service-matchmaking .matchmaking-benefits-cta {
    margin-top: 32px;
  }

  /* Image scaling */
  .landing-page.service-matchmaking .matchmaking-benefits-image-wrap {
    max-width: 360px;
    margin: 0 auto;
  }
}


/* =====================================================
   RESPONSIVE — MOBILE (≤ 575px)
   ===================================================== */

@media (max-width: 575px) {

  .landing-page.service-matchmaking .matchmaking-benefits-section {
    padding: 30px 0;
  }

  .landing-page.service-matchmaking .matchmaking-benefits-title {
    font-size: 1.5rem;
    margin-bottom: 24px;
  }

  .landing-page.service-matchmaking .matchmaking-benefits-item {
    font-size: 14px;
    padding-left: 28px;
    margin-bottom: 18px;
  }

  /* Editorial marker refinement */
  .landing-page.service-matchmaking .matchmaking-benefits-item::before {
    width: 12px;
  }

  /* CTA — full-width for thumbs */
  .landing-page.service-matchmaking .matchmaking-benefits-cta-button {
    width: 100%;
    padding: 16px 0;
    text-align: center;
  }

  /* Image refinement */
  .landing-page.service-matchmaking .matchmaking-benefits-image-wrap {
    max-width: 100%;
    border-radius: 16px;
  }

  .landing-page.service-matchmaking .matchmaking-benefits-item:not(:last-child)::after
  {
    display: none;
  }

  .landing-page.service-matchmaking .matchmaking-benefits-box
  {
    margin-bottom: 0;
  }
}


/* =====================================================
   MATCHMAKING APPROACH SECTION (MERGED)
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-approach-section {
  padding: 100px 0;
background: radial-gradient( 1200px 600px at 50% -200px, rgba(132, 94, 194, 0.08), transparent 60% ), linear-gradient( 180deg, #ffffff 0%, #fbfaf7 100% );
}

/* =====================================================
   ROW SPACING
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-approach-row {
  row-gap: 32px;
}

/* =====================================================
   CONTENT PANELS
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-approach-panel {
  height: 100%;
  padding: 42px 40px;
  border-radius: 20px;
  background: #ffffff;

  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.06);
      transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
      transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;

}



/* Hover / focus */
.landing-page.service-matchmaking .matchmaking-approach-panel:hover {
  transform: translateY(-4px);

  box-shadow:
    0 24px 48px rgba(0, 0, 0, 0.10);
}
/* =====================================================
   LEFT TITLE
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-approach-title {
  font-size: 34px;
  font-weight: 700;
  color: var(--matchmaking-text-dark);
  margin-bottom: 26px;
  position: relative;
}

.landing-page.service-matchmaking .matchmaking-approach-title::after {
  content: "";
  width: 52px;
  height: 3px;
  background: linear-gradient(
    to right,
    var(--matchmaking-accent),
    var(--matchmaking-accent-strong)
  );
  display: block;
  margin-top: 14px;
  border-radius: 3px;
}

/* =====================================================
   RIGHT TITLE
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-approach-note-title {
  font-size: 26px;
  font-weight: 600;
  color: var(--matchmaking-text-dark);
  margin-bottom: 20px;
  position: relative;
}

.landing-page.service-matchmaking .matchmaking-approach-note-title::after {
  content: "";
  width: 40px;
  height: 3px;
  background: linear-gradient(
    to right,
    var(--matchmaking-accent),
    var(--matchmaking-accent-strong)
  );
  display: block;
  margin-top: 12px;
  border-radius: 3px;
}

/* =====================================================
   DESCRIPTIONS
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-approach-description,
.landing-page.service-matchmaking .matchmaking-approach-note-description {
  font-size: 16px;
  line-height: 1.85;
  color: var(--matchmaking-text-muted-dark);
  margin-bottom: 18px;
}

/* =====================================================
   CTA AREA
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-approach-cta {
  margin-top: 60px;
  text-align: left;
}

.landing-page.service-matchmaking .matchmaking-approach-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 16px 42px;
  border-radius: 999px;

  background: linear-gradient(
    135deg,
    var(--matchmaking-accent),
    var(--matchmaking-accent-strong)
  );

  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-decoration: none;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.25);

  transition: transform 0.2s ease;
}

.landing-page.service-matchmaking .matchmaking-approach-cta-button:hover {
  transform: translateY(-1px);
}

/* =====================================================
   RESPONSIVE — TABLET
   ===================================================== */

@media (max-width: 991px) {

  .landing-page.service-matchmaking .matchmaking-approach-section {
    padding: 80px 0;
  }

  .landing-page.service-matchmaking .matchmaking-approach-panel {
    padding: 38px 34px;
  }

  .landing-page.service-matchmaking .matchmaking-approach-title {
    font-size: 30px;
  }

  .landing-page.service-matchmaking .matchmaking-approach-note-title {
    font-size: 24px;
  }

  .landing-page.service-matchmaking .matchmaking-approach-cta {
    margin-top: 48px;
  }
}

/* =====================================================
   RESPONSIVE — MOBILE
   ===================================================== */

@media (max-width: 575px) {

  .landing-page.service-matchmaking .matchmaking-approach-section {
    padding: 30px 0;
  }

  .landing-page.service-matchmaking .matchmaking-approach-panel {
    padding: 32px 28px;
  }

  .landing-page.service-matchmaking .matchmaking-approach-title {
    font-size: 26px;
  }

  .landing-page.service-matchmaking .matchmaking-approach-note-title {
    font-size: 22px;
  }

  .landing-page.service-matchmaking .matchmaking-approach-description,
  .landing-page.service-matchmaking .matchmaking-approach-note-description {
    font-size: 15px;
  }

  .landing-page.service-matchmaking .matchmaking-approach-cta-button {
    width: 100%;
    padding: 16px 0;
  }
}

/* =====================================================
   MATCHMAKING PRICING SECTION (MERGED PREMIUM)
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-pricing-section {
  padding: 90px 0;
  background: #ffffff;
}

/* =====================================================
   WRAPPER
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-pricing-box {
  max-width: 1100px;
  margin: 0 auto;
}

/* =====================================================
   TITLE
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-pricing-title {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  color: var(--matchmaking-text-dark);
  margin-bottom: 60px;
  position: relative;
}

.landing-page.service-matchmaking .matchmaking-pricing-title::after {
  content: "";
  width: 64px;
  height: 3px;
  background: linear-gradient(
    to right,
    var(--matchmaking-accent),
    var(--matchmaking-accent-strong)
  );
  display: block;
  margin: 18px auto 0;
  border-radius: 3px;
}

/* =====================================================
   LAYOUT (STRUCTURE KEPT)
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-pricing-layout {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 36px;
}

/* =====================================================
   OPTION CARD (REFINED)
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-pricing-option {
  position: relative;
  background: #ffffff;
  border-radius: 22px;
  padding: 44px 40px;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.08);
}

/* Primary highlight border */
.landing-page.service-matchmaking 
.matchmaking-pricing-option-detailed {
  border: 2px solid var(--matchmaking-accent);
}

/* =====================================================
   BADGE (FROM OLD CSS – KEPT)
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-pricing-option-badge {
  position: absolute;
  top: 18px;
  right: 18px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 999px;
  background: linear-gradient(
    135deg,
    var(--matchmaking-accent),
    var(--matchmaking-accent-strong)
  );
  color: #ffffff;
}

/* =====================================================
   TITLES
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-pricing-option-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--matchmaking-text-dark);
  margin-bottom: 14px;
}

/* =====================================================
   PRICE
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-pricing-option-price {
  font-size: 34px;
  font-weight: 700;
  color: var(--matchmaking-accent);
  margin: 16px 0;
}

.landing-page.service-matchmaking 
.matchmaking-pricing-option-price-inline {
  font-size: 18px;
  font-weight: 600;
  color: var(--matchmaking-text-dark);
  white-space: nowrap;
}

/* =====================================================
   INTRO
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-pricing-option-intro {
  font-size: 15.5px;
  line-height: 1.7;
  color: var(--matchmaking-text-muted-dark);
  margin-bottom: 18px;
}

/* =====================================================
   LISTS
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-pricing-option-list {
  padding-left: 18px;
  margin-bottom: 22px;
}

.landing-page.service-matchmaking .matchmaking-pricing-option-list li {
  font-size: 15px;
  line-height: 1.7;
  color: var(--matchmaking-text-muted-dark);
  margin-bottom: 10px;
}

/* =====================================================
   EXAMPLES (COLOR FROM OLD CSS)
   ===================================================== */

.landing-page.service-matchmaking 
.matchmaking-pricing-option-examples {
  background: #faf7fd;
  padding: 18px 20px;
  border-radius: 14px;
  margin-bottom: 22px;
}

.landing-page.service-matchmaking 
.matchmaking-pricing-option-examples p {
  font-weight: 600;
  margin-bottom: 10px;
  color: var(--matchmaking-text-dark);
}

.landing-page.service-matchmaking 
.matchmaking-pricing-option-examples ul {
  list-style: none;
  padding-left: 0;
}

.landing-page.service-matchmaking 
.matchmaking-pricing-option-examples li {
  font-size: 14.5px;
  color: var(--matchmaking-text-muted-dark);
  margin-bottom: 6px;
}

/* =====================================================
   CTA BUTTON (OLD STYLE – MERGED)
   ===================================================== */

.landing-page.service-matchmaking 
.matchmaking-pricing-option-button {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  border-radius: 999px;
  background: linear-gradient(
    135deg,
    var(--matchmaking-accent),
    var(--matchmaking-accent-strong)
  );
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  margin-top: 18px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.25);
}

/* No hover shadow – professional calm */
.landing-page.service-matchmaking 
.matchmaking-pricing-option-button:hover {
  background: linear-gradient(
    135deg,
    var(--matchmaking-accent-strong),
    var(--matchmaking-accent)
  );
}

/* =====================================================
   CONSULTATION ROWS
   ===================================================== */

.landing-page.service-matchmaking 
.matchmaking-pricing-consult-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

/* =====================================================
   NOTE
   ===================================================== */

.landing-page.service-matchmaking 
.matchmaking-pricing-option-note {
  margin-top: 18px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--matchmaking-text-muted-dark);
  text-align: center;
}

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

@media (max-width: 991px) {
  .landing-page.service-matchmaking 
  .matchmaking-pricing-layout {
    grid-template-columns: 1fr;
  }

  .landing-page.service-matchmaking 
  .matchmaking-pricing-title {
    font-size: 32px;
  }
}

@media (max-width: 575px) {
  .landing-page.service-matchmaking 
  .matchmaking-pricing-option {
    padding: 34px 26px;
  }

  .landing-page.service-matchmaking 
  .matchmaking-pricing-option-price {
    font-size: 28px;
  }

  .landing-page.service-matchmaking .matchmaking-pricing-section
  {
    padding: 30px 0;
  }

  .landing-page.service-matchmaking .matchmaking-pricing-title
  {
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
}


/* =====================================================
   MATCHMAKING FAQ SECTION – PREMIUM (LIGHT, CALM)
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-faq-section {
  padding: 90px 0;
  background: linear-gradient(
    180deg,
    var(--matchmaking-soft-bg) 0%,
    #f1ecff 100%
  );
}

/* =====================================================
   WRAPPER
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-faq-box {
  max-width: 900px;
  margin: 0 auto;
}

/* =====================================================
   TITLE
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-faq-title {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  color: var(--matchmaking-text-dark);
  margin-bottom: 60px;
  position: relative;
}

.landing-page.service-matchmaking .matchmaking-faq-title::after {
  content: "";
  width: 60px;
  height: 3px;
  background: linear-gradient(
    to right,
    var(--matchmaking-accent),
    var(--matchmaking-accent-strong)
  );
  display: block;
  margin: 16px auto 0;
  border-radius: 3px;
}

/* =====================================================
   BOOTSTRAP ACCORDION – HARD RESET
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-faq-accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: transparent;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-active-color: inherit;
  --bs-accordion-btn-focus-box-shadow: none;
}

/* Kill ALL default accordion backgrounds */
.landing-page.service-matchmaking 
.matchmaking-faq-accordion .accordion-button,
.landing-page.service-matchmaking 
.matchmaking-faq-accordion .accordion-button:not(.collapsed),
.landing-page.service-matchmaking 
.matchmaking-faq-accordion .accordion-button:focus,
.landing-page.service-matchmaking 
.matchmaking-faq-accordion .accordion-button:hover {
  background: transparent !important;
  box-shadow: none !important;
}

/* =====================================================
   FAQ ITEM
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-faq-item {
  background: #ffffff;
  border-radius: 18px;
  margin-bottom: 18px;
  overflow: hidden;
  border: 1px solid rgba(132, 94, 194, 0.12);
  transition: background 0.25s ease, border-color 0.25s ease;
}

/* Expanded state – SOFT, PREMIUM */
.landing-page.service-matchmaking 
.matchmaking-faq-item:has(.accordion-button:not(.collapsed)) {
  background: #f7f5ff;
  border-color: var(--matchmaking-primary);
}

/* =====================================================
   QUESTION BUTTON
   ===================================================== */

.landing-page.service-matchmaking 
.matchmaking-faq-item .accordion-button {
  color: var(--matchmaking-text-dark);
  font-size: 16px;
  font-weight: 600;
  padding: 22px 26px;
}

/* Custom icon (no Bootstrap arrow) */
.landing-page.service-matchmaking 
.matchmaking-faq-item .accordion-button::after {
  background-image: none !important;
  content: "+";
  font-size: 22px;
  font-weight: 400;
  color: var(--matchmaking-accent);
  transform: none !important;
}

/* Open icon */
.landing-page.service-matchmaking 
.matchmaking-faq-item .accordion-button:not(.collapsed)::after {
  content: "–";
  color: var(--matchmaking-accent-strong);
}

/* =====================================================
   ANSWER BODY
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-faq-body {
  padding: 0 26px 24px;
  font-size: 15px;
  line-height: 1.7;
  color: var(--matchmaking-text-muted-dark);
}

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

@media (max-width: 991px) {
  .landing-page.service-matchmaking .matchmaking-faq-section {
    padding: 90px 0;
  }

  .landing-page.service-matchmaking .matchmaking-faq-title {
    font-size: 32px;
  }
}

@media (max-width: 575px) {
  .landing-page.service-matchmaking .matchmaking-faq-section {
    padding: 30px 0;
  }

  .landing-page.service-matchmaking .matchmaking-faq-title
  {
    font-size: 1.5rem;
    margin-bottom: 30px;
  }

  .landing-page.service-matchmaking 
  .matchmaking-faq-item .accordion-button {
    padding: 18px 20px;
    font-size: 15px;
  }
}

/* =====================================================
   MATCHMAKING MASTER SECTION – CARD BASED
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-master-section {
  padding: 110px 0;
  background: var(--matchmaking-soft-bg);
}

/* =====================================================
   CARD CONTAINER
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-master-box {
  max-width: 960px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(132, 94, 194, 0.12);
}

/* =====================================================
   IMAGE (INSIDE CARD)
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-master-image-wrapper {
  width: 100%;
  overflow: hidden;
}

.landing-page.service-matchmaking .matchmaking-master-image {
  width: 100%;
  height: auto;
  display: block;
}

/* =====================================================
   CONTENT AREA
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-master-content {
  padding: 56px 64px 64px;
}

/* =====================================================
   TITLE
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-master-title {
  font-size: 34px;
  font-weight: 700;
  color: var(--matchmaking-text-dark);
  text-align: center;
  margin-bottom: 36px;
  padding: 20px  20px 0 20px;
  position: relative;
}

.landing-page.service-matchmaking .matchmaking-master-title::after {
  content: "";
  width: 60px;
  height: 3px;
  background: linear-gradient(
    to right,
    var(--matchmaking-accent),
    var(--matchmaking-accent-strong)
  );
  display: block;
  margin: 16px auto 0;
  border-radius: 3px;
}

/* =====================================================
   DESCRIPTION TEXT
   ===================================================== */

.landing-page.service-matchmaking .matchmaking-master-description {
  font-size: 16px;
  line-height: 1.85;
  color: var(--matchmaking-text-muted-dark);
  margin-bottom: 22px;
  padding: 0 20px;
}

/* Slight emphasis on first paragraph */
.landing-page.service-matchmaking 
.matchmaking-master-description:first-of-type {
  color: var(--matchmaking-text-dark);
  /*padding: 20px;*/
}

/* =====================================================
   RESPONSIVE — TABLET
   ===================================================== */

@media (max-width: 991px) {

  .landing-page.service-matchmaking .matchmaking-master-content {
    padding: 46px 40px 52px;
  }

  .landing-page.service-matchmaking .matchmaking-master-title {
    font-size: 30px;
  }
}

/* =====================================================
   RESPONSIVE — MOBILE
   ===================================================== */

@media (max-width: 575px) {

  .landing-page.service-matchmaking .matchmaking-master-section {
    padding: 30px 0;
  }

  .landing-page.service-matchmaking .matchmaking-master-box {
    border-radius: 18px;
  }

  .landing-page.service-matchmaking .matchmaking-master-content {
    padding: 36px 22px 42px;
  }

  .landing-page.service-matchmaking .matchmaking-master-title {
    font-size: 26px;
    margin-bottom: 10px;
  }

  .landing-page.service-matchmaking .matchmaking-master-description {
    font-size: 0.95rem;
  }

  .landing-page.service-matchmaking .matchmaking-master-description:first-of-type
  {
    margin-bottom:5px;
  }
}


.landing-page.service-pr-foreign {
  /* ===== BRAND COLORS ===== */
  --pr-foreign-primary: #0B3C5D;     /* Deep Global Blue */
  --pr-foreign-secondary: #1E8E6E;   /* Emerald Green */
  --pr-foreign-accent: #F5A623;      /* Golden Amber */

  /* ===== BACKGROUNDS ===== */
  --pr-foreign-bg-main: #F8FAFC;     /* Soft Global White */
  --pr-foreign-bg-dark: #0B3C5D;     /* Dark Section / CTA */
  --pr-foreign-bg-light: #FFFFFF;   /* Cards / Boxes */

  /* ===== TEXT COLORS ===== */
  --pr-foreign-text-heading: #102A43;
  --pr-foreign-text-body: #334E68;
  --pr-foreign-text-muted: #829AB1;
  --pr-foreign-text-inverse: #FFFFFF;

  /* ===== UI STATES ===== */
  --pr-foreign-border-color: #E2E8F0;
  --pr-foreign-shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.08);
}


/* ================================
   HERO SECTION — PR FOREIGN
================================ */

.landing-page.service-pr-foreign .pr-foreign-hero-section {
  background: linear-gradient(
    135deg,
    var(--pr-foreign-primary),
    #06273D
  );
  padding: 100px 0;
  color: var(--pr-foreign-text-inverse);
}

.landing-page.service-pr-foreign .pr-foreign-hero-box {
  max-width: 720px;
}

.landing-page.service-pr-foreign .pr-foreign-hero-eyebrow {
  display: inline-flex;
  align-items: center;

  margin-bottom: 16px;
  padding: 6px 14px;

  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;

  color: var(--pr-foreign-accent);
  background-color: rgba(245, 166, 35, 0.12);

  border-radius: 999px;
}
.landing-page.service-pr-foreign .pr-foreign-hero-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 24px;
  color: var(--pr-foreign-text-inverse);
}

.landing-page.service-pr-foreign .pr-foreign-hero-cta {
  margin-top: 36px;
}


.landing-page.service-pr-foreign .pr-foreign-hero-cta-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 14px 32px;
  border-radius: 8px;

  background: var(--pr-foreign-accent);
  color: #fff;

  font-size: 15.5px;
  font-weight: 600;
  text-decoration: none;

  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);

  transition: all 0.25s ease;
}

/* Hover — calm, not flashy */
.landing-page.service-pr-foreign .pr-foreign-hero-cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
  background: #f2a93b; /* slightly darker accent */
}

.landing-page.service-pr-foreign .pr-foreign-hero-quote {
  font-size: 18px;
  line-height: 1.7;
  color: #DCE7F1;
  margin-bottom: 36px;
  font-style: italic;
}

.landing-page.service-pr-foreign .pr-foreign-hero-feature-boxes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.landing-page.service-pr-foreign
.pr-foreign-hero-feature-boxes
.pr-foreign-hero-feature:nth-child(5) {
  grid-column: 1 / -1;
}

.landing-page.service-pr-foreign .pr-foreign-hero-feature {
  position: relative;
  overflow: hidden;

  background: rgba(255, 255, 255, 0.08);
  border-left: 4px solid var(--pr-foreign-accent);
  padding: 14px 16px;
  font-size: 15px;
  line-height: 1.5;
  border-radius: 6px;
  backdrop-filter: blur(4px);

  transition: color 0.3s ease;
}

.landing-page.service-pr-foreign .pr-foreign-hero-feature::before {
  content: "";
  position: absolute;
  inset: 0;

  background: linear-gradient(
    90deg,
    rgba(245, 166, 35, 0.18),
    rgba(245, 166, 35, 0.05)
  );

  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;

  z-index: 0;
}


.landing-page.service-pr-foreign .pr-foreign-hero-feature:hover::before {
  transform: scaleX(1);
}

.landing-page.service-pr-foreign .pr-foreign-hero-feature > * {
  position: relative;
  z-index: 1;
}

.landing-page.service-pr-foreign .pr-foreign-hero-visual {
  width: 100%;
  height: 100%;
  padding: 10px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 12px;
}


@media (max-width: 991px) {
  .landing-page.service-pr-foreign .pr-foreign-hero-section {
    padding: 80px 0;
  }

  .landing-page.service-pr-foreign .pr-foreign-hero-title {
    font-size: 38px;
  }

  .landing-page.service-pr-foreign .pr-foreign-hero-feature-boxes {
    grid-template-columns: 1fr;
  }

  .landing-page.service-pr-foreign .pr-foreign-hero-visual {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .landing-page.service-pr-foreign .pr-foreign-hero-cta {
    margin-top: 28px;
  }

  .landing-page.service-pr-foreign .pr-foreign-hero-cta-button {
    font-size: 15px;
    padding: 12px 26px;
  }
}


/* =========================================
   WHY IT MATTERS — PR FOREIGN
========================================= */

.landing-page.service-pr-foreign .pr-foreign-importance-section {
  padding: 90px 0;
  background-color: var(--pr-foreign-bg-main);
}

/* LEFT COLUMN (TITLE + CTA) */

.landing-page.service-pr-foreign .pr-foreign-importance-side {
  position: sticky;
  top: 120px;
}

.landing-page.service-pr-foreign .pr-foreign-importance-title {
  position: relative;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--pr-foreign-text-heading);
  margin-bottom: 28px;
  padding-bottom: 18px;
}

.landing-page.service-pr-foreign .pr-foreign-importance-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;

  width: 48px;
  height: 4px;

  background-color: var(--pr-foreign-accent);
  border-radius: 2px;
}

/* CTA BUTTON */

.landing-page.service-pr-foreign .pr-foreign-importance-button {
  display: inline-block;
  padding: 14px 28px;

  font-size: 15px;
  font-weight: 600;
  text-decoration: none;

  color: var(--pr-foreign-text-inverse);
  background-color: var(--pr-foreign-primary);

  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(11, 60, 93, 0.25);

  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.landing-page.service-pr-foreign .pr-foreign-importance-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(11, 60, 93, 0.35);
}

/* RIGHT COLUMN (CONTENT) */

.landing-page.service-pr-foreign .pr-foreign-importance-box {
  padding-left: 40px;
}

.landing-page.service-pr-foreign .pr-foreign-importance-content p {
  font-size: 18px;
  line-height: 1.8;
  color: var(--pr-foreign-text-body);
  margin: 0;
}

/* RESPONSIVE */
@media (max-width: 991px) {

  .landing-page.service-pr-foreign .pr-foreign-importance-section {
    padding: 70px 0;
  }

  .landing-page.service-pr-foreign .pr-foreign-importance-side {
    position: static;
    margin-bottom: 40px;
  }

  .landing-page.service-pr-foreign .pr-foreign-importance-box {
    padding-left: 0;
  }

  .landing-page.service-pr-foreign .pr-foreign-importance-title {
    font-size: 30px;
  }

  .landing-page.service-pr-foreign .pr-foreign-concerns-section {
    padding: 70px 0;
  }

  .landing-page.service-pr-foreign .pr-foreign-concerns-title {
    font-size: 28px;
    line-height: 1.35;
    margin-bottom: 24px;
    text-align: left;
  }

  .landing-page.service-pr-foreign .pr-foreign-concerns-list {
    padding-left: 0;
  }

  .landing-page.service-pr-foreign .pr-foreign-concerns-item {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 16px;
  }

}

@media (max-width: 576px) {

  .landing-page.service-pr-foreign .pr-foreign-hero-section
  {
    padding: 30px 0;
  }

  .landing-page.service-pr-foreign .pr-foreign-hero-title
  {
    font-size: 1.9rem;
  }

  .landing-page.service-pr-foreign .pr-foreign-hero-quote
  {
    font-size: 0.95rem;
  }

  .landing-page.service-pr-foreign .pr-foreign-importance-section
  {
    padding: 30px 0;
  }

  .landing-page.service-pr-foreign .pr-foreign-importance-title {
    font-size: 1.75rem;
  }

  .landing-page.service-pr-foreign .pr-foreign-importance-content p
  {
    font-size: 0.95rem;
  }

  .landing-page.service-pr-foreign .pr-foreign-importance-side
  {
    margin-bottom: 0;
  }
}

/* =========================================
   CONCERNS SECTION — PR FOREIGN
   Straight Left Accent + Bottom Hover Border
========================================= */

.landing-page.service-pr-foreign .pr-foreign-concerns-section {
  padding: 100px 0;
  background-color: var(--pr-foreign-bg-light);
}

/* OUTER BOX */

.landing-page.service-pr-foreign .pr-foreign-concerns-box {
  max-width: 1100px;
  margin: 0 auto;
}

/* TITLE — CENTERED */

.landing-page.service-pr-foreign .pr-foreign-concerns-title {
  position: relative;
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--pr-foreign-text-heading);
  margin-bottom: 56px;
  padding-bottom: 18px;
}

/* TITLE DIVIDER */

.landing-page.service-pr-foreign .pr-foreign-concerns-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 60px;
  height: 4px;
  background-color: var(--pr-foreign-accent);
  border-radius: 2px;
}

/* GRID */

.landing-page.service-pr-foreign .pr-foreign-concerns-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}

/* CARD */

.landing-page.service-pr-foreign .pr-foreign-concerns-card {
  position: relative;
  padding: 22px 24px 22px 56px;

  font-size: 16px;
  line-height: 1.6;
  color: var(--pr-foreign-text-body);

  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07);

  overflow: hidden;
  transition: box-shadow 0.3s ease;
}

/* STRAIGHT LEFT ACCENT (SEPARATE ELEMENT) */

.landing-page.service-pr-foreign .pr-foreign-concerns-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;

  width: 4px;
  height: 100%;

  background-color: var(--pr-foreign-accent);
}

/* BOTTOM BORDER (HIDDEN INITIALLY) */

.landing-page.service-pr-foreign .pr-foreign-concerns-card::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;

  width: 100%;
  height: 3px;
  background-color: var(--pr-foreign-accent);

  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
}

/* HOVER STATE */

.landing-page.service-pr-foreign .pr-foreign-concerns-card:hover {
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.12);
}

/* LEFT ACCENT DISAPPEARS ON HOVER */

.landing-page.service-pr-foreign .pr-foreign-concerns-card:hover::before {
  opacity: 0;
}

/* BOTTOM BORDER DRAWS IN */

.landing-page.service-pr-foreign .pr-foreign-concerns-card:hover::after {
  transform: scaleX(1);
}

/* RESPONSIVE */

@media (max-width: 991px) {

  .landing-page.service-pr-foreign .pr-foreign-concerns-section {
    padding: 70px 0;
  }

  .landing-page.service-pr-foreign .pr-foreign-concerns-title {
    font-size: 28px;
    margin-bottom: 40px;
  }

  .landing-page.service-pr-foreign .pr-foreign-concerns-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .landing-page.service-pr-foreign .pr-foreign-concerns-card {
    padding: 18px 20px 18px 52px;
    font-size: 15px;
  }

}

@media (max-width: 576px) {

  .landing-page.service-pr-foreign .pr-foreign-concerns-section{
    padding: 30px 0;
  }

  .landing-page.service-pr-foreign .pr-foreign-concerns-title
  {
    font-size: 1.75rem;
  }

  @media (max-width: 768px) {

    .landing-page.service-pr-foreign .pr-foreign-concerns-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

   .landing-page.service-pr-foreign .pr-foreign-concerns-card
   {
    padding: 14px 10px 18px 12px;
   }



}
}


/* =========================================
   CONCERNS CTA
   Matches Concerns Card Theme
========================================= */

.landing-page.service-pr-foreign .pr-foreign-concerns-cta {
  margin-top: 42px;

  display: flex;
  justify-content: center;
}

/* BUTTON */

.landing-page.service-pr-foreign .pr-foreign-concerns-button {
  position: relative;

  display: inline-flex;
  align-items: center;
  gap: 12px;

  padding: 16px 34px;

  background-color: #ffffff;

  color: var(--pr-foreign-text-heading);

  font-size: 16px;
  font-weight: 600;
  line-height: 1;

  border-radius: 12px;

  text-decoration: none;

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07);

  overflow: hidden;

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    color 0.3s ease;
}

/* LEFT ACCENT */

.landing-page.service-pr-foreign .pr-foreign-concerns-button::before {
  content: "";

  position: absolute;

  left: 0;
  top: 0;

  width: 4px;
  height: 100%;

  background-color: var(--pr-foreign-accent);

  transition: opacity 0.3s ease;
}

/* BOTTOM BORDER */

.landing-page.service-pr-foreign .pr-foreign-concerns-button::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: 0;

  width: 100%;
  height: 3px;

  background-color: var(--pr-foreign-accent);

  transform: scaleX(0);
  transform-origin: left;

  transition: transform 0.35s ease;
}

/* ICON */

.landing-page.service-pr-foreign .pr-foreign-concerns-button i {
  font-size: 14px;

  transition: transform 0.3s ease;
}

/* HOVER */

.landing-page.service-pr-foreign .pr-foreign-concerns-button:hover {
  color: var(--pr-foreign-text-heading);

  transform: translateY(-3px);

  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.12);

  text-decoration: none;
}

/* LEFT ACCENT HIDE */

.landing-page.service-pr-foreign .pr-foreign-concerns-button:hover::before {
  opacity: 0;
}

/* BOTTOM BORDER DRAW */

.landing-page.service-pr-foreign .pr-foreign-concerns-button:hover::after {
  transform: scaleX(1);
}

/* ICON MOVE */

.landing-page.service-pr-foreign .pr-foreign-concerns-button:hover i {
  transform: translateX(4px);
}

/* RESPONSIVE */

@media (max-width: 991px) {

  .landing-page.service-pr-foreign .pr-foreign-concerns-cta {
    margin-top: 30px;
  }

  .landing-page.service-pr-foreign .pr-foreign-concerns-button {
    width: 100%;

    justify-content: center;

    padding: 15px 24px;

    font-size: 15px;
  }

}



/* ====================================================
   PR FOREIGN — EXAMINATION SECTION (FINAL)
   ==================================================== */

.landing-page.service-pr-foreign .pr-foreign-examination-section {
  background: linear-gradient(
    180deg,
    var(--pr-foreign-bg-main) 0%,
    #eef3f8 100%
  );
  padding: 90px 0;
}

/* ---------- Box ---------- */

.landing-page.service-pr-foreign .pr-foreign-examination-box {
  background: var(--pr-foreign-bg-light);
  border-radius: 20px;
  padding: 70px 70px 80px;
  box-shadow: var(--pr-foreign-shadow-soft);
  border: 1px solid var(--pr-foreign-border-color);
}

/* ---------- Title ---------- */

.landing-page.service-pr-foreign .pr-foreign-examination-title {
  font-size: 36px;
  font-weight: 700;
  color: var(--pr-foreign-text-heading);
  text-align: center;
  margin-bottom: 18px;
  padding-bottom: 18px;
  position: relative;
}

/* Divider */
.landing-page.service-pr-foreign .pr-foreign-examination-title::after {
 content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 60px;
  height: 4px;
  background-color: var(--pr-foreign-accent);
  border-radius: 2px;
}

/* ---------- Intro ---------- */

.landing-page.service-pr-foreign .pr-foreign-examination-intro {
  font-size: 18px;
  color: var(--pr-foreign-text-muted);
  text-align: center;
  max-width: 620px;
  margin: 0 auto 60px;
}

/* ---------- Timeline ---------- */

.landing-page.service-pr-foreign .pr-foreign-examination-timeline {
  max-width: 760px;
  margin: 0 auto;
}

/* ---------- Step ---------- */

.landing-page.service-pr-foreign .pr-foreign-examination-step {
  display: flex;
  gap: 28px;
  margin-bottom: 42px;
}

.landing-page.service-pr-foreign .pr-foreign-examination-step:last-child {
  margin-bottom: 0;
}

/* ---------- Icon Column ---------- */

.landing-page.service-pr-foreign .pr-foreign-examination-icon-col {
  position: relative;
  width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Vertical line PERFECTLY through icon center */
.landing-page.service-pr-foreign .pr-foreign-examination-icon-col::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--pr-foreign-accent);
 
}

/* ---------- Marker ---------- */

.landing-page.service-pr-foreign .pr-foreign-examination-marker {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--pr-foreign-bg-light);
  border: 2px solid var(--pr-foreign-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  margin-top: 6px;
}

.landing-page.service-pr-foreign .pr-foreign-examination-marker i {
  font-size: 14px;
  color: var(--pr-foreign-accent);
}

/* ---------- Card ---------- */

.landing-page.service-pr-foreign .pr-foreign-examination-card {
  background: #fff;
  border-radius: 14px;
  padding: 15px 28px;
  font-size: 16px;
  line-height: 1.6;
  color: var(--pr-foreign-text-body);
  border: 1px solid var(--pr-foreign-border-color);
  box-shadow: 0 8px 22px rgba(16, 42, 67, 0.08);


  display: flex;
  align-items: center;
  width: 100%;

  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.landing-page.service-pr-foreign
  .pr-foreign-examination-step:hover
  .pr-foreign-examination-card {
  transform: translateY(-4px);
  box-shadow: 0 14px 36px rgba(16, 42, 67, 0.14);
}

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

@media (max-width: 991px) {
  .landing-page.service-pr-foreign .pr-foreign-examination-box {
    padding: 55px 45px 65px;
  }

  .landing-page.service-pr-foreign .pr-foreign-examination-title {
    font-size: 30px;
  }
}


@media (max-width: 576px) {

  .landing-page.service-pr-foreign .pr-foreign-examination-section {
    padding: 30px 0;
  }
  .landing-page.service-pr-foreign .pr-foreign-examination-box {
    padding: 40px 24px 50px;
  }

  .landing-page.service-pr-foreign .pr-foreign-examination-title {
    font-size: 1.7rem;
  }

  .landing-page.service-pr-foreign .pr-foreign-examination-intro {
    font-size: 16px;
    margin-bottom: 40px;
  }

  .landing-page.service-pr-foreign .pr-foreign-examination-card {
    min-height: auto;
    font-size: 15px;
    padding: 20px 22px;
  }

  .landing-page.service-pr-foreign .pr-foreign-examination-icon-col
    {
      display: none;
    }

    .landing-page.service-pr-foreign .pr-foreign-examination-step
    {
      margin-bottom: 20px;
    }
}


/* ====================================================
   PR FOREIGN — BENEFITS SECTION (CTA CENTERED GRID)
   ==================================================== */

.landing-page.service-pr-foreign .pr-foreign-benefits-section {
  background: var(--pr-foreign-bg-main);
  padding: 90px 0;
}

/* ---------- Box ---------- */

.landing-page.service-pr-foreign .pr-foreign-benefits-box {
  max-width: 1100px;
  margin: 0 auto;
}

/* ---------- Title ---------- */

.landing-page.service-pr-foreign .pr-foreign-benefits-title {
  font-size: 36px;
  font-weight: 700;
  color: var(--pr-foreign-text-heading);
  text-align: center;
  margin-bottom: 70px;
  position: relative;
}

.landing-page.service-pr-foreign .pr-foreign-benefits-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  margin: 18px auto 0;
  background: var(--pr-foreign-accent);
  border-radius: 2px;
}

/* ---------- Grid ---------- */

.landing-page.service-pr-foreign .pr-foreign-benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

/* ---------- Card Base (ALL SAME SIZE) ---------- */

.landing-page.service-pr-foreign .pr-foreign-benefit-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 34px 30px;
  text-align: center;
  border: 1px solid var(--pr-foreign-border-color);
  box-shadow: 0 10px 26px rgba(16, 42, 67, 0.06);

  display: flex;
  flex-direction: column;
  justify-content: center;

  min-height: 220px; 
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.landing-page.service-pr-foreign .pr-foreign-benefit-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 44px rgba(16, 42, 67, 0.14);
}

/* ---------- Icons ---------- */

.landing-page.service-pr-foreign .pr-foreign-benefit-icon {
  width: 58px;
  height: 58px;
  margin: 0 auto 22px;
  border-radius: 50%;
  background: rgba(245, 166, 35, 0.15);
  color: var(--pr-foreign-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

/* ---------- Text ---------- */

.landing-page.service-pr-foreign .pr-foreign-benefit-text {
  font-size: 16.5px;
  line-height: 1.6;
  color: var(--pr-foreign-text-body);
}

/* ====================================================
   CTA CARD (CENTER)
   ==================================================== */

.landing-page.service-pr-foreign .pr-foreign-benefit-cta {
  background: linear-gradient(
    145deg,
    var(--pr-foreign-bg-dark),
    #0e466c
  );
  color: var(--pr-foreign-text-inverse);
  text-decoration: none;
  border: none;
}

.landing-page.service-pr-foreign .pr-foreign-benefit-cta-inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.landing-page.service-pr-foreign .pr-foreign-benefit-cta-label {
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.8;
}

.landing-page.service-pr-foreign .pr-foreign-benefit-cta-action {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}


.landing-page.service-pr-foreign .pr-foreign-benefit-cta-action {
  position: relative;
  display: inline-block;
}

/* Hidden underline */
.landing-page.service-pr-foreign .pr-foreign-benefit-cta-action::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 2px;
  background: var(--pr-foreign-accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}

/* Animate underline on card hover */
.landing-page.service-pr-foreign .pr-foreign-benefit-cta:hover
  .pr-foreign-benefit-cta-action::after {
  transform: scaleX(1);
}

/* CTA Hover */
.landing-page.service-pr-foreign .pr-foreign-benefit-cta:hover {
  transform: translateY(-10px);
  box-shadow: 0 22px 52px rgba(11, 60, 93, 0.35);
}

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

@media (max-width: 991px) {
  .landing-page.service-pr-foreign .pr-foreign-benefits-title {
    font-size: 30px;
    margin-bottom: 55px;
  }

  .landing-page.service-pr-foreign .pr-foreign-benefits-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .landing-page.service-pr-foreign .pr-foreign-benefit-card {
    min-height: auto;
  }
}



@media (max-width: 576px) {

  .landing-page.service-pr-foreign .pr-foreign-benefits-section
  {
    padding: 30px 0;
  }

  .landing-page.service-pr-foreign .pr-foreign-benefits-title {
    font-size: 26px;
    margin-bottom: 45px;
  }

    .landing-page.service-pr-foreign .pr-foreign-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    /* Hide the CTA (6th item) */
    .landing-page.service-pr-foreign .pr-foreign-benefit-cta {
        display: none;
    }

    /* Make the 5th card full width */
    .landing-page.service-pr-foreign .pr-foreign-benefit-card:nth-child(5) {
        grid-column: 1 / -1;
    }

  .landing-page.service-pr-foreign .pr-foreign-benefit-card {
    padding: 10px 18px;
  }

  .landing-page.service-pr-foreign .pr-foreign-benefit-text {
    font-size: 15.5px;
  }
}


/* ====================================================
   PR FOREIGN — APPROACH SECTION (ACCOUNTABLE SURFACE)
   ==================================================== */

.landing-page.service-pr-foreign .pr-foreign-approach-section {
   background: #f3f6fa;/* subtle separation from page bg */
  padding: 90px 0;
}

/* ---------- Surface Wrapper ---------- */

.landing-page.service-pr-foreign .pr-foreign-approach-surface {
  max-width: 1100px;
  margin: 0 auto;

  /* subtle contrast from page background */
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #fbfdff 100%
  );

  border-radius: 24px;
  padding: 70px 70px;

  /* soft definition */
  border: 1px solid rgba(16, 42, 67, 0.08);

  /* layered elevation */
  box-shadow:
    0 10px 30px rgba(16, 42, 67, 0.06),
    0 2px 6px rgba(16, 42, 67, 0.04);

  position: relative;
}

/* ---------- Content Box ---------- */

.landing-page.service-pr-foreign .pr-foreign-approach-box {
  max-width: 500px;
}

/* ---------- Title ---------- */

.landing-page.service-pr-foreign .pr-foreign-approach-title {
  font-size: 34px;
  font-weight: 700;
  color: var(--pr-foreign-text-heading);
  margin-bottom: 24px;
  position: relative;
}

.landing-page.service-pr-foreign .pr-foreign-approach-title::after {
  content: "";
  display: block;
  width: 52px;
  height: 3px;
  margin-top: 14px;
  background: var(--pr-foreign-accent);
  border-radius: 2px;
}

/* ---------- Text ---------- */

.landing-page.service-pr-foreign .pr-foreign-approach-content p {
  font-size: 17px;
  line-height: 1.8;
  color: var(--pr-foreign-text-body);
}

/* ---------- Image ---------- */

.landing-page.service-pr-foreign .pr-foreign-approach-image {
  padding-left: 40px;
}

.landing-page.service-pr-foreign .pr-foreign-approach-image img {
  width: 100%;
  height: auto;
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(16, 42, 67, 0.12);
}

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

@media (max-width: 991px) {
  .landing-page.service-pr-foreign .pr-foreign-approach-surface {
    padding: 55px 45px;
  }

  .landing-page.service-pr-foreign .pr-foreign-approach-box {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .landing-page.service-pr-foreign .pr-foreign-approach-image {
    padding-left: 0;
  }

  .landing-page.service-pr-foreign .pr-foreign-approach-title {
    font-size: 30px;
  }
}

@media (max-width: 576px) {
  .landing-page.service-pr-foreign .pr-foreign-approach-section {
    padding: 30px 0;
  }

  .landing-page.service-pr-foreign .pr-foreign-approach-surface {
    padding: 40px 24px;
  }

  .landing-page.service-pr-foreign .pr-foreign-approach-title {
    font-size: 1.7rem;
  }

  .landing-page.service-pr-foreign .pr-foreign-approach-content p {
    font-size: 15.5px;
  }

  .landing-page.service-pr-foreign .pr-foreign-approach-box
  {
    margin-bottom: 0;
  }
}


/* ====================================================
   PR FOREIGN — FINAL CTA WITH STEPWISE WAVE ANIMATION
   ==================================================== */

.landing-page.service-pr-foreign .pr-foreign-cta-section {
  position: relative;
  width: 100%;
  overflow: hidden;
  isolation: isolate;
}

/* ---------- CTA Background ---------- */

.landing-page.service-pr-foreign .pr-foreign-cta-full {
  position: relative;
  z-index: 2;
  background: linear-gradient(
    135deg,
    #0b3c5d 0%,
    #0e4a73 100%
  );
  padding: 120px 0;
}

/* ---------- Inner Layout ---------- */

.landing-page.service-pr-foreign .pr-foreign-cta-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 80px;
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  align-items: center;
}

.landing-page.service-pr-foreign .pr-foreign-cta-content-wrap {
  max-width: 640px;
  position: relative;
  z-index: 3;
}

/* ---------- Title ---------- */

.landing-page.service-pr-foreign .pr-foreign-cta-title {
  font-size: 42px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 26px;
}

.landing-page.service-pr-foreign .pr-foreign-cta-title::after {
  content: "";
  display: block;
  width: 64px;
  height: 3px;
  margin-top: 16px;
  background: var(--pr-foreign-accent);
  border-radius: 2px;
}

/* ---------- Text ---------- */

.landing-page.service-pr-foreign .pr-foreign-cta-content p {
  font-size: 18.5px;
  line-height: 1.85;
  color: rgba(255, 255, 255, 0.92);
  margin-bottom: 42px;
}

/* ---------- CTA Link ---------- */

.landing-page.service-pr-foreign .pr-foreign-cta-link {
  font-size: 18px;
  font-weight: 600;
  color: var(--pr-foreign-accent);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
}

.landing-page.service-pr-foreign .pr-foreign-cta-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 2px;
  background: var(--pr-foreign-accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}

.landing-page.service-pr-foreign .pr-foreign-cta-link:hover::after {
  transform: scaleX(1);
}

.landing-page.service-pr-foreign .pr-foreign-cta-arrow {
  transition: transform 0.3s ease;
}

.landing-page.service-pr-foreign .pr-foreign-cta-link:hover
  .pr-foreign-cta-arrow {
  transform: translateX(6px);
}

/* ====================================================
   EDGE SEMICIRCLE WAVE (STEPWISE PROPAGATION)
   ==================================================== */

.landing-page.service-pr-foreign .pr-foreign-cta-wave {
  position: absolute;
  z-index: 9;
  pointer-events: none;

  /* anchored to edge */
  right: -600px;
  top: 50%;
  transform: translateY(-50%);

  width: 1200px;
  height: 1200px;
  border-radius: 50%;

  /* rings */
  background:
    radial-gradient(circle,
      rgba(245,166,35,0.38) 0%,
      rgba(245,166,35,0.38) 16%,
      rgba(245,166,35,0.22) 16%,
      rgba(245,166,35,0.22) 30%,
      rgba(245,166,35,0.12) 30%,
      rgba(245,166,35,0.12) 44%,
      rgba(245,166,35,0.06) 44%,
      rgba(245,166,35,0.06) 58%,
      transparent 58%
    );

  animation: prForeignWaveRipple 3s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

/* ====================================================
   STEPWISE RIPPLE ANIMATION (REFERENCE STYLE)
   ==================================================== */

@keyframes prForeignWaveRipple {
  0% {
    transform: translateY(-50%) scale(0.96);
    opacity: 0.45;
  }

  40% {
    transform: translateY(-50%) scale(1.00);
    opacity: 0.65;
  }

  70% {
    transform: translateY(-50%) scale(1.03);
    opacity: 0.8;
  }

  100% {
    transform: translateY(-50%) scale(0.96);
    opacity: 0.45;
  }
}

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

@media (max-width: 991px) {
  .landing-page.service-pr-foreign .pr-foreign-cta-full {
    padding: 100px 0;
  }

  .landing-page.service-pr-foreign .pr-foreign-cta-inner {
    grid-template-columns: 1fr;
    padding: 0 50px;
  }

  .landing-page.service-pr-foreign .pr-foreign-cta-wave {
    display: none;
  }

  .landing-page.service-pr-foreign .pr-foreign-cta-title {
    font-size: 34px;
  }

  .landing-page.service-pr-foreign .pr-foreign-cta-content p {
    font-size: 17px;
  }
}

@media (max-width: 767px) {
  .landing-page.service-pr-foreign .pr-foreign-cta-full {
    padding: 90px 0;
  }

  .landing-page.service-pr-foreign .pr-foreign-cta-inner {
    padding: 0 24px;
  }

  .landing-page.service-pr-foreign .pr-foreign-cta-title {
    font-size: 26px;
  }

  .landing-page.service-pr-foreign .pr-foreign-cta-content p {
    font-size: 15.5px;
  }

  .landing-page.service-pr-foreign .pr-foreign-cta-link {
    font-size: 16px;
  }
}


/* =====================================================
   PR FOREIGN — PRICING SECTION
   ===================================================== */

.landing-page.service-pr-foreign .pr-foreign-pricing-section {
  background: var(--pr-foreign-bg-main);
  padding: 110px 0;
}

.landing-page.service-pr-foreign .pr-foreign-pricing-box {
  max-width: 1200px;
  margin: 0 auto;
}

/* ---------- Section Title ---------- */

.landing-page.service-pr-foreign .pr-foreign-pricing-title {
  text-align: center;
  font-size: 36px;
  line-height: 1.4;
  font-weight: 700;
  color: var(--pr-foreign-text-heading);
  margin-bottom: 70px;
  position: relative;
}

.landing-page.service-pr-foreign .pr-foreign-pricing-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  background: var(--pr-foreign-accent);
  margin: 18px auto 0;
  border-radius: 2px;
}

/* =====================================================
   PRICING CARDS
   ===================================================== */

.landing-page.service-pr-foreign .pr-foreign-pricing-card {
  background: var(--pr-foreign-bg-light);
  border-radius: 16px;
  padding: 38px 32px 42px;
  height: 100%;
  border: 1px solid var(--pr-foreign-border-color);
  box-shadow: var(--pr-foreign-shadow-soft);
  position: relative;
  transition: all 0.35s ease;
}

/* subtle hover for all */
.landing-page.service-pr-foreign .pr-foreign-pricing-card:hover {
  transform: translateY(-6px);
}

/* ---------- Highlighted (Option 2) ---------- */

.landing-page.service-pr-foreign .pr-foreign-pricing-highlight {
  border: 2px solid var(--pr-foreign-accent);
  transform: scale(1.04);
  z-index: 2;
}

/* ---------- Badge ---------- */

.landing-page.service-pr-foreign .pr-foreign-pricing-badge {
  position: absolute;
  top: -14px;
  right: 24px;
  background: var(--pr-foreign-accent);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 20px;
  letter-spacing: 0.3px;
}

/* ---------- Card Title ---------- */

.landing-page.service-pr-foreign .pr-foreign-pricing-card-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--pr-foreign-text-heading);
  margin-bottom: 14px;
}

/* ---------- Price ---------- */

.landing-page.service-pr-foreign .pr-foreign-pricing-amount {
  font-size: 34px;
  font-weight: 700;
  color: var(--pr-foreign-primary);
  margin-bottom: 22px;
}

/* ---------- Content ---------- */

.landing-page.service-pr-foreign .pr-foreign-pricing-content p {
  font-size: 15.5px;
  color: var(--pr-foreign-text-body);
  line-height: 1.75;
  margin-top: 14px;
}

.landing-page.service-pr-foreign .pr-foreign-pricing-content ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 16px;
}

.landing-page.service-pr-foreign .pr-foreign-pricing-content ul li {
  position: relative;
  padding-left: 22px;
  font-size: 15px;
  color: var(--pr-foreign-text-body);
  margin-bottom: 10px;
  line-height: 1.6;
}

/* subtle caret / arrow */
.landing-page.service-pr-foreign .pr-foreign-pricing-content ul li::before {
  content: "›";
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 18px;
  font-weight: 600;
  color: var(--pr-foreign-accent);
  line-height: 1;
}

/* ---------- Actions ---------- */


.landing-page.service-pr-foreign .pr-foreign-pricing-action,
.landing-page.service-pr-foreign .pr-foreign-pricing-action-group span {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;

  width: 100%;
  max-width: 320px;

  margin-top: 18px;
  padding: 14px 20px;

  border-radius: 14px;
  background: linear-gradient(
    135deg,
    var(--pr-foreign-primary),
    #0e4a73
  );

  color: #ffffff;
  font-size: 15px;
  font-weight: 600;

  cursor: pointer;
  transition: all 0.35s ease;

  box-shadow: 0 10px 26px rgba(11, 60, 93, 0.25);
}

/* ---------- Price emphasis ---------- */
.landing-page.service-pr-foreign .pr-foreign-pricing-action::after,
.landing-page.service-pr-foreign .pr-foreign-pricing-action-group span::after {
  content: "→";
  font-size: 16px;
  opacity: 0.85;
  transition: transform 0.3s ease;
}

/* ---------- Hover effect ---------- */
.landing-page.service-pr-foreign .pr-foreign-pricing-action:hover,
.landing-page.service-pr-foreign .pr-foreign-pricing-action-group span:hover {
  background: linear-gradient(
    135deg,
    var(--pr-foreign-accent),
    #f7b84a
  );
  transform: translateY(-3px);
  box-shadow: 0 14px 34px rgba(245, 166, 35, 0.35);
}

.landing-page.service-pr-foreign
  .pr-foreign-pricing-action:hover::after,
.landing-page.service-pr-foreign
  .pr-foreign-pricing-action-group span:hover::after {
  transform: translateX(6px);
}

/* ---------- Action group layout ---------- */

.landing-page.service-pr-foreign .pr-foreign-pricing-action-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
}

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

@media (max-width: 991px) {
  .landing-page.service-pr-foreign .pr-foreign-pricing-title {
    font-size: 30px;
    margin-bottom: 50px;
  }

  .landing-page.service-pr-foreign .pr-foreign-pricing-highlight {
    transform: none;
  }
}

@media (max-width: 576px) {
  .landing-page.service-pr-foreign .pr-foreign-pricing-section {
    padding: 30px 0;
  }

  .landing-page.service-pr-foreign .pr-foreign-pricing-title {
    font-size: 1.7rem;
    margin-bottom: 0;
  }

  .landing-page.service-pr-foreign .pr-foreign-pricing-card {
    padding: 30px 24px 36px;
  }
}


/* =====================================================
   PR FOREIGN — FAQ CARD SYSTEM
   ===================================================== */

.landing-page.service-pr-foreign .pr-foreign-faq-section {
  background: #F4F7FB; /* soft contrast */
  padding: 90px 0;
}

.landing-page.service-pr-foreign .pr-foreign-faq-box {
  max-width: 1200px;
  margin: 0 auto;

}


/* ---------- Title ---------- */

.landing-page.service-pr-foreign .pr-foreign-faq-title {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  color: var(--pr-foreign-text-heading);
  margin-bottom: 70px;
  position: relative;
}

.landing-page.service-pr-foreign .pr-foreign-faq-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  background: var(--pr-foreign-accent);
  margin: 18px auto 0;
  border-radius: 2px;
}

/* ---------- Grid ---------- */

.landing-page.service-pr-foreign .pr-foreign-faq-grid {
  row-gap: 32px;
}

/* ---------- Card ---------- */

.landing-page.service-pr-foreign .pr-foreign-faq-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 32px 30px;
  height: 100%;
  box-shadow: var(--pr-foreign-shadow-soft);
  border: 1px solid var(--pr-foreign-border-color);
  transition: transform 0.3s ease;
}

.landing-page.service-pr-foreign .pr-foreign-faq-card:hover {
  transform: translateY(-4px);
}

/* ---------- Full Width Card ---------- */

.landing-page.service-pr-foreign .pr-foreign-faq-card-full {
  padding: 38px 40px;
}

/* ---------- Question ---------- */

.landing-page.service-pr-foreign .pr-foreign-faq-question {
  font-size: 18.5px;
  font-weight: 600;
  color: var(--pr-foreign-text-heading);
  margin-bottom: 14px;
  line-height: 1.5;
}

/* ---------- Answer ---------- */

.landing-page.service-pr-foreign .pr-foreign-faq-answer {
  font-size: 16px;
  line-height: 1.8;
  color: var(--pr-foreign-text-body);
}

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

@media (max-width: 991px) {
  .landing-page.service-pr-foreign .pr-foreign-faq-title {
    font-size: 30px;
  }
}

@media (max-width: 576px) {
  .landing-page.service-pr-foreign .pr-foreign-faq-section {
    padding: 30px 0;
  }

  .landing-page.service-pr-foreign .pr-foreign-faq-title {
    font-size: 1.7rem;
    margin-bottom: 30px;
  }

  .landing-page.service-pr-foreign .pr-foreign-faq-card,
  .landing-page.service-pr-foreign .pr-foreign-faq-card-full {
    padding: 26px 24px;
  }

  .landing-page.service-pr-foreign .pr-foreign-faq-question {
    font-size: 17px;
  }

  .landing-page.service-pr-foreign .pr-foreign-faq-answer {
    font-size: 15.5px;
  }
}


/* =====================================================
   PR FOREIGN — MASTER SECTION
   ===================================================== */

.landing-page.service-pr-foreign .pr-foreign-master-section {
  background: #ffffff;
  padding: 90px 0;
}

/* ---------- Image ---------- */

.landing-page.service-pr-foreign .pr-foreign-master-visual {
  width: 100%;
  margin-bottom: 30px;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: var(--pr-foreign-shadow-soft);
}

.landing-page.service-pr-foreign .pr-foreign-master-visual img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* ---------- Content Box ---------- */

.landing-page.service-pr-foreign .pr-foreign-master-box {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

/* ---------- Title ---------- */

.landing-page.service-pr-foreign .pr-foreign-master-title {
  font-size: 38px;
  font-weight: 700;
  color: var(--pr-foreign-text-heading);
  margin-bottom: 36px;
  position: relative;
}

.landing-page.service-pr-foreign .pr-foreign-master-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  background: var(--pr-foreign-accent);
  margin: 18px auto 0;
  border-radius: 2px;
}

/* ---------- Content ---------- */

.landing-page.service-pr-foreign .pr-foreign-master-content p {
  font-size: 16.8px;
  line-height: 1.9;
  color: var(--pr-foreign-text-body);
  /*margin-bottom: 22px;*/
  text-align: left;
}

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

@media (max-width: 991px) {
  .landing-page.service-pr-foreign .pr-foreign-master-section {
    padding: 90px 0;
  }

  .landing-page.service-pr-foreign .pr-foreign-master-title {
    font-size: 32px;
  }

  .landing-page.service-pr-foreign .pr-foreign-master-box {
    max-width: 100%;
  }
}

@media (max-width: 576px) {

  .landing-page.service-pr-foreign .pr-foreign-master-section
  {
    padding: 30px 0;
  }

  .landing-page.service-pr-foreign .pr-foreign-master-visual {
    margin-bottom: 30px;
    border-radius: 18px;
  }

  .landing-page.service-pr-foreign .pr-foreign-master-title {
    font-size: 1.95rem;
    margin-bottom: 20px;
  }

  .landing-page.service-pr-foreign .pr-foreign-master-content p {
    font-size: 0.95rem;
  }
}


.landing-page.service-business-growth {

  /* ===== BRAND COLORS (TRUST & SCALE) ===== */
  --bg-primary: #0F2A44;        /* Deep Growth Blue (authority) */
  --bg-secondary: #2BB673;      /* Growth Green (action & progress) */
  --bg-accent: #F5A623;         /* Amber Gold (highlights only) */

  /* ===== BACKGROUNDS ===== */
  --bg-main: #FFFFFF;           /* Primary canvas */
  --bg-light: #F8FAFC;          /* Soft section background */
  --bg-alt: #F1F5F9;            /* Alternating sections */
  --bg-dark: #0B1F33;           /* Dark hero / CTA sections */

  /* ===== TEXT COLORS ===== */
  --text-heading: #0F172A;      /* Strong headings */
  --text-body: #1F2933;         /* Primary body text */
  --text-muted: #6B7280;        /* Supporting text */
  --text-inverse: #FFFFFF;      /* Text on dark backgrounds */

  /* ===== UI / BORDERS / SHADOWS ===== */
  --border-color: #E5E7EB;
  --divider-color: #EEF2F7;
  --shadow-soft: 0 12px 30px rgba(15, 42, 68, 0.08);
  --shadow-card: 0 6px 20px rgba(15, 42, 68, 0.06);

}
/* =====================================================
   BUSINESS GROWTH – HERO + INSIGHT (FINAL POLISHED)
   Scope: landing-page service-business-growth
===================================================== */

/* ---------- HERO SECTION ---------- */
.landing-page.service-business-growth .business-growth-hero-section {
  background: linear-gradient(
    135deg,
    var(--bg-primary),
    var(--bg-dark)
  );
  padding: 100px 0 80px;
  color: var(--text-inverse);
}

.landing-page.service-business-growth .business-growth-hero-box {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.landing-page.service-business-growth .business-growth-hero-title {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 22px;
  color: var(--text-inverse);
  position: relative;
  padding-bottom: 18px;
}

.landing-page.service-business-growth .business-growth-hero-title::after {
  content: "";
  width: 64px;
  height: 3px;
  background-color: var(--bg-accent);
  display: block;
  margin: 18px auto 0;
  border-radius: 2px;
}

.landing-page.service-business-growth .business-growth-hero-description {
  font-size: 1.1rem;
  line-height: 1.8;
  margin-bottom: 35px;
  color: rgba(255, 255, 255, 0.9);
}

.landing-page.service-business-growth .business-growth-hero-cta {
  margin-top: 10px;
}

.landing-page.service-business-growth .business-growth-hero-button {
  display: inline-block;
  padding: 14px 36px;
  background-color: var(--bg-secondary);
  color: var(--text-inverse);
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.landing-page.service-business-growth .business-growth-hero-button:hover {
  background-color: var(--bg-accent);
  color: var(--text-primary);
}


.landing-page.service-business-growth .business-growth-insight-section {
  background-color: var(--bg-primary);
  padding: 0 0 90px;
  margin-top: -40px;
}

.landing-page.service-business-growth .business-growth-insight-box {
  background-color: rgba(255, 255, 255, 0.06);
  border-radius: 24px;
  padding: 56px 52px;
  /*border: 1px solid rgba(255, 255, 255, 0.15);*/
  backdrop-filter: blur(6px);
}

/* INSIGHT ITEM — CLEAN, READABLE, PREMIUM */
.landing-page.service-business-growth .business-growth-insight-item {
  background-color: #f1f5f9; /* clean, professional light surface */
  border-radius: 14px;
  padding: 26px 26px 26px 38px;
  font-weight: 600;
  font-size: 1.05rem;
  line-height: 1.6;
  color: #0f172a; /* strong readable text */
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  transition: background-color 0.2s ease;
}
.landing-page.service-business-growth .business-growth-insight-item::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 50%;
  width: 6px;
  height: 6px;
  background-color: var(--bg-secondary);
  border-radius: 50%;
  transform: translateY(-50%);
}


/* SUBTLE HOVER — NO DRAMA */
.landing-page.service-business-growth .business-growth-insight-item:hover {
background-color: #e8eef4;
  transform: translateY(-2px);
}


/* GRID SPACING */
.landing-page.service-business-growth .business-growth-insight-box .row > div {
  margin-bottom: 26px;
}

@media (max-width: 991px) {

  /* HERO */
  .landing-page.service-business-growth .business-growth-hero-section {
    padding: 80px 0 70px;
  }

  .landing-page.service-business-growth .business-growth-hero-title {
    font-size: 2.6rem;
  }

  .landing-page.service-business-growth .business-growth-hero-description {
    font-size: 1.05rem;
  }

  /* INSIGHT CONTAINER */
  .landing-page.service-business-growth .business-growth-insight-box {
    padding: 48px 40px;
  }

}


@media (max-width: 767px) {

  /* HERO */
  .landing-page.service-business-growth .business-growth-hero-section {
    padding: 70px 0 60px;
    text-align: center;
  }

  .landing-page.service-business-growth .business-growth-hero-title {
    font-size: 2.1rem;
  }

  .landing-page.service-business-growth .business-growth-hero-description {
    font-size: 1rem;
    line-height: 1.7;
  }

  .landing-page.service-business-growth .business-growth-hero-button {
    padding: 13px 30px;
  }

  /* INSIGHT SECTION */
  .landing-page.service-business-growth .business-growth-insight-section {
    padding-bottom: 70px;
  }

  .landing-page.service-business-growth .business-growth-insight-box {
    padding: 36px 28px;
  }

  .landing-page.service-business-growth .business-growth-insight-item {
    font-size: 1rem;
    padding: 22px 22px 22px 34px;
  }

}


@media (max-width: 576px) {

  .landing-page.service-business-growth .business-growth-hero-section
  {
    padding: 30px 0;
  }

  .landing-page.service-business-growth .business-growth-hero-title {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }

  .landing-page.service-business-growth .business-growth-hero-description {
    font-size: 0.95rem;
  }

  .landing-page.service-business-growth .business-growth-insight-item {
    font-size: 0.95rem;
    padding: 20px 20px 20px 32px;
  }

}


/* =====================================================
   BUSINESS GROWTH – GUIDANCE SECTION
===================================================== */

.landing-page.service-business-growth .business-growth-guidance-section {
  padding: 100px 0;
  background-color: var(--bg-light);
}

/* LEFT COLUMN : HEADING */
.landing-page.service-business-growth .business-growth-guidance-heading-box {
  padding-right: 40px;
}

.landing-page.service-business-growth .business-growth-guidance-title {
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--text-heading);
  position: relative;
  padding-bottom: 18px;
}

/* Editorial divider */
.landing-page.service-business-growth .business-growth-guidance-title::after {
  content: "";
  width: 56px;
  height: 3px;
  background-color: var(--bg-accent);
  display: block;
  margin-top: 16px;
  border-radius: 2px;
}

/* RIGHT COLUMN : CONTENT */
.landing-page.service-business-growth .business-growth-guidance-content-box {
  max-width: 640px;
}

.landing-page.service-business-growth .business-growth-guidance-description {
  font-size: 1.05rem;
  line-height: 1.85;
  color: var(--text-body);
  margin-bottom: 32px;
}

/* CTA */
.landing-page.service-business-growth .business-growth-guidance-cta {
  margin-top: 8px;
}

.landing-page.service-business-growth .business-growth-guidance-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 12px 22px;
  background-color: transparent;
  color: var(--bg-secondary);

  font-weight: 500;
  font-size: 0.95rem;
  border-radius: 6px;
  border: 1px solid var(--bg-secondary);

  text-decoration: none;
  transition: all 0.25s ease;
}
.landing-page.service-business-growth .business-growth-guidance-button:hover {
  background-color: var(--bg-secondary);
  color: var(--text-inverse);
}



@media (max-width: 991px) {

  .landing-page.service-business-growth .business-growth-guidance-section {
    padding: 80px 0;
  }

  .landing-page.service-business-growth .business-growth-guidance-heading-box {
    padding-right: 20px;
  }

  .landing-page.service-business-growth .business-growth-guidance-title {
    font-size: 2rem;
  }

  .landing-page.service-business-growth .business-growth-guidance-content-box {
    max-width: 100%;
  }

}


@media (max-width: 767px) {

  .landing-page.service-business-growth .business-growth-guidance-section {
    padding: 70px 0;
  }

  .landing-page.service-business-growth .business-growth-guidance-heading-box {
    padding-right: 0;
    margin-bottom: 30px;
    text-align: center;
  }

  .landing-page.service-business-growth .business-growth-guidance-title {
    font-size: 1.9rem;
  }

  .landing-page.service-business-growth .business-growth-guidance-title::after {
    margin-left: auto;
    margin-right: auto;
  }

  .landing-page.service-business-growth .business-growth-guidance-description {
    font-size: 1rem;
    text-align: center;
  }

  .landing-page.service-business-growth .business-growth-guidance-cta {
    text-align: center;
  }

}


@media (max-width: 576px) {

  .landing-page.service-business-growth .business-growth-guidance-section
  {
    padding: 30px 0; 
  }

  .landing-page.service-business-growth .business-growth-guidance-heading-box
  {
    margin-bottom: 10px;
  }

  .landing-page.service-business-growth .business-growth-guidance-title {
    font-size: 1.7rem;
  }

  .landing-page.service-business-growth .business-growth-guidance-description {
    font-size: 0.95rem;
    line-height: 1.75;
  }

}

/*business-growth-tabs*/

.landing-page.service-business-growth .business-growth-tabs-section {
   background: var(--bg-alt); 
  padding: 80px 0;
}

.landing-page.service-business-growth .business-growth-tabs-box {
  background: var(--bg-main);
  border-radius: 18px;
  padding: 60px;
  box-shadow: var(--shadow-soft);
}

/* Heading */
.landing-page.service-business-growth .business-growth-tabs-title {
  font-size: 36px;
  font-weight: 700;
  color: var(--text-heading);
  text-align: center;            /* CENTER HEADING */
  position: relative;
  margin-bottom: 50px;
}

/* Divider under title (SAME PATTERN AS HERO) */
.landing-page.service-business-growth .business-growth-tabs-title::after {
  content: "";
  width: 64px;
  height: 3px;
  background-color: var(--bg-accent);
  display: block;
  margin: 18px auto 0;           /* CENTER DIVIDER */
  border-radius: 2px;
}
/* Layout */
.landing-page.service-business-growth .business-growth-tabs-layout {
  align-items: flex-start;
}

/* Tabs Navigation */
.landing-page.service-business-growth .business-growth-tabs-nav {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.landing-page.service-business-growth .business-growth-tabs-nav .nav-link {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  border-radius: 14px;
  background: var(--bg-light);
  border: 1px solid var(--border-color);
  color: var(--text-body);
  font-weight: 600;
  text-align: left;
  transition: all 0.3s ease;
}

.landing-page.service-business-growth .business-growth-tabs-nav .nav-link.active {
  background: var(--bg-primary);
  color: var(--text-inverse);
  border-color: var(--bg-primary);
}

/* Step Number */
.landing-page.service-business-growth .business-growth-step {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--bg-secondary);
  color: var(--text-inverse);
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.landing-page.service-business-growth .nav-link.active .business-growth-step {
  background: var(--bg-accent);
  color: var(--text-heading);
}

/* Content Panel */
.landing-page.service-business-growth .business-growth-tabs-content {
  background: var(--bg-light);
  border-radius: 18px;
  padding: 40px 45px;
  height: 100%;
}

/* Intro Text */
.landing-page.service-business-growth .business-growth-tab-intro {
  font-size: 16px;
  color: var(--text-muted);
  margin-bottom: 20px;
}

/* Lists */
.landing-page.service-business-growth .business-growth-tab-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block !important;
}

.landing-page.service-business-growth .business-growth-tab-list li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 14px;
  font-size: 16px;
  color: var(--text-body);
  display: block !important;
  width: 100% !important;
  clear: both;
}

.landing-page.service-business-growth .business-growth-tab-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--bg-secondary);
}

/* Responsive */
@media (max-width: 991px) {
  .landing-page.service-business-growth .business-growth-tabs-box {
    padding: 40px 25px;
  }

  .landing-page.service-business-growth .business-growth-tabs-title {
    font-size: 28px;
  }

  .landing-page.service-business-growth .business-growth-tabs-content {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {

  /* SECTION SPACING */
  .landing-page.service-business-growth .business-growth-tabs-section 
    {
      padding: 60px 0;
    }

  @media (max-width: 576px) 
  {
    .landing-page.service-business-growth .business-growth-tabs-section 
    {
      padding: 30px 0;
    }

  }

  /* TITLE */
  .landing-page.service-business-growth .business-growth-tabs-title {
    font-size: 26px;
    line-height: 1.35;
    margin-bottom: 36px;
  }

  .landing-page.service-business-growth .business-growth-tabs-title::after {
    width: 48px;
    margin-top: 14px;
  }

  /* CARD */
  .landing-page.service-business-growth .business-growth-tabs-box {
    padding: 28px 20px;
    border-radius: 14px;
  }

  /* STACK LAYOUT NATURALLY */
  .landing-page.service-business-growth .business-growth-tabs-layout {
    gap: 28px;
  }

  /* TABS NAV → HORIZONTAL SCROLL (PRACTICAL UX) */
  .landing-page.service-business-growth .business-growth-tabs-nav {
    flex-direction: row;
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 6px;
    -webkit-overflow-scrolling: touch;
  }

  .landing-page.service-business-growth .business-growth-tabs-nav::-webkit-scrollbar {
    display: none;
  }

  /* TAB BUTTONS */
  .landing-page.service-business-growth .business-growth-tabs-nav .nav-link {
    min-width: 240px;
    padding: 14px 16px;
    border-radius: 12px;
    font-size: 14px;
    white-space: normal;
  }

  /* STEP CIRCLE */
  .landing-page.service-business-growth .business-growth-step {
    width: 30px;
    height: 30px;
    font-size: 12px;
  }

  /* CONTENT PANEL */
  .landing-page.service-business-growth .business-growth-tabs-content {
    padding: 26px 22px;
    border-radius: 14px;
  }

  /* INTRO TEXT */
  .landing-page.service-business-growth .business-growth-tab-intro {
    font-size: 15px;
    margin-bottom: 18px;
  }

  /* LIST ITEMS */
  .landing-page.service-business-growth .business-growth-tab-list li {
    font-size: 15px;
    line-height: 1.6;
    padding-left: 24px;
  }

  .landing-page.service-business-growth .business-growth-tab-list li::before {
    top: 10px;
    width: 7px;
    height: 7px;
  }
}


/* SECTION */
.landing-page.service-business-growth .business-growth-approach-section {
  background: linear-gradient(
    180deg,
    var(--bg-main) 0%,
    var(--bg-alt) 100%
  );
  padding: 90px 0;
}

/* WRAPPER */
.landing-page.service-business-growth .business-growth-approach-wrapper {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 80px;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
}

/* LEFT STATEMENT */
.landing-page.service-business-growth .business-growth-approach-statement {
  position: relative;
  padding-left: 40px;
}

/* VERTICAL ACCENT LINE */
.landing-page.service-business-growth .business-growth-approach-statement::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 4px;
  height: 80%;
  background-color: var(--bg-accent);
  border-radius: 2px;
}

/* TITLE */
.landing-page.service-business-growth .business-growth-approach-title {
  font-size: 42px;
  font-weight: 800;
  line-height: 1.2;
  color: var(--text-heading);
}

/* RIGHT CONTENT */
.landing-page.service-business-growth .business-growth-approach-content {
  background: var(--bg-main);
  border-radius: 20px;
  padding: 50px 56px;
  box-shadow: var(--shadow-soft);
}

/* TEXT */
.landing-page.service-business-growth .business-growth-approach-description {
  font-size: 16.8px;
  line-height: 1.75;
  color: var(--text-body);
}

/* PARAGRAPH SEPARATION */
.landing-page.service-business-growth 
.business-growth-approach-description +
.business-growth-approach-description {
  margin-top: 22px;
}


@media (max-width: 767px) {

  .landing-page.service-business-growth .business-growth-approach-section {
    padding: 70px 0;
  }

  .landing-page.service-business-growth .business-growth-approach-wrapper {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .landing-page.service-business-growth .business-growth-approach-statement {
    padding-left: 24px;
  }

  .landing-page.service-business-growth .business-growth-approach-statement::before {
    height: 60px;
  }

  .landing-page.service-business-growth .business-growth-approach-title {
    font-size: 28px;
    line-height: 1.3;
  }

  .landing-page.service-business-growth .business-growth-approach-content {
    padding: 32px 24px;
    border-radius: 16px;
  }

  .landing-page.service-business-growth .business-growth-approach-description {
    font-size: 15.5px;
    line-height: 1.7;
  }
}

  @media (max-width: 576px) 
  {

    .landing-page.service-business-growth .business-growth-approach-section {
      padding: 30px 0;
    }


    .landing-page.service-business-growth .business-growth-tabs-content
    {
      margin-top: 10px;
    }



  }



/* SECTION */
.landing-page.service-business-growth .business-growth-cta-section {
  background: linear-gradient(
    180deg,
    var(--bg-dark) 0%,
    #0d243b 100%
  );
  padding: 110px 0;
}

/* CTA BOX */
.landing-page.service-business-growth .business-growth-cta-box {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 70px;
  align-items: center;
}

/* CONTENT */
.landing-page.service-business-growth .business-growth-cta-content {
  color: var(--text-inverse);
}

/* TITLE */
.landing-page.service-business-growth .business-growth-cta-title {
  font-size: 42px;
  font-weight: 800;
  margin-bottom: 24px;
  color: var(--text-inverse);
  position: relative;
}

/* SUBTLE ACCENT */
.landing-page.service-business-growth .business-growth-cta-title::after {
  content: "";
  width: 56px;
  height: 3px;
  background-color: var(--bg-accent);
  display: block;
  margin-top: 18px;
  border-radius: 2px;
}

/* TEXT */
.landing-page.service-business-growth .business-growth-cta-description {
  font-size: 16.8px;
  line-height: 1.75;
  color: #dbe4f0;
  margin-top: 18px;
}

/* ACTION AREA */
.landing-page.service-business-growth .business-growth-cta-action {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 20px;
  padding: 48px 42px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

/* BUTTON */
.landing-page.service-business-growth .business-growth-cta-button {
  display: inline-block;
  width: 100%;
  padding: 18px 28px;
  background: var(--bg-secondary);
  color: var(--text-inverse);
  font-size: 17px;
  font-weight: 700;
  border-radius: 14px;
  text-decoration: none;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.landing-page.service-business-growth .business-growth-cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(43, 182, 115, 0.35);
}

/* CTA HINT */
.landing-page.service-business-growth .business-growth-cta-hint {
  display: block;
  margin-top: 16px;
  font-size: 14px;
  color: #b9c7db;
}

@media (max-width: 767px) {

  .landing-page.service-business-growth .business-growth-cta-section {
    padding: 70px 0;
  }

  .landing-page.service-business-growth .business-growth-cta-box {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .landing-page.service-business-growth .business-growth-cta-title {
    font-size: 30px;
  }

  .landing-page.service-business-growth .business-growth-cta-action {
    padding: 36px 24px;
  }

  .landing-page.service-business-growth .business-growth-cta-button {
    font-size: 16px;
    padding: 16px 22px;
  }
}

@media (max-width: 576px) {

    .landing-page.service-business-growth .business-growth-cta-section {
    padding: 30px 0;
  }

}



/* =========================================================
   BUSINESS GROWTH – PRICING SECTION
   Purpose: Clear decision-making, premium clarity, 
   readable question blocks, and strong CTA hierarchy
   ========================================================= */

/* SECTION */
.landing-page.service-business-growth .business-growth-pricing-section {
  background: var(--bg-alt);
  padding: 110px 0;
}

/* HEADER */
.landing-page.service-business-growth .business-growth-pricing-header {
  text-align: center;
  margin-bottom: 70px;
}

.landing-page.service-business-growth .business-growth-pricing-title {
  font-size: 36px;
  font-weight: 800;
  color: var(--text-heading);
  position: relative;
}

.landing-page.service-business-growth .business-growth-pricing-title::after {
  content: "";
  width: 64px;
  height: 3px;
  background: var(--bg-accent);
  display: block;
  margin: 18px auto 0;
  border-radius: 2px;
}

/* COMMON PRICING BOX */
.landing-page.service-business-growth .business-growth-pricing-box {
  background: var(--bg-main);
  border-radius: 20px;
  padding: 44px 42px;
  height: 100%;
  position: relative;
  box-shadow: var(--shadow-card);
  border: 1px solid var(--border-color);
}

/* PLAN TITLE */
.landing-page.service-business-growth .business-growth-pricing-plan-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--text-heading);
  margin-bottom: 14px;
}

/* PRICE */
.landing-page.service-business-growth .business-growth-pricing-amount {
  font-size: 32px;
  font-weight: 800;
  color: var(--bg-primary);
  margin-bottom: 26px;
}

/* CONTENT TEXT */
.landing-page.service-business-growth .business-growth-pricing-content p {
  font-size: 15.8px;
  line-height: 1.65;
  color: var(--text-body);
  margin-top: 14px;
}

/* ==============================
   QUESTION BLOCKS (KEY FIX)
   ============================== */

/* QUESTION LIST WRAPPER */
.landing-page.service-business-growth 
.business-growth-pricing-content ul {
  list-style: none;
  padding: 18px 20px;
  margin: 16px 0 22px;
  background: var(--bg-light);
  border-radius: 14px;
  border: 1px solid var(--border-color);
}

/* QUESTION ITEM */
.landing-page.service-business-growth 
.business-growth-pricing-content ul li {
  position: relative;
  padding-left: 34px;
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--text-body);
  margin-bottom: 12px;
}

/* QUESTION MARK BULLET */
.landing-page.service-business-growth 
.business-growth-pricing-content ul li::before {
  content: "?";
  position: absolute;
  left: 0;
  top: 1px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--bg-secondary);
  color: var(--text-inverse);
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landing-page.service-business-growth 
.business-growth-pricing-content ul li:last-child {
  margin-bottom: 0;
}

/* CTA */
.landing-page.service-business-growth .business-growth-pricing-cta {
  margin: 26px 0 16px;
}

.landing-page.service-business-growth .business-growth-pricing-button {
  display: inline-block;
  padding: 14px 26px;
  border-radius: 12px;
  background: var(--bg-primary);
  color: var(--text-inverse);
  font-size: 15.5px;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.landing-page.service-business-growth .business-growth-pricing-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(15, 42, 68, 0.25);
}

/* NOTE */
.landing-page.service-business-growth .business-growth-pricing-note {
  font-size: 14.5px;
  color: var(--text-muted);
  margin-top: 16px;
}

/* ==============================
   OPTION 2 – FEATURED
   ============================== */

.landing-page.service-business-growth .business-growth-pricing-option-two {
  border: 2px solid var(--bg-secondary);
  transform: translateY(-10px);
}

.landing-page.service-business-growth .business-growth-pricing-badge {
  position: absolute;
  top: -14px;
  right: 20px;
  background: var(--bg-secondary);
  color: var(--text-inverse);
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
}

/* ==============================
   OPTION 3 – PREMIUM CONSULTATION
   ============================== */

.landing-page.service-business-growth .business-growth-pricing-option-three {
margin-top: 35px;
  padding: 20px 60px;
  background: linear-gradient(
    180deg,
    var(--bg-main),
    var(--bg-light)
  );
}

/* DUAL CTA */
.landing-page.service-business-growth .business-growth-pricing-dual-cta {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  margin: 28px 0;
}

/* SUBTITLE */
.landing-page.service-business-growth .business-growth-pricing-subtitle {
  font-size: 20px;
  font-weight: 700;
  margin-top: 26px;
  color: var(--text-heading);
}

/* =========================================================
   RESPONSIVE – MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .landing-page.service-business-growth .business-growth-pricing-section {
    padding: 70px 0;
  }

  .landing-page.service-business-growth .business-growth-pricing-title {
    font-size: 28px;
  }

  .landing-page.service-business-growth .business-growth-pricing-box {
    padding: 32px 24px;
    margin-bottom: 30px;
  }

  .landing-page.service-business-growth .business-growth-pricing-amount {
    font-size: 28px;
  }

  .landing-page.service-business-growth .business-growth-pricing-option-two {
    transform: none;
  }

  .landing-page.service-business-growth .business-growth-pricing-option-three {
    padding: 36px 24px;
  }

  .landing-page.service-business-growth .business-growth-pricing-dual-cta {
    flex-direction: column;
  }

  .landing-page.service-business-growth .business-growth-pricing-button {
    width: 100%;
    text-align: center;
  }

  .landing-page.service-business-growth 
  .business-growth-pricing-content ul {
    padding: 16px 16px;
  }

  .landing-page.service-business-growth 
  .business-growth-pricing-content ul li {
    font-size: 15px;
  }
}

@media (max-width: 576px) {

  .landing-page.service-business-growth .business-growth-pricing-section
  {
        padding: 30px 0;
  }

  .landing-page.service-business-growth .business-growth-pricing-header
  {
    margin-bottom: 30px;
  }

  .landing-page.service-business-growth .business-growth-pricing-box
  {
    margin-bottom: 5px;
  }

}

/* =========================================================
   BUSINESS GROWTH – FAQ SECTION
   Purpose: Neutralize theme colors, create a premium
   accordion experience with custom open/close indicators
   ========================================================= */

/* SECTION */
.landing-page.service-business-growth .business-growth-faq-section {
  background: var(--bg-main);
  padding: 100px 0;
}

/* BOX */
.landing-page.service-business-growth .business-growth-faq-box {
  max-width: 900px;
  margin: 0 auto;
}

/* TITLE */
.landing-page.service-business-growth .business-growth-faq-title {
  font-size: 36px;
  font-weight: 800;
  text-align: center;
  color: var(--text-heading);
  margin-bottom: 50px;
  position: relative;
}

.landing-page.service-business-growth .business-growth-faq-title::after {
  content: "";
  width: 56px;
  height: 3px;
  background: var(--bg-accent);
  display: block;
  margin: 18px auto 0;
  border-radius: 2px;
}

/* ACCORDION RESET */
.landing-page.service-business-growth .business-growth-faq-accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: transparent;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-active-color: var(--text-heading);
  --bs-accordion-btn-focus-box-shadow: none;
}

/* ITEM */
.landing-page.service-business-growth .business-growth-faq-item {
  background: var(--bg-light);
  border-radius: 16px;
  border: 1px solid var(--border-color);
  margin-bottom: 16px;
  overflow: hidden;
}

/* QUESTION BUTTON */
.landing-page.service-business-growth .business-growth-faq-item .accordion-button {
  background: transparent !important;
  color: var(--text-heading);
  font-size: 16.5px;
  font-weight: 600;
  padding: 20px 56px 20px 24px;
  box-shadow: none !important;
  position: relative;
}

/* REMOVE DEFAULT BOOTSTRAP ICON */
.landing-page.service-business-growth 
.business-growth-faq-item .accordion-button::after {
  display: none;
}

/* CUSTOM ICON (CLOSED STATE) */
.landing-page.service-business-growth 
.business-growth-faq-item .accordion-button::before {
  content: "+";
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 2px solid var(--bg-primary);
  color: var(--bg-primary);
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
}

/* OPEN STATE */
.landing-page.service-business-growth 
.business-growth-faq-item .accordion-button:not(.collapsed) {
  background: var(--bg-main) !important;
  color: var(--text-heading);
}

/* CUSTOM ICON (OPEN STATE) */
.landing-page.service-business-growth 
.business-growth-faq-item .accordion-button:not(.collapsed)::before {
  content: "−";
  background: var(--bg-primary);
  color: var(--text-inverse);
}

/* ANSWER */
.landing-page.service-business-growth .business-growth-faq-answer {
  padding: 0 24px 22px;
  font-size: 15.8px;
  line-height: 1.7;
  color: var(--text-body);
}

/* REMOVE FOCUS / ACTIVE HIGHLIGHT */
.landing-page.service-business-growth 
.business-growth-faq-item .accordion-button:focus {
  box-shadow: none;
}

/* =========================================================
   RESPONSIVE – MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .landing-page.service-business-growth .business-growth-faq-section {
    padding: 70px 0;
  }

  .landing-page.service-business-growth .business-growth-faq-title {
    font-size: 28px;
  }

  .landing-page.service-business-growth 
  .business-growth-faq-item .accordion-button {
    font-size: 15.5px;
    padding: 18px 50px 18px 20px;
  }

  .landing-page.service-business-growth .business-growth-faq-answer {
    font-size: 15px;
    padding: 0 20px 20px;
  }
}

@media (max-width: 576px) {

  .landing-page.service-business-growth .business-growth-faq-section
  {
    padding: 30px 0;
  }

  .landing-page.service-business-growth .business-growth-faq-title
  {
    margin-bottom: 20px;
  }
}

/* =========================================================
   BUSINESS GROWTH – MEET THE MASTER SECTION
   Purpose: Authority, presence, trust through restraint
   ========================================================= */

/* SECTION */
.landing-page.service-business-growth .business-growth-master-section {
  background: var(--bg-alt);
  padding: 120px 0;
}

/* IMAGE CONTAINER */
.landing-page.service-business-growth .business-growth-master-image-box {
  width: 100%;
  margin-bottom: 70px;
  overflow: hidden;
  border-radius: 24px;
}

/* HORIZONTAL IMAGE */
.landing-page.service-business-growth .business-growth-master-image {
  width: 100%;
  height:635px;
  object-fit: cover;
  display: block;
}

/* CONTENT CONTAINER */
.landing-page.service-business-growth .business-growth-master-content-box {
  max-width: 960px;
  margin: 0 auto;
}

/* TITLE */
.landing-page.service-business-growth .business-growth-master-title {
  font-size: 42px;
  font-weight: 800;
  color: var(--text-heading);
  margin-bottom: 28px;
  position: relative;
}

/* DIVIDER */
.landing-page.service-business-growth .business-growth-master-title::after {
  content: "";
  width: 64px;
  height: 3px;
  background: var(--bg-accent);
  display: block;
  margin-top: 18px;
  border-radius: 2px;
}

/* DESCRIPTION TEXT */
.landing-page.service-business-growth .business-growth-master-description {
  font-size: 16.8px;
  line-height: 1.8;
  color: var(--text-body);
  margin-top: 22px;
}

/* LAST PARAGRAPH SPACING */
.landing-page.service-business-growth 
.business-growth-master-description:last-child {
  margin-bottom: 0;
}


@media (max-width: 767px) {

  .landing-page.service-business-growth .business-growth-master-section {
    padding: 70px 0;
  }

  .landing-page.service-business-growth .business-growth-master-image-box {
    margin-bottom: 40px;
    border-radius: 16px;
  }

  .landing-page.service-business-growth .business-growth-master-image {
    height: 260px;
  }

  .landing-page.service-business-growth .business-growth-master-title {
    font-size: 30px;
  }

  .landing-page.service-business-growth .business-growth-master-title::after {
    width: 48px;
    margin-top: 14px;
  }

  .landing-page.service-business-growth .business-growth-master-content-box {
    padding: 0 12px;
  }

  .landing-page.service-business-growth .business-growth-master-description {
    font-size: 15.5px;
    line-height: 1.75;
    margin-top: 18px;
  }
}

@media (max-width: 576px) {

    .landing-page.service-business-growth .business-growth-master-section {
    padding: 30px 0;
  }


}


/* ====================================================
   Wealth & Finance – Color System (LOCKED)
   Service Scope: wealth-and-finance
   ==================================================== */

.landing-page.service-wealth-and-finance {

  /* ===============================
     Brand Core Colors
     =============================== */

  --wf-primary-deep-blue: #0B1F3B;     /* Trust, astrology sky, authority */
  --wf-secondary-gold: #C9A24D;        /* Wealth, prosperity, premium */
  --wf-cta-emerald: #1F7A5C;           /* Growth, money, action */

  /* ===============================
     Text Colors
     =============================== */

  --wf-text-primary: #1A1A1A;           /* Headings, strong content */
  --wf-text-secondary: #5F6B7A;         /* Paragraphs, explanations */
  --wf-text-inverse: #FFFFFF;           /* Text on dark backgrounds */

  /* ===============================
     Background Colors
     =============================== */

  --wf-bg-primary: #0B1F3B;             /* Hero / authority sections */
  --wf-bg-light: #F5F7FA;               /* Light sections */
  --wf-bg-card: #FFFFFF;                /* Cards / boxes */

  /* ===============================
     Border & Divider Colors
     =============================== */

  --wf-border-gold: #C9A24D;             /* Premium borders */
  --wf-border-light: #E1E6ED;            /* Soft dividers */

  /* ===============================
     State Colors (Future-safe)
     =============================== */

  --wf-hover-cta: #176B51;               /* CTA hover */
  --wf-focus-outline: rgba(201, 162, 77, 0.35); /* Gold glow focus */

}

/* ====================================================
   WEALTH & FINANCE – HERO SECTION (FINAL / IMPROVED)
   ==================================================== */

.landing-page.service-wealth-and-finance .wealth-hero-section {
  position: relative;
  background: linear-gradient(
    180deg,
    var(--wf-bg-primary) 0%,
    #07162a 100%
  );
  overflow: hidden;
}

/* Subtle cosmic wealth glow */
.landing-page.service-wealth-and-finance .wealth-hero-section::before {
  content: "";
  position: absolute;
  top: -30%;
  right: -20%;
  width: 520px;
  height: 520px;
  background: radial-gradient(
    circle,
    rgba(201, 162, 77, 0.18) 0%,
    transparent 70%
  );
  pointer-events: none;
}

/* HERO BOX */
.landing-page.service-wealth-and-finance .wealth-hero-box {
  padding: 100px 0 90px;
  text-align: center;
  position: relative;
  z-index: 1;
}

/* HERO TITLE */
.landing-page.service-wealth-and-finance .wealth-hero-title {
  margin: 0;
  font-size: 52px;
  font-weight: 600;
  letter-spacing: 1px;
  color: var(--wf-secondary-gold);
  position: relative;
  display: inline-block;
}

/* Premium Divider under Heading */
.landing-page.service-wealth-and-finance .wealth-hero-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 2px;
  margin: 18px auto 30px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--wf-secondary-gold),
    transparent
  );
}

/* HERO DESCRIPTION */
.landing-page.service-wealth-and-finance .wealth-hero-description {
  max-width: 860px;
  margin: 0 auto 55px;
  font-size: 18px;
  line-height: 1.8;
  color: var(--wf-text-inverse);
  opacity: 0.95;
}

/* BENEFITS GRID */
.landing-page.service-wealth-and-finance .wealth-hero-benefits {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 22px;
}

/* BENEFIT CARD */
.landing-page.service-wealth-and-finance .wealth-hero-benefit-box {
  position: relative;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.10),
    rgba(255, 255, 255, 0.02)
  );
  border: 1px solid rgba(201, 162, 77, 0.4);
  padding: 46px 18px 22px;
  border-radius: 14px;
  backdrop-filter: blur(6px);
  transition: all 0.35s ease;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
}

/* Icon Circle */
.landing-page.service-wealth-and-finance .wealth-hero-benefit-box::before {
  content: "✦";
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(201, 162, 77, 0.18);
  border: 1px solid var(--wf-secondary-gold);
  color: var(--wf-secondary-gold);
  font-size: 14px;
  line-height: 34px;
  text-align: center;
}

/* Hover Effect */
.landing-page.service-wealth-and-finance .wealth-hero-benefit-box:hover {
  transform: translateY(-8px);
  background: linear-gradient(
    180deg,
    rgba(201, 162, 77, 0.22),
    rgba(201, 162, 77, 0.08)
  );
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
}

/* BENEFIT TEXT */
.landing-page.service-wealth-and-finance .wealth-hero-benefit-text {
 margin: 10px 0 0 auto;
  font-size: 14px;
  line-height: 1.55;
  color: var(--wf-text-inverse);
}

/* ===============================
   TABLET RESPONSIVE
   =============================== */

@media (max-width: 991px) {

  .landing-page.service-wealth-and-finance .wealth-hero-box {
    padding: 80px 0 70px;
  }

  .landing-page.service-wealth-and-finance .wealth-hero-title {
    font-size: 42px;
  }

  .landing-page.service-wealth-and-finance .wealth-hero-description {
    font-size: 17px;
    margin-bottom: 45px;
  }

  .landing-page.service-wealth-and-finance .wealth-hero-benefits {
    grid-template-columns: repeat(3, 1fr);
  }

}

/* ===============================
   MOBILE RESPONSIVE
   =============================== */

@media (max-width: 575px) {

  .landing-page.service-wealth-and-finance .wealth-hero-section
  {
    padding: 30px 0;
  }

  .landing-page.service-wealth-and-finance .wealth-hero-box {
    padding: 30px 0;
  }

  .landing-page.service-wealth-and-finance .wealth-hero-title {
    font-size: 34px;
  }

  .landing-page.service-wealth-and-finance .wealth-hero-description {
    font-size: 16px;
    margin-bottom: 0px;
    padding: 0 10px;
  }

  .landing-page.service-wealth-and-finance .wealth-hero-benefits {
    grid-template-columns: 1fr;
    gap: 18px;
  }

}


/* ====================================================
   WEALTH & FINANCE – GUIDANCE SECTION (FINAL POLISH)
   ==================================================== */

.landing-page.service-wealth-and-finance .wealth-guidance-section {
  background-color: var(--wf-bg-light);
}

.landing-page.service-wealth-and-finance .wealth-guidance-box {
  padding: 90px 0 85px;
  text-align: center;
}

/* SECTION TITLE */
.landing-page.service-wealth-and-finance .wealth-guidance-title {
  margin: 0 0 24px;
  font-size: 38px;
  font-weight: 600;
  color: var(--wf-text-primary);
  position: relative;
  display: inline-block;
}

/* Divider */
.landing-page.service-wealth-and-finance .wealth-guidance-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 2px;
  margin: 16px auto 0;
  background: linear-gradient(
    90deg,
    transparent,
    var(--wf-secondary-gold),
    transparent
  );
}

/* DESCRIPTION */
.landing-page.service-wealth-and-finance .wealth-guidance-description {
  max-width: 900px;
  margin: 32px auto 40px;
  font-size: 17px;
  line-height: 1.8;
  color: var(--wf-text-secondary);
}

/* CTA WRAPPER */
.landing-page.service-wealth-and-finance .wealth-guidance-cta-wrapper {
  margin-top: 20px;
}

/* CTA BUTTON */
.landing-page.service-wealth-and-finance .wealth-guidance-cta-button {
  display: inline-block;
  padding: 14px 34px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  background-color: var(--wf-cta-emerald);
  border: 1px solid var(--wf-cta-emerald);
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.35s ease;
  box-shadow: 0 10px 22px rgba(31, 122, 92, 0.25);
}

/* CTA HOVER */
.landing-page.service-wealth-and-finance .wealth-guidance-cta-button:hover {
  background-color: var(--wf-hover-cta);
  border-color: var(--wf-hover-cta);
  transform: translateY(-3px);
  box-shadow: 0 16px 30px rgba(31, 122, 92, 0.35);
}

/* ===============================
   TABLET RESPONSIVE
   =============================== */

@media (max-width: 991px) {

  .landing-page.service-wealth-and-finance .wealth-guidance-box {
    padding: 75px 0 70px;
  }

  .landing-page.service-wealth-and-finance .wealth-guidance-title {
    font-size: 34px;
  }

}

/* ===============================
   MOBILE RESPONSIVE
   =============================== */

@media (max-width: 575px) {

  .landing-page.service-wealth-and-finance .wealth-guidance-box {
    padding: 30px 0 30px;
  }

  .landing-page.service-wealth-and-finance .wealth-guidance-title {
    font-size: 1.9rem;
  }

  .landing-page.service-wealth-and-finance .wealth-guidance-description {
    font-size: 0.9rem;
    padding: 0 10px;
    margin: 10px auto 40px;
  }

  .landing-page.service-wealth-and-finance .wealth-guidance-cta-button {
    padding: 13px 30px;
    font-size: 14px;
  }

}


/* ====================================================
   WEALTH & FINANCE – TABS SECTION (OPTION 3 FINAL)
   Enhanced Bullet Presentation
   ==================================================== */

.landing-page.service-wealth-and-finance .wealth-tabs-section {
  position: relative;
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #f3f6fb 100%
  );
}

/* Soft section separator */


.landing-page.service-wealth-and-finance .wealth-tabs-box {
  padding: 100px 0 95px;
  text-align: center;
}

/* ===============================
   SECTION HEADING
   =============================== */

.landing-page.service-wealth-and-finance .wealth-tabs-title {
  margin: 0 0 50px;
  font-size: 38px;
  font-weight: 600;
  color: var(--wf-text-primary);
  position: relative;
  display: inline-block;
}

.landing-page.service-wealth-and-finance .wealth-tabs-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 2px;
  margin: 16px auto 0;
  background: linear-gradient(
    90deg,
    transparent,
    var(--wf-secondary-gold),
    transparent
  );
}

/* ===============================
   TABS NAVIGATION
   =============================== */

.landing-page.service-wealth-and-finance .wealth-tabs-nav {
  justify-content: center;
  border-bottom: none;
  margin-bottom: 45px;
  gap: 14px;
}

.landing-page.service-wealth-and-finance .wealth-tab-button {
  background-color: #ffffff;
  border: 1px solid #e2e7ef;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 500;
  color: var(--wf-text-secondary);
  transition: all 0.3s ease;
}

.landing-page.service-wealth-and-finance .wealth-tab-button.active {
  border-color: var(--wf-secondary-gold);
  color: var(--wf-text-primary);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
}

/* ===============================
   TAB CONTENT
   =============================== */

.landing-page.service-wealth-and-finance .wealth-tabs-content {
  max-width: 980px;
  margin: 0 auto;
  text-align: left;
}

.landing-page.service-wealth-and-finance .wealth-tab-pane {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 50px 55px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

/* ===============================
   ENHANCED BULLET LIST
   =============================== */

.landing-page.service-wealth-and-finance .wealth-tab-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px 26px;
}

/* Bullet Item */
.landing-page.service-wealth-and-finance .wealth-tab-list-item {
  position: relative;
  padding: 16px 18px 16px 52px;
  font-size: 16px;
  line-height: 1.6;
  color: var(--wf-text-primary);
  background-color: #f9fbfe;
  border: 1px solid #e8edf4;
  border-radius: 12px;
}

/* Icon */
.landing-page.service-wealth-and-finance .wealth-tab-list-item::before {
  content: "✓";
  position: absolute;
  left: 18px;
  top: 18px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: rgba(201, 162, 77, 0.18);
  color: var(--wf-secondary-gold);
  font-size: 13px;
  line-height: 26px;
  text-align: center;
  font-weight: 600;
}

/* ===============================
   TABLET
   =============================== */

@media (max-width: 991px) {

  .landing-page.service-wealth-and-finance .wealth-tabs-box {
    padding: 80px 0 75px;
  }

  .landing-page.service-wealth-and-finance .wealth-tabs-title {
    font-size: 34px;
  }

  .landing-page.service-wealth-and-finance .wealth-tab-pane {
    padding: 40px 36px;
  }

  .landing-page.service-wealth-and-finance .wealth-tab-list {
    grid-template-columns: 1fr;
  }

}

/* ===============================
   MOBILE
   =============================== */

@media (max-width: 575px) {

  .landing-page.service-wealth-and-finance .wealth-tabs-box
  {
    padding: 30px 0;
  }

  .landing-page.service-wealth-and-finance .wealth-tabs-title {
    font-size: 1.9rem;
    margin-bottom: 40px;
  }

  .landing-page.service-wealth-and-finance .wealth-tabs-nav {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 30px;
  }

  .landing-page.service-wealth-and-finance .wealth-tab-button {
    width: 100%;
  }

  .landing-page.service-wealth-and-finance .wealth-tab-pane {
    padding: 30px 22px;
  }

  .landing-page.service-wealth-and-finance .wealth-tab-list-item {
    font-size: 15px;
    padding-left: 48px;
  }

}


/* =====================================================
   WEALTH APPROACH SECTION
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-approach-section {
  background-color: var(--wf-bg-light);
  padding: 100px 0;
}

/* =====================================================
   LEFT: APPROACH CONTENT
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-approach-box {
  max-width: 520px;
}

/* Title */
.landing-page.service-wealth-and-finance .wealth-approach-title {
  font-size: 34px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--wf-text-primary);
  margin-bottom: 18px;
  position: relative;
}

/* Subtle gold underline */
.landing-page.service-wealth-and-finance .wealth-approach-title::after {
  content: "";
  display: block;
  width: 54px;
  height: 3px;
  background-color: var(--wf-secondary-gold);
  margin-top: 16px;
  border-radius: 2px;
}

/* Paragraphs */
.landing-page.service-wealth-and-finance .wealth-approach-description {
  font-size: 16px;
  line-height: 1.75;
  color: var(--wf-text-secondary);
  margin-bottom: 22px;
}

/* =====================================================
   RIGHT: CTA CARD (REFINED, LIGHTER)
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-cta-box {
  height: 100%;
  background: linear-gradient(
    180deg,
    #0c2244,
    #081a33
  );
  padding: 64px 52px;
  border-radius: 20px;
  box-shadow: 0 30px 70px rgba(11, 31, 59, 0.35);
  color: var(--wf-text-inverse);
  position: relative;
  overflow: hidden;
}

/* Soft inner glow for premium depth */
.landing-page.service-wealth-and-finance .wealth-cta-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at top left,
    rgba(201, 162, 77, 0.12),
    transparent 60%
  );
  pointer-events: none;
}

/* CTA Title */
.landing-page.service-wealth-and-finance .wealth-cta-title {
  font-size: 24px;
  font-weight: 500;
  color: var(--wf-secondary-gold);
  margin-bottom: 22px;
}

/* CTA Text */
.landing-page.service-wealth-and-finance .wealth-cta-description {
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.92);
  margin-bottom: 18px;
}

/* =====================================================
   CTA BUTTON
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-cta-button-wrapper {
  margin-top: 34px;
}

.landing-page.service-wealth-and-finance .wealth-cta-button {
  display: inline-block;
  padding: 14px 38px;
  font-size: 15px;
  font-weight: 600;
  color: var(--wf-primary-deep-blue);
  background-color: var(--wf-secondary-gold);
  border-radius: 999px;
  text-decoration: none;
  box-shadow: 0 16px 36px rgba(201, 162, 77, 0.45);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.landing-page.service-wealth-and-finance .wealth-cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 44px rgba(201, 162, 77, 0.55);
}

/* =====================================================
   RESPONSIVE – TABLET
   ===================================================== */

@media (max-width: 991px) {

  .landing-page.service-wealth-and-finance .wealth-approach-section {
    padding: 80px 0;
  }

  .landing-page.service-wealth-and-finance .wealth-approach-box {
    max-width: 100%;
    margin-bottom: 40px;
    padding: 0 0 0 20px;
  }

}

/* =====================================================
   RESPONSIVE – MOBILE
   ===================================================== */

@media (max-width: 575px) {

  .landing-page.service-wealth-and-finance .wealth-approach-section {
    padding: 30px 0;
  }

  .landing-page.service-wealth-and-finance .wealth-approach-title {
    font-size: 1.7rem;
  }
  .landing-page.service-wealth-and-finance .wealth-approach-description
  {
    font-size: 0.9rem;
    margin-bottom: 10px;
  }

  .landing-page.service-wealth-and-finance .wealth-cta-box {
    padding: 48px 28px;
    border-radius: 16px;
  }

  .landing-page.service-wealth-and-finance .wealth-cta-title {
    font-size: 22px;
  }

}


/* =====================================================
   WEALTH PRICING — PREMIUM CONSULTATION STYLE
   Unified layout based on Option 3
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-pricing-section {
  background: linear-gradient(
    180deg,
    #FFFFFF 0%,
    var(--wf-bg-light) 12%,
    var(--wf-bg-light) 100%
  );
  padding: 90px 0;
}


.landing-page.service-wealth-and-finance
.wealth-pricing-section
.wealth-pricing-header-box {
  text-align: center;
  margin-bottom: 20px;
}

.landing-page.service-wealth-and-finance
.wealth-pricing-section
.wealth-pricing-section-title {
  font-size: 36px;
  font-weight: 600;
  color: var(--wf-primary-deep-blue);
  letter-spacing: 0.4px;
  margin-bottom: 20px;
}

/* Elegant divider */

.landing-page.service-wealth-and-finance
.wealth-pricing-section
.wealth-pricing-header-box::after {
  content: "";
  display: block;
  width: 88px;
  height: 3px;
  margin: 0 auto;
  background: linear-gradient(
    90deg,
    transparent,
    var(--wf-secondary-gold),
    transparent
  );
  border-radius: 2px;
}

/* -------------------------------
   Row spacing (Row 1 → Row 2)
-------------------------------- */

.landing-page.service-wealth-and-finance
.wealth-pricing-section
> .container
> .row + .row {
  margin-top: 50px;
}

/* =====================================================
   PRICING BOX — UNIFIED PREMIUM STYLE
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-pricing-box {
  background: var(--wf-bg-card);
  border: 2px solid var(--wf-border-gold);
  border-radius: 22px;
  padding: 44px 48px;
  height: 100%;
  position: relative;
  box-shadow: 0 24px 60px rgba(11, 31, 59, 0.08);
}

/* -------------------------------
   Titles
-------------------------------- */

.landing-page.service-wealth-and-finance .wealth-pricing-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--wf-primary-deep-blue);
  margin-bottom: 20px;
}

/* -------------------------------
   Price
-------------------------------- */

.landing-page.service-wealth-and-finance .wealth-pricing-price {
  font-size: 34px;
  font-weight: 700;
  color: var(--wf-secondary-gold);
  margin-bottom: 24px;
}

/* -------------------------------
   Subtitle
-------------------------------- */

.landing-page.service-wealth-and-finance .wealth-pricing-subtitle {
  font-size: 15px;
  font-weight: 500;
  color: var(--wf-text-primary);
  margin-bottom: 16px;
}

/* =====================================================
   LIST — CENTERED, BALANCED, PREMIUM
   (Fixes symmetry + left-drift issue)
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-pricing-list {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.landing-page.service-wealth-and-finance .wealth-pricing-list-item {
  position: relative;
  padding-left: 28px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--wf-text-secondary);
  max-width: 92%;
}

/* Vertical premium marker */

.landing-page.service-wealth-and-finance .wealth-pricing-list-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 4px;
  height: calc(100% - 8px);
  background: var(--wf-secondary-gold);
  border-radius: 3px;
}

/* =====================================================
   CTA AREA — OPTION 3 STYLE FOR ALL
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-pricing-action,
.landing-page.service-wealth-and-finance .wealth-pricing-dual-cta {
  margin-top: 26px;
}

/* Single CTA */

.landing-page.service-wealth-and-finance .wealth-pricing-action {
  display: flex;
}

/* Dual CTA (Option 3) */

.landing-page.service-wealth-and-finance .wealth-pricing-dual-cta {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* CTA base */

.landing-page.service-wealth-and-finance .wealth-pricing-cta {
  width: 100%;
  text-align: center;
  padding: 16px 20px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s ease;
}

/* Primary CTA */

.landing-page.service-wealth-and-finance .wealth-pricing-cta-primary {
  background: var(--wf-cta-emerald);
  color: var(--wf-text-inverse);
}

.landing-page.service-wealth-and-finance .wealth-pricing-cta-primary:hover {
  background: var(--wf-hover-cta);
}

/* Secondary CTA */

.landing-page.service-wealth-and-finance .wealth-pricing-cta-secondary {
  background: transparent;
  color: var(--wf-primary-deep-blue);
  border: 1px solid var(--wf-border-light);
}

.landing-page.service-wealth-and-finance .wealth-pricing-cta-secondary:hover {
  border-color: var(--wf-secondary-gold);
  color: var(--wf-secondary-gold);
}

/* =====================================================
   Notes & Descriptions
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-pricing-note {
  font-size: 13px;
  color: var(--wf-text-secondary);
  margin-top: 18px;
}

.landing-page.service-wealth-and-finance .wealth-pricing-description {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.75;
  color: var(--wf-text-secondary);
}

/* =====================================================
   Badge — Calm & Premium
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-pricing-badge {
  position: absolute;
  top: -18px;
  right: 32px;
  background: var(--wf-secondary-gold);
  color: var(--wf-text-inverse);
  font-size: 12px;
  font-weight: 600;
  padding: 7px 16px;
  border-radius: 20px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
}

/* =====================================================
   RESPONSIVE — TABLET
   ===================================================== */

@media (max-width: 991px) {
  .landing-page.service-wealth-and-finance .wealth-pricing-section {
    padding: 70px 0;
  }

  .landing-page.service-wealth-and-finance .wealth-pricing-box {
    padding: 38px 34px;
  }

  .landing-page.service-wealth-and-finance
  .wealth-pricing-section
  > .container
  > .row + .row {
    margin-top: 55px;
  }
}

/* =====================================================
   RESPONSIVE — MOBILE
   ===================================================== */

@media (max-width: 575px) {

  .landing-page.service-wealth-and-finance .wealth-pricing-section
  {
    padding: 30px 0;
  }

  .landing-page.service-wealth-and-finance
.wealth-pricing-section
.wealth-pricing-header-box
{
  margin-bottom: 0;
}
  .landing-page.service-wealth-and-finance .wealth-pricing-section .wealth-pricing-section-title {
    font-size: 1.7rem;
  }

  .landing-page.service-wealth-and-finance .wealth-pricing-price {
    font-size: 30px;
  }

  .landing-page.service-wealth-and-finance .wealth-pricing-box {
    padding: 32px 26px;
  }

  .landing-page.service-wealth-and-finance
  .wealth-pricing-section
  > .container
  > .row + .row {
    margin-top: 45px;
  }
}


/* =====================================================
   WEALTH & FINANCE – FAQ SECTION (FINAL)
   Service Scope: wealth-and-finance
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-faq-section {
  background-color: #fff;
  padding: 80px 0;
}

/* =====================================================
   FAQ BOX WRAPPER
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-faq-box {
  max-width: 100%;
  margin: 0 auto;
}

/* =====================================================
   SECTION TITLE + DIVIDER
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-faq-title {
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  color: var(--wf-primary-deep-blue);
  margin-bottom: 14px;
}

.landing-page.service-wealth-and-finance .wealth-faq-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: var(--wf-secondary-gold);
  margin: 14px auto 36px;
  border-radius: 2px;
}

/* =====================================================
   ACCORDION WRAPPER RESET
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-faq-accordion {
  border: none;
}

/* =====================================================
   FAQ ITEM CARD
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-faq-item {
  background-color: var(--wf-bg-card);
  border: 1px solid var(--wf-border-light);
  border-radius: 10px;
  margin-bottom: 14px;
  overflow: hidden;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.landing-page.service-wealth-and-finance .wealth-faq-item:hover {
  border-color: var(--wf-border-gold);
}

/* =====================================================
   HARD RESET – BOOTSTRAP THEME COLORS
   ===================================================== */

.landing-page.service-wealth-and-finance
.wealth-faq-item
.accordion-button,
.landing-page.service-wealth-and-finance
.wealth-faq-item
.accordion-button:hover,
.landing-page.service-wealth-and-finance
.wealth-faq-item
.accordion-button:focus,
.landing-page.service-wealth-and-finance
.wealth-faq-item
.accordion-button:active {
  background-color: transparent !important;
  color: var(--wf-text-primary);
  box-shadow: none !important;
}

/* =====================================================
   ACCORDION HEADER
   ===================================================== */

.landing-page.service-wealth-and-finance
.wealth-faq-item
.accordion-header {
  margin: 0;
}

/* =====================================================
   ACCORDION BUTTON – CLOSED STATE
   ===================================================== */

.landing-page.service-wealth-and-finance
.wealth-faq-item
.accordion-button {
  font-size: 16px;
  font-weight: 500;
  padding: 18px 22px;
  line-height: 1.4;
  position: relative;
}

/* =====================================================
   ACCORDION BUTTON – OPEN STATE (PREMIUM)
   ===================================================== */

.landing-page.service-wealth-and-finance
.wealth-faq-item
.accordion-button:not(.collapsed) {
  background-color: rgba(11, 31, 59, 0.04) !important;
  color: var(--wf-primary-deep-blue);
  font-weight: 600;
}

/* Gold accent strip */
.landing-page.service-wealth-and-finance
.wealth-faq-item
.accordion-button:not(.collapsed)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: var(--wf-secondary-gold);
}

/* =====================================================
   ICON OVERRIDE (NO BOOTSTRAP DEFAULT)
   ===================================================== */

.landing-page.service-wealth-and-finance
.wealth-faq-item
.accordion-button::after {
  background-image: none !important;
  content: "+";
  font-size: 20px;
  font-weight: 400;
  color: var(--wf-secondary-gold);
  transform: none !important;
}

.landing-page.service-wealth-and-finance
.wealth-faq-item
.accordion-button:not(.collapsed)::after {
  content: "–";
}

/* =====================================================
   ACCORDION BODY
   ===================================================== */

.landing-page.service-wealth-and-finance
.wealth-faq-item
.accordion-body {
  padding: 0 22px 22px;
  font-size: 15px;
  line-height: 1.7;
  color: var(--wf-text-secondary);
}

/* =====================================================
   FOCUS STATE (ACCESSIBLE + ON BRAND)
   ===================================================== */

.landing-page.service-wealth-and-finance
.wealth-faq-item
.accordion-button:focus {
  box-shadow: 0 0 0 3px var(--wf-focus-outline) !important;
  outline: none;
}

/* =====================================================
   RESPONSIVE – TABLET
   ===================================================== */

@media (max-width: 991px) {

  .landing-page.service-wealth-and-finance .wealth-faq-section {
    padding: 60px 0;
  }

  .landing-page.service-wealth-and-finance .wealth-faq-title {
    font-size: 28px;
  }

}

/* =====================================================
   RESPONSIVE – MOBILE
   ===================================================== */

@media (max-width: 575px) {

  .landing-page.service-wealth-and-finance .wealth-faq-section
    {
        padding: 30px 0;
    }

  .landing-page.service-wealth-and-finance .wealth-faq-title {
    font-size: 1.7rem;
  }

  .landing-page.service-wealth-and-finance
  .wealth-faq-item
  .accordion-button {
    font-size: 15px;
    padding: 16px 18px;
  }

  .landing-page.service-wealth-and-finance
  .wealth-faq-item
  .accordion-body {
    font-size: 14px;
    padding: 0 18px 18px;
  }

}

/* =====================================================
   WEALTH MASTER SECTION
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-master-section {
  background-color: rgba(11, 31, 59, 0.05); /* Authority tint */
  padding: 90px 0;
}

/* =====================================================
   MASTER BOX
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-master-box {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

/* =====================================================
   SECTION TITLE + DIVIDER
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-master-title {
  font-size: 32px;
  font-weight: 600;
  color: var(--wf-primary-deep-blue);
  margin-bottom: 16px;
}

.landing-page.service-wealth-and-finance .wealth-master-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  background-color: var(--wf-secondary-gold);
  margin: 16px auto 40px;
  border-radius: 2px;
}

/* =====================================================
   FULL-WIDTH IMAGE (INSIDE CONTAINER)
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-master-image-wrapper {
  width: 100%;
  margin-bottom: 40px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(11, 31, 59, 0.12);
}

.landing-page.service-wealth-and-finance .wealth-master-image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* =====================================================
   CONTENT WRAPPER
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-master-content {
  max-width: 880px;
  margin: 0 auto;
}

/* =====================================================
   DESCRIPTION TEXT
   ===================================================== */

.landing-page.service-wealth-and-finance .wealth-master-description {

  line-height: 1.75;
font-size: 17px;
    color: var(--wf-text-primary);
  margin-bottom: 22px;
}

/* Strong opening paragraph emphasis */


/* =====================================================
   RESPONSIVE – TABLET
   ===================================================== */

@media (max-width: 991px) {

  .landing-page.service-wealth-and-finance .wealth-master-section {
    padding: 70px 0;
  }

  .landing-page.service-wealth-and-finance .wealth-master-title {
    font-size: 28px;
  }

}

/* =====================================================
   RESPONSIVE – MOBILE
   ===================================================== */

@media (max-width: 575px) {

  .landing-page.service-wealth-and-finance .wealth-master-section {
    padding: 30px 0;
  }

  .landing-page.service-wealth-and-finance .wealth-master-title {
    font-size: 1.7rem;
  }

  .landing-page.service-wealth-and-finance .wealth-master-image-wrapper {
    margin-bottom: 30px;
    border-radius: 10px;
  }

  .landing-page.service-wealth-and-finance .wealth-master-description {
    font-size: 15px;
  }

}


/* =========================================
   Education Astrology – Color Variables
   Palette: Sunrise Knowledge (LOCKED)
========================================= */

.landing-page.service-education-astrology {
  /* Base Colors */
  --ea-bg-dark: #1E1B4B;
  --ea-bg-light: #FFFBEB;

  /* Primary & Accent */
  --ea-primary: #F97316;   /* CTA / Buttons */
  --ea-secondary: #FACC15; /* Highlights / Icons */

  /* Text */
  --ea-text-dark: #1F2937;
  --ea-text-muted: #6B7280;
  --ea-text-light: #FFFFFF;

  /* UI Elements */
  --ea-border: #FED7AA;
  --ea-card-bg: #FFFFFF;
}


/* ==================================================
   HERO SECTION – Education Astrology
   Final Polish + Skeleton + Responsive
================================================== */

.landing-page.service-education-astrology 
.education-astrology-hero-section {
  background: linear-gradient(
    135deg,
    #1E1B4B 0%,
    #312E81 40%,
    #F97316 100%
  );
  padding: 90px 0;
}

.landing-page.service-education-astrology 
.education-astrology-hero-box {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

/* Title */
.landing-page.service-education-astrology 
.education-astrology-hero-title {
  position: relative;
  color: var(--ea-text-light);
  font-size: 44px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 42px;
}

.landing-page.service-education-astrology 
.education-astrology-hero-title::after {
  content: "• • •";
  display: block;
  margin-top: 16px;
  font-size: 18px;
  letter-spacing: 6px;
  color: var(--ea-secondary);
}
/* Description */
.landing-page.service-education-astrology 
.education-astrology-hero-description {
  color: var(--ea-bg-light);
  font-size: 18px;
  line-height: 1.7;
  max-width: 760px;
  margin: 0 auto 50px;
}

.landing-page.service-education-astrology 
.education-astrology-hero-cta-wrap {
  margin-top: 40px;
}

.landing-page.service-education-astrology 
.education-astrology-hero-cta-button {
  display: inline-block;
  padding: 14px 34px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background-color: var(--ea-primary);
  border-radius: 30px;
  text-decoration: none;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.landing-page.service-education-astrology 
.education-astrology-hero-cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.25);
}
/* ===========================
   RESPONSIVE – TABLET
=========================== */
@media (max-width: 991px) {

  .landing-page.service-education-astrology 
  .education-astrology-hero-title {
    font-size: 36px;
  }

  .landing-page.service-education-astrology 
  .education-astrology-hero-benefits {
    grid-template-columns: repeat(2, 1fr);
  }
}



@media (max-width: 991px) {

  .landing-page.service-education-astrology 
  .education-astrology-hero-section {
    padding: 70px 0;
  }

  .landing-page.service-education-astrology 
  .education-astrology-hero-title {
    font-size: 34px;
  }

  .landing-page.service-education-astrology 
  .education-astrology-hero-description {
    font-size: 17px;
    max-width: 680px;
    margin-bottom: 34px;
  }

}

/* ===========================
   RESPONSIVE – MOBILE
=========================== */
@media (max-width: 575px) {

  .landing-page.service-education-astrology 
  .education-astrology-hero-section {
    padding: 30px;
  }

  .landing-page.service-education-astrology 
  .education-astrology-hero-title {
    font-size: 28px;
    line-height: 1.25;
    margin-bottom: 16px;
  }

  .landing-page.service-education-astrology 
  .education-astrology-hero-description {
    font-size: 15px;
    line-height: 1.65;
    margin-bottom: 28px;
    padding: 0 10px;
  }

  .landing-page.service-education-astrology 
  .education-astrology-hero-cta-button {
    padding: 10px 20px;
    font-size: 15px;
    border-radius: 26px;
  }

}


/* ==================================================
   GUIDANCE + BENEFITS – PREMIUM (NO BLUE)
================================================== */

.landing-page.service-education-astrology
.education-astrology-guidance-benefits-section {
  background-color: #ffffff;
  padding: 90px 0;
}

/* -----------------------
   Guidance Column
------------------------ */
.landing-page.service-education-astrology
.education-astrology-guidance-box {
  max-width: 520px;
}

.landing-page.service-education-astrology
.education-astrology-guidance-title {
  font-size: 36px;
  font-weight: 700;
  color: #1f2937; /* deep neutral, not blue */
  line-height: 1.25;
  margin-bottom: 26px;
}

.landing-page.service-education-astrology
.education-astrology-guidance-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  margin-top: 14px;
  background-color: var(--ea-primary); /* orange accent */
}

.landing-page.service-education-astrology
.education-astrology-guidance-description {
  font-size: 17px;
  line-height: 1.85;
  color: #4b5563;
}

/* -----------------------
   Benefits Column
------------------------ */
.landing-page.service-education-astrology
.education-astrology-benefits-box {
  max-width: 560px;
  margin-left: auto;
}

.landing-page.service-education-astrology
.education-astrology-benefits-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

/* Benefit Cards */
.landing-page.service-education-astrology
.education-astrology-benefit-item {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 22px 18px;
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  text-align: center;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.landing-page.service-education-astrology
.education-astrology-benefit-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.1);
}

/* CTA Card – Grid Aligned (HALF WIDTH) */
.landing-page.service-education-astrology
.education-astrology-benefit-cta {
  position: relative;
  background-color: var(--ea-primary);
  color: #ffffff;
  border: none;
  font-weight: 700;
  cursor: pointer;
  padding: 22px 46px 22px 15px;
  box-shadow: 0 10px 30px rgba(249, 115, 22, 0.35);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Font Awesome Icon */
.landing-page.service-education-astrology
.education-astrology-benefit-cta::after {
  content: "\f061"; /* fa-arrow-right */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  opacity: 0.9;
}

/* Hover Enhancement */
.landing-page.service-education-astrology
.education-astrology-benefit-cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 36px rgba(249, 115, 22, 0.45);
}

.landing-page.service-education-astrology
.education-astrology-guidance-benefits-section
.row {
  position: relative;
}

.landing-page.service-education-astrology
.education-astrology-guidance-benefits-section
.row::after {
  content: "";
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 50%;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.08);
  transform: translateX(-50%);
}

/* ===========================
   RESPONSIVE
=========================== */
@media (max-width: 991px) {

  .landing-page.service-education-astrology
  .education-astrology-guidance-box,
  .landing-page.service-education-astrology
  .education-astrology-benefits-box {
    max-width: 100%;
    margin: 0 auto 40px;
    text-align: center;
  }

    .landing-page.service-education-astrology
  .education-astrology-guidance-benefits-section
  .row::after {
    display: none;
  }

}

@media (max-width: 575px) {

  .landing-page.service-education-astrology
  .education-astrology-guidance-benefits-section {
    padding: 30px 0;
  }

  .landing-page.service-education-astrology .education-astrology-guidance-title
  {
    font-size: 1.7rem;
  }

  .landing-page.service-education-astrology .education-astrology-guidance-title::after
  {
    margin: 14px auto 0; 
  }

  .landing-page.service-education-astrology
  .education-astrology-benefits-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

}

/* =========================================
   EDUCATION ASTROLOGY TABS SECTION
========================================= */

.landing-page.service-education-astrology
.education-astrology-tabs-section {
  padding: 90px 0;
  background-color: var(--ea-bg-light);
}

/* Title */
.landing-page.service-education-astrology
.education-astrology-tabs-title {
  position: relative;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  color: var(--ea-bg-dark);
  margin-bottom: 70px;
}

/* Divider */
.landing-page.service-education-astrology
.education-astrology-tabs-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  border-radius: 4px;
  background-color: var(--ea-primary);
}

/* Panel wrapper */
.landing-page.service-education-astrology
.education-astrology-tabs-panel {
  background-color: var(--ea-card-bg);
  border-radius: 16px;
  border: 1px solid var(--ea-border);
  padding: 30px;
}

/* ======================
   LEFT NAV (VERTICAL)
====================== */

.landing-page.service-education-astrology
.education-astrology-tabs-nav {
  gap: 12px;
}

.landing-page.service-education-astrology
.education-astrology-tab-button {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 12px;
  border: 1px solid var(--ea-border);
  background-color: #fff;
  color: var(--ea-text-dark);
  font-weight: 600;
  font-size: 15px;
  text-align: left;
  transition: all 0.25s ease;
}

.landing-page.service-education-astrology
.education-astrology-tab-button i {
  font-size: 16px;
  color: var(--ea-secondary);
}

/* Hover */
.landing-page.service-education-astrology
.education-astrology-tab-button:hover {
  background-color: #FFF7ED;
}

/* Active */
.landing-page.service-education-astrology
.education-astrology-tab-button.active {
  background-color: var(--ea-primary);
  color: var(--ea-text-light);
  border-color: var(--ea-primary);
}

.landing-page.service-education-astrology
.education-astrology-tab-button.active i {
  color: var(--ea-text-light);
}

/* ======================
   RIGHT CONTENT PANEL
====================== */

.landing-page.service-education-astrology
.education-astrology-tabs-content {
  background-color: #fff;
  border-radius: 14px;
  padding: 30px;
  border: 1px solid var(--ea-border);
  min-height: 100%;
}

/* List */
.landing-page.service-education-astrology
.education-astrology-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block !important;
}

.landing-page.service-education-astrology
.education-astrology-list li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 14px;
  font-size: 15px;
  color: var(--ea-text-dark);
  line-height: 1.6;

  display: block !important;
  width: 100% !important;
  clear: both;
}

/* Bullet */
.landing-page.service-education-astrology
.education-astrology-list li::before {
  content: "✦";
  position: absolute;
  left: 0;
  top: 2px;
  color: var(--ea-secondary);
  font-size: 14px;
}

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

/* Tablet */
@media (max-width: 991px) {
  .landing-page.service-education-astrology
  .education-astrology-tabs-panel {
    padding: 20px;
  }

  .landing-page.service-education-astrology
  .education-astrology-tabs-title {
    font-size: 28px;
  }
}

/* Mobile */
@media (max-width: 576px) {

.landing-page.service-education-astrology .education-astrology-tabs-section
{
  padding: 30px 0;
}

.landing-page.service-education-astrology .education-astrology-tabs-title
{
  font-size: 1.7rem;
}
  .landing-page.service-education-astrology
  .education-astrology-tabs-nav {
    flex-direction: row;
    overflow-x: none;
  }

  .landing-page.service-education-astrology .education-astrology-tabs-panel
  {
    padding: 20px 20px 45px 20px;
  }

  .landing-page.service-education-astrology
  .education-astrology-tab-button {
    min-width: 260px;
    white-space: nowrap;
  }

  .landing-page.service-education-astrology
  .education-astrology-tabs-content {
    margin-top: 25px;
  }
}


/* =========================================
   EDUCATION ASTROLOGY APPROACH SECTION
========================================= */

.landing-page.service-education-astrology
.education-astrology-approach-section {
  padding: 80px 0 ;
  background-color: #ffffff;
  position: relative;
}

.landing-page.service-education-astrology
.education-astrology-approach-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 1px;
  background-color: var(--ea-border);
}

/* Content Box */
.landing-page.service-education-astrology
.education-astrology-approach-box {
  max-width: 900px;
  margin: 0 auto;
  background-color: var(--ea-card-bg);
  border-radius: 20px;
  padding: 50px;
  border: 1px solid var(--ea-border);
}

/* Title */
.landing-page.service-education-astrology
.education-astrology-approach-title {
  position: relative;
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  color: var(--ea-bg-dark);
  margin-bottom: 40px;
}

/* Divider under title */
.landing-page.service-education-astrology
.education-astrology-approach-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -18px;
  transform: translateX(-50%);
  width: 70px;
  height: 4px;
  border-radius: 4px;
  background-color: var(--ea-primary);
}

/* Description Text */
.landing-page.service-education-astrology
.education-astrology-approach-description {
  font-size: 16px;
  line-height: 1.8;
  color: var(--ea-text-dark);
  margin-bottom: 22px;
  text-align: center;
}

/* Last paragraph spacing fix */
.landing-page.service-education-astrology
.education-astrology-approach-description:last-child {
  margin-bottom: 0;
}

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

/* Tablet */
@media (max-width: 991px) {

  .landing-page.service-education-astrology
  .education-astrology-approach-box {
    padding: 40px 30px;
  }

  .landing-page.service-education-astrology
  .education-astrology-approach-title {
    font-size: 30px;
  }
}

/* Mobile */
@media (max-width: 576px) {

  .landing-page.service-education-astrology
  .education-astrology-approach-section {
    padding: 30px 0;
  }

  .landing-page.service-education-astrology
  .education-astrology-approach-title {
    font-size: 1.7rem;
  }

  .landing-page.service-education-astrology
  .education-astrology-approach-description {
    font-size: 15px;
    line-height: 1.7;
  }
}


/* =========================================
   EDUCATION ASTROLOGY – CREATIVE CTA CANVAS
========================================= */

.landing-page.service-education-astrology
.education-astrology-cta-section {
  padding: 90px 0;
  background-color: var(--ea-bg-light);
}

/* =========================================
   CTA CANVAS (TWO-TONE COLLAGE)
========================================= */

.landing-page.service-education-astrology
.education-astrology-cta-canvas {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 38% 62%;
  border-radius: 36px;
  overflow: hidden;
}

/* =========================================
   LEFT PANEL – DEEP GUIDANCE
========================================= */

.landing-page.service-education-astrology
.education-astrology-cta-panel-dark {
  background-color: var(--ea-bg-dark);
  padding: 80px 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Title */
.landing-page.service-education-astrology
.education-astrology-cta-title {
  font-size: 40px;
  font-weight: 700;
  color: var(--ea-text-light);
  text-align: center;
  position: relative;
}

/* Accent underline */
.landing-page.service-education-astrology
.education-astrology-cta-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background-color: var(--ea-secondary);
  margin: 24px auto 0;
  border-radius: 4px;
}

/* =========================================
   RIGHT PANEL – WARM GUIDANCE
========================================= */

.landing-page.service-education-astrology
.education-astrology-cta-panel-light {
  background-color: #ffffff;
  padding: 70px 80px;
}

/* Text */
.landing-page.service-education-astrology
.education-astrology-cta-description {
  font-size: 16.5px;
  line-height: 1.9;
  color: var(--ea-text-dark);
  margin-bottom: 22px;
}

/* =========================================
   CTA BUTTON – HIGHLIGHT COLOR
========================================= */

.landing-page.service-education-astrology
.education-astrology-cta-button {
  display: inline-block;
  margin-top: 28px;
  padding: 16px 44px;
  font-size: 16px;
  font-weight: 600;
  color: var(--ea-bg-dark);
  background-color: var(--ea-secondary);
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Hover */
.landing-page.service-education-astrology
.education-astrology-cta-button:hover {
  background-color: var(--ea-primary);
  color: var(--ea-text-light);
  transform: translateY(-2px);
}

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

@media (max-width: 991px) {
  .landing-page.service-education-astrology
  .education-astrology-cta-canvas {
    grid-template-columns: 1fr;
  }

  .landing-page.service-education-astrology
  .education-astrology-cta-panel-dark {
    padding: 60px 40px;
  }

  .landing-page.service-education-astrology
  .education-astrology-cta-panel-light {
    padding: 60px 40px;
  }
}

@media (max-width: 767px) {
  .landing-page.service-education-astrology
  .education-astrology-cta-section {
    padding: 110px 0;
  }

  .landing-page.service-education-astrology
  .education-astrology-cta-title {
    font-size: 32px;
  }
}


/* =========================================
   EDUCATION ASTROLOGY – PRICING SECTION
========================================= */

.landing-page.service-education-astrology
.education-astrology-pricing-section {
  padding: 90px 0;
  background-color: #fff;
}

/* =========================================
   SECTION TITLE + DIVIDER (OPTION 1)
========================================= */

.landing-page.service-education-astrology
.education-astrology-pricing-title {
  position: relative;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  color: var(--ea-bg-dark);
  margin-bottom: 80px;
}

.landing-page.service-education-astrology
.education-astrology-pricing-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -32px;
  transform: translateX(-50%);
  width: 90px;
  height: 4px;
  border-radius: 4px;
  background-color: var(--ea-primary);
}

/* =========================================
   PRICING CARD – BASE
========================================= */

.landing-page.service-education-astrology
.education-astrology-pricing-card {
  height: 100%;
  background-color: #ffffff;
  border-radius: 26px;
  padding: 44px 38px 42px;
  display: flex;
  flex-direction: column;
  position: relative;
  border: 1px solid var(--ea-border);
}

/* =========================================
   PREMIUM / MOST POPULAR CARD (HIGHLIGHT)
========================================= */

.landing-page.service-education-astrology
.education-astrology-pricing-card-popular {
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #FFF7ED 100%
  );
  border: 2px solid var(--ea-primary);
  box-shadow: 0 35px 70px rgba(30, 27, 75, 0.18);
  transform: translateY(-10px);
}

/* Premium Badge */
.landing-page.service-education-astrology
.education-astrology-pricing-badge {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--ea-primary);
  color: var(--ea-text-light);
  font-size: 13px;
  font-weight: 700;
  padding: 7px 18px;
  border-radius: 999px;
  letter-spacing: 0.3px;
}

/* =========================================
   PLAN HEADER
========================================= */

.landing-page.service-education-astrology
.education-astrology-pricing-plan-title {
  text-align: center;
  font-size: 21px;
  font-weight: 700;
  color: var(--ea-bg-dark);
  margin-bottom: 18px;
}

/* Price */
.landing-page.service-education-astrology
.education-astrology-pricing-amount {
  text-align: center;
  font-size: 40px;
  font-weight: 800;
  color: var(--ea-primary);
  margin-bottom: 26px;
}

/* Divider under price */
.landing-page.service-education-astrology
.education-astrology-pricing-amount::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  background-color: var(--ea-border);
  margin: 22px auto 0;
}

/* =========================================
   CONTENT – FEATURE LIST (DESIGNED)
========================================= */

.landing-page.service-education-astrology
.education-astrology-pricing-content {
  flex-grow: 1;
  margin-top: 30px;
}

/* Section label */
.landing-page.service-education-astrology
.education-astrology-pricing-content p:first-child {
  font-weight: 600;
  color: var(--ea-bg-dark);
  margin-bottom: 14px;
}

/* Feature list reset */
.landing-page.service-education-astrology
.education-astrology-pricing-content ul {
  list-style: none;
  padding: 0;
  margin: 0 0 26px;
}

/* Feature item */
.landing-page.service-education-astrology
.education-astrology-pricing-content li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 14px;
  font-size: 15.5px;
  line-height: 1.65;
  color: var(--ea-text-dark);
}

/* Custom bullet */
.landing-page.service-education-astrology
.education-astrology-pricing-content li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--ea-primary);
  font-weight: 700;
}

/* Add-on / note */
.landing-page.service-education-astrology
.education-astrology-pricing-content p:last-child {
  font-size: 14.5px;
  color: var(--ea-text-muted);
  background-color: #FFF7ED;
  padding: 12px 14px;
  border-radius: 10px;
}

/* =========================================
   CTA AREA
========================================= */

.landing-page.service-education-astrology
.education-astrology-pricing-cta,
.landing-page.service-education-astrology
.education-astrology-pricing-dual-cta {
  margin-top: 38px;
  text-align: center;
}

/* Dual CTA */
.landing-page.service-education-astrology
.education-astrology-pricing-dual-cta {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* Button */
.landing-page.service-education-astrology
.education-astrology-pricing-button {
  padding: 14px 34px;
  font-size: 15px;
  font-weight: 600;
  color: var(--ea-bg-dark);
  background-color: var(--ea-secondary);
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Hover */
.landing-page.service-education-astrology
.education-astrology-pricing-button:hover {
  background-color: var(--ea-primary);
  color: var(--ea-text-light);
  transform: translateY(-2px);
}

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

@media (max-width: 991px) {
  .landing-page.service-education-astrology
  .education-astrology-pricing-card {
    margin-bottom: 40px;
  }

  .landing-page.service-education-astrology
  .education-astrology-pricing-card-popular {
    transform: none;
  }
}

@media (max-width: 576px) {
  .landing-page.service-education-astrology .education-astrology-pricing-section
  {
    padding: 30px 0;
  }
  .landing-page.service-education-astrology
  .education-astrology-pricing-title {
    font-size: 1.7rem;
    margin-bottom: 70px;
  }

  .landing-page.service-education-astrology .education-astrology-pricing-card
  {
    padding: 30px 20px 30px;
  }

  .landing-page.service-education-astrology .education-astrology-pricing-amount
  {
    margin-bottom: 0px;
  }

  .landing-page.service-education-astrology .education-astrology-pricing-cta, .landing-page.service-education-astrology .education-astrology-pricing-dual-cta
  {
    margin-top: 0px;
  }
}

/* =========================================
   EDUCATION ASTROLOGY – FAQ SECTION
========================================= */

.landing-page.service-education-astrology
.education-astrology-faq-section {
  padding: 90px 0;
  background-color: var(--ea-bg-light);
}

/* =========================================
   SECTION BOX
========================================= */

.landing-page.service-education-astrology
.education-astrology-faq-box {
  max-width: 900px;
  margin: 0 auto;
}

/* =========================================
   TITLE + DIVIDER
========================================= */

.landing-page.service-education-astrology
.education-astrology-faq-title {
  position: relative;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  color: var(--ea-bg-dark);
  margin-bottom: 90px;
}

.landing-page.service-education-astrology
.education-astrology-faq-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -28px;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  border-radius: 4px;
  background-color: var(--ea-primary);
}

/* =========================================
   ACCORDION RESET (NEUTRALIZE THEME)
========================================= */

.landing-page.service-education-astrology
.education-astrology-faq-accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: transparent;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-btn-focus-box-shadow: none;
}

/* =========================================
   ACCORDION ITEM
========================================= */

.landing-page.service-education-astrology
.education-astrology-faq-item {
  border: none;
  margin-bottom: 18px;
}

/* =========================================
   ACCORDION HEADER BUTTON (CUSTOM)
========================================= */

.landing-page.service-education-astrology
.education-astrology-faq-item .accordion-button {
  background-color: #ffffff;
  color: var(--ea-bg-dark);
  font-size: 17px;
  font-weight: 600;
  padding: 20px 56px 20px 24px;
  border-radius: 16px;
  border: 1px solid var(--ea-border);
  transition: all 0.3s ease;
}

/* Remove Bootstrap arrow */
.landing-page.service-education-astrology
.education-astrology-faq-item .accordion-button::after {
  display: none;
}

/* Hover */
.landing-page.service-education-astrology
.education-astrology-faq-item .accordion-button:hover {
  background-color: #FFF7ED;
}

/* Active / Open */
.landing-page.service-education-astrology
.education-astrology-faq-item .accordion-button:not(.collapsed) {
  background-color: #FFF7ED;
  color: var(--ea-bg-dark);
  border-color: var(--ea-primary);
}

/* =========================================
   CUSTOM TOGGLE ICON (PLUS / MINUS)
========================================= */

.landing-page.service-education-astrology
.education-astrology-faq-item .accordion-button::before {
  content: "+";
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--ea-secondary);
  color: var(--ea-bg-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  transition: all 0.3s ease;
}

/* Minus when open */
.landing-page.service-education-astrology
.education-astrology-faq-item .accordion-button:not(.collapsed)::before {
  content: "–";
  background-color: var(--ea-primary);
  color: var(--ea-text-light);
}

/* =========================================
   ACCORDION BODY
========================================= */

.landing-page.service-education-astrology
.education-astrology-faq-item .accordion-body {
  background-color: #ffffff;
  padding: 22px 26px 26px;
  font-size: 15.5px;
  line-height: 1.75;
  color: var(--ea-text-dark);
  border-left: 2px solid var(--ea-primary);
  margin-top: 8px;
  border-radius: 0 0 16px 16px;
}

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

@media (max-width: 576px) {

  .landing-page.service-education-astrology .education-astrology-faq-section
  {
    padding: 30px 0;
  }

  .landing-page.service-education-astrology
  .education-astrology-faq-title {
    font-size: 1.7rem;
    margin-bottom: 50px;
  }

  .landing-page.service-education-astrology
  .education-astrology-faq-item .accordion-button {
    font-size: 15px;
    padding: 18px 52px 18px 20px;
  }
}

/* =========================================
   EDUCATION ASTROLOGY – MEET THE MASTER
========================================= */

.landing-page.service-education-astrology
.education-astrology-master-section {
  padding: 90px 0;
  background-color: #ffffff;
}

/* =========================================
   SECTION BOX
========================================= */

.landing-page.service-education-astrology
.education-astrology-master-box {
  max-width: 1100px;
  margin: 0 auto;
}

/* =========================================
   TITLE + DIVIDER
========================================= */

.landing-page.service-education-astrology
.education-astrology-master-title {
  position: relative;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  color: var(--ea-bg-dark);
  margin-bottom: 90px;
}

.landing-page.service-education-astrology
.education-astrology-master-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -28px;
  transform: translateX(-50%);
  width: 90px;
  height: 4px;
  border-radius: 4px;
  background-color: var(--ea-primary);
}

/* =========================================
   IMAGE COLUMN
========================================= */

.landing-page.service-education-astrology
.education-astrology-master-image-wrap {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
}

/* Image */
.landing-page.service-education-astrology
.education-astrology-master-image {
  width: 100%;
  border-radius: 20px;
  display: block;
}

/* Subtle frame */
.landing-page.service-education-astrology
.education-astrology-master-image-wrap::after {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid var(--ea-border);
  border-radius: 20px;
  pointer-events: none;
}

/* =========================================
   CONTENT COLUMN
========================================= */

.landing-page.service-education-astrology
.education-astrology-master-content {
  padding: 30px;
}

/* Paragraphs */
.landing-page.service-education-astrology
.education-astrology-master-content p {
  font-size: 16px;
  line-height: 1.85;
  color: var(--ea-text-dark);
  margin-bottom: 22px;
}

/* Last paragraph spacing */
.landing-page.service-education-astrology
.education-astrology-master-content p:last-child {
  margin-bottom: 0;
}

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

@media (max-width: 991px) {

  .landing-page.service-education-astrology
  .education-astrology-master-content {
    padding-left: 0;
    margin-top: 40px;
  }

  .landing-page.service-education-astrology
  .education-astrology-master-title {
    font-size: 32px;
    margin-bottom: 70px;
  }
}

@media (max-width: 576px) {

  .landing-page.service-education-astrology
  .education-astrology-master-section {
    padding: 30px 0;
  }

  .landing-page.service-education-astrology .education-astrology-master-content
  {
     margin-top: 0px;
     padding: 30px 0;
  }



  .landing-page.service-education-astrology
  .education-astrology-master-title {
    font-size: 1.7rem;
    margin-bottom: 50px;
  }

  .landing-page.service-education-astrology
  .education-astrology-master-content p {
    font-size: 15.5px;
    line-height: 1.75;
  }
}


/* =========================================================
   COLOR VARIABLES — PROPERTY & REAL ESTATE GUIDANCE
   Palette: Sacred Earth + Solar Ember
   ========================================================= */

/* =========================================================
   COLOR VARIABLES — PROPERTY & REAL ESTATE GUIDANCE
   Palette: Obsidian Night + Solar Ember
   Version: v1 (Testing Phase)
   ========================================================= */

.landing-page.service-property-guidance {

  /* ===============================
     HERO / CANVAS BACKGROUNDS (LOCKED)
     =============================== */

  --property-bg-canvas: #F7F3EC;        /* Light Sand / Parchment */
  --property-bg-soft: #EFE8DD;          /* Slightly deeper sand */
  --property-bg-card: #FFFFFF;          /* Pure white cards */

  /* ===============================
     ACCENT / WISDOM COLORS (HERO + LEGACY)
     =============================== */

  --property-accent-gold: #D6A84A;      /* Cosmic Gold (Sun) */
  --property-accent-bronze: #B8893B;    /* Deeper metallic */
  --property-accent-maroon: #6E2B2B;    /* Micro contrast (rare use) */

  /* ===============================
     TEXT COLORS (GLOBAL)
     =============================== */

  --property-text-primary: #1F2A24;     /* Deep charcoal green */
  --property-text-muted: #5E625F;       /* Calm muted text */
  --property-text-light: #FFFFFF;       /* On dark buttons if needed */

  /* ===============================
     BORDERS & DIVIDERS
     =============================== */

  --property-border-soft: rgba(31, 42, 36, 0.12);
  --property-border-gold: rgba(214, 168, 74, 0.45);

  /* ===============================
     SHADOWS & DEPTH
     =============================== */

  --property-shadow-soft: 0 10px 28px rgba(0, 0, 0, 0.08);
  --property-shadow-medium: 0 18px 40px rgba(0, 0, 0, 0.12);

  /* =========================================================
     NEW SYSTEM (FROM THIS PAGE ONWARD)
     ========================================================= */

  /* ===============================
     UNIVERSAL NEUTRAL BASE (NON-HERO)
     =============================== */

  --property-neutral-bg: #FAFAF8;       /* Clean editorial background */
  --property-neutral-soft: #F1F2EF;     /* Light section separation */
  --property-neutral-card: #FFFFFF;     /* Cards / content blocks */

  /* ===============================
     SPIRITUAL SPARK (SINGLE ACCENT)
     =============================== */

  --property-accent-spark: #E6A23C;      /* Spiritual Spark */
  --property-accent-spark-soft: rgba(230, 162, 60, 0.18);
}

/* =========================================================
   HERO SECTION — PROPERTY GUIDANCE
   Design preserved, colors updated
   Palette: Cosmic Gold + Light Sand
   ========================================================= */

.landing-page.service-property-guidance .property-hero-section {
  position: relative;
  padding: 140px 0;
  background-color: var(--property-bg-canvas);
  overflow: hidden;
}

/* architectural side panels — LIGHT version */
.landing-page.service-property-guidance .property-hero-section::before,
.landing-page.service-property-guidance .property-hero-section::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 28%;
  background-color: var(--property-bg-soft);
  opacity: 0.8;
  pointer-events: none;
}

.landing-page.service-property-guidance .property-hero-section::before {
  left: -8%;
  transform: skewX(-8deg);
}

.landing-page.service-property-guidance .property-hero-section::after {
  right: -8%;
  transform: skewX(8deg);
}

/* =========================================================
   HERO CONTENT
   ========================================================= */

.landing-page.service-property-guidance .property-hero-box {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
  z-index: 2;
}

/* =========================================================
   TITLE — PREMIUM & POSITIVE
   ========================================================= */

.landing-page.service-property-guidance .property-hero-title {
  font-size: 56px;
  line-height: 1.12;
  font-weight: 700;
  color: var(--property-text-primary);
  margin-bottom: 32px;
  letter-spacing: -0.6px;
}

/* gold divider (unchanged design intent) */
.landing-page.service-property-guidance .property-hero-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  margin: 22px auto 0;
  background-color: var(--property-accent-gold);
}

/* =========================================================
   DESCRIPTION
   ========================================================= */

.landing-page.service-property-guidance .property-hero-description {
  font-size: 19px;
  line-height: 1.85;
  color: var(--property-text-muted);
  max-width: 860px;
  margin: 0 auto 64px;
}

.landing-page.service-property-guidance .property-hero-cta {
    margin-top: 2.5rem;
    text-align: center;
}

.landing-page.service-property-guidance .property-hero-button {
    display: inline-block;
    background-color: var(--property-bg-card);
    color: var(--property-text-primary);
    font-size: 15px;
    padding: 14px 26px;
    border-radius: 999px;
    font-weight: 600;
    border: 1px solid var(--property-border-soft);
    box-shadow: var(--property-shadow-soft);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    text-decoration: none;
}

.landing-page.service-property-guidance .property-hero-button:hover {
    transform: translateY(-3px);
    box-shadow: var(--property-shadow-medium);
}

/* =========================================================
   VALUE CHIPS — LIGHT, FLOATING, PREMIUM
   ========================================================= */

.landing-page.service-property-guidance .property-hero-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px 22px;
}

.landing-page.service-property-guidance .property-hero-list-item {
  background-color: var(--property-bg-card);
  color: var(--property-text-primary);
  font-size: 15px;
  padding: 14px 26px;
  border-radius: 999px;
  font-weight: 600;
  border: 1px solid var(--property-border-soft);
  box-shadow: var(--property-shadow-soft);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.landing-page.service-property-guidance .property-hero-list-item:hover {
  transform: translateY(-6px);
  box-shadow: var(--property-shadow-medium);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {
  .landing-page.service-property-guidance .property-hero-section {
    padding: 110px 0;
  }

  .landing-page.service-property-guidance .property-hero-title {
    font-size: 44px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 575px) {
  .landing-page.service-property-guidance .property-hero-section {
    padding: 30px 0;
  }

  .landing-page.service-property-guidance .property-hero-title {
    font-size: 1.7rem;
    line-height: 1.25;
  }

  .landing-page.service-property-guidance .property-hero-description {
    font-size: 0.95rem;
    margin-bottom: 0px;
  }

  .landing-page.service-property-guidance .property-hero-cta
  {
    margin-top: 1.5rem;
  }

  .landing-page.service-property-guidance .property-hero-section::before,
  .landing-page.service-property-guidance .property-hero-section::after {
    display: none;
  }
}


/* =========================================================
   SECTION — WHY OWNING PROPERTY MATTERS (EDITORIAL SPLIT)
   ========================================================= */

.landing-page.service-property-guidance .property-importance-section {
  padding: 120px 0;
  background-color: var(--property-bg-card);
}

/* left column */
.landing-page.service-property-guidance .property-importance-intro {
  padding-right: 24px;
}

.landing-page.service-property-guidance .property-importance-title {
  font-size: 42px;
  line-height: 1.3;
  font-weight: 600;
  color: var(--property-text-primary);
  margin-bottom: 18px;
}

/* thin editorial rule */
.landing-page.service-property-guidance .property-importance-divider {
  display: block;
  width: 42px;
  height: 2px;
  background-color: var(--property-accent-gold);
}

/* right column */
.landing-page.service-property-guidance .property-importance-content {
  max-width: 720px;
}

.landing-page.service-property-guidance .property-importance-description {
  font-size: 18px;
  line-height: 1.9;
  color: var(--property-text-muted);
}

/* ===============================
   TABLET
   =============================== */

@media (max-width: 991px) {
  .landing-page.service-property-guidance .property-importance-section {
    padding: 90px 0;
  }

  .landing-page.service-property-guidance .property-importance-title {
    font-size: 26px;
  }
}

/* ===============================
   MOBILE
   =============================== */

@media (max-width: 575px) {
  .landing-page.service-property-guidance .property-importance-section {
    padding: 30px 0;
  }

  .landing-page.service-property-guidance .property-importance-intro {
    margin-bottom: 28px;
  }

  .landing-page.service-property-guidance .property-importance-title {
    font-size: 1.7rem;
  }

  .landing-page.service-property-guidance .property-importance-description {
    font-size: 0.95rem;
  }
}


/* =====================================================
   PROPERTY GUIDANCE – VERTICAL TABS SECTION (FINAL)
   Vibrant • Connected • Professional
   ===================================================== */

.landing-page.service-property-guidance
.property-guidance-tabs-section {
  position: relative;
  background-color: var(--property-bg-canvas);
  padding: 90px 0;
}


/* ===============================
   SECTION CONTAINER
   =============================== */

.landing-page.service-property-guidance
.property-guidance-tabs-box {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}

/* ===============================
   TITLE + DIVIDER
   =============================== */

.landing-page.service-property-guidance
.property-guidance-tabs-title {
  text-align: center;
  font-size: 34px;
  font-weight: 600;
  color: var(--property-text-primary);
  margin-bottom: 22px;
}

.landing-page.service-property-guidance
.property-guidance-tabs-title::after {
  content: "";
  display: block;
  width: 110px;
  height: 3px;
  margin: 16px auto 60px;
  background-color: var(--property-accent-gold);
  border-radius: 3px;
}

/* ===============================
   MERGED PANEL LAYOUT
   =============================== */

.landing-page.service-property-guidance
.property-guidance-tabs-layout {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 0;
  background-color: var(--property-bg-card);
  border-radius: 20px;
  border: 1px solid var(--property-border-gold);
  box-shadow: var(--property-shadow-medium);
  overflow: hidden;
}

/* ===============================
   TABS NAV (LEFT STRIP)
   =============================== */

.landing-page.service-property-guidance
.property-guidance-tabs-nav {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 22px 14px;
  background-color: var(--property-bg-canvas);
  border-right: 1px solid var(--property-border-gold);
}

/* ===============================
   TAB BUTTON – BASE
   =============================== */

.landing-page.service-property-guidance
.property-guidance-tabs-nav .nav-link {
  all: unset;
  cursor: pointer;
  padding: 16px 18px 16px 26px;
  font-size: 16px;
  font-weight: 500;
  color: var(--property-text-muted);
  border-radius: 10px;
  position: relative;
  transition: background-color 0.25s ease, color 0.25s ease;
}

/* Hover */
.landing-page.service-property-guidance
.property-guidance-tabs-nav .nav-link:hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: var(--property-text-primary);
}

/* ===============================
   ACTIVE TAB
   =============================== */

.landing-page.service-property-guidance
.property-guidance-tabs-nav .nav-link.active {
  background-color: var(--property-bg-card);
  color: var(--property-text-primary);
  font-weight: 600;
}

/* Accent bar */
.landing-page.service-property-guidance
.property-guidance-tabs-nav .nav-link.active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 4px;
  background-color: var(--property-accent-gold);
  border-radius: 4px;
}

/* ===============================
   TABS CONTENT
   =============================== */

.landing-page.service-property-guidance
.property-guidance-tabs-content {
  padding: 44px 48px;
  background-color: var(--property-bg-card);
}

/* ===============================
   INTRO TEXT
   =============================== */

.landing-page.service-property-guidance
.property-examination-intro {
  font-size: 16px;
  line-height: 1.7;
  color: var(--property-text-muted);
  margin-bottom: 26px;
}

/* ===============================
   LISTS (ALL TABS)
   =============================== */

.landing-page.service-property-guidance
.property-concerns-list,
.landing-page.service-property-guidance
.property-examination-list,
.landing-page.service-property-guidance
.property-benefits-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.landing-page.service-property-guidance
.property-concerns-item,
.landing-page.service-property-guidance
.property-examination-item,
.landing-page.service-property-guidance
.property-benefits-item {
  position: relative;
  padding-left: 26px;
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 1.6;
  color: var(--property-text-primary);
}

/* Accent bullets */
.landing-page.service-property-guidance
.property-concerns-item::before,
.landing-page.service-property-guidance
.property-examination-item::before,
.landing-page.service-property-guidance
.property-benefits-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--property-accent-gold);
}

/* ===============================
   RESPONSIVE – TABLET
   =============================== */

@media (max-width: 991px) {

  .landing-page.service-property-guidance
  .property-guidance-tabs-layout {
    grid-template-columns: 1fr;
  }

  .landing-page.service-property-guidance
  .property-guidance-tabs-nav {
    flex-direction: row;
    overflow-x: auto;
    border-right: none;
    border-bottom: 1px solid var(--property-border-gold);
  }

  .landing-page.service-property-guidance
  .property-guidance-tabs-nav .nav-link {
    white-space: nowrap;
  }
}

/* ===============================
   RESPONSIVE – MOBILE
   =============================== */

@media (max-width: 575px) {

  .landing-page.service-property-guidance .property-guidance-tabs-section
  {
    padding: 30px 0;
  }

  .landing-page.service-property-guidance .property-guidance-tabs-title::after
  {
      margin: 16px auto 30px;
  }

  .landing-page.service-property-guidance .property-guidance-tabs-title {
    font-size: 26px;
  }



  .landing-page.service-property-guidance .property-guidance-tabs-content {
    padding: 28px 22px;
  }
}


/* =====================================================
   PROPERTY GUIDANCE – APPROACH + CTA SECTION (FINAL)
   Authority + Emotion + Action
   ===================================================== */

.landing-page.service-property-guidance .property-approach-cta-section {
  background-color: var(--property-neutral-bg);
  padding: 90px 0;
}

/* ===============================
   LEFT / RIGHT BOX – BASE
   =============================== */

.landing-page.service-property-guidance
.property-approach-cta-box {
  height: 100%;
  background-color: var(--property-bg-card);
  border-radius: 20px;
  padding: 52px 48px;
  border: 1px solid var(--property-border-soft);
  box-shadow: var(--property-shadow-soft);
}

/* ===============================
   RIGHT COLUMN – CTA EMPHASIS
   =============================== */

.landing-page.service-property-guidance
.col-md-6:last-child
.property-approach-cta-box {
  background-color: var(--property-bg-canvas);
  border: 1px solid var(--property-border-gold);
  box-shadow: var(--property-shadow-medium);
}

/* ===============================
   TITLE
   =============================== */

.landing-page.service-property-guidance
.property-approach-cta-title {
  font-size: 28px;
  font-weight: 600;
  color: var(--property-text-primary);
  margin-bottom: 22px;
  position: relative;
}

/* Title underline */
.landing-page.service-property-guidance
.property-approach-cta-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 2px;
  margin-top: 12px;
  background-color: var(--property-accent-gold);
  border-radius: 2px;
}

/* ===============================
   DESCRIPTION TEXT
   =============================== */

.landing-page.service-property-guidance
.property-approach-cta-description {
  font-size: 16px;
  line-height: 1.75;
  color: var(--property-text-muted);
  margin-bottom: 18px;
}

.landing-page.service-property-guidance
.property-approach-cta-description:last-of-type {
  margin-bottom: 28px;
}

/* ===============================
   CTA BUTTON (RIGHT COLUMN)
   =============================== */

.landing-page.service-property-guidance
.property-approach-cta-button {
  display: inline-block;
  padding: 14px 32px;
  font-size: 15px;
  font-weight: 600;
  color: var(--property-text-light);
  background-color: var(--property-accent-gold);
  border-radius: 30px;
  text-decoration: none;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 10px 24px rgba(214, 168, 74, 0.35);
}

/* Hover */
.landing-page.service-property-guidance
.property-approach-cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(214, 168, 74, 0.45);
}

/* ===============================
   RESPONSIVE – TABLET
   =============================== */

@media (max-width: 991px) {

  .landing-page.service-property-guidance
  .property-approach-cta-box {
    padding: 44px 38px;
    margin-bottom: 30px;
  }
}

/* ===============================
   RESPONSIVE – MOBILE
   =============================== */




/* =====================================================
   PROPERTY GUIDANCE – PRICING SECTION (FINAL)
   Prominent • High-Intent • Conversion-Driven
   ===================================================== */

.landing-page.service-property-guidance
.property-pricing-section {
  position: relative;
  background-color: var(--property-bg-canvas);
  padding: 90px 0;
}

/* ===============================
   SECTION BOX
   =============================== */

.landing-page.service-property-guidance
.property-pricing-box {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

/* ===============================
   TITLE
   =============================== */

.landing-page.service-property-guidance
.property-pricing-title {
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  color: var(--property-text-primary);
  margin-bottom: 60px;
  position: relative;
}

.landing-page.service-property-guidance
.property-pricing-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 3px;
  margin: 18px auto 0;
  background-color: var(--property-accent-gold);
  border-radius: 3px;
}

/* ===============================
   PRICING CARD – BASE
   =============================== */

.landing-page.service-property-guidance
.property-pricing-card {
  position: relative;
  height: 100%;
  background-color: var(--property-bg-card);
  border-radius: 22px;
  padding: 46px 38px 42px;
  border: 1px solid var(--property-border-soft);
  box-shadow: var(--property-shadow-soft);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover lift */
.landing-page.service-property-guidance
.property-pricing-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--property-shadow-medium);
}

/* ===============================
   BADGES (BASE)
   =============================== */

.landing-page.service-property-guidance
.property-pricing-badge {
  position: absolute;
  top: -14px;
  left: 28px;
  padding: 6px 16px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 20px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

/* Basic */
.landing-page.service-property-guidance
.property-pricing-badge-basic {
  background-color: var(--property-neutral-soft);
  color: var(--property-text-muted);
}

/* Most Popular */
.landing-page.service-property-guidance
.property-pricing-badge-popular {
  background-color: var(--property-accent-gold);
  color: var(--property-text-light);
  box-shadow: 0 8px 20px rgba(214, 168, 74, 0.45);
}

/* Premium */
.landing-page.service-property-guidance
.property-pricing-badge-premium {
  background-color: var(--property-accent-maroon);
  color: var(--property-text-light);
  box-shadow: 0 8px 22px rgba(110, 43, 43, 0.45);
}

/* ===============================
   PLAN TITLE
   =============================== */

.landing-page.service-property-guidance
.property-pricing-plan-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--property-text-primary);
  margin-bottom: 18px;
}

/* ===============================
   PRICE
   =============================== */

.landing-page.service-property-guidance
.property-pricing-amount {
  font-size: 34px;
  font-weight: 700;
  color: var(--property-accent-gold);
  margin-bottom: 12px;
}

/* ===============================
   SUBTITLE
   =============================== */

.landing-page.service-property-guidance
.property-pricing-subtitle {
  font-size: 14px;
  font-weight: 600;
  color: var(--property-text-muted);
  margin-bottom: 10px;
}

/* ===============================
   FEATURE LIST
   =============================== */

.landing-page.service-property-guidance
.property-pricing-list {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}

.landing-page.service-property-guidance
.property-pricing-list li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1.55;
  color: var(--property-text-primary);
}

.landing-page.service-property-guidance
.property-pricing-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--property-accent-gold);
}

/* ===============================
   NOTE
   =============================== */

.landing-page.service-property-guidance
.property-pricing-note {
  font-size: 13px;
  line-height: 1.6;
  color: var(--property-text-muted);
  margin-bottom: 24px;
}

/* ===============================
   CTA BUTTONS
   =============================== */

.landing-page.service-property-guidance
.property-pricing-button {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 14px 18px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 30px;
  text-decoration: none;
  background-color: var(--property-accent-gold);
  color: var(--property-text-light);
  box-shadow: 0 10px 26px rgba(214, 168, 74, 0.35);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Hover */
.landing-page.service-property-guidance
.property-pricing-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(214, 168, 74, 0.5);
}

/* ===============================
   PREMIUM CTA GROUP
   =============================== */

.landing-page.service-property-guidance
.property-pricing-cta-group {
  display: grid;
  gap: 12px;
}

/* ===============================
   RESPONSIVE – TABLET
   =============================== */

@media (max-width: 991px) {

  .landing-page.service-property-guidance
  .property-pricing-card {
    margin-bottom: 32px;
  }
}

/* ===============================
   RESPONSIVE – MOBILE
   =============================== */


@media (max-width: 575px) {

  .landing-page.service-property-guidance .property-pricing-section
  {
    padding: 30px 0;
  }

  .landing-page.service-property-guidance .property-approach-cta-title 
  {
    font-size: 1.7rem;
  }

  .landing-page.service-property-guidance .property-approach-cta-section
  {
    padding: 30px 0;
  }

  .landing-page.service-property-guidance .property-pricing-title {
    font-size: 1.7rem;
    margin-bottom: 10px;
  }

  .landing-page.service-property-guidance .property-approach-cta-box 
  {
    padding: 20px 20px;
  }

  .landing-page.service-property-guidance .property-approach-cta-description:last-of-type
  {
    margin-bottom: 0;
  }

  .landing-page.service-property-guidance .property-approach-cta-description
  {
    font-size: 0.95rem;
  }


}


/* =====================================================
   PROPERTY GUIDANCE – FAQ SECTION (TWO COLUMN LAYOUT)
   ===================================================== */

.landing-page.service-property-guidance
.property-faq-section {
  background-color: var(--property-neutral-bg);
  padding: 90px 0;
}

/* ===============================
   FAQ BOX → GRID LAYOUT
   =============================== */

.landing-page.service-property-guidance
.property-faq-box {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 36px;
}

/* ===============================
   SECTION TITLE (FULL WIDTH)
   =============================== */

.landing-page.service-property-guidance
.property-faq-title {
  grid-column: 1 / -1; /* spans both columns */
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  color: var(--property-text-primary);
  margin-bottom: 50px;
  position: relative;
}

.landing-page.service-property-guidance
.property-faq-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 3px;
  margin: 18px auto 0;
  background-color: var(--property-accent-gold);
  border-radius: 3px;
}

/* ===============================
   FAQ ITEM (UNCHANGED CARD STYLE)
   =============================== */

.landing-page.service-property-guidance
.property-faq-item {
  position: relative;
  background-color: var(--property-bg-card);
  border-radius: 18px;
  padding: 34px 38px 36px 78px;
  border: 1px solid var(--property-border-soft);
  box-shadow: var(--property-shadow-soft);
}

/* Q marker */
.landing-page.service-property-guidance
.property-faq-item::before {
  content: "Q";
  position: absolute;
  left: 28px;
  top: 34px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--property-accent-gold);
  color: var(--property-text-light);
  font-weight: 700;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ===============================
   QUESTION
   =============================== */

.landing-page.service-property-guidance
.property-faq-question {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--property-text-primary);
  margin-bottom: 12px;
}

/* ===============================
   ANSWER
   =============================== */

.landing-page.service-property-guidance
.property-faq-answer {
  font-size: 16px;
  line-height: 1.75;
  color: var(--property-text-muted);
  margin: 0;
}

.landing-page.service-property-guidance
.property-faq-box
.property-faq-item:last-child {
  grid-column: 1 / -1;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
/* ===============================
   RESPONSIVE – TABLET
   =============================== */

@media (max-width: 991px) {

  .landing-page.service-property-guidance
  .property-faq-box {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

/* ===============================
   RESPONSIVE – MOBILE
   =============================== */

@media (max-width: 575px) {

  .landing-page.service-property-guidance .property-faq-section
  {
    padding: 30px 0;
  }

  .landing-page.service-property-guidance
  .property-faq-title {
    font-size: 1.9rem;
    margin-bottom: 10px;
  }

  .landing-page.service-property-guidance
  .property-faq-item {
    padding: 28px 26px 30px 64px;
  }

  .landing-page.service-property-guidance
  .property-faq-question {
    font-size: 17px;
  }

}



/* =====================================================
   PROPERTY GUIDANCE – MEET THE MASTER SECTION (FINAL)
   Authentic • Grounded • Luminous
   ===================================================== */

.landing-page.service-property-guidance
.property-master-section {
  position: relative;
  background-color: var(--property-bg-soft);
  padding: 90px 0;
}

/* Soft spiritual aura (very subtle, premium) */
.landing-page.service-property-guidance
.property-master-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at center right,
    rgba(214, 168, 74, 0.16),
    transparent 70%
  );
  pointer-events: none;
}

/* ===============================
   SHARED BOX BASE
   =============================== */

.landing-page.service-property-guidance
.property-master-box {
  height: 100%;
}

/* ===============================
   IMAGE BOX
   =============================== */


/* Image styling */
.landing-page.service-property-guidance
.property-master-image {
  width: 100%;
  border-radius: 22px;
  box-shadow: var(--property-shadow-medium);
  border: 1px solid var(--property-border-gold);
  background-color: var(--property-bg-card);
}

/* ===============================
   CONTENT BOX
   =============================== */

.landing-page.service-property-guidance
.property-master-content-box {
  background-color: var(--property-bg-card);
  border-radius: 24px;
  padding: 56px 58px;
  border: 1px solid var(--property-border-soft);
  box-shadow: var(--property-shadow-soft);
}

/* ===============================
   TITLE
   =============================== */

.landing-page.service-property-guidance
.property-master-title {
  font-size: 36px;
  font-weight: 600;
  color: var(--property-text-primary);
  margin: 40px 0 28px; 
  position: relative;
}

/* Editorial underline */
.landing-page.service-property-guidance
.property-master-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  margin-top: 14px;
  background-color: var(--property-accent-gold);
  border-radius: 3px;
}

/* ===============================
   DESCRIPTION TEXT
   =============================== */

.landing-page.service-property-guidance
.property-master-description {
  font-size: 16px;
  line-height: 1.8;
  color: var(--property-text-muted);
  margin-bottom: 22px;
}

/* Last paragraph spacing */
.landing-page.service-property-guidance
.property-master-description:last-child {
  margin-bottom: 0;
}

/* ===============================
   RESPONSIVE – TABLET
   =============================== */

@media (max-width: 991px) {

  .landing-page.service-property-guidance
  .property-master-section {
    padding: 90px 0;
  }

  .landing-page.service-property-guidance
  .property-master-image-box {
    padding-right: 0;
    margin-bottom: 40px;
  }

  .landing-page.service-property-guidance
  .property-master-content-box {
    padding: 44px 40px;
  }
}

/* ===============================
   RESPONSIVE – MOBILE
   =============================== */

@media (max-width: 575px) {

  .landing-page.service-property-guidance .property-master-section
  {
      padding: 30px 0;
  }

  .landing-page.service-property-guidance .property-master-title {
    font-size: 1.9rem;
  }

  .landing-page.service-property-guidance .property-master-content-box {
      padding: 34px 15px;
  }

  .landing-page.service-property-guidance .property-master-description {
    font-size: 15px;
  }
}


.landing-page.service-litigation-guidance {
  /* Base Backgrounds */
  --lg-bg-main: #FFFFFF;
  --lg-bg-alt: #FCF1D1;
  --lg-bg-card: #F7F4E8;

  /* Primary & Accent */
  --lg-primary: #46697D;    
  --lg-secondary: #5A7444;  
  --lg-accent: #FFCC33; 

  /* Support Colors */
  --lg-support-1: #A3C686; 
  --lg-support-2: #678B99;  

  /* Text */
  --lg-text-dark: #1F2A30;
  --lg-text-muted: #5E6E75;
  --lg-text-light: #FFFFFF;

  /* UI Elements */
  --lg-border: #D6DED3;
  --lg-divider: #E4E9E6;
  --lg-focus: #FFCC33;
}


/* =====================================================
   LITIGATION GUIDANCE – HERO SECTION (LIGHT AUTHORITY)
   ===================================================== */

.landing-page.service-litigation-guidance .lg-hero-section {
  background:
    radial-gradient(
      circle at top center,
      rgba(255, 204, 51, 0.14),
      transparent 60%
    ),
    radial-gradient(
      circle at bottom center,
      rgba(90, 116, 68, 0.10),
      transparent 65%
    ),
    linear-gradient(
      180deg,
      #FFF9EC 0%,
      var(--lg-bg-main) 58%
    );
  padding: 130px 0 120px;
  text-align: center;
  border-bottom: 1px solid var(--lg-divider);
}

/* ---------- Hero Box ---------- */

.landing-page.service-litigation-guidance .lg-hero-box {
  max-width: 760px;
  margin: 0 auto;
}

/* ---------- Title ---------- */

.landing-page.service-litigation-guidance .lg-hero-title {
  position: relative;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 42px;
  letter-spacing: -0.6px;

  background: linear-gradient(
    90deg,
    #2F4B5A,
    var(--lg-secondary)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ---------- Title Divider (Pseudo) ---------- */

.landing-page.service-litigation-guidance .lg-hero-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -22px;
  transform: translateX(-50%);
  width: 84px;
  height: 4px;

  background: linear-gradient(
    90deg,
    var(--lg-accent),
    var(--lg-support-1)
  );
}

/* ---------- Description ---------- */

.landing-page.service-litigation-guidance .lg-hero-description {
  font-size: 1.2rem;
  line-height: 1.85;
  color: #44565E;
  margin-bottom: 46px;
}

/* ---------- CTA ---------- */

.landing-page.service-litigation-guidance .lg-hero-cta {
  margin-top: 8px;
}

.landing-page.service-litigation-guidance .lg-hero-button {
  display: inline-block;
  padding: 16px 46px;

  background: linear-gradient(
    135deg,
    #FFE07A,
    #C9D8A5
  );

  color: #2F3A2E;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  text-decoration: none;

  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.landing-page.service-litigation-guidance .lg-hero-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}

/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 991px) {

  .landing-page.service-litigation-guidance .lg-hero-section {
    padding: 100px 0;
  }

  .landing-page.service-litigation-guidance .lg-hero-title {
    font-size: 2.8rem;
  }
}

/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 575px) {

  .landing-page.service-litigation-guidance .lg-hero-section {
    padding: 30px 0;
  }

  .landing-page.service-litigation-guidance .lg-hero-title {
    font-size: 1.7rem;
  }

  .landing-page.service-litigation-guidance .lg-hero-description {
    font-size: 0.95rem;
  }

  .landing-page.service-litigation-guidance .lg-hero-button {
    padding: 10px 20px;
  }
}

/* =====================================================
   LITIGATION GUIDANCE – OUTCOMES SECTION (FINAL + ICONS)
   ===================================================== */

.landing-page.service-litigation-guidance .lg-outcomes-section {
  position: relative;
  margin-top: -90px;
  padding-bottom: 90px;
  z-index: 2;
}

/* ---------- Container Box ---------- */

.landing-page.service-litigation-guidance .lg-outcomes-box {
  background: var(--lg-bg-main);
  border-radius: 16px;
  padding: 36px 40px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.08);
  border: 1px solid var(--lg-border);
}

/* ---------- Grid ---------- */

.landing-page.service-litigation-guidance .lg-outcomes-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}

/* ---------- Individual Item ---------- */

.landing-page.service-litigation-guidance .lg-outcome-item {
  background: linear-gradient(
    180deg,
    #FFFDF7 0%,
    var(--lg-bg-card) 100%
  );
  border: 1px solid var(--lg-divider);
  border-radius: 12px;
  padding: 30px 22px 28px;
  text-align: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.landing-page.service-litigation-guidance .lg-outcome-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12);
}

/* ---------- Icon ---------- */

.landing-page.service-litigation-guidance .lg-outcome-icon {
  margin-bottom: 14px;
}

.landing-page.service-litigation-guidance .lg-outcome-icon i {
  font-size: 1.6rem;

  background: linear-gradient(
    135deg,
    var(--lg-accent),
    var(--lg-secondary)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ---------- Text ---------- */

.landing-page.service-litigation-guidance .lg-outcome-text {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.5;
  font-weight: 600;
  color: var(--lg-text-dark);
}

/* =====================================================
   TABLET RESPONSIVE
   ===================================================== */

@media (max-width: 991px) {

  .landing-page.service-litigation-guidance .lg-outcomes-section {
    margin-top: -70px;
    padding-bottom: 70px;
  }

  .landing-page.service-litigation-guidance .lg-outcomes-box {
    padding: 32px;
  }

  .landing-page.service-litigation-guidance .lg-outcomes-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

/* =====================================================
   MOBILE RESPONSIVE
   ===================================================== */

@media (max-width: 575px) {

  .landing-page.service-litigation-guidance .lg-outcomes-section {
    margin-top: -50px;
    padding-bottom: 60px;
  }

  .landing-page.service-litigation-guidance .lg-outcomes-box {
    padding: 26px 22px;
    border-radius: 14px;
  }

  .landing-page.service-litigation-guidance .lg-outcomes-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .landing-page.service-litigation-guidance .lg-outcome-icon i {
    font-size: 1.4rem;
  }

  .landing-page.service-litigation-guidance .lg-outcome-text {
    font-size: 0.9rem;
  }
}

/* =====================================================
   LITIGATION GUIDANCE – IMPORTANCE SECTION (FINAL)
   ===================================================== */

.landing-page.service-litigation-guidance .lg-importance-section {
  padding: 0px 0 80px 0;
  background: linear-gradient(
    180deg,
    var(--lg-bg-main) 0%,
    #FBF7EC 100%
  );
}

/* ---------- Box ---------- */

.landing-page.service-litigation-guidance .lg-importance-box {
  /*background: var(--lg-bg-card);*/
  border: 1px solid var(--lg-border);
  border-radius: 18px;
  padding: 35px;
  position: relative;
  text-align: center;
}

/* ---------- Accent Bar ---------- */

.landing-page.service-litigation-guidance .lg-importance-box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  background: linear-gradient(
    180deg,
    var(--lg-accent),
    var(--lg-secondary)
  );
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}

/* ---------- Content ---------- */

.landing-page.service-litigation-guidance .lg-importance-content {
  padding-left: 28px;
}

/* ---------- Title ---------- */

.landing-page.service-litigation-guidance .lg-importance-title {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--lg-primary);
  margin-bottom: 26px;
  line-height: 1.2;
}

/* ---------- Description ---------- */

.landing-page.service-litigation-guidance .lg-importance-description {
  font-size: 1.05rem;
  line-height: 1.85;
  color: var(--lg-text-muted);
  max-width: 720px;
}

/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 991px) {

  .landing-page.service-litigation-guidance .lg-importance-section {
    padding: 90px 0;
  }

  .landing-page.service-litigation-guidance .lg-importance-box {
    padding: 48px 42px;
  }

  .landing-page.service-litigation-guidance .lg-importance-title {
    font-size: 2.1rem;
  }
}

/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 575px) {

  .landing-page.service-litigation-guidance .lg-importance-section {
    padding: 30px 0;
  }

  .landing-page.service-litigation-guidance .lg-importance-box {
    padding: 20px 15px;
    border-radius: 16px;
  }

  .landing-page.service-litigation-guidance .lg-importance-box::before {
    width: 4px;
  }

  .landing-page.service-litigation-guidance .lg-importance-content {
    padding-left: 20px;
  }

  .landing-page.service-litigation-guidance .lg-importance-title {
    font-size: 1.7rem;
  }

  .landing-page.service-litigation-guidance .lg-importance-description {
    font-size: 0.9rem;
  }
}

/* =====================================================
   LITIGATION GUIDANCE – INSIGHTS (UNIFIED PANEL)
   ===================================================== */

.landing-page.service-litigation-guidance .lg-insights-section {
  padding: 90px 0;
  background: linear-gradient(
    180deg,
    var(--lg-bg-main) 0%,
    #FBF7EC 100%
  );
}

/* ---------- Outer Box ---------- */

.landing-page.service-litigation-guidance .lg-insights-box {
  /*background: var(--lg-bg-card);*/
  border: 1px solid var(--lg-border);
  border-radius: 20px;
  padding: 60px;
}

/* ---------- Title ---------- */

.landing-page.service-litigation-guidance .lg-insights-title {
  position: relative;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--lg-primary);
  margin-bottom: 56px;
}

.landing-page.service-litigation-guidance .lg-insights-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -22px;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(
    90deg,
    var(--lg-accent),
    var(--lg-secondary)
  );
}

/* =====================================================
   PANEL LAYOUT
   ===================================================== */

.landing-page.service-litigation-guidance .lg-insights-panel {
  display: grid;
  grid-template-columns: 320px 1fr;
  background: var(--lg-bg-main);
  border-radius: 16px;
  border: 1px solid var(--lg-border);
  overflow: hidden;
}

/* ---------- Nav ---------- */

.landing-page.service-litigation-guidance .lg-insights-nav {
  background: #FAF6EA;
  border-right: 1px solid var(--lg-border);
  padding: 18px;
}

.landing-page.service-litigation-guidance .lg-insights-nav .nav-link {
  text-align: left;
  padding: 16px 18px;
  margin-bottom: 12px;
  border-radius: 10px;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--lg-text-dark);
  background: transparent;
  border: none;
}

.landing-page.service-litigation-guidance .lg-insights-nav .nav-link.active {
  background: var(--lg-bg-main);
  color: var(--lg-primary);
  box-shadow: inset 4px 0 0 var(--lg-accent);
}

/* ---------- Content ---------- */

.landing-page.service-litigation-guidance .lg-insights-body {
  padding: 40px 44px;
}

/* ---------- Lists ---------- */

.landing-page.service-litigation-guidance .lg-concerns-list,
.landing-page.service-litigation-guidance .lg-examination-list,
.landing-page.service-litigation-guidance .lg-benefits-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.landing-page.service-litigation-guidance .lg-concerns-list li,
.landing-page.service-litigation-guidance .lg-examination-list li,
.landing-page.service-litigation-guidance .lg-benefits-list li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 14px;
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--lg-text-dark);
}

.landing-page.service-litigation-guidance .lg-concerns-list li::before,
.landing-page.service-litigation-guidance .lg-examination-list li::before,
.landing-page.service-litigation-guidance .lg-benefits-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    var(--lg-accent),
    var(--lg-secondary)
  );
}

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

@media (max-width: 991px) {
  .landing-page.service-litigation-guidance .lg-insights-panel {
    grid-template-columns: 1fr;
  }

  .landing-page.service-litigation-guidance .lg-insights-nav {
    border-right: none;
    border-bottom: 1px solid var(--lg-border);
  }
}

@media (max-width: 575px) {

.landing-page.service-litigation-guidance .lg-insights-section
{
  padding: 30px 0;
}

  .landing-page.service-litigation-guidance .lg-insights-title
  {
    font-size: 1.7rem;
  }

  .landing-page.service-litigation-guidance .lg-insights-box {
    
    padding: 25px 10px;

  }

  .landing-page.service-litigation-guidance .lg-insights-body {
    padding: 30px 26px;
  }
}

/* =====================================================
   LITIGATION GUIDANCE – APPROACH SECTION (PREMIUM)
   ===================================================== */

.landing-page.service-litigation-guidance .lg-approach-section {
  padding: 90px 0;
 /* background: linear-gradient(
    180deg,
    #F3F0E2 0%,
    #FFFFFF 100%
  );*/
  /*border-top: 1px solid var(--lg-divider);*/
  background: #fff;
}

/* ---------- Wrapper ---------- */

.landing-page.service-litigation-guidance .lg-approach-wrapper {
  position: relative;
}

/* =====================================================
   SHARED BOX BEHAVIOR (EQUAL HEIGHT)
   ===================================================== */

.landing-page.service-litigation-guidance .lg-approach-box,
.landing-page.service-litigation-guidance .lg-cta-box {
  height: 100%;
  border-radius: 24px;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* =====================================================
   LEFT: APPROACH BOX (UPGRADED)
   ===================================================== */

.landing-page.service-litigation-guidance .lg-approach-box {
    background: radial-gradient(circle at top left, rgba(255, 204, 51, 0.14), transparent 60%),
                linear-gradient(180deg, #FFFDF5 0%, #F7F4E8 100%);
    border: 1px solid var(--lg-border);
    padding: 40px 66px;

    text-align: center;
}

.landing-page.service-litigation-guidance .lg-approach-title {
    position: relative;
    font-size: 2.3rem;
    font-weight: 700;
    color: var(--lg-primary);
    margin-bottom: 44px;
}

.landing-page.service-litigation-guidance .lg-approach-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -18px;
    transform: translateX(-50%);
    width: 78px;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--lg-accent),
        var(--lg-secondary)
    );
}

.landing-page.service-litigation-guidance .lg-approach-description {
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.8;
}

/* =====================================================
   RIGHT: CTA BOX (PRIMARY INTERACTION)
   ===================================================== */

.landing-page.service-litigation-guidance .lg-cta-box {
  background:
    radial-gradient(
      circle at top right,
      rgba(255, 204, 51, 0.18),
      transparent 55%
    ),
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #F9F6EC 100%
    );
  border: 1px solid var(--lg-border);
  padding: 72px 66px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ---------- CTA Hover (IMPORTANT) ---------- */

.landing-page.service-litigation-guidance .lg-cta-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.14);
}

/* ---------- CTA Title ---------- */

.landing-page.service-litigation-guidance .lg-cta-title {
  position: relative;
  font-size: 1.9rem;
  font-weight: 700;
  color: var(--lg-primary);
  margin-bottom: 38px;
}

.landing-page.service-litigation-guidance .lg-cta-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -16px;
  width: 66px;
  height: 3px;
  background: linear-gradient(
    90deg,
    var(--lg-accent),
    var(--lg-secondary)
  );
}

/* ---------- CTA Description ---------- */

.landing-page.service-litigation-guidance .lg-cta-description {
  font-size: 1rem;
  line-height: 1.8;
  color: var(--lg-text-muted);
  margin-bottom: 36px;
}

/* ---------- CTA Button ---------- */

.landing-page.service-litigation-guidance .lg-cta-button {
  align-self: flex-start;
  padding: 15px 42px;
  background: linear-gradient(
    135deg,
    #FFE07A,
    #C9D8A5
  );

  color: #2F3A2E;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.landing-page.service-litigation-guidance .lg-cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18);
}

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

@media (max-width: 991px) {

  .landing-page.service-litigation-guidance .lg-approach-section {
    padding: 110px 0;
  }

  .landing-page.service-litigation-guidance .lg-approach-box,
  .landing-page.service-litigation-guidance .lg-cta-box {
    padding: 52px 46px;
  }

  .landing-page.service-litigation-guidance .lg-cta-box {
    margin-top: 40px;
  }
}

@media (max-width: 575px) {

  .landing-page.service-litigation-guidance .lg-approach-section {
    padding: 30px 0;
  }

  .landing-page.service-litigation-guidance .lg-approach-box,
  .landing-page.service-litigation-guidance .lg-cta-box {
    padding: 38px 30px;
    border-radius: 20px;
  }

  .landing-page.service-litigation-guidance .lg-approach-title {
    font-size: 1.7rem;
  }

  .landing-page.service-litigation-guidance .lg-cta-title {
    font-size: 1.7rem;
  }

  .landing-page.service-litigation-guidance .lg-approach-description
  {
    font-size: 0.9rem;
  }
}

/* ======================================================
   PRICING SECTION – LITIGATION GUIDANCE (FINAL)
====================================================== */

.landing-page.service-litigation-guidance .lg-pricing-section {
background:
    radial-gradient(
      circle at top center,
      rgba(255, 204, 51, 0.08),
      transparent 62%
    ),
    radial-gradient(
      circle at bottom center,
      rgba(90, 116, 68, 0.05),
      transparent 70%
    ),
    linear-gradient(
      180deg,
      #FFFCF4 0%,
      var(--lg-bg-main) 65%
    );
  padding: 90px 0;
}

.landing-page.service-litigation-guidance .lg-pricing-box {
  max-width: 1200px;
  margin: 0 auto;
}

/* ======================================================
   SECTION HEADING + DIVIDER
====================================================== */

.landing-page.service-litigation-guidance .lg-pricing-title {
  position: relative;
  text-align: center;
  font-size: 34px;
  font-weight: 600;
  color: var(--lg-primary);
  max-width: 860px;
  margin: 0 auto 80px;
  line-height: 1.35;
}

.landing-page.service-litigation-guidance .lg-pricing-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -16px;
  transform: translateX(-50%);
  width: 66px;
  height: 3px;
  background: linear-gradient(
    90deg,
    var(--lg-accent),
    var(--lg-secondary)
  );
}

/* ======================================================
   PRICING CARDS
====================================================== */

.landing-page.service-litigation-guidance .lg-pricing-card {
  background:
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      var(--lg-bg-card) 100%
    );
  border-radius: 16px;
  padding: 36px 28px;
  height: 100%;
  border: 1px solid var(--lg-border);
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.landing-page.service-litigation-guidance .lg-pricing-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.09);
}

.landing-page.service-litigation-guidance .lg-pricing-card-featured {
  border: 2px solid var(--lg-accent);
  box-shadow: 0 26px 54px rgba(0, 0, 0, 0.12);
}

/* ======================================================
   BADGES
====================================================== */

.landing-page.service-litigation-guidance .lg-pricing-badge {
  position: absolute;
  top: -16px;
  left: 26px;
  background: var(--lg-support-1);
  color: var(--lg-text-dark);
  font-size: 13px;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 20px;
}

/* ======================================================
   TITLES & PRICES
====================================================== */

.landing-page.service-litigation-guidance .lg-pricing-option-title {
  font-size: 21px;
  font-weight: 600;
  color: var(--lg-primary);
  margin-bottom: 16px;
}

.landing-page.service-litigation-guidance .lg-pricing-amount {
  font-size: 36px;
  font-weight: 700;
  color: var(--lg-secondary);
  margin-bottom: 24px;
}

/* ======================================================
   LIST STYLING
====================================================== */

.landing-page.service-litigation-guidance .lg-pricing-content p {
  font-size: 15px;
  color: var(--lg-text-muted);
  margin-bottom: 14px;
}

.landing-page.service-litigation-guidance .lg-pricing-list {
  list-style: none;
  padding: 0;
  margin: 18px 0 22px;
}

.landing-page.service-litigation-guidance .lg-pricing-list li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 14px;
  font-size: 15px;
  color: var(--lg-text-dark);
  line-height: 1.45;
}

.landing-page.service-litigation-guidance .lg-pricing-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 10px;
  height: 10px;
  background: var(--lg-accent);
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(255, 204, 51, 0.25);
}

/* ======================================================
   BUTTONS
====================================================== */

.landing-page.service-litigation-guidance .lg-pricing-button {
  margin-top: auto;
  text-align: center;
  padding: 15px 20px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: transform 0.3s ease;
}

.landing-page.service-litigation-guidance .lg-pricing-button-basic {
  background: var(--lg-secondary);
  color: var(--lg-text-light);
}

.landing-page.service-litigation-guidance .lg-pricing-button-enhanced {
  background: var(--lg-accent);
  color: var(--lg-text-dark);
}

.landing-page.service-litigation-guidance .lg-pricing-button:hover {
  transform: translateY(-2px);
}

/* ======================================================
   PREMIUM OPTIONS
====================================================== */

.landing-page.service-litigation-guidance .lg-pricing-actions {
  margin-top: 26px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.landing-page.service-litigation-guidance .lg-premium-option {
  background: var(--lg-primary);
  color: var(--lg-text-light);
  padding: 14px 18px;
  border-radius: 12px;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
}

.landing-page.service-litigation-guidance .lg-premium-option:hover {
  transform: translateY(-2px);
}

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

@media (max-width: 991px) {
  .landing-page.service-litigation-guidance .lg-pricing-title {
    font-size: 28px;
  }

  .landing-page.service-litigation-guidance .lg-pricing-card {
    margin-bottom: 32px;
  }
}

@media (max-width: 575px) {
  .landing-page.service-litigation-guidance .lg-pricing-section {
    padding: 30px 0;
  }

  .landing-page.service-litigation-guidance .lg-pricing-title {
    font-size: 1.7rem;
    margin-bottom: 30px;
  }

  .landing-page.service-litigation-guidance .lg-pricing-amount {
    font-size: 30px;
  }

  .landing-page.service-litigation-guidance .lg-pricing-button
  {
    padding: 10px 20px;
  }
}

/* ======================================================
   FAQ SECTION – LITIGATION GUIDANCE (FINAL FIX)
====================================================== */

.landing-page.service-litigation-guidance .lg-faq-section {
  background: var(--lg-bg-main);
  padding: 90px 0;
}

.landing-page.service-litigation-guidance .lg-faq-box {
  max-width: 900px;
  margin: 0 auto;
}

/* ======================================================
   FAQ TITLE (CENTERED + DIVIDER)
====================================================== */

.landing-page.service-litigation-guidance .lg-faq-title {
  position: relative;
  text-align: center;
  font-size: 34px;
  font-weight: 600;
  color: var(--lg-primary);
  margin-bottom: 70px;
}

.landing-page.service-litigation-guidance .lg-faq-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -16px;
  transform: translateX(-50%);
  width: 66px;
  height: 3px;
  background: linear-gradient(
    90deg,
    var(--lg-accent),
    var(--lg-secondary)
  );
}

/* ======================================================
   BOOTSTRAP ACCORDION HARD RESET
====================================================== */

.landing-page.service-litigation-guidance .lg-faq-accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: var(--lg-border);
  --bs-accordion-active-bg: transparent;
  --bs-accordion-active-color: inherit;
  --bs-accordion-btn-bg: transparent;
  --bs-accordion-btn-color: inherit;
  --bs-accordion-btn-focus-box-shadow: none;
}

/* ======================================================
   FAQ ITEM
====================================================== */

.landing-page.service-litigation-guidance .lg-faq-item {
  border: 1px solid var(--lg-border);
  border-radius: 10px;
  margin-bottom: 16px;
  overflow: hidden;
  background: #FFFFFF;
}

/* ======================================================
   QUESTION BUTTON (CLOSED STATE)
====================================================== */

.landing-page.service-litigation-guidance .lg-faq-item .accordion-button {
  background: var(--lg-bg-card);
  color: var(--lg-primary);
  font-size: 16px;
  font-weight: 500;
  padding: 18px 22px;
  border: none;
  box-shadow: none;
  display: flex;
  align-items: center;
  gap: 14px;
}

/* Remove Bootstrap arrow completely */
.landing-page.service-litigation-guidance
.lg-faq-item
.accordion-button::after {
  display: none;
}

/* ======================================================
   CUSTOM OPEN / CLOSE BUTTON
====================================================== */

.landing-page.service-litigation-guidance
.lg-faq-item
.accordion-button::before {
  content: "+";
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--lg-bg-main);
  border: 1px solid var(--lg-border);
  color: var(--lg-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  flex-shrink: 0;
  transition: all 0.25s ease;
}

/* ======================================================
   OPEN STATE (NO YELLOW BACKGROUND)
====================================================== */

.landing-page.service-litigation-guidance
.lg-faq-item
.accordion-button:not(.collapsed) {
  background: #FFFFFF; /* 🔒 prevents Bootstrap yellow */
  color: var(--lg-primary);
}

/* Open state button */
.landing-page.service-litigation-guidance
.lg-faq-item
.accordion-button:not(.collapsed)::before {
  content: "–";
  background: var(--lg-accent);
  color: var(--lg-text-dark);
  border-color: var(--lg-accent);
}

/* ======================================================
   ANSWER BODY
====================================================== */

.landing-page.service-litigation-guidance .lg-faq-answer {
  background: #FFFFFF;
  color: var(--lg-text-muted);
  font-size: 15px;
  line-height: 1.6;
  padding: 20px 22px;
  border-top: 1px solid var(--lg-border);
}

.landing-page.service-litigation-guidance
.lg-faq-item
.accordion-button:not(.collapsed),
.landing-page.service-litigation-guidance
.lg-faq-item
.accordion-button:not(.collapsed):focus,
.landing-page.service-litigation-guidance
.lg-faq-item
.accordion-button:not(.collapsed):hover {
  background-color: #FFFFFF !important;
  background-image: none !important;
  box-shadow: none !important;
}

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

@media (max-width: 575px) {
  .landing-page.service-litigation-guidance .lg-faq-section
  {
    padding: 30px 0;
  }
  .landing-page.service-litigation-guidance .lg-faq-title {
    font-size: 1.7rem;
    margin-bottom: 30px;
  }

  .landing-page.service-litigation-guidance
  .lg-faq-item
  .accordion-button {
    font-size: 15px;
    padding: 16px 18px;
  }
}

/* ======================================================
   MEET THE MASTER – LITIGATION GUIDANCE (FINAL)
====================================================== */

.landing-page.service-litigation-guidance .lg-master-section {
  background:
    radial-gradient(
      circle at top center,
      rgba(255, 204, 51, 0.10),
      transparent 60%
    ),
    linear-gradient(
      180deg,
      #F7FAF8 0%,
      var(--lg-bg-main) 70%
    );
  padding: 90px 0;
  border-top: 1px solid var(--lg-divider);
}

.landing-page.service-litigation-guidance .lg-master-box {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

/* ======================================================
   SECTION TITLE + DIVIDER
====================================================== */

.landing-page.service-litigation-guidance .lg-master-title {
  position: relative;
  font-size: 34px;
  font-weight: 600;
  color: var(--lg-primary);
  margin-bottom: 60px;
}

.landing-page.service-litigation-guidance .lg-master-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -16px;
  transform: translateX(-50%);
  width: 66px;
  height: 3px;
  background: linear-gradient(
    90deg,
    var(--lg-accent),
    var(--lg-secondary)
  );
}

/* ======================================================
   IMAGE
====================================================== */

.landing-page.service-litigation-guidance .lg-master-image-wrapper {
  width: 100%;
  height: 100%;
  margin: 0 auto 40px;
  padding: 6px;
  background:
    linear-gradient(
      180deg,
      var(--lg-accent),
      var(--lg-support-1)
    );
}

.landing-page.service-litigation-guidance .lg-master-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /*border-radius: 50%;*/
  background: #FFFFFF;
}

/* ======================================================
   CONTENT
====================================================== */

.landing-page.service-litigation-guidance .lg-master-content {
  text-align: left;
}

.landing-page.service-litigation-guidance .lg-master-content p {
  font-size: 16px;
  line-height: 1.75;
  color: var(--lg-text-muted);
  /*margin-bottom: 22px;*/
}

/* Slight emphasis for first paragraph */
.landing-page.service-litigation-guidance
.lg-master-content
p:first-child {
  color: var(--lg-text-dark);
}

/* ======================================================
   RESPONSIVE – TABLET
====================================================== */

@media (max-width: 991px) {
  .landing-page.service-litigation-guidance .lg-master-title {
    font-size: 30px;
  }

  .landing-page.service-litigation-guidance .lg-master-image-wrapper {
    width: 200px;
    height: 200px;
  }
}

/* ======================================================
   RESPONSIVE – MOBILE
====================================================== */

@media (max-width: 575px) {
  .landing-page.service-litigation-guidance .lg-master-section {
    padding: 30px 0;
  }

  .landing-page.service-litigation-guidance .lg-master-title {
    font-size: 1.7rem;
    margin-bottom: 30px;
  }

  .landing-page.service-litigation-guidance .lg-master-content {
    text-align: center;
  }

  .landing-page.service-litigation-guidance .lg-master-content p {
    font-size: 0.9rem;
  }

  .landing-page.service-litigation-guidance .lg-master-image-wrapper
  {
    width: 100%;
  }
}

/* =====================================================
   Health & Wellness Landing Page Variables
   Service Scope: health-wellness
   ===================================================== */

.landing-page.service-health-wellness {

  /* =========================
     Brand Colors
     ========================= */
  --hw-primary: #2F8F7A;     /* Calm Teal Green */
  --hw-cta: #F4A261;         /* Soft Wellness Orange */
  --hw-accent: #5FA8A3;      /* Muted Aqua */

  /* =========================
     Text Colors
     ========================= */
  --hw-text-dark: #1F2D2B;   /* Headings */
  --hw-text-body: #4A5D5A;   /* Paragraphs */

  /* =========================
     Background Colors
     ========================= */
  --hw-bg-main: #F7FBFA;     /* Main page background */
  --hw-bg-alt: #E8F3F1;      /* Alternate section background */

  /* =========================
     UI & Utility
     ========================= */
  --hw-border: #CFE4DF;      /* Borders / dividers */
}


/* =====================================================
   HERO SECTION – HEALTH & WELLNESS (FINAL)
   ===================================================== */

.landing-page.service-health-wellness .health-wellness-hero-section {
  position: relative;
  background:
    radial-gradient(circle at top center, #EAF6F3 0%, transparent 60%),
    linear-gradient(180deg, var(--hw-bg-main) 0%, #FFFFFF 100%);
  padding: 90px 0 ;
  overflow: hidden;
  box-shadow:
        0 4px 12px rgba(0,0,0,.03),
        0 18px 40px rgba(48,34,0,.05);
}

/* Decorative glow */
.landing-page.service-health-wellness .health-wellness-hero-section::before {
  content: "";
  position: absolute;
  top: -120px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(47,143,122,0.08), transparent 70%);
  z-index: 0;
}

.landing-page.service-health-wellness .health-wellness-hero-box {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 1100px;
  margin: 0 auto;
}

/* -------------------------
   Hero Title + Divider
   ------------------------- */
.landing-page.service-health-wellness .health-wellness-hero-title {
  font-size: 48px;
  font-weight: 700;
  color: var(--hw-text-dark);
  margin-bottom: 28px;
  position: relative;
  display: inline-block;
}

.landing-page.service-health-wellness .health-wellness-hero-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 4px;
  background-color: var(--hw-primary);
  border-radius: 2px;
  margin: 18px auto 0;
}

/* -------------------------
   Hero Quote
   ------------------------- */
.landing-page.service-health-wellness .health-wellness-hero-quote {
  font-size: 20px;
  font-style: italic;
  color: var(--hw-text-body);
  max-width: 820px;
  margin: 0 auto 40px;
  line-height: 1.7;
}

/* -------------------------
   Hero CTA
   ------------------------- */
.landing-page.service-health-wellness .health-wellness-hero-cta {
  margin-bottom: 65px;
}

.landing-page.service-health-wellness .health-wellness-hero-cta-button {
  display: inline-block;
  padding: 16px 36px;
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  background-color: var(--hw-cta);
  border-radius: 50px;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.landing-page.service-health-wellness .health-wellness-hero-cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(244,162,97,0.35);
}

/* -------------------------
   Hero Values Grid
   ------------------------- */
.landing-page.service-health-wellness .health-wellness-hero-values {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
}

/* -------------------------
   Hero Value Box (FINAL)
   ------------------------- */
.landing-page.service-health-wellness .health-wellness-hero-value-box {
  position: relative;
  background-color: #F1FAF8;
  border: 1px solid var(--hw-border);
  border-radius: 14px;
  padding: 22px 18px 20px;
  text-align: center;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

/* Top accent */
.landing-page.service-health-wellness .health-wellness-hero-value-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 36px;
  height: 3px;
  background-color: var(--hw-primary);
  border-radius: 0 0 3px 3px;
}

/* HOVER — defines layout clearly */
.landing-page.service-health-wellness .health-wellness-hero-value-box:hover {
  transform: translateY(-4px);
  border-color: var(--hw-primary);
  box-shadow: 0 14px 30px rgba(47,143,122,0.18);
}

/* -------------------------
   Hero Value Text
   ------------------------- */
.landing-page.service-health-wellness .health-wellness-hero-value-text {
  font-size: 15px;
  font-weight: 600;
  color: var(--hw-text-dark);
  margin: 0;
  line-height: 1.45;
}

/* =====================================================
   RESPONSIVE STYLES
   ===================================================== */

/* Tablet */
@media (max-width: 991px) {
  .landing-page.service-health-wellness .health-wellness-hero-title {
    font-size: 40px;
  }

  .landing-page.service-health-wellness .health-wellness-hero-values {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 575px) {
  .landing-page.service-health-wellness .health-wellness-hero-section
  {
    padding: 30px 0;
  }
  .landing-page.service-health-wellness .health-wellness-hero-title {
    font-size: 25px;
  }

  .landing-page.service-health-wellness .health-wellness-hero-quote
  {
    font-size: 1.1rem;
  }

  .landing-page.service-health-wellness .health-wellness-hero-cta
  {
    margin-bottom: 0;
  }

  .landing-page.service-health-wellness .health-wellness-hero-values {
    grid-template-columns: 1fr;
  }
}


/* =====================================================
   WHY HEALTH MATTERS – OPTION D (CLEAR SEPARATION)
   ===================================================== */

/* -------- Section Separator (Hero Break) -------- */


/* -------- Main Section -------- */
.landing-page.service-health-wellness .health-wellness-importance-section {
  background-color: #FFFFFF;
  padding: 90px 0px;
}

/* -------- Heading Column -------- */
.landing-page.service-health-wellness .health-wellness-importance-heading-box {
  max-width: 280px;
}

.landing-page.service-health-wellness .health-wellness-importance-title {
  font-size: 34px;
  font-weight: 700;
  color: var(--hw-text-dark);
  line-height: 1.3;
  position: relative;
  padding-bottom: 18px;
}

/* Divider under heading (MANDATORY FIX) */
.landing-page.service-health-wellness .health-wellness-importance-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 3px;
  background-color: var(--hw-primary);
  border-radius: 2px;
}

/* -------- Content Column -------- */
.landing-page.service-health-wellness .health-wellness-importance-content {
  max-width: 720px;
}

/* -------- Paragraphs -------- */
.landing-page.service-health-wellness .health-wellness-importance-text {
  font-size: 18px;
  line-height: 1.8;
  color: var(--hw-text-body);
  margin-bottom: 28px;
}

.landing-page.service-health-wellness .health-wellness-importance-text:last-child {
  margin-bottom: 0;
}

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

@media (max-width: 991px) {

  .landing-page.service-health-wellness .health-wellness-section-separator {
    height: 40px;
  }

  .landing-page.service-health-wellness .health-wellness-importance-section {
    padding: 80px 0 90px;
  }

  .landing-page.service-health-wellness .health-wellness-importance-heading-box {
    margin-bottom: 30px;
    max-width: 100%;
  }

  .landing-page.service-health-wellness .health-wellness-importance-title {
    font-size: 30px;
  }

  .landing-page.service-health-wellness .health-wellness-importance-text {
    font-size: 17px;
  }
}

@media (max-width: 575px) {

  .landing-page.service-health-wellness .health-wellness-importance-section {
    padding: 30px 0;
  }

  .landing-page.service-health-wellness .health-wellness-importance-title {
    font-size: 1.7rem;
  }

  .landing-page.service-health-wellness .health-wellness-importance-text {
    font-size: 16px;
    line-height: 1.7;
  }
}


/* =====================================================
   TABS SECTION – HEALTH & WELLNESS (FINAL)
   ===================================================== */

.landing-page.service-health-wellness .health-wellness-tabs-section {
  background-color: #F7FBFA;
  padding: 90px 0 90px;
}

/* -------------------------
   Tabs Box
   ------------------------- */
.landing-page.service-health-wellness .health-wellness-tabs-box {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}

/* =====================================================
   SECTION HEADING + DIVIDER
   ===================================================== */

.landing-page.service-health-wellness .health-wellness-tabs-title {
  font-size: 36px;
  font-weight: 700;
  color: var(--hw-text-dark);
  text-align: center;
  margin-bottom: 60px;
  position: relative;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
}

/* Divider via pseudo-element */
.landing-page.service-health-wellness .health-wellness-tabs-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 4px;
  background-color: var(--hw-primary);
  border-radius: 2px;
  margin: 18px auto 0;
}

/* =====================================================
   TABS NAVIGATION (MERGED WITH CONTENT)
   ===================================================== */

.landing-page.service-health-wellness .health-wellness-tabs-nav {
  border-bottom: none;
  justify-content: center;
  gap: 14px;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}

.landing-page.service-health-wellness .health-wellness-tabs-nav .nav-item {
  margin: 0;
}

/* Tab Buttons (Default) */
.landing-page.service-health-wellness .health-wellness-tab-link {
background-color: var(--hw-cta);
  border: 1px solid var(--hw-cta);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(244, 162, 97);
  border-bottom: none;
  border-radius: 18px 18px 0 0;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 600;
  color: #FFF;
  transition: all 0.3s ease;
}

/* Remove Bootstrap focus */
.landing-page.service-health-wellness .health-wellness-tab-link:focus {
  box-shadow: none;
}

/* Hover */
.landing-page.service-health-wellness .health-wellness-tab-link:hover {
  color: var(--hw-text-dark);
}

/* Active Tab – becomes header of content */
.landing-page.service-health-wellness .health-wellness-tab-link.active {
  background-color: #FFFFFF;
  color: var(--hw-text-dark);
  border-color: var(--hw-border);
  position: relative;
  z-index: 3;
}

/* =====================================================
   TABS CONTENT (CONNECTED PANEL)
   ===================================================== */

.landing-page.service-health-wellness .health-wellness-tabs-content {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 55px 60px;
  border: 1px solid var(--hw-border);
  margin-top: -1px; /* connects tab & content */
  position: relative;
  z-index: 1;
}

/* -------------------------
   Individual Tab Pane
   ------------------------- */
.landing-page.service-health-wellness .health-wellness-tab-pane {
  outline: none;
}

/* -------------------------
   Inner Content
   ------------------------- */
.landing-page.service-health-wellness .health-wellness-tab-inner {
  max-width: 820px;
  margin: 0 auto;
}

/* Intro text (Tab 2) */
.landing-page.service-health-wellness .health-wellness-tab-intro {
  font-size: 18px;
  font-weight: 600;
  color: var(--hw-text-dark);
  margin-bottom: 28px;
}

/* -------------------------
   Tab Items
   ------------------------- */
.landing-page.service-health-wellness .health-wellness-tab-item {
  font-size: 17px;
  line-height: 1.75;
  color: var(--hw-text-body);
  margin-bottom: 22px;
  position: relative;
  padding-left: 22px;
}

/* Custom bullet */
.landing-page.service-health-wellness .health-wellness-tab-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 8px;
  height: 8px;
  background-color: var(--hw-primary);
  border-radius: 50%;
}

.landing-page.service-health-wellness .health-wellness-tab-item:last-child {
  margin-bottom: 0;
}

/* =====================================================
   RESPONSIVE STYLES
   ===================================================== */

/* ---------- Tablet ---------- */
@media (max-width: 991px) {

  .landing-page.service-health-wellness .health-wellness-tabs-section {
    padding: 80px 0 90px;
  }

  .landing-page.service-health-wellness .health-wellness-tabs-title {
    font-size: 32px;
    margin-bottom: 50px;
  }

  .landing-page.service-health-wellness .health-wellness-tabs-content {
    padding: 45px 40px;
  }

  .landing-page.service-health-wellness .health-wellness-tab-link {
    padding: 12px 24px;
    font-size: 14px;
  }

  .landing-page.service-health-wellness .health-wellness-tab-item {
    font-size: 16px;
  }
}

/* ---------- Mobile ---------- */
@media (max-width: 575px) {

  .landing-page.service-health-wellness .health-wellness-tabs-section {
    padding: 60px 0 70px;
  }

  .landing-page.service-health-wellness .health-wellness-tabs-title {
    font-size: 28px;
    margin-bottom: 40px;
  }

  .landing-page.service-health-wellness .health-wellness-tabs-nav {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .landing-page.service-health-wellness .health-wellness-tab-link {
    border-radius: 14px;
    border-bottom: 1px solid var(--hw-border);
    text-align: center;
  }

  .landing-page.service-health-wellness .health-wellness-tabs-content {
    padding: 30px 22px;
    border-radius: 16px;
    margin-top: 12px;
  }

  .landing-page.service-health-wellness .health-wellness-tab-item {
    font-size: 15px;
    padding-left: 20px;
  }
}


/* =====================================================
   HUMANE & SCIENTIFIC APPROACH – FINAL
   ===================================================== */

.landing-page.service-health-wellness .health-wellness-approach-section {
  background: linear-gradient(
    180deg,
    #FFFFFF 0%,
    #F9FCFB 100%
  );
  padding: 120px 0;
}

/* =====================================================
   LEFT COLUMN – APPROACH (EDITORIAL PANEL)
   ===================================================== */

.landing-page.service-health-wellness .health-wellness-approach-box {
  position: relative;
  padding-left: 40px;
}

/* vertical rhythm line */
.landing-page.service-health-wellness .health-wellness-approach-box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 3px;
  background: linear-gradient(
    180deg,
    var(--hw-primary),
    transparent
  );
  border-radius: 3px;
}

/* Title */
.landing-page.service-health-wellness .health-wellness-approach-title {
  font-size: 36px;
  font-weight: 700;
  color: var(--hw-text-dark);
  margin-bottom: 22px;
  line-height: 1.3;
}

/* Intro */
.landing-page.service-health-wellness .health-wellness-approach-intro {
  font-size: 18px;
  color: var(--hw-text-body);
  margin-bottom: 34px;
  max-width: 520px;
}

/* List */
.landing-page.service-health-wellness .health-wellness-approach-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* Items – progressive feel */
.landing-page.service-health-wellness .health-wellness-approach-item {
  font-size: 17px;
  line-height: 1.7;
  color: var(--hw-text-body);
  position: relative;
  padding-left: 28px;
}

/* subtle node */
.landing-page.service-health-wellness .health-wellness-approach-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 10px;
  height: 10px;
  background-color: var(--hw-primary);
  border-radius: 50%;
}

/* =====================================================
   RIGHT COLUMN – CTA (FLOATING TRUST PANEL)
   ===================================================== */

.landing-page.service-health-wellness .health-wellness-cta-box {
  background-color: #FFFFFF;
  border-radius: 22px;
  padding: 50px 45px;
  box-shadow: 0 30px 60px rgba(0,0,0,0.08);
  position: relative;
  margin-top: -40px;
}

/* soft glow behind CTA */
.landing-page.service-health-wellness .health-wellness-cta-box::before {
  content: "";
  position: absolute;
  inset: -12px;
  background: radial-gradient(
    circle at top right,
    rgba(47,143,122,0.08),
    transparent 70%
  );
  z-index: -1;
  border-radius: 28px;
}

/* CTA Title */
.landing-page.service-health-wellness .health-wellness-cta-title {
  font-size: 26px;
  font-weight: 700;
  color: var(--hw-text-dark);
  margin-bottom: 20px;
    position: relative;
  padding-bottom: 14px;
}

.landing-page.service-health-wellness .health-wellness-cta-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 48px;
  height: 2px;
  background-color: var(--hw-primary);
  opacity: 0.6;
  border-radius: 2px;
}

/* CTA Text */
.landing-page.service-health-wellness .health-wellness-cta-text {
  font-size: 16px;
  line-height: 1.75;
  color: var(--hw-text-body);
  margin-bottom: 34px;
}

/* CTA Button */
.landing-page.service-health-wellness .health-wellness-cta-button {
  display: inline-block;
  padding: 16px 36px;
  background-color: var(--hw-cta);
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.landing-page.service-health-wellness .health-wellness-cta-button:hover {
  transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(244,162,97,0.35);
}

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

@media (max-width: 991px) {

  .landing-page.service-health-wellness .health-wellness-approach-section {
    padding: 90px 0;
  }

  .landing-page.service-health-wellness .health-wellness-approach-box {
    padding-left: 30px;
    margin-bottom: 50px;
  }

  .landing-page.service-health-wellness .health-wellness-cta-box {
    margin-top: 0;
  }

  .landing-page.service-health-wellness .health-wellness-approach-title {
    font-size: 32px;
  }
}

@media (max-width: 575px) {

  .landing-page.service-health-wellness .health-wellness-approach-section {
    padding: 30px 0;
  }

  .landing-page.service-health-wellness .health-wellness-approach-title {
    font-size: 1.7rem;
  }

  .landing-page.service-health-wellness .health-wellness-approach-box
  {
    margin-bottom: 0px;
  }

  .landing-page.service-health-wellness .health-wellness-approach-list
  {
    gap: 0px;
  }

  .landing-page.service-health-wellness .health-wellness-cta-box {
    padding: 40px 28px;
  }

  .landing-page.service-health-wellness .health-wellness-cta-title {
    font-size: 22px;
  }
}

/* =====================================================
   PRICING SECTION – HEALTH & WELLNESS (FINAL)
   ===================================================== */

.landing-page.service-health-wellness .health-wellness-pricing-section {
  background-color: #FFFFFF;
  padding: 90px 0;
}

/* -------------------------
   Wrapper
   ------------------------- */
.landing-page.service-health-wellness .health-wellness-pricing-box {
  max-width: 1200px;
  margin: 0 auto;
}

/* -------------------------
   Section Title
   ------------------------- */
.landing-page.service-health-wellness .health-wellness-pricing-title {
  font-size: 38px;
  font-weight: 700;
  color: var(--hw-text-dark);
  text-align: center;
  margin-bottom: 60px;
  position: relative;
}

.landing-page.service-health-wellness .health-wellness-pricing-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 4px;
  background-color: var(--hw-primary);
  border-radius: 2px;
  margin: 20px auto 0;
}

/* =====================================================
   PRICING CARDS
   ===================================================== */

.landing-page.service-health-wellness .health-wellness-pricing-card {
  background-color: #FFFFFF;
  border: 1px solid var(--hw-border);
  border-radius: 22px;
  padding: 50px 40px;
  height: 100%;
  position: relative;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.landing-page.service-health-wellness .health-wellness-pricing-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 28px 55px rgba(0,0,0,0.08);
}

/* Featured Card */
.landing-page.service-health-wellness .health-wellness-pricing-card-featured {
  border-color: var(--hw-primary);
  box-shadow: 0 32px 60px rgba(47,143,122,0.18);
  transform: translateY(-10px);
}

/* =====================================================
   BADGES
   ===================================================== */

.landing-page.service-health-wellness .health-wellness-pricing-badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 13px;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 20px;
  background-color: var(--hw-primary);
  color: #FFFFFF;
  letter-spacing: 0.3px;
}

/* Premium badge – neutral professional */
.landing-page.service-health-wellness 
.health-wellness-pricing-card:last-child 
.health-wellness-pricing-badge {
  background-color: #2E3A3F;
}

/* =====================================================
   PLAN TITLE & PRICE
   ===================================================== */

.landing-page.service-health-wellness .health-wellness-pricing-plan-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--hw-text-dark);
  margin-bottom: 18px;
}

.landing-page.service-health-wellness .health-wellness-pricing-amount {
  font-size: 32px;
  font-weight: 700;
  color: var(--hw-primary);
  margin-bottom: 30px;
}

/* =====================================================
   CONTENT
   ===================================================== */

.landing-page.service-health-wellness .health-wellness-pricing-subtitle {
  font-size: 15px;
  font-weight: 600;
  color: var(--hw-text-dark);
  margin-bottom: 16px;
}

.landing-page.service-health-wellness .health-wellness-pricing-item {
  font-size: 15px;
  line-height: 1.7;
  color: var(--hw-text-body);
  margin-bottom: 14px;
  position: relative;
  padding-left: 20px;
}

.landing-page.service-health-wellness .health-wellness-pricing-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  background-color: var(--hw-primary);
  border-radius: 50%;
}

.landing-page.service-health-wellness .health-wellness-pricing-note {
  font-size: 14px;
  font-style: italic;
  color: var(--hw-text-body);
  margin-top: 20px;
}

.landing-page.service-health-wellness .health-wellness-pricing-description {
  font-size: 15px;
  line-height: 1.7;
  color: var(--hw-text-body);
  margin-top: 24px;
}

/* =====================================================
   ACTIONS – WARM PREMIUM BUTTON SYSTEM
   ===================================================== */

.landing-page.service-health-wellness .health-wellness-pricing-action,
.landing-page.service-health-wellness .health-wellness-pricing-action-group {
  margin-top: 42px;
}

/* Base Button */
.landing-page.service-health-wellness .health-wellness-pricing-button {
  display: block;
  width: 100%;
  padding: 16px 26px;
  text-align: center;
  background-color: #FFFFFF;
  color: var(--hw-text-dark);
  font-size: 15px;
  font-weight: 600;
  border-radius: 14px;
  text-decoration: none;
  border: 2px solid #F4A261;
  margin-bottom: 14px;
  transition: all 0.3s ease;
}

/* Hover – warm uplift */
.landing-page.service-health-wellness .health-wellness-pricing-button:hover {
  background-color: #F4A261;
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(244,162,97,0.35);
}

.landing-page.service-health-wellness .health-wellness-pricing-button:last-child {
  margin-bottom: 0;
}

/* Featured Card Button */
.landing-page.service-health-wellness 
.health-wellness-pricing-card-featured 
.health-wellness-pricing-button {
  background-color: #F4A261;
  color: #FFFFFF;
}

.landing-page.service-health-wellness 
.health-wellness-pricing-card-featured 
.health-wellness-pricing-button:hover {
  box-shadow: 0 18px 36px rgba(244,162,97,0.45);
}

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

@media (max-width: 991px) {

  .landing-page.service-health-wellness .health-wellness-pricing-section {
    padding: 90px 0;
  }

  .landing-page.service-health-wellness .health-wellness-pricing-title {
    font-size: 34px;
    margin-bottom: 60px;
  }

  .landing-page.service-health-wellness .health-wellness-pricing-card {
    padding: 40px 30px;
  }

  .landing-page.service-health-wellness .health-wellness-pricing-card-featured {
    transform: none;
  }
}

@media (max-width: 575px) {

  .landing-page.service-health-wellness .health-wellness-pricing-section {
    padding: 30px 0;
  }

  .landing-page.service-health-wellness .health-wellness-pricing-title {
    font-size: 1.7rem;
    margin-bottom: 30px;
  }

  .landing-page.service-health-wellness .health-wellness-pricing-card {
    padding: 36px 26px;
  }

  .landing-page.service-health-wellness .health-wellness-pricing-amount
  {
    margin-bottom: 0;
  }
}


/* =====================================================
   FAQ SECTION – HEALTH & WELLNESS (FINAL – STABLE)
   ===================================================== */

.landing-page.service-health-wellness .health-wellness-faq-section {
  background-color: #F6FAF9;
  padding: 90px 0;
}

/* Wrapper */
.landing-page.service-health-wellness .health-wellness-faq-box {
  max-width: 1000px;
  margin: 0 auto;
}

/* Title */
.landing-page.service-health-wellness .health-wellness-faq-title {
  font-size: 36px;
  font-weight: 700;
  color: var(--hw-text-dark);
  text-align: center;
  margin-bottom: 60px;
}

.landing-page.service-health-wellness .health-wellness-faq-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background-color: var(--hw-primary);
  margin: 16px auto 0;
  border-radius: 2px;
}

/* Inner Panel */
.landing-page.service-health-wellness .health-wellness-faq-accordion {
  background-color: #FFFFFF;
  padding: 48px;
  border-radius: 24px;
  box-shadow: 0 32px 64px rgba(0,0,0,0.06);
}

/* Bootstrap Reset */
.landing-page.service-health-wellness .health-wellness-faq-accordion .accordion-item {
  background: transparent;
  border: none;
}

.landing-page.service-health-wellness .health-wellness-faq-accordion .accordion-button {
  background: none !important;
  box-shadow: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 15px 10px;
}

.landing-page.service-health-wellness .health-wellness-faq-accordion .accordion-button::after {
  display: none;
}

/* FAQ Item Spacing */
.landing-page.service-health-wellness .health-wellness-faq-item {
  border-bottom: 1px solid var(--hw-border);
}

.landing-page.service-health-wellness .health-wellness-faq-item:last-child {
  border-bottom: none;
}

/* Question */
.landing-page.service-health-wellness .health-wellness-faq-question {
  font-size: 16px;
  font-weight: 600;
  color: var(--hw-text-dark);
  line-height: 1.6;
  padding-right: 24px;
}

/* Icon (REAL ELEMENT – ALWAYS VISIBLE) */
.landing-page.service-health-wellness .health-wellness-faq-icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  background-color: #EEF4F2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  color: #2E3A3F;
  transition: all 0.3s ease;
}

/* Icon default */
.landing-page.service-health-wellness .accordion-button .health-wellness-faq-icon::before {
  content: "+";
}

/* Active State */
.landing-page.service-health-wellness 
.accordion-button:not(.collapsed) .health-wellness-faq-question {
  color: var(--hw-primary);
}

.landing-page.service-health-wellness 
.accordion-button:not(.collapsed) .health-wellness-faq-icon {
  background-color: var(--hw-primary);
  color: #FFFFFF;
}

.landing-page.service-health-wellness 
.accordion-button:not(.collapsed) .health-wellness-faq-icon::before {
  content: "–";
}

/* Answer */
.landing-page.service-health-wellness .health-wellness-faq-content {
  padding: 0 10px 24px 10px;
  font-size: 15px;
  line-height: 1.75;
  color: var(--hw-text-body);
}

/* Responsive */
@media (max-width: 576px) {

  .landing-page.service-health-wellness .health-wellness-faq-section
  {
    padding: 30px 0;
  }
  .landing-page.service-health-wellness .health-wellness-faq-accordion {
    padding: 20px 10px;
  }

  .landing-page.service-health-wellness .health-wellness-faq-title {
    font-size: 1.7rem;
    margin-bottom: 30px;
  }

  .landing-page.service-health-wellness .accordion-button:not(.collapsed) .health-wellness-faq-question
  {
    padding: 10px;
  }

  .landing-page.service-health-wellness .health-wellness-faq-content
  {
    padding: 10px;
  }

  .landing-page.service-health-wellness .health-wellness-faq-question
  {
    padding-right: 0;

  }
}

/* =====================================================
   MEET THE MASTER – HEALTH & WELLNESS (FINAL v2)
   ===================================================== */

.landing-page.service-health-wellness .health-wellness-master-section {
  background-color: #FFFFFF;
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

/* Subtle brand glow (non-intrusive) */
.landing-page.service-health-wellness .health-wellness-master-section::before {
  content: "";
  position: absolute;
  top: -120px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 600px;
  background: radial-gradient(
    circle,
    rgba(46, 156, 128, 0.12) 0%,
    rgba(46, 156, 128, 0.06) 35%,
    rgba(46, 156, 128, 0.02) 55%,
    rgba(46, 156, 128, 0) 70%
  );
  z-index: 0;
}

/* Wrapper */
.landing-page.service-health-wellness .health-wellness-master-box {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

/* -----------------------------------------------------
   Section Title
   ----------------------------------------------------- */
.landing-page.service-health-wellness .health-wellness-master-title {
  font-size: 36px;
  font-weight: 700;
  color: var(--hw-text-dark);
  text-align: center;
  margin-bottom: 48px;
  position: relative;
}

.landing-page.service-health-wellness .health-wellness-master-title::after {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  background-color: var(--hw-primary);
  border-radius: 2px;
  margin: 18px auto 0;
}

/* -----------------------------------------------------
   Image
   ----------------------------------------------------- */
.landing-page.service-health-wellness .health-wellness-master-image-wrapper {
  margin-bottom: 48px;
}

.landing-page.service-health-wellness .health-wellness-master-image {
  width: 100%;
  height: auto;
  border-radius: 20px;
  object-fit: cover;
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.12),
    0 0 0 1px rgba(46, 156, 128, 0.08);
}

/* -----------------------------------------------------
   Content
   ----------------------------------------------------- */
.landing-page.service-health-wellness .health-wellness-master-content {
  max-width: 900px;
  margin: 0 auto;
}

.landing-page.service-health-wellness .health-wellness-master-text {
  font-size: 16px;
  line-height: 1.85;
  color: var(--hw-text-body);
  /*margin-bottom: 26px;*/
}

.landing-page.service-health-wellness .health-wellness-master-text:last-child {
  margin-bottom: 0;
}

/* -----------------------------------------------------
   Responsive
   ----------------------------------------------------- */
@media (max-width: 991px) {
  .landing-page.service-health-wellness .health-wellness-master-section {
    padding: 90px 0;
  }

  .landing-page.service-health-wellness .health-wellness-master-title {
    font-size: 32px;
  }
}

@media (max-width: 575px) {
  .landing-page.service-health-wellness .health-wellness-master-section {
    padding: 30px 0;
  }

  .landing-page.service-health-wellness .health-wellness-master-title {
    font-size: 1.7rem;
  }

  .landing-page.service-health-wellness .health-wellness-master-text {
    font-size: 15px;
  }
}


/* ==================================================
   Your Spiritual Growth — Color Variables
   ================================================== */

.landing-page.service-your-spiritual-growth {

  /* Primary */
  --ysg-primary: #8B5FA7;      /* Serene Orchid */

  /* Secondary */
  --ysg-secondary: #F0C8D8;    /* Soft Blush */

  /* Accent */
  --ysg-accent: #B97C9A;       /* Warm Mauve */

  /* Neutral Dark */
  --ysg-dark: #2B2B2B;         /* Deep Charcoal */

  /* Neutral Light */
  --ysg-light: #F9E8E3;        /* Peach Mist */

  /* White */
  --ysg-white: #FFFFFF;       /* Snow White */
}


/* ==================================================
   HERO SECTION — FINAL VIBRANT SPIRITUAL HERO
   ================================================== */

/*.landing-page.service-your-spiritual-growth .ysg-hero-section {
  position: relative;
  padding: 90px 0 90px;
  background: radial-gradient( circle at 50% 38%, rgb(244, 170, 196) 0%, rgba(244, 170, 196, 0.65) 28%, rgba(244, 170, 196, 0.35) 45%, transparent 65% ), linear-gradient( 180deg, #5a4578e0 0%, #6b4f861c 35%, #7a5a92 65%, #6a4c93 100% );
  overflow: hidden;
}*/

/*.landing-page.service-your-spiritual-growth .ysg-hero-section {
  position: relative;
  padding: 90px 0 90px;

  background:

    radial-gradient(
      circle at 50% 38%,
      rgba(244, 170, 196, 1) 0%,
      rgba(244, 170, 196, 0.75) 22%,
      rgba(244, 170, 196, 0.45) 40%,
      rgba(244, 170, 196, 0.2) 55%,
      transparent 70%
    ),


    linear-gradient(
      180deg,
      rgba(90, 69, 120, 0.95) 0%,
      rgba(107, 79, 134, 0.85) 25%,
      rgba(122, 90, 146, 0.75) 50%,
      rgba(122, 90, 146, 0.65) 70%,
      rgba(106, 76, 147, 0.6) 85%,
      rgba(106, 76, 147, 0.55) 100%
    );

  overflow: hidden;
}*/

.landing-page.service-your-spiritual-growth .ysg-hero-section {

position: relative;
  padding: 90px 0 90px;
  background: radial-gradient( circle at 50% 38%, rgb(244, 170, 196) 0%, rgba(244, 170, 196, 0.75) 22%, rgba(244, 170, 196, 0.86) 40%, rgba(244, 170, 196, 0.2) 55%, transparent 70% ), linear-gradient( 180deg, rgba(90, 69, 120, 0.95) 0%, rgba(107, 79, 134, 0.85) 25%, rgba(122, 90, 146, 0.75) 50%, rgba(122, 90, 146, 0.65) 70%, rgba(106, 76, 147, 0.6) 85%, rgba(106, 76, 147, 0.55) 100% );
  overflow: hidden;
}



/* --------------------------------------------------
   HERO CONTAINER
-------------------------------------------------- */

.landing-page.service-your-spiritual-growth .ysg-hero-box {
  position: relative;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
  z-index: 2;
}

/* --------------------------------------------------
   SPIRITUAL AXIS (TILAK ENERGY)
-------------------------------------------------- */

.landing-page.service-your-spiritual-growth .ysg-hero-axis {
  display: flex;
  justify-content: center;
  margin-bottom: 34px;
}

.landing-page.service-your-spiritual-growth .ysg-hero-axis span {
  width: 2px;
  height: 85px;
  background: linear-gradient(
    to bottom,
    transparent,
    rgba(246, 178, 194, 0.95),
    transparent
  );
  border-radius: 10px;
  box-shadow:
    0 0 14px rgba(246, 178, 194, 0.65),
    0 0 30px rgba(255, 230, 236, 0.9);
}

/* --------------------------------------------------
   HERO TITLE
-------------------------------------------------- */

.landing-page.service-your-spiritual-growth .ysg-hero-title {
  font-size: 56px;
  font-weight: 700;
  letter-spacing: 0.6px;
  color: #ffffff;
  margin-bottom: 32px;
  text-shadow:
    0 6px 30px rgba(0, 0, 0, 0.35);
}

/* --------------------------------------------------
   SCRIPTURE / QUOTE
-------------------------------------------------- */

.landing-page.service-your-spiritual-growth .ysg-hero-scripture {
  font-size: 20px;
  line-height: 1.9;
  max-width: 760px;
  margin: 0 auto 95px;
  font-style: italic;
  color: rgba(255, 255, 255, 0.92);
  text-shadow:
    0 4px 18px rgba(0, 0, 0, 0.25);
}

/* --------------------------------------------------
   SPIRITUAL CONSTELLATION
-------------------------------------------------- */

.landing-page.service-your-spiritual-growth .ysg-hero-constellation {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 26px 44px;
}

/* --------------------------------------------------
   ORBIT ITEMS (VIBRANT, NOT DULL)
-------------------------------------------------- */

.landing-page.service-your-spiritual-growth .ysg-hero-orbit-item {
  position: relative;
  padding: 16px 32px;
  font-size: 15px;
  font-weight: 500;
  color: #5a3d6e;
  background: rgba(255, 255, 255, 0.97);
  border-radius: 999px;
  box-shadow:
    0 22px 55px rgba(0, 0, 0, 0.28),
    inset 0 0 0 1px rgba(244, 170, 196, 0.35);
  transition:
    transform 0.4s ease,
    box-shadow 0.4s ease;
}

.landing-page.service-your-spiritual-growth .ysg-hero-orbit-item:hover {
  transform: translateY(-7px);
  box-shadow:
    0 30px 70px rgba(0, 0, 0, 0.35),
    inset 0 0 0 1px rgba(244, 170, 196, 0.55);
}

/* ==================================================
   TABLET RESPONSIVE
   ================================================== */

@media (max-width: 991px) {
  .landing-page.service-your-spiritual-growth .ysg-hero-section {
    padding: 120px 0 130px;
  }

  .landing-page.service-your-spiritual-growth .ysg-hero-title {
    font-size: 46px;
  }

  .landing-page.service-your-spiritual-growth .ysg-hero-scripture {
    font-size: 18px;
    margin-bottom: 75px;
  }
}

/* ==================================================
   MOBILE RESPONSIVE
   ================================================== */

@media (max-width: 575px) {

.landing-page.service-your-spiritual-growth .ysg-hero-axis
{
  display: none;
}

  .landing-page.service-your-spiritual-growth .ysg-hero-section {
    padding: 30px 0;
  }

  .landing-page.service-your-spiritual-growth .ysg-hero-title {
    font-size: 1.7rem;
  }

  .landing-page.service-your-spiritual-growth .ysg-hero-scripture {
    font-size: 16px;
    margin-bottom: 15px;
  }

  .landing-page.service-your-spiritual-growth .ysg-hero-constellation {
    gap: 16px;
  }

  .landing-page.service-your-spiritual-growth .ysg-hero-orbit-item {
    font-size: 14px;
    padding: 14px 24px;
  }
}

/* ==================================================
   WHY SPIRITUAL GROWTH MATTERS — FINAL POLISH
   ================================================== */

.landing-page.service-your-spiritual-growth .ysg-importance-section {
  position: relative;
  padding: 90px 0;
  background: linear-gradient(
    180deg,
    #fbf7fc 0%,
    #ffffff 100%
  );
}

/* --------------------------------------------------
   CONTENT BOX
-------------------------------------------------- */

.landing-page.service-your-spiritual-growth .ysg-importance-box {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

/* --------------------------------------------------
   TITLE + SPIRITUAL DIVIDER
-------------------------------------------------- */

.landing-page.service-your-spiritual-growth .ysg-importance-title {
  font-size: 38px;
  font-weight: 600;
  color: #5a3d6e;
  margin-bottom: 22px;
  position: relative;
}

.landing-page.service-your-spiritual-growth .ysg-importance-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 2px;
  margin: 18px auto 0;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(214, 168, 178, 0.9),
    transparent
  );
  border-radius: 10px;
}

/* --------------------------------------------------
   TEXT
-------------------------------------------------- */

.landing-page.service-your-spiritual-growth .ysg-importance-text {
  font-size: 17px;
  line-height: 1.8;
  color: #3f334d;
  margin-bottom: 45px;
}

/* --------------------------------------------------
   CTA
-------------------------------------------------- */

.landing-page.service-your-spiritual-growth .ysg-importance-cta-button {
  display: inline-block;
  padding: 14px 36px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  background: linear-gradient(
    135deg,
    #d36a84,
    #b85c8e
  );
  border-radius: 999px;
  text-decoration: none;
  box-shadow:
    0 12px 28px rgba(211, 106, 132, 0.35);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.landing-page.service-your-spiritual-growth .ysg-importance-cta-button:hover {
  transform: translateY(-3px);
  box-shadow:
    0 18px 40px rgba(211, 106, 132, 0.5);
}

/* ==================================================
   TABLET RESPONSIVE
   ================================================== */

@media (max-width: 991px) {
  .landing-page.service-your-spiritual-growth .ysg-importance-section {
    padding: 85px 0;
  }

  .landing-page.service-your-spiritual-growth .ysg-importance-title {
    font-size: 32px;
  }
}

/* ==================================================
   MOBILE RESPONSIVE
   ================================================== */

@media (max-width: 575px) {
  .landing-page.service-your-spiritual-growth .ysg-importance-section {
    padding: 30px 0;
  }

  .landing-page.service-your-spiritual-growth .ysg-importance-title {
    font-size: 1.7rem;
  }

  .landing-page.service-your-spiritual-growth .ysg-importance-text {
    font-size: 0.95rem;
    margin-bottom: 10px;
  }
}

/* SECTION BASE */
.landing-page.service-your-spiritual-growth .ysg-spiritual-tabs-section {
  padding: 90px 0;
  background: linear-gradient(
    180deg,
    var(--ysg-light),
    #ffffff
  );
}

/* TITLE */
.landing-page.service-your-spiritual-growth .ysg-spiritual-tabs-title {
  position: relative;
  font-size: 38px;
  font-weight: 600;
  color: var(--ysg-dark);
  margin-bottom: 60px;
    text-align: center;
  padding-bottom: 18px;
}

/* TITLE DIVIDER */
.landing-page.service-your-spiritual-growth .ysg-spiritual-tabs-title::after {
 content: "";
  display: block;
  width: 90px;
  height: 2px;
  margin: 18px auto 0;
  background: linear-gradient( 90deg, transparent, rgba(214, 168, 178, 0.9), transparent );
  border-radius: 10px;
}
/* NAV WRAPPER */
.landing-page.service-your-spiritual-growth .ysg-tabs-nav-wrapper {
  background: var(--ysg-white);
  padding: 28px;
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(139, 95, 167, 0.18);
}

/* REMOVE BOOTSTRAP LOOK */
.landing-page.service-your-spiritual-growth .ysg-tabs-nav {
  border: none;
  flex-direction: column;
  gap: 14px;
}

/* TAB BUTTON */
.landing-page.service-your-spiritual-growth .ysg-tab-btn {
  width: 100%;
  text-align: left;
  border: none !important;
  border-radius: 12px !important;
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 500;
  color: var(--ysg-dark);
  background: rgba(139, 95, 167, 0.08);
  transition: all 0.3s ease;
}

/* ACTIVE TAB */
.landing-page.service-your-spiritual-growth .ysg-tab-btn.active {
  background: linear-gradient(
    135deg,
    var(--ysg-primary),
    var(--ysg-accent)
  );
  color: var(--ysg-white);
  box-shadow: 0 10px 24px rgba(139, 95, 167, 0.35);
}

/* CONTENT */
.landing-page.service-your-spiritual-growth .ysg-tabs-content {
  background: var(--ysg-white);
  padding: 40px;
  border-radius: 18px;
  box-shadow: 0 20px 45px rgba(43, 43, 43, 0.12);
}

/* EDITORIAL LIST */
.landing-page.service-your-spiritual-growth .ysg-editorial-list p {
  position: relative;
  padding-left: 28px;
  margin-bottom: 18px;
  font-size: 17px;
  line-height: 1.6;
  color: var(--ysg-dark);
}

/* LIST ACCENT */
.landing-page.service-your-spiritual-growth .ysg-editorial-list p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 10px;
  height: 10px;
  background: linear-gradient(
    135deg,
    var(--ysg-primary),
    var(--ysg-accent)
  );
  border-radius: 50%;
}

/* TABLET */
@media (max-width: 991px) {
  .landing-page.service-your-spiritual-growth .ysg-spiritual-tabs-section {
    padding: 70px 0;
  }

  .landing-page.service-your-spiritual-growth .ysg-tabs-content {
    margin-top: 30px;
  }
}

/* MOBILE */
@media (max-width: 575px) {

  .landing-page.service-your-spiritual-growth .ysg-spiritual-tabs-section {
    padding: 30px 0;
  }

  .landing-page.service-your-spiritual-growth .ysg-spiritual-tabs-title {
    font-size: 1.7rem;
    margin-bottom: 10px
  }

  .landing-page.service-your-spiritual-growth .ysg-tabs-content {
    padding: 26px;
  }
}

/* ====================================================
   YSG APPROACH SECTION – FINAL (GLASSMORPHISM VERSION)
   ==================================================== */

/*.landing-page.service-your-spiritual-growth .ysg-approach-section {
  position: relative;
  padding: 120px 0;

  background:
    radial-gradient(
      circle at 50% 90%,
      rgba(240, 200, 216, 0.35),
      transparent 60%
    ),
    radial-gradient(
      circle at 15% 60%,
      rgba(249, 232, 227, 0.45),
      transparent 65%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #ffffff 25%,
      #fdf7f4 55%,
      #ffffff 100%
    );
}*/

.landing-page.service-your-spiritual-growth .ysg-approach-section {
  position: relative;
  padding: 90px 0;

  background:
    radial-gradient(
      circle at 50% 65%,
      rgba(249, 232, 227, 0.4),
      transparent 65%
    ),
    radial-gradient(
      circle at 80% 40%,
      rgba(240, 200, 216, 0.25),
      transparent 60%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #ffffff 30%,
      #fef9f7 60%,
      #ffffff 100%
    );
}

/* SECTION TITLE */
.landing-page.service-your-spiritual-growth .ysg-section-title-box {
  text-align: center;
  margin-bottom: 30px;
}

.landing-page.service-your-spiritual-growth .ysg-section-title {
  position: relative;
  font-size: 38px;
  font-weight: 600;
  color: var(--ysg-dark);
  padding-bottom: 20px;
}

/* TITLE DIVIDER */
.landing-page.service-your-spiritual-growth .ysg-section-title::after {
content: "";
  display: block;
  width: 90px;
  height: 2px;
  margin: 18px auto 0;
  background: linear-gradient( 90deg, transparent, rgba(214, 168, 178, 0.9), transparent );
  border-radius: 10px;
}

/* FORCE EQUAL HEIGHT FOR BOTH COLUMNS */
.landing-page.service-your-spiritual-growth .ysg-approach-box,
.landing-page.service-your-spiritual-growth .ysg-gentle-note-box {
  height: 100%;
}

/* LEFT COLUMN – GLASSMORPHISM (OUR APPROACH) */
.landing-page.service-your-spiritual-growth .ysg-approach-box {
  position: relative;
  padding: 54px 50px;
  border-radius: 26px;

  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  border: 1px solid rgba(255, 255, 255, 0.6);

  box-shadow:
    0 30px 65px rgba(43, 43, 43, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

/* GLASS EDGE ACCENT */
.landing-page.service-your-spiritual-growth .ysg-approach-box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 26px;
  bottom: 26px;
  width: 4px;

  background: linear-gradient(
    180deg,
    var(--ysg-primary),
    var(--ysg-accent)
  );

  border-radius: 4px;
  opacity: 0.9;
}

/* LEFT TITLE */
.landing-page.service-your-spiritual-growth .ysg-approach-title {
  font-size: 28px;
  font-weight: 600;
  color: var(--ysg-primary);
  margin-bottom: 20px;
}

/* LEFT TEXT */
.landing-page.service-your-spiritual-growth .ysg-approach-text {
  font-size: 17px;
  line-height: 1.75;
  color: var(--ysg-dark);
}

/* RIGHT COLUMN – CTA CARD (SOLID CONTRAST) */
.landing-page.service-your-spiritual-growth .ysg-gentle-note-box {
  position: relative;
  padding: 56px 52px;
  border-radius: 28px;

  background: linear-gradient(
    145deg,
    var(--ysg-primary),
    var(--ysg-accent)
  );

  color: var(--ysg-white);

  box-shadow:
    0 45px 90px rgba(139, 95, 167, 0.45),
    0 18px 40px rgba(43, 43, 43, 0.2);
}

/* CTA TITLE */
.landing-page.service-your-spiritual-growth .ysg-gentle-note-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
  color: var(--ysg-white);
}

/* CTA TEXT */
.landing-page.service-your-spiritual-growth .ysg-gentle-note-text {
  font-size: 16.5px;
  line-height: 1.75;
  margin-bottom: 38px;
  color: rgba(255, 255, 255, 0.95);
}

/* CTA BUTTON */
.landing-page.service-your-spiritual-growth .ysg-gentle-note-cta {
  display: inline-block;
  padding: 16px 38px;
  font-size: 16px;
  font-weight: 600;

  color: var(--ysg-primary);
  background: var(--ysg-white);

  border-radius: 40px;
  text-decoration: none;

  transition: all 0.3s ease;
}

.landing-page.service-your-spiritual-growth .ysg-gentle-note-cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25);
}

/* TABLET */
@media (max-width: 991px) {
  .landing-page.service-your-spiritual-growth .ysg-approach-section {
    padding: 90px 0;
  }

  .landing-page.service-your-spiritual-growth .ysg-gentle-note-box {
    margin-top: 40px;
  }
}

/* MOBILE */
@media (max-width: 575px) {

  .landing-page.service-your-spiritual-growth .ysg-approach-section {
    padding: 30px 0;
  }



  .landing-page.service-your-spiritual-growth .ysg-section-title {
    font-size: 1.7rem;
  }

  .landing-page.service-your-spiritual-growth .ysg-section-title-box
  {
  margin-bottom: 0px;  
  }

  .landing-page.service-your-spiritual-growth .ysg-approach-text
  {
    font-size: 0.95rem;
  }



  .landing-page.service-your-spiritual-growth .ysg-approach-box,
  .landing-page.service-your-spiritual-growth .ysg-gentle-note-box {
    padding: 34px 28px;
  }
}

/* ====================================================
   YSG PRICING SECTION – RESET & FINAL
   Background = Spiritual Depth
   Cards = White Authority
   ==================================================== */
.landing-page.service-your-spiritual-growth .ysg-pricing-section {
  padding: 90px 0;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(185, 124, 154, 0.30),
      transparent 55%
    ),
    radial-gradient(
      circle at 80% 85%,
      rgba(139, 95, 167, 0.25),
      transparent 60%
    ),
    linear-gradient(
      180deg,
      #5e4a6d 0%,
      #6b577b 45%,
      #5e4a6d 100%
    );
}

/* =========================
   SECTION HEADER
   ========================= */

.landing-page.service-your-spiritual-growth .ysg-pricing-header-box {
  text-align: center;
  margin-bottom: 30px;
}

.landing-page.service-your-spiritual-growth .ysg-pricing-title {
  position: relative;
  font-size: 40px;
  font-weight: 600;
  color: var(--ysg-white);
}

.landing-page.service-your-spiritual-growth .ysg-pricing-title::after {
content: "";
  display: block;
  width: 90px;
  height: 2px;
  margin: 18px auto 0;
  background: linear-gradient( 90deg, transparent, rgba(214, 168, 178, 0.9), transparent );
  border-radius: 10px;
}

/* =========================
   PRICING CARD BASE (WHITE)
   ========================= */

.landing-page.service-your-spiritual-growth .ysg-pricing-box {
  position: relative;
  height: 100%;
  padding: 48px 44px;
  border-radius: 26px;

  background: #ffffff;
  color: var(--ysg-dark);

  box-shadow:
    0 35px 80px rgba(0, 0, 0, 0.35);

  transition: all 0.35s ease;
}

/* HOVER – PREMIUM LIFT */
.landing-page.service-your-spiritual-growth .ysg-pricing-box:hover {
  transform: translateY(-8px);
  box-shadow:
    0 45px 100px rgba(0, 0, 0, 0.45);
}

/* =========================
   BADGE
   ========================= */

.landing-page.service-your-spiritual-growth .ysg-pricing-badge {
  display: inline-block;
  margin-bottom: 20px;
  padding: 6px 16px;

  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.4px;

  color: var(--ysg-white);
  background: var(--ysg-primary);

  border-radius: 20px;
}

/* =========================
   TITLES & PRICE
   ========================= */

.landing-page.service-your-spiritual-growth .ysg-pricing-option-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px;
}

.landing-page.service-your-spiritual-growth .ysg-pricing-amount {
  font-size: 36px;
  font-weight: 600;
  color: var(--ysg-primary);
  margin-bottom: 26px;
}

/* =========================
   QUESTIONS (EDITORIAL)
   ========================= */

.landing-page.service-your-spiritual-growth .ysg-pricing-questions p {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}

.landing-page.service-your-spiritual-growth .ysg-pricing-questions ul {
  list-style: none;
  padding: 0;
  margin: 0 0 14px 0;
}

.landing-page.service-your-spiritual-growth .ysg-pricing-questions li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  font-size: 15.5px;
  line-height: 1.6;
}

.landing-page.service-your-spiritual-growth .ysg-pricing-questions li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;

  width: 8px;
  height: 8px;
  border-radius: 50%;

  background: var(--ysg-accent);
}

/* =========================
   STANDARD CTA
   ========================= */

.landing-page.service-your-spiritual-growth .ysg-pricing-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin-top: 26px;
  padding: 14px 34px;

  font-size: 15px;
  font-weight: 600;

  color: var(--ysg-white);
  background: linear-gradient(
    135deg,
    var(--ysg-primary),
    var(--ysg-accent)
  );

  border-radius: 32px;
  text-decoration: none;

  transition: all 0.3s ease;
}

.landing-page.service-your-spiritual-growth .ysg-pricing-cta-button:hover {
  transform: translateY(-2px);
  box-shadow:
    0 12px 26px rgba(139, 95, 167, 0.45);
}

/* =========================
   MOST POPULAR (SUBTLE)
   ========================= */

.landing-page.service-your-spiritual-growth .ysg-pricing-option-two {
  outline: 2px solid rgba(139, 95, 167, 0.35);
}

/* =========================
   PREMIUM OPTION
   ========================= */

.landing-page.service-your-spiritual-growth .ysg-pricing-option-three {
     margin-top: 40px;
    padding: 35px 57px 15px 57px;}

/* PREMIUM CTA BUTTONS */
.landing-page.service-your-spiritual-growth .ysg-pricing-consultation-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
  margin-top: 38px;
}

.landing-page.service-your-spiritual-growth
.ysg-pricing-consultation-button {
  display: flex;
  justify-content: space-between;
  align-items: center;

  padding: 18px 30px;
  border-radius: 40px;

  background: linear-gradient(
    135deg,
    var(--ysg-primary),
    var(--ysg-accent)
  );

  color: var(--ysg-white);
  text-decoration: none;

  box-shadow:
    0 18px 36px rgba(139, 95, 167, 0.45);

  transition: all 0.35s ease;
}

.landing-page.service-your-spiritual-growth
.ysg-pricing-consultation-button:hover {
  transform: translateY(-3px);
  box-shadow:
    0 26px 50px rgba(139, 95, 167, 0.6);
}

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

@media (max-width: 991px) {
  .landing-page.service-your-spiritual-growth .ysg-pricing-section {
    padding: 70px 0;
  }

  .landing-page.service-your-spiritual-growth .ysg-pricing-box {
    margin-bottom: 40px;
  }
}

@media (max-width: 575px) {

  .landing-page.service-your-spiritual-growth .ysg-pricing-section {
    padding: 30px 0;
  }

  .landing-page.service-your-spiritual-growth .ysg-pricing-title {
    font-size: 1.7rem;
  }

  .landing-page.service-your-spiritual-growth .ysg-pricing-box {
    padding: 15px 30px;
  }

  .landing-page.service-your-spiritual-growth .ysg-pricing-header-box
  {
    margin-bottom: 15px;
  }

  .landing-page.service-your-spiritual-growth .ysg-pricing-cta-button
  {
    margin-top: 0px;
  }

  .landing-page.service-your-spiritual-growth
  .ysg-pricing-consultation-cta {
    grid-template-columns: 1fr;
  }
}

/* ====================================================
   YSG FAQ SECTION – FINAL (CLOUDY & CALM)
   ==================================================== */

.landing-page.service-your-spiritual-growth .ysg-faq-section {
  padding: 90px 0;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(249, 232, 227, 0.55),
      transparent 55%
    ),
    radial-gradient(
      circle at 80% 70%,
      rgba(240, 200, 216, 0.35),
      transparent 60%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fef9f7 50%,
      #ffffff 100%
    );
}

/* =========================
   SECTION HEADER
   ========================= */

.landing-page.service-your-spiritual-growth .ysg-faq-header-box {
  text-align: center;
  margin-bottom: 0px;
}

.landing-page.service-your-spiritual-growth .ysg-faq-title {
  position: relative;
  font-size: 38px;
  font-weight: 600;
  color: var(--ysg-dark);
  padding-bottom: 18px;
}

/* TITLE DIVIDER */
.landing-page.service-your-spiritual-growth .ysg-faq-title::after {
     content: "";
    display: block;
    width: 90px;
    height: 2px;
    margin: 18px auto 0;
    background: linear-gradient(90deg, transparent, rgba(214, 168, 178, 0.9), transparent);
    border-radius: 10px;
}

/* =========================
   FAQ CARD
   ========================= */

.landing-page.service-your-spiritual-growth .ysg-faq-card {
  height: 100%;
  border: none;
  border-radius: 22px;

  background: rgba(255, 255, 255, 0.95);

  box-shadow:
    0 18px 45px rgba(43, 43, 43, 0.12);

  transition: all 0.3s ease;
}

/* CARD HOVER (SUBTLE) */
.landing-page.service-your-spiritual-growth .ysg-faq-card:hover {
  transform: translateY(-4px);
  box-shadow:
    0 26px 60px rgba(43, 43, 43, 0.16);
}

/* CARD BODY */
.landing-page.service-your-spiritual-growth .ysg-faq-card-body {
  padding: 34px 32px;
}

/* =========================
   QUESTION
   ========================= */

.landing-page.service-your-spiritual-growth .ysg-faq-question {
  font-size: 18px;
  font-weight: 600;
  color: var(--ysg-primary);
  margin-bottom: 12px;
}

/* =========================
   ANSWER
   ========================= */

.landing-page.service-your-spiritual-growth .ysg-faq-answer {
  font-size: 16px;
  line-height: 1.7;
  color: var(--ysg-dark);
  margin: 0;
}

/* =========================
   SPACING FIX
   ========================= */

.landing-page.service-your-spiritual-growth .ysg-faq-section .row > [class*="col-"] {
  margin-bottom: 30px;
}

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

@media (max-width: 991px) {
  .landing-page.service-your-spiritual-growth .ysg-faq-section {
    padding: 90px 0;
  }
}

@media (max-width: 575px) {

   .landing-page.service-your-spiritual-growth .ysg-faq-section {
    padding: 30px 0;
  }

  .landing-page.service-your-spiritual-growth .ysg-faq-header-box
  {
    margin-bottom: 0;
  }

  .landing-page.service-your-spiritual-growth .ysg-faq-title {
    font-size: 1.7rem;
    padding-bottom: 0;
  }

  .landing-page.service-your-spiritual-growth .ysg-faq-card-body {
    padding: 28px 26px;
  }
}

/* ====================================================
   YSG MASTER SECTION – FINAL (AUTHORITY & TRUST)
   ==================================================== */

.landing-page.service-your-spiritual-growth .ysg-master-section {
  padding: 90px 0;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f9f9f9 100%
    );
}

/* =========================
   SECTION HEADER
   ========================= */

.landing-page.service-your-spiritual-growth .ysg-master-header-box {
  text-align: center;
  margin-bottom: 40px;
}

.landing-page.service-your-spiritual-growth .ysg-master-title {
  position: relative;
  font-size: 40px;
  font-weight: 600;
  color: var(--ysg-dark);
  padding-bottom: 18px;
}

/* DIVIDER – RESTRAINED */
.landing-page.service-your-spiritual-growth .ysg-master-title::after {
    content: "";
    display: block;
    width: 90px;
    height: 2px;
    margin: 18px auto 0;
    background: linear-gradient(90deg, transparent, rgba(214, 168, 178, 0.9), transparent);
    border-radius: 10px;
}

/* =========================
   FULL-WIDTH IMAGE
   ========================= */

.landing-page.service-your-spiritual-growth .ysg-master-image-box {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  margin-bottom: 80px;
}

.landing-page.service-your-spiritual-growth .ysg-master-image-box {
  max-width: 900px;
  margin: 0 auto 80px;
  padding: 18px;

  background: #ffffff;
  border-radius: 24px;

  box-shadow:
    0 30px 70px rgba(0, 0, 0, 0.18);
}

.landing-page.service-your-spiritual-growth .ysg-master-image {
  width: 100%;
  height: auto;
  display: block;

  border-radius: 18px;

  /* Respect original image */
  object-fit: contain;
}

/* =========================
   CONTENT BOX
   ========================= */

.landing-page.service-your-spiritual-growth .ysg-master-content-box {
  max-width: 880px;
  margin: 0 auto;
}

/* =========================
   TEXT
   ========================= */

.landing-page.service-your-spiritual-growth .ysg-master-text {
  font-size: 17px;
  line-height: 1.85;
  color: var(--ysg-dark);
  margin-bottom: 24px;

  /* Editorial calm */
  letter-spacing: 0.2px;
}

/* LAST PARAGRAPH */
.landing-page.service-your-spiritual-growth .ysg-master-text:last-child {
  margin-bottom: 0;
}

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

@media (max-width: 991px) {
  .landing-page.service-your-spiritual-growth .ysg-master-section {
    padding: 90px 0;
  }

  .landing-page.service-your-spiritual-growth .ysg-master-image-box {
    margin-bottom: 60px;
  }
}

@media (max-width: 575px) {

  .landing-page.service-your-spiritual-growth .ysg-master-section {
    padding: 30px 0;
  }

  .landing-page.service-your-spiritual-growth .ysg-master-header-box
  {
    margin-bottom: 0;
  }

  .landing-page.service-your-spiritual-growth .ysg-master-image-box
  {
    margin-bottom: 30px;
    width: 100%;
  }

  .landing-page.service-your-spiritual-growth .ysg-master-title {
    font-size: 30px;
  }

  .landing-page.service-your-spiritual-growth .ysg-master-text {
    font-size: 0.95rem;
    line-height: 1.75;
  }
}



/* =====================================================
   CAREER & PROFESSION – COLOR SYSTEM (FINAL v2.0)
   ===================================================== */

.landing-page.service-career {

  /* ---------- CORE AUTHORITY ---------- */
  --career-primary: #163A5F;          /* Deep professional blue */
  --career-primary-hover: #0F2E4A;    /* Darker blue for hover */
  --career-primary-soft: #E6EEF6;     /* Soft blue background */

  /* ---------- ENERGY / ACCENT ---------- */
  --career-accent: #F4A261;           /* Warm amber (NOT primary CTA) */
  --career-accent-soft: #FFF1E4;

  /* ---------- TEXT ---------- */
  --career-text-dark: #1F2933;
  --career-text-muted: #667085;
  --career-text-light: #FFFFFF;

  /* ---------- BACKGROUNDS ---------- */
  --career-bg-light: #F8FAFC;         /* Main section background */
  --career-bg-white: #FFFFFF;

  /* ---------- BORDERS & UI ---------- */
  --career-border: #E4E7EC;
  --career-shadow-soft: 0 10px 30px rgba(22, 58, 95, 0.08);
}



/* =====================================================
   CAREER HERO – FOUNDATION & ASCENT (FINAL)
   ===================================================== */

.landing-page.service-career .career-hero-section {
  position: relative;
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #f6f9fc 65%,
    #eef3f9 100%
  );
  padding: 90px 0 130px;
  overflow: hidden;
}

/* ---------- STRUCTURAL BACKGROUND LINES ---------- */
.landing-page.service-career .career-hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(
      rgba(22, 58, 95, 0.06) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(22, 58, 95, 0.06) 1px,
      transparent 1px
    );
  background-size: 140px 140px;
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.8),
    rgba(0,0,0,0)
  );
  z-index: 0;
}

/* ---------- VISUAL BASE PLANE ---------- */
.landing-page.service-career .career-hero-section::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -160px;
  transform: translateX(-50%);
  width: 1200px;
  height: 320px;
  background: radial-gradient(
    ellipse at center,
    rgba(22, 58, 95, 0.12),
    transparent 70%
  );
  z-index: 1;
}

/* ---------- CONTENT WRAPPER ---------- */
.landing-page.service-career .career-hero-box {
  position: relative;
  z-index: 2;
  max-width: 920px;
  margin: 0 auto;
  text-align: center;
}

/* ---------- TITLE ---------- */
.landing-page.service-career .career-hero-title {
  font-size: 56px;
  font-weight: 800;
  color: var(--career-primary);
  letter-spacing: -0.6px;
  line-height: 1.12;
  margin-bottom: 20px;
}

/* ---------- DIVIDER (ANCHOR) ---------- */
.landing-page.service-career .career-hero-title::after {
  content: "";
  display: block;
  width: 88px;
  height: 4px;
  margin: 22px auto 0;
  background: linear-gradient(
    90deg,
    var(--career-primary),
    var(--career-accent)
  );
  border-radius: 2px;
}

/* ---------- DESCRIPTION ---------- */
.landing-page.service-career .career-hero-description {
  font-size: 20px;
  line-height: 1.85;
  color: var(--career-text-muted);
  max-width: 800px;
  margin: 36px auto 52px;
}

/* ---------- CTA ---------- */
.landing-page.service-career .career-hero-cta {
  display: flex;
  justify-content: center;
}

.landing-page.service-career .career-hero-button {
  padding: 18px 48px;
  font-size: 16px;
  font-weight: 600;
  color: var(--career-text-light);
  background-color: var(--career-primary);
  border-radius: 10px;
  text-decoration: none;
  box-shadow:
    0 20px 40px rgba(22, 58, 95, 0.25);
  transition: all 0.35s ease;
}

.landing-page.service-career .career-hero-button:hover {
  background-color: var(--career-primary-hover);
  transform: translateY(-4px);
}

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

@media (max-width: 991px) {
  .landing-page.service-career .career-hero-section {
    padding: 110px 0 110px;
  }

  .landing-page.service-career .career-hero-title {
    font-size: 44px;
  }
}

@media (max-width: 575px) {
  .landing-page.service-career .career-hero-section {
    padding: 30px 0;
  }

  .landing-page.service-career .career-hero-title {
    font-size: 34px;
  }

  .landing-page.service-career .career-hero-description {
    font-size: 15px;
    margin: 20px auto 40px;
  }

  .landing-page.service-career .career-hero-button {
    width: 100%;
    max-width: 300px;
    padding: 16px 20px;
  }
}


/* =====================================================
   CAREER GUIDANCE SECTION – FINAL LOCKED VERSION
   ===================================================== */

.landing-page.service-career .career-guidance-section {
  padding: 120px 0;
  background-color: var(--career-bg-white);
}

/* Ensure full-height balance */
.landing-page.service-career .career-guidance-section .row {
  align-items: stretch;
}

/* =====================================================
   LEFT COLUMN – GUIDANCE RAIL
   ===================================================== */

.landing-page.service-career .career-guidance-box {
  height: 100%;
  padding: 42px 32px;
  background-color: var(--career-bg-light);

  display: flex;
  align-items: center;
}

.landing-page.service-career .career-guidance-points {
  display: flex;
  flex-direction: column;
  gap: 22px;
  width: 100%;
}

/* STRIP ITEM */
.landing-page.service-career .career-guidance-point-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px 18px 18px;
  background-color: var(--career-bg-white);
  box-shadow: 0 10px 25px rgba(22, 58, 95, 0.08);
  transition: all 0.3s ease;
  cursor: default;
}

/* ICON */
.landing-page.service-career .career-guidance-point-box i {
  font-size: 18px;
  color: var(--career-primary);
  flex-shrink: 0;
}

/* TEXT */
.landing-page.service-career .career-guidance-point-text {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--career-text-dark);
  line-height: 1.4;
}

/* LEFT ACCENT BAR */
.landing-page.service-career .career-guidance-point-box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: var(--career-primary);
  transition: width 0.3s ease;
}

/* HOVER EFFECT */
.landing-page.service-career .career-guidance-point-box:hover {
  transform: translateX(6px);
  box-shadow: 0 16px 36px rgba(22, 58, 95, 0.15);
}

.landing-page.service-career .career-guidance-point-box:hover::before {
  width: 4px;
}

/* =====================================================
   RIGHT COLUMN – CONTENT PANEL
   ===================================================== */

.landing-page.service-career .career-guidance-content-box {
  height: 100%;
  padding: 40px 20px 40px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* TITLE */
.landing-page.service-career .career-guidance-title {
  font-size: 40px;
  font-weight: 800;
  color: var(--career-primary);
  margin-bottom: 24px;
  position: relative;
}

/* TITLE DIVIDER */
.landing-page.service-career .career-guidance-title::after {
  content: "";
  display: block;
  width: 72px;
  height: 4px;
  margin-top: 18px;
  background: linear-gradient(
    90deg,
    var(--career-primary) 0%,
    var(--career-primary) 55%,
    var(--career-accent) 100%
  );
  border-radius: 2px;
}

/* DESCRIPTION */
.landing-page.service-career .career-guidance-description {
  font-size: 17px;
  line-height: 1.9;
  color: var(--career-text-muted);
  max-width: 520px;
}

/* =====================================================
   TABLET RESPONSIVE
   ===================================================== */

@media (max-width: 991px) {

  .landing-page.service-career .career-guidance-section {
    padding: 90px 0;
  }

  .landing-page.service-career .career-guidance-box {
    margin-bottom: 40px;
  }

  .landing-page.service-career .career-guidance-content-box {
    padding: 0 20px;
  }

  .landing-page.service-career .career-guidance-title {
    font-size: 32px;
  }
}

/* =====================================================
   MOBILE RESPONSIVE
   ===================================================== */

@media (max-width: 575px) {

    .landing-page.service-career .career-guidance-section {
    padding: 30px 0;
  }

  .landing-page.service-career .career-guidance-box {
    padding: 30px 20px;
  }

  .landing-page.service-career .career-guidance-title {
    font-size: 1.7rem;
  }

  .landing-page.service-career .career-guidance-description {
    font-size: 16px;
  }
}

/* =====================================================
   CAREER TABS SECTION – FINAL CONSOLIDATED VERSION
   ===================================================== */

.landing-page.service-career .career-tabs-section {
  padding: 90px 0;
  background-color: var(--career-bg-light);
}

/* =====================================================
   SECTION TITLE
   ===================================================== */

.landing-page.service-career .career-tabs-title {
  font-size: 40px;
  font-weight: 800;
  color: var(--career-primary);
  text-align: center;
  margin-bottom: 50px;
  position: relative;
}

/* MULTICOLOR DIVIDER (SYSTEM-CONSISTENT) */
.landing-page.service-career .career-tabs-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  margin: 20px auto 0;
  background: linear-gradient(
    90deg,
    var(--career-primary) 0%,
    var(--career-primary) 55%,
    var(--career-accent) 100%
  );
  border-radius: 2px;
}

/* =====================================================
   TAB NAVIGATION
   ===================================================== */

.landing-page.service-career .career-tabs-nav {
  justify-content: center;
  gap: 14px;
  border-bottom: none;
  margin-bottom: 40px;
}

.landing-page.service-career .career-tab-button {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 600;
  color: var(--career-text-muted);
  background-color: var(--career-bg-white);
  border: 1px solid var(--career-border);
  border-radius: 32px;
  transition: all 0.3s ease;
}

/* ICON */
.landing-page.service-career .career-tab-icon {
  font-size: 16px;
  color: var(--career-primary);
}

/* ACTIVE TAB */
.landing-page.service-career .career-tab-button.active {
  color: var(--career-text-light);
  background-color: var(--career-primary);
  border-color: var(--career-primary);
  box-shadow: 0 14px 30px rgba(22, 58, 95, 0.25);
}

/* ACTIVE ICON */
.landing-page.service-career .career-tab-button.active .career-tab-icon {
  color: var(--career-text-light);
}

/* HOVER (NON-ACTIVE) */
.landing-page.service-career .career-tab-button:not(.active):hover {
  background-color: var(--career-primary-soft);
  color: var(--career-primary);
}

/* =====================================================
   TAB CONTENT PANEL
   ===================================================== */

.landing-page.service-career .career-tabs-content {
  max-width: 920px;
  margin: 0 auto;
}

.landing-page.service-career .career-tab-pane {
  padding: 44px 48px;
  background-color: var(--career-bg-white);
  box-shadow: 0 20px 40px rgba(22, 58, 95, 0.08);
}

/* =====================================================
   PREMIUM QUESTION-STYLE CONTENT
   ===================================================== */

.landing-page.service-career .career-tab-inner-box {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* EACH QUESTION / STATEMENT */
.landing-page.service-career .career-tab-inner-box p {
  position: relative;
  margin: 0;
  padding: 18px 20px 18px 30px;
  font-size: 16px;
  line-height: 1.75;
  color: var(--career-text-dark);
  border-bottom: 1px solid var(--career-border);
}

/* REMOVE LAST BORDER */
.landing-page.service-career .career-tab-inner-box p:last-child {
  border-bottom: none;
}

/* LEFT ACCENT (SUBTLE, MEANINGFUL) */
.landing-page.service-career .career-tab-inner-box p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  width: 3px;
  height: calc(100% - 40px);
  background: linear-gradient(
    180deg,
    var(--career-primary),
    var(--career-accent)
  );
  border-radius: 2px;
  opacity: 0.85;
}

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

@media (max-width: 991px) {

  .landing-page.service-career .career-tabs-section {
    padding: 90px 0;
  }

  .landing-page.service-career .career-tabs-title {
    font-size: 32px;
  }

  .landing-page.service-career .career-tab-pane {
    padding: 34px;
  }
}

@media (max-width: 575px) {

  .landing-page.service-career .career-tabs-section {
    padding: 30px 0;
  }

  .landing-page.service-career .career-tabs-title
  {
    font-size: 1.7rem;
  }

  .landing-page.service-career .career-tabs-nav {
    flex-wrap: wrap;
    gap: 10px;
  }

  .landing-page.service-career .career-tab-button {
    padding: 12px 18px;
    font-size: 14px;
  }

  .landing-page.service-career .career-tab-pane {
    padding: 26px 22px;
  }

  .landing-page.service-career .career-tab-inner-box p {
    font-size: 15px;
    padding: 16px 16px 16px 26px;
  }
}

/* =====================================================
   CAREER APPROACH SECTION – CLEAN FOCUS VERSION
   ===================================================== */

.landing-page.service-career .career-approach-section {
  position: relative;
  padding: 120px 0;
  background-color: #fff;
  overflow: hidden;
}

/* ---------- SOFT STRUCTURAL PATTERN (SUBTLE) ---------- */
.landing-page.service-career .career-approach-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(
      rgba(22, 58, 95, 0.08) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(22, 58, 95, 0.08) 1px,
      transparent 1px
    );
  background-size: 180px 180px;
  opacity: 0.5;
  z-index: 0;
}

/* ---------- CENTER FOCUS PATCH (KEY CHANGE) ---------- */
.landing-page.service-career .career-approach-section::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 720px;
  height: 360px;
  transform: translate(-50%, -50%);
  background: radial-gradient(
    ellipse at center,
    rgba(22, 58, 95, 0.10) 0%,
    rgba(22, 58, 95, 0.06) 16%,
    transparent 70%
  );
  z-index: 1;
}

/* ---------- CONTENT ---------- */
.landing-page.service-career .career-approach-box {
  position: relative;
  z-index: 2;
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

/* ---------- TITLE ---------- */
.landing-page.service-career .career-approach-title {
  font-size: 40px;
  font-weight: 800;
  color: var(--career-primary);
  margin-bottom: 24px;
  position: relative;
}

/* MULTICOLOR DIVIDER (SYSTEM CONSISTENT) */
.landing-page.service-career .career-approach-title::after {
  content: "";
  display: block;
  width: 76px;
  height: 4px;
  margin: 20px auto 0;
  background: linear-gradient(
    90deg,
    var(--career-primary) 0%,
    var(--career-primary) 55%,
    var(--career-accent) 100%
  );
  border-radius: 2px;
}

/* ---------- DESCRIPTION ---------- */
.landing-page.service-career .career-approach-description {
  font-size: 17px;
  line-height: 1.9;
  color: var(--career-text-muted);
  margin-bottom: 22px;
}

.landing-page.service-career .career-approach-description:last-child {
  margin-bottom: 0;
}

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

@media (max-width: 991px) {

  .landing-page.service-career .career-approach-section {
    padding: 90px 0;
  }

  .landing-page.service-career .career-approach-title {
    font-size: 32px;
  }

  .landing-page.service-career .career-approach-section::after {
    width: 520px;
    height: 280px;
  }
}

@media (max-width: 575px) {

  .landing-page.service-career .career-approach-section {
    padding: 30px 0;
  }

  .landing-page.service-career .career-approach-title {
    font-size: 1.7rem;
  }

  .landing-page.service-career .career-approach-description {
    font-size: 16px;
  }

  .landing-page.service-career .career-approach-section::after {
    width: 360px;
    height: 220px;
  }
}


/* =====================================================
   CAREER CTA – FINAL CORRECTED VERSION
   ===================================================== */

.landing-page.service-career .career-cta-section {
  position: relative;
  padding: 90px 0;
  background-color: #0f1e2e;
  overflow: hidden;
}

/* ---------- BACKGROUND ATMOSPHERIC PATTERN ---------- */
.landing-page.service-career .career-cta-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      400px 400px at 20% 30%,
      rgba(255, 255, 255, 0.05),
      transparent 60%
    ),
    radial-gradient(
      500px 500px at 80% 40%,
      rgba(255, 255, 255, 0.04),
      transparent 65%
    ),
    radial-gradient(
      600px 600px at 50% 80%,
      rgba(255, 255, 255, 0.035),
      transparent 70%
    ),
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.015),
      rgba(255, 255, 255, 0.015) 1px,
      transparent 1px,
      transparent 120px
    );
  z-index: 0;
}

/* ---------- CONTENT WRAPPER (CENTRALIZED) ---------- */
.landing-page.service-career .career-cta-box {
  position: relative;
  z-index: 1;
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

/* ---------- TITLE ---------- */
.landing-page.service-career .career-cta-title {
  font-size: 42px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 26px;
  position: relative;
}

/* DIVIDER – CONTROLLED ACCENT */
.landing-page.service-career .career-cta-title::after {
  content: "";
  display: block;
  width: 64px;
  height: 3px;
  margin: 18px auto 0;
  background: linear-gradient(
    90deg,
    var(--career-accent),
    rgba(255, 255, 255, 0.6)
  );
  border-radius: 2px;
}

/* ---------- DESCRIPTION ---------- */
.landing-page.service-career .career-cta-description {
  font-size: 18px;
  line-height: 1.9;
  color: rgba(255, 255, 255, 0.88);
  max-width: 720px;
  margin: 36px auto 0;
}

/* ---------- ACTION ---------- */
.landing-page.service-career .career-cta-action {
  margin-top: 52px;
}

/* CTA BUTTON – STRONG BUT NOT LOUD */
.landing-page.service-career .career-cta-button {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #0f1e2e;
  background-color: var(--career-accent);
  padding: 18px 52px;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.3s ease;
}

/* HOVER */
.landing-page.service-career .career-cta-button:hover {
  background-color: #ffd7b0;
  transform: translateY(-3px);
}

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

@media (max-width: 991px) {

  .landing-page.service-career .career-cta-section {
    padding: 120px 0;
  }

  .landing-page.service-career .career-cta-title {
    font-size: 34px;
  }
}

@media (max-width: 575px) {

  .landing-page.service-career .career-cta-section {
    padding: 100px 0;
  }

  .landing-page.service-career .career-cta-title {
    font-size: 28px;
  }

  .landing-page.service-career .career-cta-description {
    font-size: 16px;
  }
}

/* =====================================================
   CAREER PRICING SECTION – PRESENCE-ENHANCED VERSION
   ===================================================== */

.landing-page.service-career .career-pricing-section {
  position: relative;
  padding: 90px 0;
  background-color: var(--career-bg-light);
  overflow: hidden;
}

/* CENTRAL SOFT GLOW */
.landing-page.service-career .career-pricing-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      600px 600px at 50% 45%,
      rgba(255, 255, 255, 0.85),
      rgba(255, 255, 255, 0.45) 35%,
      rgba(255, 255, 255, 0.15) 55%,
      transparent 70%
    );
  pointer-events: none;
  z-index: 0;
}

/* ENSURE CONTENT STAYS ABOVE GLOW */
.landing-page.service-career .career-pricing-section > .container {
  position: relative;
  z-index: 1;
}
/* =====================================================
   SECTION TITLE
   ===================================================== */

.landing-page.service-career .career-pricing-title {
  max-width: 840px;
  margin: 0 auto 70px;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.45;
  color: var(--career-text-dark);
  position: relative;
}

.landing-page.service-career .career-pricing-title::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin: 22px auto 0;
  background: linear-gradient(
    90deg,
    var(--career-primary),
    var(--career-accent)
  );
}

/* =====================================================
   PRICING CARD BASE
   ===================================================== */

.landing-page.service-career .career-pricing-card {
  height: 100%;
  background-color: #ffffff;
  border-radius: 16px;
  padding: 36px 32px 40px;
  box-shadow: 0 16px 36px rgba(22, 58, 95, 0.08);
  position: relative;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.landing-page.service-career .career-pricing-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 48px rgba(22, 58, 95, 0.14);
}

/* =====================================================
   BADGES – RESTORED PRESENCE
   ===================================================== */

.landing-page.service-career .career-pricing-badge {
  position: absolute;
  top: -14px;
  left: 32px;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 16px;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(
    90deg,
    var(--career-primary),
    var(--career-primary-hover)
  );
  box-shadow: 0 6px 14px rgba(22, 58, 95, 0.25);
}

/* POPULAR CARD – CONFIDENT, NOT AGGRESSIVE */
.landing-page.service-career .career-pricing-popular {
  border: 1.5px solid var(--career-primary);
  background-color: #fcfdff;
}

/* =====================================================
   CARD TITLE
   ===================================================== */

.landing-page.service-career .career-pricing-card-title {
  font-size: 19px;
  font-weight: 700;
  color: var(--career-text-dark);
  margin-bottom: 14px;
}

/* =====================================================
   PRICE
   ===================================================== */

.landing-page.service-career .career-pricing-price {
  font-size: 30px;
  font-weight: 800;
  color: var(--career-primary);
  margin-bottom: 22px;
}

/* =====================================================
   QUESTION LIST
   ===================================================== */

.landing-page.service-career .career-pricing-question-box {
  margin-bottom: 22px;
}

.landing-page.service-career .career-pricing-question-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--career-text-dark);
  margin-bottom: 10px;
}

.landing-page.service-career .career-pricing-question-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.landing-page.service-career .career-pricing-question-list li {
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--career-text-muted);
  padding-left: 18px;
  position: relative;
  margin-bottom: 8px;
}

/* ACCENT BULLET */
.landing-page.service-career .career-pricing-question-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--career-accent);
  font-size: 18px;
  line-height: 1;
}

/* =====================================================
   ADDON TEXT
   ===================================================== */

.landing-page.service-career .career-pricing-addon {
  font-size: 13.5px;
  color: var(--career-text-muted);
  margin-bottom: 26px;
}

/* =====================================================
   CTA BUTTONS – CLEAR, VISIBLE, CLICKABLE
   ===================================================== */

.landing-page.service-career .career-pricing-cta {
  margin-top: auto;
}

/* PRIMARY CTA BUTTON */
.landing-page.service-career .career-pricing-button {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 14px 20px;
  font-size: 14.5px;
  font-weight: 700;
  color: #ffffff;
  background: linear-gradient(
    90deg,
    var(--career-accent),
    #ffb36a
  );
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(255, 165, 90, 0.35);
  transition: all 0.35s ease;
}

/* BUTTON HOVER – CLEAR FEEDBACK */
.landing-page.service-career .career-pricing-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(255, 165, 90, 0.45);
}

/* =====================================================
   PREMIUM ACTIONS (OPTION 3)
   ===================================================== */

.landing-page.service-career .career-pricing-actions {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: auto;
}

.landing-page.service-career .career-pricing-action-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.landing-page.service-career
.career-pricing-action-item
.career-pricing-button {
  width: auto;
  padding: 12px 18px;
  font-size: 13.5px;
}

.landing-page.service-career
.career-pricing-action-item
.career-pricing-price {
  font-size: 17px;
  font-weight: 700;
  color: var(--career-text-dark);
}

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

@media (max-width: 991px) {

  .landing-page.service-career .career-pricing-section {
    padding: 110px 0;
  }

  .landing-page.service-career .career-pricing-title {
    font-size: 26px;
    margin-bottom: 50px;
  }
}

@media (max-width: 575px) {

  .landing-page.service-career .career-pricing-section {
    padding: 30px 0;
  }

  .landing-page.service-career .career-pricing-card {
    padding: 32px 24px;
  }

  .landing-page.service-career .career-pricing-title {
    font-size: 22px;
  }
}


/* =====================================================
   CAREER FAQ SECTION – CLEAN & NEUTRAL
   ===================================================== */

.landing-page.service-career .career-faq-section {
  padding: 90px 0;
  background-color: var(--career-bg-white);
}

/* =====================================================
   SECTION TITLE
   ===================================================== */

.landing-page.service-career .career-faq-title {
  text-align: center;
  font-size: 34px;
  font-weight: 800;
  color: var(--career-text-dark);
  margin-bottom: 60px;
  position: relative;
}

/* DIVIDER */
.landing-page.service-career .career-faq-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  margin: 18px auto 0;
  background: linear-gradient(
    90deg,
    var(--career-primary),
    var(--career-accent)
  );
  border-radius: 2px;
}

/* =====================================================
   ACCORDION WRAPPER
   ===================================================== */

.landing-page.service-career .career-faq-accordion {
  max-width: 900px;
  margin: 0 auto;
}

/* =====================================================
   FAQ ITEM
   ===================================================== */

.landing-page.service-career .career-faq-item {
  border: none;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 12px 28px rgba(22, 58, 95, 0.08);
  margin-bottom: 18px;
  overflow: hidden;
}

/* =====================================================
   HEADER BUTTON (RESET THEME COLORS)
   ===================================================== */

.landing-page.service-career .career-faq-button {
  background-color: #ffffff !important;
  color: var(--career-text-dark);
  font-size: 16px;
  font-weight: 700;
  padding: 22px 56px 22px 24px;
  border: none;
  box-shadow: none;
  position: relative;
}

/* REMOVE BOOTSTRAP DEFAULT YELLOW / FOCUS */
.landing-page.service-career .career-faq-button:focus {
  box-shadow: none;
  border: none;
}

.landing-page.service-career .career-faq-button:not(.collapsed) {
  background-color: #ffffff;
  color: var(--career-primary);
}

/* =====================================================
   CUSTOM ICON (PLUS / MINUS)
   ===================================================== */

/* REMOVE DEFAULT BOOTSTRAP ICON */
.landing-page.service-career
.career-faq-button::after {
  display: none;
}

/* ADD CUSTOM ICON */
.landing-page.service-career
.career-faq-button::before {
  content: "+";
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  font-weight: 700;
  color: var(--career-primary);
  transition: all 0.3s ease;
}

/* OPEN STATE ICON */
.landing-page.service-career
.career-faq-button:not(.collapsed)::before {
  content: "–";
  color: var(--career-accent);
}

/* =====================================================
   BODY CONTENT
   ===================================================== */

.landing-page.service-career .career-faq-body {
  padding: 0 24px 22px;
  font-size: 15.5px;
  line-height: 1.75;
  color: var(--career-text-muted);
}

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

@media (max-width: 991px) {

  .landing-page.service-career .career-faq-section {
    padding: 110px 0;
  }

  .landing-page.service-career .career-faq-title {
    font-size: 28px;
    margin-bottom: 45px;
  }
}

@media (max-width: 575px) {

  .landing-page.service-career .career-faq-section {
    padding: 30px 0;
  }

  .landing-page.service-career .career-faq-title {
    font-size: 1.7rem;
  }

  .landing-page.service-career .career-faq-button {
    font-size: 15px;
    padding: 20px 52px 20px 20px;
  }
}

/* =====================================================
   CAREER – MEET THE MASTER SECTION
   ===================================================== */

.landing-page.service-career .career-master-section {
  position: relative;
  padding: 90px 0;
  background-color: var(--career-bg-light);
  overflow: hidden;
}

/* ---------- BACKGROUND PATTERN (CALM, EDITORIAL) ---------- */
.landing-page.service-career .career-master-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      520px 520px at 18% 22%,
      rgba(22, 58, 95, 0.05),
      transparent 65%
    ),
    radial-gradient(
      600px 600px at 85% 30%,
      rgba(255, 165, 90, 0.06),
      transparent 70%
    ),
    repeating-linear-gradient(
      0deg,
      rgba(22, 58, 95, 0.025),
      rgba(22, 58, 95, 0.025) 1px,
      transparent 1px,
      transparent 140px
    );
  z-index: 0;
}

/* ENSURE CONTENT ABOVE PATTERN */
.landing-page.service-career .career-master-section > .container {
  position: relative;
  z-index: 1;
}

/* =====================================================
   SECTION WRAPPER
   ===================================================== */

.landing-page.service-career .career-master-box {
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

/* =====================================================
   TITLE
   ===================================================== */

.landing-page.service-career .career-master-title {
  font-size: 36px;
  font-weight: 800;
  color: var(--career-text-dark);
  margin-bottom: 48px;
  position: relative;
}

/* MULTI-COLOR DIVIDER (SAME FAMILY AS HERO) */
.landing-page.service-career .career-master-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  margin: 20px auto 0;
  background: linear-gradient(
    90deg,
    var(--career-primary),
    var(--career-accent)
  );
  border-radius: 3px;
}

/* =====================================================
   IMAGE
   ===================================================== */

.landing-page.service-career .career-master-image-box {
  /*max-width: 360px;*/
  margin: 0 auto 56px;
  position: relative;
}

/* IMAGE FRAME */
.landing-page.service-career .career-master-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 18px;
  box-shadow:
    0 24px 60px rgba(22, 58, 95, 0.22),
    0 0 0 6px rgba(255, 255, 255, 0.9);
  background-color: #ffffff;
}

/* SOFT HALO BEHIND IMAGE */
.landing-page.service-career .career-master-image-box::after {
  content: "";
  position: absolute;
  inset: -18px;
  background:
    radial-gradient(
      50% 50% at 50% 50%,
      rgba(22, 58, 95, 0.12),
      transparent 70%
    );
  z-index: -1;
}

/* =====================================================
   CONTENT
   ===================================================== */

.landing-page.service-career .career-master-content {
  max-width: 100%;
  margin: 0 auto;
}

/* PARAGRAPHS */
.landing-page.service-career .career-master-description {
  font-size: 17px;
  line-height: 1.9;
  color: var(--career-text-muted);
  margin-bottom: 26px;
}

/* FIRST PARAGRAPH SLIGHT EMPHASIS */
.landing-page.service-career
.career-master-description:first-of-type {
  color: var(--career-text-dark);
  font-weight: 500;
}

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

@media (max-width: 991px) {

  .landing-page.service-career .career-master-section {
    padding: 120px 0;
  }

  .landing-page.service-career .career-master-title {
    font-size: 30px;
  }
}

@media (max-width: 575px) {

  .landing-page.service-career .career-master-section {
    padding: 30px 0;
  }

  .landing-page.service-career .career-master-title {
    font-size: 26px;
  }

  .landing-page.service-career .career-master-description {
    font-size: 16px;
  }
}

/* =========================================
   Parenthood Landing Page – Color Variables
   ========================================= */

.landing-page.service-parenthood {

  /* Brand / Primary */
  --pp-primary-color: #FF6B6B;        /* Warm Coral */

  /* Secondary / Support */
  --pp-secondary-color: #4D96FF;      /* Bright Sky Blue */

  /* CTA / Action */
  --pp-cta-color: #FFC93C;            /* Sunshine Yellow */

  /* Backgrounds */
  --pp-bg-main: #FFFFFF;              /* Main background */
  --pp-bg-soft: #FFF9F5;              /* Soft section background */

  /* Text */
  --pp-text-primary: #2A2A2A;          /* Main text */
  --pp-text-muted: #6B6B6B;            /* Muted / description */

}

/* =====================================================
   HERO SECTION – PARENTHOOD & PROGENY (REFINED)
   ===================================================== */

.landing-page.service-parenthood .parenthood-hero-section {
  position: relative;
  min-height: 70vh;
  padding: 100px 0;
  display: flex;
  align-items: center;

  background-image: url('../img/landing-pages/parenthood-hero-section.jpg');
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;

  overflow: hidden;
}

/* MULTI-COLOR OVERLAY */
.landing-page.service-parenthood .parenthood-hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    100deg,
    rgba(255, 107, 107, 0.98) 0%,
    rgba(77, 150, 255, 0.88) 45%,
    rgba(0, 0, 0, 0.35) 100%
  );
  z-index: 1;
}

/* CONTENT LAYER */
.landing-page.service-parenthood .parenthood-hero-section .container {
  position: relative;
  z-index: 2;
}

/* CONTENT BOX */
.landing-page.service-parenthood .parenthood-hero-box {
  max-width: 640px;
}

/* HERO TITLE */
.landing-page.service-parenthood .parenthood-hero-title {
  position: relative;
  font-size: 54px;
  font-weight: 800;
  line-height: 1.15;
  color: #ffffff;
  margin-bottom: 28px;
}

/* DIVIDER (PSEUDO-ELEMENT) */
.landing-page.service-parenthood .parenthood-hero-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  margin-top: 18px;
  border-radius: 2px;
  background-color: var(--pp-cta-color);
}

/* TAGLINE */
.landing-page.service-parenthood .parenthood-hero-tagline {
  font-size: 19px;
  font-weight: 600;
  color: #fff2d6;
  margin-bottom: 18px;
}

/* DESCRIPTION */
.landing-page.service-parenthood .parenthood-hero-description {
  font-size: 16.5px;
  line-height: 1.75;
  color: #f3f3f3;
  margin-bottom: 40px;
}

/* CTA BUTTON */
.landing-page.service-parenthood .parenthood-hero-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 16px 42px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.3px;

  color: #2a2a2a;
  background-color: var(--pp-cta-color);

  border-radius: 50px;
  text-decoration: none;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  transition: all 0.35s ease;
}

.landing-page.service-parenthood .parenthood-hero-button:hover {
  background-color: #ffffff;
  color: #000000;
  transform: translateY(-3px);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.35);
}

/* =========================
   TABLET
   ========================= */

@media (max-width: 991px) {
  .landing-page.service-parenthood .parenthood-hero-section {
    padding: 100px 0;
  }

  .landing-page.service-parenthood .parenthood-hero-title {
    font-size: 44px;
  }
}

/* =========================
   MOBILE
   ========================= */

@media (max-width: 575px) {
  .landing-page.service-parenthood .parenthood-hero-section {
    padding: 30px 0;
    text-align: center;
    min-height:0;
  }

  .landing-page.service-parenthood .parenthood-hero-title::after {
    margin-left: auto;
    margin-right: auto;
  }

  .landing-page.service-parenthood .parenthood-hero-title {
    font-size: 1.7rem;
  }

  .landing-page.service-parenthood .parenthood-hero-tagline {
    font-size: 16px;
  }

  .landing-page.service-parenthood .parenthood-hero-description {
    font-size: 15px;
  }

  .landing-page.service-parenthood .parenthood-hero-button
  {
    padding: 14px 20px;
    font-size: 15px;
  }
}


/* =====================================================
   GUIDANCE SECTION – BOARD CARD EDITORIAL STYLE
   ===================================================== */

.landing-page.service-parenthood .parenthood-guidance-section {
  padding: 90px 0;
  background-color: #ffffff;
}

/* CONTENT BOX */
.landing-page.service-parenthood .parenthood-guidance-box {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

/* =========================
   GRADIENT HEADING
   ========================= */


/* =========================
   DIVIDER WITH LINE THROUGH ICON
   ========================= */

.landing-page.service-parenthood .parenthood-guidance-title {
  position: relative;
  font-size: 42px;
  font-weight: 800;
  margin-bottom: 32px;
  letter-spacing: -0.5px;

  background: linear-gradient(
    90deg,
    var(--pp-primary-color),
    var(--pp-secondary-color)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* SOFT, SOOTHING DIVIDER */
.landing-page.service-parenthood .parenthood-guidance-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 3px;
  margin: 22px auto 0;
  border-radius: 999px;

  background: linear-gradient(
    90deg,
    rgba(255, 107, 107, 0.9),
    rgba(77, 150, 255, 0.9)
  );
}

/* =========================
   DESCRIPTION
   ========================= */

.landing-page.service-parenthood .parenthood-guidance-description {
  font-size: 17px;
  line-height: 1.9;
  color: #4b5563;
  max-width: 780px;
  margin: 40px auto 90px;
}

/* =========================
   BOARD-STYLE GUIDANCE CARDS
   ========================= */

.landing-page.service-parenthood .parenthood-guidance-points {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 22px;
}

/* BASE CARD */
.landing-page.service-parenthood .parenthood-guidance-point {
  padding: 36px 22px;
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;

  border-radius: 18px;
  background-color: #f8fafc;

  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* ALTERNATE BACKGROUND COLORS */
.landing-page.service-parenthood .parenthood-guidance-point:nth-child(odd) {
  background-color: rgba(255, 107, 107, 0.08);
}

.landing-page.service-parenthood .parenthood-guidance-point:nth-child(even) {
  background-color: rgba(77, 150, 255, 0.08);
}

/* HOVER – EDITORIAL LIFT */
.landing-page.service-parenthood .parenthood-guidance-point:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}

/* =========================
   TABLET
   ========================= */

@media (max-width: 991px) {
  .landing-page.service-parenthood .parenthood-guidance-section {
    padding: 100px 0;
  }

  .landing-page.service-parenthood .parenthood-guidance-title {
    font-size: 34px;
  }

  .landing-page.service-parenthood .parenthood-guidance-points {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}

/* =========================
   MOBILE
   ========================= */

@media (max-width: 575px) {
  .landing-page.service-parenthood .parenthood-guidance-section {
    padding: 30px 0;
  }

  .landing-page.service-parenthood .parenthood-guidance-title {
    font-size: 1.7rem;
  }

  .landing-page.service-parenthood .parenthood-guidance-description {
    font-size: 0.9rem;
    margin: 30px auto 10px;

  }

  .landing-page.service-parenthood .parenthood-guidance-points {
    grid-template-columns: 1fr;
  }

  .landing-page.service-parenthood .parenthood-guidance-point {
    padding: 28px 18px;
    font-size: 15px;
  }
}


/* =====================================================
   Parenthood Analysis Section – FINAL PREMIUM STYLES
   ===================================================== */

.landing-page.service-parenthood .parenthood-analysis-section {
  position: relative;
  padding: 90px 0;
  background:
    radial-gradient(
      600px 600px at 10% 10%,
      rgba(255, 107, 107, 0.14),
      transparent 60%
    ),
    radial-gradient(
      600px 600px at 90% 20%,
      rgba(77, 150, 255, 0.14),
      transparent 60%
    ),
    linear-gradient(
      180deg,
      #fffaf7 0%,
      #ffffff 100%
    );
}

/* ---------------------------------
   Section Heading (System Aligned)
---------------------------------- */

.landing-page.service-parenthood .parenthood-analysis-title {
  position: relative;
  font-size: 42px;
  font-weight: 800;
  margin-bottom: 32px;
  letter-spacing: -0.5px;
  text-align: center;
  background: linear-gradient(
    90deg,
    var(--pp-primary-color),
    var(--pp-secondary-color)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.landing-page.service-parenthood .parenthood-analysis-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 3px;
  margin: 22px auto 0;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(255, 107, 107, 0.9),
    rgba(77, 150, 255, 0.9)
  );
}

/* ---------------------------------
   Segmented Navigation (Premium)
---------------------------------- */

.landing-page.service-parenthood .parenthood-analysis-nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding: 0;
  margin: 80px 0 40px 0;
  list-style: none;
}

.landing-page.service-parenthood .parenthood-analysis-nav-btn {
  width: 100%;
  text-align: left;
  padding: 12px 26px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.85);
 border: 1.5px solid rgba(255, 107, 107, 0.18);
  cursor: pointer;
  transition: all 0.35s ease;
  backdrop-filter: blur(6px);
}

.landing-page.service-parenthood .parenthood-analysis-nav-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.08);
}
.landing-page.service-parenthood .parenthood-analysis-nav-btn.active {
  border-color: transparent;
  box-shadow:
    0 0 0 1.5px rgba(255, 107, 107, 0.25),
    0 0 0 4px rgba(255, 107, 107, 0.08),
    0 18px 40px rgba(0, 0, 0, 0.08);
}

/* Nav text */

.landing-page.service-parenthood .parenthood-nav-title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: var(--pp-text-primary);
}

.landing-page.service-parenthood .parenthood-nav-sub {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  color: var(--pp-text-muted);
}

/* ---------------------------------
   Content Panel (Authority)
---------------------------------- */

.landing-page.service-parenthood .parenthood-analysis-content {
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #fffdfb 100%
  );
  border-radius: 28px;
  padding: 50px 56px;
  box-shadow:
    0 40px 90px rgba(0, 0, 0, 0.08),
    inset 0 0 0 1px rgba(255, 107, 107, 0.08);
}

/* Pane wrapper */
.landing-page.service-parenthood .parenthood-analysis-pane {
  max-width: 920px;
  margin: 0 auto;
}

/* Description text */

.landing-page.service-parenthood .parenthood-analysis-description {
  font-size: 16px;
  color: var(--pp-text-muted);
  margin-bottom: 24px;
}

/* ---------------------------------
   Key Points / Deliverables
---------------------------------- */

.landing-page.service-parenthood .parenthood-analysis-point {
  position: relative;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.7;
  color: var(--pp-text-primary);
  padding: 18px 22px 18px 56px;
  margin-bottom: 18px;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 14px;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.05);
}

.landing-page.service-parenthood .parenthood-analysis-point::before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  left: 22px;
  top: 26px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    var(--pp-primary-color),
    var(--pp-secondary-color)
  );
}

/* ---------------------------------
   Responsive Adjustments
---------------------------------- */

@media (max-width: 991px) {
  .landing-page.service-parenthood .parenthood-analysis-nav {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 576px) {

  .landing-page.service-parenthood .parenthood-analysis-section
  {
    padding: 30px 0;
  }

  .landing-page.service-parenthood .parenthood-analysis-content {
    padding: 36px 26px;
  }

  .landing-page.service-parenthood .parenthood-analysis-title {
    font-size: 1.7rem;
  }

  .landing-page.service-parenthood .parenthood-analysis-nav
  {
      margin: 30px 0 30px 0;
  }

  .landing-page.service-parenthood .parenthood-analysis-point {
      
      font-size: 0.95rem;
      padding: 10px 15px 10px 50px;
  }

  .landing-page.service-parenthood .parenthood-analysis-nav-btn {
    padding: 5px 20px;
  }
}


/* =====================================================
   Parenthood Approach Section – FINAL STYLES
   ===================================================== */

.landing-page.service-parenthood .parenthood-approach-section {
  position: relative;
  padding: 90px 0;
  background:#fff;
}

/* ---------------------------------
   LEFT COLUMN – Scientific Approach
---------------------------------- */

.landing-page.service-parenthood .parenthood-approach-box {
  padding: 20px 10px;
}

.landing-page.service-parenthood .parenthood-approach-title {
  font-size: 34px;
  font-weight: 800;
  margin-bottom: 24px;
  background: linear-gradient(
    90deg,
    var(--pp-primary-color),
    var(--pp-secondary-color)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.landing-page.service-parenthood .parenthood-approach-description {
  font-size: 16px;
  line-height: 1.8;
  color: var(--pp-text-muted);
  margin-bottom: 18px;
}

/* ---------------------------------
   RIGHT COLUMN – Gentle Note (POP)
---------------------------------- */

.landing-page.service-parenthood .parenthood-gentle-note-box {
  position: relative;
  padding: 44px 46px;
  border-radius: 28px;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.95),
      rgba(255, 249, 245, 0.95)
    );
  box-shadow:
    0 40px 90px rgba(0, 0, 0, 0.10),
    inset 0 0 0 1px rgba(255, 107, 107, 0.15);
  transition: all 0.35s ease;
}

/* Hover lift – subtle, premium */
.landing-page.service-parenthood .parenthood-gentle-note-box:hover {
  transform: translateY(-6px);
  box-shadow:
    0 55px 120px rgba(0, 0, 0, 0.14),
    inset 0 0 0 1px rgba(255, 107, 107, 0.25);
}

/* Soft glow behind CTA box */
.landing-page.service-parenthood .parenthood-gentle-note-box::before {
  content: "";
  position: absolute;
  inset: -20px;
  background:
    radial-gradient(
      300px 300px at center,
      rgba(255, 107, 107, 0.18),
      transparent 70%
    );
  z-index: -1;
  border-radius: 40px;
}

/* ---------------------------------
   Gentle Note Text
---------------------------------- */

.landing-page.service-parenthood .parenthood-gentle-note-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 18px;
  color: var(--pp-text-primary);
}

.landing-page.service-parenthood .parenthood-gentle-note-description {
  font-size: 16px;
  line-height: 1.8;
  color: var(--pp-text-muted);
  margin-bottom: 16px;
}

/* ---------------------------------
   CTA Button – Emotional + Premium
---------------------------------- */

.landing-page.service-parenthood .parenthood-gentle-note-cta {
  margin-top: 28px;
}

.landing-page.service-parenthood .parenthood-gentle-note-button {
  display: inline-block;
  padding: 16px 34px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 999px;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(
    90deg,
    var(--pp-primary-color),
    var(--pp-secondary-color)
  );
  box-shadow:
    0 14px 40px rgba(255, 107, 107, 0.35);
  transition: all 0.3s ease;
}

.landing-page.service-parenthood .parenthood-gentle-note-button:hover {
  transform: translateY(-2px);
  box-shadow:
    0 22px 60px rgba(255, 107, 107, 0.45);
}

/* ---------------------------------
   Responsive Adjustments
---------------------------------- */

@media (max-width: 991px) {
  .landing-page.service-parenthood .parenthood-gentle-note-box {
    margin-top: 40px;
  }
}

@media (max-width: 576px) {
  .landing-page.service-parenthood .parenthood-approach-section
  {
    padding: 30px 0;
  }
  .landing-page.service-parenthood .parenthood-approach-title {
    font-size: 1.7rem;
  }
  .landing-page.service-parenthood .parenthood-approach-description
  {
    font-size: 0.9rem;
  }

  .landing-page.service-parenthood .parenthood-approach-box
  {
    padding: 10px 10px;
  }

  .landing-page.service-parenthood .parenthood-gentle-note-box {
    padding: 34px 26px;
  }
}

/* =====================================================
   Parenthood Pricing Section – FINAL PREMIUM STYLES
   ===================================================== */

.landing-page.service-parenthood .parenthood-pricing-section {
  padding: 90px 0;
  background: #fff8f4;
}

/* ---------------------------------
   Section Header
---------------------------------- */

.landing-page.service-parenthood .parenthood-pricing-header {
  text-align: center;
  margin-bottom: 70px;
}

.landing-page.service-parenthood .parenthood-pricing-title {
  position: relative;
  font-size: 42px;
  font-weight: 800;
  letter-spacing: -0.5px;
  background: linear-gradient(
    90deg,
    var(--pp-primary-color),
    var(--pp-secondary-color)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.landing-page.service-parenthood .parenthood-pricing-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 3px;
  margin: 22px auto 0;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(255, 107, 107, 0.9),
    rgba(77, 150, 255, 0.9)
  );
}

/* ---------------------------------
   Pricing Cards – Base
---------------------------------- */

.landing-page.service-parenthood .parenthood-pricing-box {
  height: 100%;
  padding: 44px 36px;
  border-radius: 28px;
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #fffdfb 100%
  );
  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.08),
    inset 0 0 0 1px rgba(0, 0, 0, 0.04);
  transition: all 0.35s ease;
  position: relative;
}

.landing-page.service-parenthood .parenthood-pricing-box:hover {
  transform: translateY(-6px);
  box-shadow:
    0 45px 120px rgba(0, 0, 0, 0.12),
    inset 0 0 0 1px rgba(255, 107, 107, 0.18);
}

/* ---------------------------------
   Featured Plan (Most Popular)
---------------------------------- */

.landing-page.service-parenthood .parenthood-pricing-featured {
  background: linear-gradient(
    180deg,
    #fff6f4 0%,
    #ffffff 100%
  );
  box-shadow:
    0 45px 120px rgba(255, 107, 107, 0.18),
    inset 0 0 0 2px rgba(255, 107, 107, 0.25);
  transform: translateY(-10px);
}

.landing-page.service-parenthood .parenthood-pricing-featured:hover {
  transform: translateY(-14px);
}

/* Badge */

.landing-page.service-parenthood .parenthood-pricing-badge {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    var(--pp-primary-color),
    var(--pp-secondary-color)
  );
  box-shadow: 0 12px 30px rgba(255, 107, 107, 0.45);
}

/* ---------------------------------
   Plan Title & Price
---------------------------------- */

.landing-page.service-parenthood .parenthood-pricing-plan-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: var(--pp-text-primary);
}

.landing-page.service-parenthood .parenthood-pricing-price {
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 28px;
  background: linear-gradient(
    90deg,
    var(--pp-primary-color),
    var(--pp-secondary-color)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ---------------------------------
   Questions Block (Value Signal)
---------------------------------- */

.landing-page.service-parenthood .parenthood-pricing-questions-wrap {
  margin-bottom: 26px;
}

.landing-page.service-parenthood .parenthood-pricing-questions-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 14px;
  color: var(--pp-text-primary);
}

.landing-page.service-parenthood .parenthood-pricing-question-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.landing-page.service-parenthood .parenthood-pricing-question-list li {
  position: relative;
  font-size: 15px;
  line-height: 1.7;
  color: var(--pp-text-muted);
  padding-left: 22px;
  margin-bottom: 10px;
}

.landing-page.service-parenthood .parenthood-pricing-question-list li::before {
  content: "";
  width: 8px;
  height: 8px;
  background: linear-gradient(
    135deg,
    var(--pp-primary-color),
    var(--pp-secondary-color)
  );
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 8px;
}

/* ---------------------------------
   Notes
---------------------------------- */

.landing-page.service-parenthood .parenthood-pricing-note {
  font-size: 14px;
  color: var(--pp-text-muted);
  margin-bottom: 26px;
}

/* ---------------------------------
   CTA Buttons
---------------------------------- */

.landing-page.service-parenthood .parenthood-pricing-cta,
.landing-page.service-parenthood .parenthood-pricing-dual-cta {
  margin-top: 24px;
}

.landing-page.service-parenthood .parenthood-pricing-button {
  display: inline-block;
  width: 100%;
  padding: 16px 20px;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    var(--pp-primary-color),
    var(--pp-secondary-color)
  );
  /*box-shadow: 0 16px 40px rgba(255, 107, 107, 0.35);*/
  transition: all 0.3s ease;
}

.landing-page.service-parenthood .parenthood-pricing-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 60px rgba(255, 107, 107, 0.45);
}

/* ---------------------------------
   Responsive
---------------------------------- */

@media (max-width: 991px) {
  .landing-page.service-parenthood .parenthood-pricing-box {
    margin-bottom: 40px;
  }

  .landing-page.service-parenthood .parenthood-pricing-featured {
    transform: none;
  }
}

@media (max-width: 576px) {
  .landing-page.service-parenthood .parenthood-pricing-section
  {
    padding: 30px 0;
  }

  .landing-page.service-parenthood .parenthood-pricing-title {
    font-size: 1.9rem;
  }

  .landing-page.service-parenthood .parenthood-pricing-header
  {
    margin-bottom: 30px;
  }

  .landing-page.service-parenthood .parenthood-pricing-box {
    padding: 36px 26px;
    margin-bottom: 0px;
  }
}

/* =====================================================
   Parenthood FAQ Section – FINAL STYLES
   ===================================================== */

.landing-page.service-parenthood .parenthood-faq-section {
  padding: 90px 0;
  background: #fff;
}

/* ---------------------------------
   Section Header
---------------------------------- */

.landing-page.service-parenthood .parenthood-faq-header {
  text-align: center;
  margin-bottom: 60px;
}

.landing-page.service-parenthood .parenthood-faq-title {
  position: relative;
  font-size: 42px;
  font-weight: 800;
  letter-spacing: -0.5px;
  text-align: center;

  /* SAME gradient as Pricing & other sections */
  background: linear-gradient(
    90deg,
    var(--pp-primary-color),
    var(--pp-secondary-color)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  /* IMPORTANT: prevent background blending issues */
  isolation: isolate;
}

/* SAME divider as other sections */
.landing-page.service-parenthood .parenthood-faq-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 3px;
  margin: 22px auto 0;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(255, 107, 107, 0.9),
    rgba(77, 150, 255, 0.9)
  );
}

/* ---------------------------------
   Accordion Base Reset (CRITICAL)
---------------------------------- */

.landing-page.service-parenthood .parenthood-faq-accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: transparent;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-active-color: inherit;
}

/* ---------------------------------
   Accordion Item
---------------------------------- */

.landing-page.service-parenthood .parenthood-faq-item {
  margin-bottom: 18px;
  border-radius: 20px;
  overflow: hidden;
  background: #ffffff;
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.06);
}

/* ---------------------------------
   Accordion Button (Question)
---------------------------------- */

.landing-page.service-parenthood .parenthood-faq-item .accordion-button {
  padding: 22px 26px;
  font-size: 17px;
  font-weight: 600;
  color: var(--pp-text-primary);
  background: transparent;
  border: none;
  box-shadow: none;
}

/* Remove Bootstrap arrow focus & color */
.landing-page.service-parenthood .parenthood-faq-item .accordion-button:focus {
  box-shadow: none;
  outline: none;
}

/* Remove Bootstrap active background */
.landing-page.service-parenthood .parenthood-faq-item .accordion-button:not(.collapsed) {
  background: transparent;
  color: var(--pp-text-primary);
}

/* Custom arrow */
.landing-page.service-parenthood .parenthood-faq-item .accordion-button::after {
  background-image: none;
  content: "+";
  font-size: 26px;
  font-weight: 400;
  color: var(--pp-primary-color);
  transform: none;
  transition: transform 0.25s ease;
}

/* Arrow open state */
.landing-page.service-parenthood .parenthood-faq-item .accordion-button:not(.collapsed)::after {
  content: "–";
  transform: rotate(0deg);
}

/* ---------------------------------
   Accordion Body (Answer)
---------------------------------- */

.landing-page.service-parenthood .parenthood-faq-answer {
  padding: 0 26px 24px;
  font-size: 15.5px;
  line-height: 1.8;
  color: var(--pp-text-muted);
}

/* ---------------------------------
   Open State Highlight (SUBTLE)
---------------------------------- */

.landing-page.service-parenthood
.parenthood-faq-item
.accordion-collapse.show {
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fffdfb 100%
    );
  box-shadow:
    inset 0 0 0 1px rgba(255, 107, 107, 0.15);
}


/* =====================================================
   HARD BOOTSTRAP FAQ YELLOW NEUTRALIZATION (FINAL)
   ===================================================== */

.landing-page.service-parenthood .parenthood-faq-section {


  /* Kill Bootstrap accordion theme variables */
  --bs-accordion-bg: transparent;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-border-color: transparent;
  --bs-accordion-active-color: inherit;
}

/* FORCE remove yellow background from open button */
.landing-page.service-parenthood
.parenthood-faq-section
.parenthood-faq-item
.accordion-button,
.landing-page.service-parenthood
.parenthood-faq-section
.parenthood-faq-item
.accordion-button:not(.collapsed) {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--pp-text-primary) !important;
}

/* FORCE remove yellow focus / hover states */
.landing-page.service-parenthood
.parenthood-faq-section
.parenthood-faq-item
.accordion-button:focus,
.landing-page.service-parenthood
.parenthood-faq-section
.parenthood-faq-item
.accordion-button:hover {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* FORCE remove collapse container background */
.landing-page.service-parenthood
.parenthood-faq-section
.parenthood-faq-item
.accordion-collapse,
.landing-page.service-parenthood
.parenthood-faq-section
.parenthood-faq-item
.accordion-collapse.show {
  background: transparent !important;
}

/* OPTIONAL: gentle custom open-state highlight (SAFE) */
.landing-page.service-parenthood
.parenthood-faq-section
.parenthood-faq-item
.accordion-collapse.show {
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #fffdfb 100%
  ) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 107, 107, 0.15);
}


/* ---------------------------------
   Responsive
---------------------------------- */

@media (max-width: 576px) {

  .landing-page.service-parenthood .parenthood-faq-section
  {
    padding: 30px 0;
  }

  .landing-page.service-parenthood .parenthood-faq-title {
    font-size: 1.9rem;
  }

  .landing-page.service-parenthood .parenthood-faq-header
  {
    margin-bottom: 30px;
  }

  .landing-page.service-parenthood .parenthood-faq-item .accordion-button {
    padding: 16px 20px;
    font-size: 0.95rem;
  }

  .landing-page.service-parenthood .parenthood-faq-answer {
    padding: 0 20px 20px;
  }
}

/* =====================================================
   Meet The Master Section – FINAL STYLES
   ===================================================== */

.landing-page.service-parenthood .parenthood-master-section {
  position: relative;
  padding: 90px 0;
  background:
    radial-gradient(
      500px 500px at 15% 20%,
      rgba(255, 107, 107, 0.08),
      transparent 60%
    ),
    radial-gradient(
      500px 500px at 85% 30%,
      rgba(77, 150, 255, 0.08),
      transparent 60%
    ),
    #ffffff;
}

/* ---------------------------------
   Master Box (Container)
---------------------------------- */

.landing-page.service-parenthood .parenthood-master-box {
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

/* ---------------------------------
   Image Wrapper
---------------------------------- */

.landing-page.service-parenthood .parenthood-master-image-wrap {
  position: relative;
  margin: 0 auto 30px;

}

.landing-page.service-parenthood .parenthood-master-image {
  width: 100%;
  height: 100%;

  object-fit: cover;
  background: #ffffff;
}

/* Soft aura behind image */
.landing-page.service-parenthood .parenthood-master-image-wrap::after {
  content: "";
  position: absolute;
  inset: -20px;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(255, 107, 107, 0.18),
      transparent 65%
    );
  z-index: -1;
}

/* ---------------------------------
   Section Title (System Heading)
---------------------------------- */

.landing-page.service-parenthood .parenthood-master-title {
  position: relative;
  font-size: 42px;
  font-weight: 800;
  letter-spacing: -0.5px;
  margin-bottom: 36px;
  background: linear-gradient(
    90deg,
    var(--pp-primary-color),
    var(--pp-secondary-color)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  isolation: isolate;
}

.landing-page.service-parenthood .parenthood-master-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 3px;
  margin: 22px auto 0;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(255, 107, 107, 0.9),
    rgba(77, 150, 255, 0.9)
  );
}

/* ---------------------------------
   Description Text
---------------------------------- */

.landing-page.service-parenthood .parenthood-master-description {
  font-size: 16.5px;
  line-height: 1.9;
  color: var(--pp-text-muted);
  margin-bottom: 22px;
}

/* ---------------------------------
   Responsive Adjustments
---------------------------------- */

@media (max-width: 768px) {



  .landing-page.service-parenthood .parenthood-master-title {
    font-size: 32px;
  }

  .landing-page.service-parenthood .parenthood-master-image-wrap {
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 576px) {

  .landing-page.service-parenthood .parenthood-master-section
  {
    padding: 30px 0;
  }

  .landing-page.service-parenthood .parenthood-master-title {
    font-size: 1.9rem;
  }

    .landing-page.service-parenthood .parenthood-master-image-wrap {
    width: 100%;
    height: 100%;
  }


  .landing-page.service-parenthood .parenthood-master-description {
    font-size: 15.5px;
  }
}

.landing-page.service-relationship-issues {
  /* Backgrounds */
  --ri-bg-primary: #F7F4EF;     /* Warm Linen */
  --ri-bg-secondary: #FFFFFF;  /* Pure White (limited use) */

  /* Primary / Trust */
  --ri-primary: #069494;       /* Calm Teal */

  /* Accents */
  --ri-accent-cta: #BE5103;    /* Burnt Orange */
  --ri-accent-soft: #F3B6C6;   /* Soft Blush */

  /* Text */
  --ri-text-primary: #2F2F2F;  /* Warm Charcoal */
  --ri-text-muted: #6B6B6B;    /* Muted supporting text */

  /* Borders / Dividers */
  --ri-border-light: #E6E1DB;  /* Soft neutral divider */
}

/* =================================================
   HERO SECTION – BACKGROUND IMAGE VERSION (FINAL)
================================================= */

.landing-page.service-relationship-issues .relationship-hero-section {
position: relative;
  padding: 90px 0 130px;
  background-image: linear-gradient( rgba(247, 244, 239, 0.92), rgba(247, 244, 239, 0.51) ), url("../img/landing-pages/relationship-issue-hero.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* ---------- HERO CONTENT ---------- */

.landing-page.service-relationship-issues .relationship-hero-box {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

/* ---------- TITLE ---------- */

.landing-page.service-relationship-issues .relationship-hero-title {
  font-size: 50px;
  font-weight: 600;
  color: #3a3a3a;
  letter-spacing: -0.3px;
  margin-bottom: 28px;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

/* ---------- HERO REASSURANCE ---------- */

.landing-page.service-relationship-issues .relationship-hero-reassurance {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  padding: 8px 22px;
  margin: 14px auto 28px;
  background-color: rgba(255, 255, 255, 0.55);
  border-radius: 20px;
  font-size: 14px;
  color: var(--ri-text-muted);
  backdrop-filter: blur(4px);
}

/* subtle separators */
.landing-page.service-relationship-issues .relationship-hero-reassurance span {
  position: relative;
  padding: 0 6px;
}

.landing-page.service-relationship-issues .relationship-hero-reassurance span:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -9px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background-color: var(--ri-accent-soft);
  border-radius: 50%;
  opacity: 0.7;
}


.landing-page.service-relationship-issues .relationship-hero-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 0px 0 36px;
}

.landing-page.service-relationship-issues .relationship-hero-divider-line {
  width: 60px;
  height: 1px;
  background-color: var(--ri-primary);
  opacity: 0.45;
}

.landing-page.service-relationship-issues .relationship-hero-divider-icon {
  font-size: 14px;
  color: var(--ri-accent-soft);
}
/* ---------- SUBTITLE ---------- */

.landing-page.service-relationship-issues .relationship-hero-subtitle {
  font-size: 18.5px;
  line-height: 1.9;
  color: var(--ri-text-muted);
  max-width: 760px;
  margin: 0 auto 48px;
}

/* ---------- CTA ---------- */

.landing-page.service-relationship-issues .relationship-hero-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 42px;
  background-color: var(--ri-accent-cta);
  color: #ffffff;
  font-size: 16.5px;
  font-weight: 500;
  border-radius: 60px;
  text-decoration: none;
  box-shadow: 0 14px 36px rgba(190, 81, 3, 0.28);
  transition: all 0.35s ease;
}

.landing-page.service-relationship-issues .relationship-hero-cta-button::after {
  content: "→";
  margin-left: 12px;
  transition: transform 0.3s ease;
}

.landing-page.service-relationship-issues .relationship-hero-cta-button:hover {
  background-color: var(--ri-primary);
  transform: translateY(-2px);
  box-shadow: 0 18px 46px rgba(6, 148, 148, 0.3);
}

.landing-page.service-relationship-issues .relationship-hero-cta-button:hover::after {
  transform: translateX(4px);
}

/* ---------- RESPONSIVE ---------- */

@media (max-width: 991px) {
  .landing-page.service-relationship-issues .relationship-hero-title {
    font-size: 42px;
  }

  .landing-page.service-relationship-issues .relationship-hero-section {
    padding: 120px 0 110px;
  }
}

@media (max-width: 576px) {
  .landing-page.service-relationship-issues .relationship-hero-section {
    padding: 30px 0;
  }

  .landing-page.service-relationship-issues .relationship-hero-title {
    font-size: 34px;
    margin-bottom: 0;
  }

  .landing-page.service-relationship-issues .relationship-hero-subtitle {
    font-size: 16.5px;
  }

  .landing-page.service-relationship-issues .relationship-hero-cta-button
  {
    font-size: 15px;
    padding: 14px 20px;

  }

}

/* ==================================================
   RELATIONSHIP TRUST SECTION — LIGHT PINK REFINEMENT
================================================== */

/* SECTION */
.landing-page.service-relationship-issues .relationship-trust-section {
  padding: 90px 0 90px;
}

/* WRAPPER */
.landing-page.service-relationship-issues .relationship-trust-box {
  max-width: 1000px;
  margin: 0 auto;
}

/* GRID */
.landing-page.service-relationship-issues .relationship-trust-grid {
  display: grid;
  grid-template-columns: 1fr 44px 1fr;
  align-items: center;
  justify-content: center;
}

/* SIDES */
.landing-page.service-relationship-issues .relationship-trust-side {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.landing-page.service-relationship-issues .relationship-trust-left {
  align-items: flex-end;
  text-align: right;
}

.landing-page.service-relationship-issues .relationship-trust-right {
  align-items: flex-start;
  text-align: left;
}

/* ==================================================
   TRUST PILLS — LIGHT PINK, EDITORIAL
================================================== */

.landing-page.service-relationship-issues .relationship-trust-point {
  width: 360px;
  min-height: 56px;
  display: flex;
  align-items: center;
  gap: 16px;

  padding: 14px 22px;

  /* Light pink background */
  background: #fdecef99;

  /* Soft pink border */
  border: 1px solid #f3b6c6;

  border-radius: 999px;

  transition: 
    background 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.25s ease;
}

/* MIRROR LEFT */
.landing-page.service-relationship-issues
.relationship-trust-left .relationship-trust-point {
  flex-direction: row-reverse;
}

/* HOVER — SOFT LIFT */
.landing-page.service-relationship-issues .relationship-trust-point:hover {
  background: #fbdfe5;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

/* HEART ICON — SLIGHTLY LARGER, SOFT */
.landing-page.service-relationship-issues .relationship-trust-point i {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #f3b6c6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #e07a9a;
  flex-shrink: 0;
  transition: transform 0.25s ease;
}

/* ICON MICRO INTERACTION */
.landing-page.service-relationship-issues
.relationship-trust-point:hover i {
  transform: scale(1.08);
}

/* TEXT — DARK FOR READABILITY */
.landing-page.service-relationship-issues .relationship-trust-point p {
  margin: 0;
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--ri-text-primary);
  letter-spacing: 0.25px;
}

/* ==================================================
   CENTER DIVIDER
================================================== */

.landing-page.service-relationship-issues .relationship-trust-center {
  display: flex;
  justify-content: center;
}

.landing-page.service-relationship-issues .relationship-trust-line {
  width: 1px;
  height: 215px;
  background: linear-gradient(
    to bottom,
    transparent,
    var(--ri-border-light),
    transparent
  );
}

/* ==================================================
   FINAL RESOLUTION — SAME SYSTEM, NO BLACK HEART
================================================== */

.landing-page.service-relationship-issues .relationship-trust-resolution {
  margin-top: 40px;
  text-align: center;
}

.landing-page.service-relationship-issues
.relationship-trust-resolution p {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  padding: 16px 34px;
  border-radius: 999px;

  background: #fdecef;
  border: 1px solid #f3b6c6;

  font-size: 19px;
  font-weight: 700;
  color: var(--ri-text-primary);
  letter-spacing: 0.4px;
}

/* HEART INSIDE FINAL PILL */
.landing-page.service-relationship-issues
.relationship-trust-resolution p i {
  font-size: 16px;
  color: #e07a9a;
}

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

@media (max-width: 991px) {
  .landing-page.service-relationship-issues .relationship-trust-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .landing-page.service-relationship-issues .relationship-trust-center {
    display: none;
  }

  .landing-page.service-relationship-issues .relationship-trust-side {
    align-items: center;
    text-align: center;
  }

  .landing-page.service-relationship-issues
  .relationship-trust-left .relationship-trust-point {
    flex-direction: row;
  }
}

@media (max-width: 576px) {
  .landing-page.service-relationship-issues .relationship-trust-section {
    padding: 70px 0;
  }

  .landing-page.service-relationship-issues .relationship-trust-point {
    width: 100%;
    max-width: 360px;
    padding: 12px 20px;
  }

  .landing-page.service-relationship-issues
  .relationship-trust-resolution p {
    font-size: 17px;
    padding: 14px 26px;
  }
}

/* ==================================================
   RELATIONSHIP IMPORTANCE SECTION
================================================== */

/* SECTION */
.landing-page.service-relationship-issues .relationship-importance-section {
  padding: 110px 0;
}

/* BOX */
.landing-page.service-relationship-issues .relationship-importance-box {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

/* TITLE */
.landing-page.service-relationship-issues .relationship-importance-title {
  font-size: 34px;
  font-weight: 700;
  color: var(--ri-text-primary);
  margin-bottom: 24px;
  letter-spacing: 0.4px;
}

/* TEXT */
.landing-page.service-relationship-issues .relationship-importance-text {
  font-size: 17px;
  line-height: 1.75;
  color: var(--ri-text-muted);
  margin-bottom: 40px;
}

/* CTA WRAPPER */
.landing-page.service-relationship-issues .relationship-importance-cta {
  display: flex;
  justify-content: center;
}

/* CTA BUTTON */
.landing-page.service-relationship-issues .relationship-importance-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 14px 36px;
  border-radius: 999px;

  background: var(--ri-primary);
  color: #ffffff;
  font-size: 15.5px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-decoration: none;

  transition: 
    background 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.25s ease;
}

/* CTA HOVER */
.landing-page.service-relationship-issues .relationship-importance-button:hover {
  background: #047f7f; /* slightly deeper teal */
  box-shadow: 0 12px 30px rgba(6, 148, 148, 0.25);
  transform: translateY(-2px);
}

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

/* TABLET */
@media (max-width: 991px) {
  .landing-page.service-relationship-issues .relationship-importance-section {
    padding: 90px 0;
  }

  .landing-page.service-relationship-issues .relationship-importance-title {
    font-size: 30px;
  }
}

/* MOBILE */
@media (max-width: 576px) {
  .landing-page.service-relationship-issues .relationship-importance-section {
    padding: 70px 0;
  }

  .landing-page.service-relationship-issues .relationship-importance-title {
    font-size: 26px;
  }

  .landing-page.service-relationship-issues .relationship-importance-text {
    font-size: 16px;
  }

  .landing-page.service-relationship-issues .relationship-importance-button {
    padding: 13px 30px;
    font-size: 15px;
  }
}


/* ==================================================
   RELATIONSHIP IMPORTANCE SECTION — FINAL
================================================== */

/* SECTION — PROFESSIONAL SOFT BACKGROUND */
.landing-page.service-relationship-issues .relationship-importance-section {
  padding: 60px 0;
  background: linear-gradient(
    135deg,
    #f9fefd 0%,
    #fff1f4 100%
  );
}

/* BOX */
.landing-page.service-relationship-issues .relationship-importance-box {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

/* DIVIDER */
.landing-page.service-relationship-issues .relationship-importance-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 36px;
}

.landing-page.service-relationship-issues .relationship-importance-divider-line {
  width: 60px;
  height: 1px;
  background: var(--ri-border-light);
}

.landing-page.service-relationship-issues .relationship-importance-divider-icon {
  font-size: 14px;
  color: var(--ri-accent-soft);
  border-radius: 50%;
  background: #fff;
  padding: 10px;
}

/* TITLE */
.landing-page.service-relationship-issues .relationship-importance-title {
  font-size: 34px;
  font-weight: 700;
  color: var(--ri-text-primary);
  margin-bottom: 24px;
  letter-spacing: 0.4px;
}

/* TEXT */
.landing-page.service-relationship-issues .relationship-importance-text {
  font-size: 17px;
  line-height: 1.75;
  color: var(--ri-text-muted);
  margin-bottom: 44px;
}

/* CTA WRAPPER */
.landing-page.service-relationship-issues .relationship-importance-cta {
  display: flex;
  justify-content: center;
}
/* IMPORTANCE CTA — EXACT HERO COPY (LOCKED) */
.landing-page.service-relationship-issues .relationship-importance-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 42px;
  background-color: var(--ri-accent-cta);
  color: #ffffff;
  font-size: 16.5px;
  font-weight: 500;
  border-radius: 60px;
  text-decoration: none;
  box-shadow: 0 14px 36px rgba(190, 81, 3, 0.28);
  transition: all 0.35s ease;
}

.landing-page.service-relationship-issues .relationship-importance-button::after {
  content: "→";
  margin-left: 12px;
  transition: transform 0.3s ease;
}

.landing-page.service-relationship-issues .relationship-importance-button:hover {
  background-color: var(--ri-primary);
  transform: translateY(-2px);
  box-shadow: 0 18px 46px rgba(6, 148, 148, 0.3);
}

.landing-page.service-relationship-issues .relationship-importance-button:hover::after {
  transform: translateX(4px);
}

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

/* TABLET */
@media (max-width: 991px) {
  .landing-page.service-relationship-issues .relationship-importance-section {
    padding: 100px 0;
  }

  .landing-page.service-relationship-issues .relationship-importance-title {
    font-size: 30px;
  }
}

/* MOBILE */
@media (max-width: 576px) {
  .landing-page.service-relationship-issues .relationship-importance-section {
    padding: 30px 0;
  }

  .landing-page.service-relationship-issues .relationship-importance-title {
    font-size: 26px;
  }

  .landing-page.service-relationship-issues .relationship-importance-text {
    font-size: 16px;
  }

  .landing-page.service-relationship-issues .relationship-importance-divider-line {
    width: 44px;
  }

  .landing-page.service-relationship-issues .relationship-importance-divider
  {
    margin-bottom: 20px;
  }
}

/* ==================================================
   RELATIONSHIP TABS SECTION — REFINED FOCUS
================================================== */

/* SECTION — VERY LIGHT BACKGROUND */
.landing-page.service-relationship-issues .relationship-tabs-section {
  padding: 90px 0;
  background-color: #fff; /* light pinkish white */
}

/* BOX */
.landing-page.service-relationship-issues .relationship-tabs-box {
  max-width: 1100px;
  margin: 0 auto;
}

/* DIVIDER */
.landing-page.service-relationship-issues .relationship-tabs-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 50px;
}

.landing-page.service-relationship-issues .relationship-tabs-divider-line {
  width: 60px;
  height: 1px;
  background: var(--ri-border-light);
}

.landing-page.service-relationship-issues .relationship-tabs-divider-icon {
  font-size: 14px;
  color: var(--ri-accent-soft);
}

/* TITLE */
.landing-page.service-relationship-issues .relationship-tabs-title {
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  color: var(--ri-text-primary);
  margin-bottom: 20px;
}

/* LAYOUT */
.landing-page.service-relationship-issues .relationship-tabs-layout {
  align-items: stretch;
}

/* ================================
   TABS NAV — MAIN VISUAL FOCUS
================================ */

/* NAV CONTAINER */
.landing-page.service-relationship-issues .relationship-tabs-nav {
  position: sticky;
  top: 120px;
}

/* TAB BUTTON */
.landing-page.service-relationship-issues .relationship-tab-link {
  width: 100%;
  text-align: left;

  padding: 18px 22px;
  margin-bottom: 16px;

  background: #ffffff;
  border: 1px solid var(--ri-border-light);
  border-radius: 16px;

  font-size: 16px;
  font-weight: 600;
  color: var(--ri-text-primary);

  transition: 
    border-color 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.25s ease;
}

/* ACTIVE TAB — CLEAR BUT NOT LOUD */
.landing-page.service-relationship-issues .relationship-tab-link.active {
    border-color: #f3b6c6;
  box-shadow: 0 14px 34px rgba(243, 182, 198, 0.35);
  transform: translateY(-2px);
}

/* HOVER */
.landing-page.service-relationship-issues .relationship-tab-link:hover {
  border-color: #f3b6c6;
}

/* ================================
   CONTENT PANEL — PRIMARY READER AREA
================================ */

.landing-page.service-relationship-issues .relationship-tabs-content {
  background: #ffffff;
  border-radius: 22px;
  padding: 44px 48px;

  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.08);
}

/* PANEL ANIMATION */
.landing-page.service-relationship-issues .relationship-tabs-panel {
  animation: fadeUp 0.4s ease;
}

/* INTRO PARAGRAPH */
.landing-page.service-relationship-issues .relationship-tabs-intro {
  font-size: 16.5px;
  line-height: 1.7;
  color: var(--ri-text-muted);
  margin-bottom: 28px;
}

/* LIST — PRIMARY CONTENT TREATMENT */
.landing-page.service-relationship-issues .relationship-tabs-list p {
  position: relative;
  padding-left: 28px;
  margin-bottom: 18px;

  font-size: 16.5px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--ri-text-primary);
}

/* HEART BULLET */
.landing-page.service-relationship-issues .relationship-tabs-list p::before {
  content: "❤";
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 14px;
  color: var(--ri-accent-soft);
}

/* =========================================
   TAB BUTTON ICONS
========================================= */

.landing-page.service-relationship-issues .relationship-tab-link {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* ICON BASE */
.landing-page.service-relationship-issues .relationship-tab-link i {
  font-size: 14px;
  color: #f3b6c6; /* soft pink */
  transition: transform 0.25s ease, color 0.25s ease;
}

/* ACTIVE TAB ICON */
.landing-page.service-relationship-issues .relationship-tab-link.active i {
  color: #e07a9a; /* slightly stronger pink */
  transform: scale(1.05);
}

/* HOVER MICRO FEEDBACK */
.landing-page.service-relationship-issues .relationship-tab-link:hover i {
  transform: scale(1.08);
}


/* ================================
   ANIMATION
================================ */

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

@media (max-width: 991px) {
  .landing-page.service-relationship-issues .relationship-tabs-title {
    font-size: 30px;
  }

  .landing-page.service-relationship-issues .relationship-tabs-nav {
    position: static;
    margin-bottom: 30px;
  }
}

@media (max-width: 576px) {
  .landing-page.service-relationship-issues .relationship-tabs-section {
    padding: 30px 0;
  }

  .landing-page.service-relationship-issues .relationship-tabs-content {
    padding: 32px 28px;
  }

  .landing-page.service-relationship-issues .relationship-tabs-title
  {
    font-size: 1.7rem;
  }
}


/* ==================================================
   RELATIONSHIP APPROACH SECTION — BOLD STATEMENT
================================================== */

.landing-page.service-relationship-issues .relationship-approach-section {
  padding: 90px 0;
  background: radial-gradient(
      circle at 15% 20%,
      #ffe6ec 0%,
      transparent 45%
    ),
    radial-gradient(
      circle at 85% 80%,
      #fde2d4 0%,
      transparent 45%
    ),
    linear-gradient(
      135deg,
      #fff5f7 0%,
      #fff1ea 100%
    );
}

/* LEFT CONTENT */
.landing-page.service-relationship-issues .relationship-approach-box {
  max-width: 520px;
}

.landing-page.service-relationship-issues .relationship-approach-title {
  font-size: 36px;
  font-weight: 700;
  color: var(--ri-text-primary);
  margin-bottom: 24px;
  line-height: 1.3;
}

.landing-page.service-relationship-issues .relationship-approach-text {
  font-size: 17px;
  line-height: 1.75;
  color: var(--ri-text-muted);
}

/* RIGHT CTA BOX — VISUAL ANCHOR */
.landing-page.service-relationship-issues .relationship-gentle-cta-box {
  background: #ffffff;
  border-radius: 28px;
  padding: 48px 46px;
  max-width: 520px;
  margin-left: auto;

  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.12);
}

/* CTA TITLE */
.landing-page.service-relationship-issues .relationship-gentle-cta-title {
  font-size: 26px;
  font-weight: 700;
  color: var(--ri-text-primary);
  margin-bottom: 18px;
}

/* CTA TEXT */
.landing-page.service-relationship-issues .relationship-gentle-cta-text {
  font-size: 16.5px;
  line-height: 1.7;
  color: var(--ri-text-muted);
  margin-bottom: 32px;
}

/* CTA ACTION */
.landing-page.service-relationship-issues .relationship-gentle-cta-action {
  display: flex;
  justify-content: flex-start;
}

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

@media (max-width: 991px) {
  .landing-page.service-relationship-issues .relationship-approach-section {
    padding: 110px 0;
  }

  .landing-page.service-relationship-issues .relationship-gentle-cta-box {
    margin: 60px auto 0;
  }

  .landing-page.service-relationship-issues .relationship-approach-box {
    max-width: 100%;
  }
}

@media (max-width: 576px) {
  .landing-page.service-relationship-issues .relationship-approach-section {
    padding: 30px 0;
  }

  .landing-page.service-relationship-issues .relationship-approach-title {
    font-size: 1.7rem;
  }

  .landing-page.service-relationship-issues .relationship-gentle-cta-box {
    padding: 36px 30px;
  }
}


/* ==================================================
   RELATIONSHIP PRICING SECTION — FINAL EDITORIAL
================================================== */

.landing-page.service-relationship-issues .relationship-pricing-section {
  padding: 90px 0;
  background: #ffffff;
}

/* MAIN BOX */
.landing-page.service-relationship-issues .relationship-pricing-box {
  max-width: 1100px;
  margin: 0 auto;
}

/* ==================================================
   DIVIDER
================================================== */

.landing-page.service-relationship-issues .relationship-pricing-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 50px;
}

.landing-page.service-relationship-issues .relationship-pricing-divider-line {
  width: 60px;
  height: 1px;
  background: var(--ri-border-light);
}

.landing-page.service-relationship-issues .relationship-pricing-divider-icon {
  font-size: 14px;
  color: var(--ri-accent-soft);
}

/* ==================================================
   TITLE
================================================== */

.landing-page.service-relationship-issues .relationship-pricing-title {
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  color: var(--ri-text-primary);
  margin-bottom: 20px;
}

/* ==================================================
   ROWS
================================================== */

.landing-page.service-relationship-issues .relationship-pricing-row {
  margin-bottom: 70px;
}

/* ==================================================
   PRICING CARD — BASE
================================================== */

.landing-page.service-relationship-issues .relationship-pricing-card {
  background: #ffffff;
  border-radius: 28px;
  padding: 46px 44px;
  height: 100%;

  border: 1px solid var(--ri-border-light);
  position: relative;

  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.landing-page.service-relationship-issues
.relationship-pricing-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.08);
}

/* ==================================================
   POPULAR CARD
================================================== */

.landing-page.service-relationship-issues
.relationship-pricing-card-popular {
  border-color: #f3b6c6;
  box-shadow: 0 30px 80px rgba(243, 182, 198, 0.35);
}

.landing-page.service-relationship-issues
.relationship-pricing-badge {
  position: absolute;
  top: -16px;
  right: 28px;

  background: #fdecef;
  color: var(--ri-text-primary);

  padding: 7px 16px;
  border-radius: 999px;

  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.3px;
}

/* ==================================================
   PLAN TITLE & PRICE
================================================== */

.landing-page.service-relationship-issues
.relationship-pricing-plan-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--ri-text-primary);
  margin-bottom: 12px;
}

.landing-page.service-relationship-issues
.relationship-pricing-price {
  font-size: 30px;
  font-weight: 700;
  color: var(--ri-accent-cta);
  margin-bottom: 30px;
}

/* ==================================================
   QUESTIONS — EDITORIAL TREATMENT
================================================== */

.landing-page.service-relationship-issues
.relationship-pricing-questions-box {
  margin-top: 10px;
  padding-top: 26px;
  border-top: 1px dashed var(--ri-border-light);
}

/* QUESTIONS TITLE */
.landing-page.service-relationship-issues
.relationship-pricing-questions-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;

  color: var(--ri-text-muted);
  margin-bottom: 18px;
}

/* QUESTIONS LIST */
.landing-page.service-relationship-issues
.relationship-pricing-question-list {
  list-style: none;
  padding: 0;
  margin: 0 0 18px;
}

/* QUESTION ITEM */
.landing-page.service-relationship-issues
.relationship-pricing-question-list li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 14px;

  font-size: 15.5px;
  line-height: 1.6;
  color: var(--ri-text-primary);
}

/* HEART BULLET */
.landing-page.service-relationship-issues
.relationship-pricing-question-list li::before {
  content: "❤";
  position: absolute;
  left: 0;
  top: 1px;

  font-size: 13px;
  color: var(--ri-accent-soft);
}

/* ADDITIONAL NOTE */
.landing-page.service-relationship-issues
.relationship-pricing-additional-note {
  font-size: 14px;
  line-height: 1.6;
  color: var(--ri-text-muted);
}

/* ==================================================
   OPTION 3 DESCRIPTION
================================================== */

.landing-page.service-relationship-issues
.relationship-pricing-description {
  font-size: 16.5px;
  line-height: 1.7;
  color: var(--ri-text-muted);
  margin-bottom: 18px;
}

/* ==================================================
   ACTIONS
================================================== */

.landing-page.service-relationship-issues
.relationship-pricing-action {
  margin-top: 34px;
}

.landing-page.service-relationship-issues
.relationship-pricing-action-multiple {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.landing-page.service-relationship-issues
.relationship-pricing-additional-note {
  display: inline-flex;
  align-items: center;

  margin-top: 6px;
  padding: 6px 14px;

  background: #fdecef; /* soft pink */
  border: 1px solid #f3b6c6;

  border-radius: 999px;

  font-size: 13.5px;
  font-weight: 500;
  color: var(--ri-text-primary);
  line-height: 1.4;
}

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

@media (max-width: 991px) {
  .landing-page.service-relationship-issues
  .relationship-pricing-section {
    padding: 110px 0;
  }

  .landing-page.service-relationship-issues
  .relationship-pricing-title {
    font-size: 30px;
  }
}

@media (max-width: 576px) {
  .landing-page.service-relationship-issues
  .relationship-pricing-section {
    padding: 30px 0;
  }

  .landing-page.service-relationship-issues
  .relationship-pricing-card {
    padding: 34px 30px;
  }

  .landing-page.service-relationship-issues .relationship-pricing-title
  {
    font-size: 1.7rem;
  }

  .landing-page.service-relationship-issues .relationship-pricing-action
  {
    font-size: 15px;
    margin-top: 0px;
  }


  .landing-page.service-relationship-issues .relationship-pricing-row
  {
    margin-bottom: 0px;
  }
}

/* ==================================================
   RELATIONSHIP FAQ SECTION — FINAL
================================================== */

.landing-page.service-relationship-issues .relationship-faq-section {
  padding: 90px 0;
  background: linear-gradient(
    135deg,
    #f9fefd 0%,
    #fff1f4 100%
  );
}

/* CONTAINER BOX */
.landing-page.service-relationship-issues .relationship-faq-box {
  max-width: 900px;
  margin: 0 auto;
}

/* TITLE */
.landing-page.service-relationship-issues .relationship-faq-title {
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  color: var(--ri-text-primary);
  margin-bottom: 14px;
}

/* DIVIDER (BELOW TITLE) */
.landing-page.service-relationship-issues .relationship-faq-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 60px;
}

.landing-page.service-relationship-issues .relationship-faq-divider-line {
  width: 60px;
  height: 1px;
  background: var(--ri-border-light);
}

.landing-page.service-relationship-issues .relationship-faq-divider-icon {
  font-size: 14px;
  color: var(--ri-accent-soft);
}

/* ==================================================
   ACCORDION — BOOTSTRAP RESET
================================================== */

.landing-page.service-relationship-issues .relationship-faq-accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: transparent;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-btn-focus-box-shadow: none;
}

/* FAQ ITEM */
.landing-page.service-relationship-issues .relationship-faq-item {
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid var(--ri-border-light);
  margin-bottom: 18px;
  overflow: hidden;
}

/* ==================================================
   ACCORDION BUTTON (QUESTION)
================================================== */

.landing-page.service-relationship-issues .relationship-faq-item .accordion-button {
  background: #ffffff;
  color: var(--ri-text-primary);

  font-size: 16.5px;
  font-weight: 600;
  line-height: 1.4;

  padding: 22px 26px;

  border: none;
  box-shadow: none;
}

/* REMOVE BOOTSTRAP ICON */
.landing-page.service-relationship-issues
.relationship-faq-item .accordion-button::after {
  display: none;
}

/* CUSTOM TOGGLE ICON */
.landing-page.service-relationship-issues
.relationship-faq-item .accordion-button::before {
  content: "+";
  margin-right: 14px;
  font-size: 20px;
  font-weight: 400;
  color: var(--ri-primary);
  transition: transform 0.25s ease;
}

/* ACTIVE (OPEN) STATE */
.landing-page.service-relationship-issues
.relationship-faq-item .accordion-button:not(.collapsed) {
  background: #fdecef;
  color: var(--ri-text-primary);
}

/* CHANGE ICON ON OPEN */
.landing-page.service-relationship-issues
.relationship-faq-item .accordion-button:not(.collapsed)::before {
  content: "–";
  transform: translateY(-1px);
}

/* ==================================================
   ACCORDION BODY (ANSWER)
================================================== */

.landing-page.service-relationship-issues .relationship-faq-answer {
  padding: 22px 26px 28px;
  font-size: 16px;
  line-height: 1.7;
  color: var(--ri-text-muted);
  background: #ffffff;
}

/* SUBTLE SEPARATOR BETWEEN QUESTION & ANSWER */
.landing-page.service-relationship-issues
.relationship-faq-item .accordion-collapse.show {
  border-top: 1px dashed var(--ri-border-light);
}

/* ==================================================
   BOOTSTRAP ACCORDION — HARD RESET (NO YELLOW)
================================================== */

.landing-page.service-relationship-issues
.relationship-faq-accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-border-color: transparent;
  --bs-accordion-btn-focus-box-shadow: none;
}

/* FORCE OVERRIDE OPEN STATE */
.landing-page.service-relationship-issues
.relationship-faq-item
.accordion-button:not(.collapsed) {
  background-color: #fdecef !important; /* your soft pink */
  color: var(--ri-text-primary);
  box-shadow: none;
}

/* REMOVE ANY THEME HOVER YELLOW */
.landing-page.service-relationship-issues
.relationship-faq-item
.accordion-button:hover {
  background-color: #fdecef;
}


/* ==================================================
   HOVER (DESKTOP ONLY)
================================================== */

@media (hover: hover) {
  .landing-page.service-relationship-issues
  .relationship-faq-item:hover {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);
  }
}

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

@media (max-width: 991px) {
  .landing-page.service-relationship-issues .relationship-faq-section {
    padding: 110px 0;
  }

  .landing-page.service-relationship-issues .relationship-faq-title {
    font-size: 1.7rem;
  }
}

@media (max-width: 576px) {
  .landing-page.service-relationship-issues .relationship-faq-section {
    padding: 30px 0;
  }

  .landing-page.service-relationship-issues
  .relationship-faq-item .accordion-button {
    padding: 20px 22px;
    font-size: 15px;
  }

  .landing-page.service-relationship-issues .relationship-faq-answer {
    padding: 20px 22px 24px;
    font-size: 15.5px;
  }

  .landing-page.service-relationship-issues .relationship-faq-divider
  {
    margin-bottom: 30px;
  }

  .landing-page.service-relationship-issues .relationship-faq-item .accordion-button::before
  {
    margin-right: 0px;
  }
}


/* ==================================================
   MEET THE MASTER — FINAL SECTION
================================================== */

.landing-page.service-relationship-issues .relationship-master-section {
  padding: 90px 0;
  background: linear-gradient(
    135deg,
    #f9fefd 0%,
    #fff1f4 100%
  );
}

/* IMAGE WRAPPER */
.landing-page.service-relationship-issues
.relationship-master-image-wrapper {
  max-width: 1000px;
  margin: 0 auto 40px;
}

/* IMAGE */
.landing-page.service-relationship-issues
.relationship-master-image {
  width: 100%;
  height: auto;
  display: block;
}

/* CONTENT BOX */
.landing-page.service-relationship-issues
.relationship-master-content-box {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

/* TITLE */
.landing-page.service-relationship-issues
.relationship-master-title {
  font-size: 36px;
  font-weight: 700;
  color: var(--ri-text-primary);
  margin-bottom: 14px;
}

/* DIVIDER */
.landing-page.service-relationship-issues
.relationship-master-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 30px;
}

.landing-page.service-relationship-issues
.relationship-master-divider-line {
  width: 60px;
  height: 1px;
  background: var(--ri-border-light);
}

.landing-page.service-relationship-issues
.relationship-master-divider-icon {
  font-size: 14px;
  color: var(--ri-accent-soft);
}

/* TEXT GROUP */
.landing-page.service-relationship-issues
.relationship-master-text-group {
  text-align: left;
}

/* PARAGRAPHS */
.landing-page.service-relationship-issues
.relationship-master-text {
  font-size: 16.5px;
  line-height: 1.85;
  color: var(--ri-text-muted);
  /*margin-bottom: 24px;*/
}

/* LAST PARAGRAPH */
.landing-page.service-relationship-issues
.relationship-master-text:last-child {
  margin-bottom: 0;
}

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

@media (max-width: 991px) {
  .landing-page.service-relationship-issues
  .relationship-master-section {
    padding: 110px 0;
  }

  .landing-page.service-relationship-issues
  .relationship-master-title {
    font-size: 32px;
  }
}

@media (max-width: 576px) {
  .landing-page.service-relationship-issues
  .relationship-master-section {
    padding: 30px 0;
  }

  .landing-page.service-relationship-issues
  .relationship-master-text {
    font-size: 15.5px;
  }

  .landing-page.service-relationship-issues .relationship-master-image-wrapper
  {
      margin: 0 auto 30px;
  }

  .landing-page.service-relationship-issues .relationship-master-divider
  {
    margin-bottom: 20px;
  }
}


/* ====================================================
   TELE CONSULTATION – SERVICE COLOR TOKENS
   Scoped strictly to this service only
==================================================== */

.landing-page.service-tele-consultation {

  /* PRIMARY BRAND ALIGNMENT */
  --tele-text-primary: #302200;   /* Deep brown – headings, text */
  --tele-accent-primary: #ffc34f; /* Warm golden – CTAs, highlights */
  --tele-bg-soft: #fef2dc;        /* Light cream – section backgrounds */

  /* SUPPORTING SHADES (DERIVED, NOT GLOBAL) */
  --tele-border-soft: rgba(48, 34, 0, 0.15);
  --tele-accent-hover: #f5b63f;

  /* BUTTON SYSTEM */
  --tele-btn-bg: var(--tele-accent-primary);
  --tele-btn-text: #302200;
  --tele-btn-border: #302200;

  /* SECTION BACKGROUNDS */
  --tele-section-bg-light: var(--tele-bg-soft);
  --tele-section-bg-white: #ffffff;

  /* ICON / DECOR */
  --tele-icon-bg: rgba(255, 195, 79, 0.25);
  --tele-icon-color: #302200;
}


/* ====================================================
   TELE CONSULTATION – HERO SECTION (FINAL COMPLETE)
==================================================== */

.landing-page.service-tele-consultation .tele-consultation-hero-section {
  background-color: var(--tele-section-bg-light);
  padding: 90px 0 80px;
}

/* ROW ALIGNMENT */
.landing-page.service-tele-consultation 
.tele-consultation-hero-section .row {
  align-items: center;
}

/* LEFT CONTENT AREA — VERTICALLY CENTERED */
.landing-page.service-tele-consultation .tele-consultation-hero-content-box {
  padding-right: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* HERO TITLE */
.landing-page.service-tele-consultation .tele-consultation-hero-title {
  font-size: 44px;
  line-height: 1.25;
  font-weight: 700;
  color: var(--tele-text-primary);
  margin-bottom: 18px;
}

/* SUBTITLE BADGE */
.landing-page.service-tele-consultation .tele-consultation-hero-subtitle {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--tele-text-primary);
  background: rgba(255, 195, 79, 0.35);
  padding: 8px 16px;
  border-radius: 30px;
  margin-bottom: 28px;
  width: fit-content;
}

/* HERO DESCRIPTION */
.landing-page.service-tele-consultation .tele-consultation-hero-description p {
  font-size: 16px;
  line-height: 1.8;
  color: var(--tele-text-primary);
  margin-bottom: 16px;
  max-width: 640px;
}

/* PRIMARY CTA */
.landing-page.service-tele-consultation .tele-consultation-primary-cta {
  display: inline-block;
  margin-top: 26px;
  padding: 16px 34px;
  background-color: var(--tele-btn-bg);
  color: var(--tele-btn-text);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 50px;
  border: 2px solid var(--tele-btn-border);
  transition: all 0.3s ease;
}

.landing-page.service-tele-consultation .tele-consultation-primary-cta:hover {
  background-color: var(--tele-accent-hover);
  transform: translateY(-2px);
}

/* RIGHT ELIGIBILITY CARD */
.landing-page.service-tele-consultation .tele-consultation-hero-eligibility-box {
  background-color: #ffffff;
  padding: 40px 36px;
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(48, 34, 0, 0.12);
  border: 1px solid var(--tele-border-soft);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* ELIGIBILITY TITLE */
.landing-page.service-tele-consultation .tele-consultation-hero-eligibility-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--tele-text-primary);
  margin-bottom: 22px;
}

/* ELIGIBILITY LIST */
.landing-page.service-tele-consultation .tele-consultation-hero-eligibility-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.landing-page.service-tele-consultation .tele-consultation-hero-eligibility-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 14px;
  font-size: 15px;
  line-height: 1.6;
  color: var(--tele-text-primary);
}

.landing-page.service-tele-consultation 
.tele-consultation-hero-eligibility-list li::before {
  content: "✦";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--tele-accent-primary);
  font-size: 16px;
}

/* CTA INSIDE RIGHT CARD */
.landing-page.service-tele-consultation .tele-consultation-hero-cta {
  margin-top: 30px;
}

.landing-page.service-tele-consultation 
.tele-consultation-hero-eligibility-box 
.tele-consultation-primary-cta {
  width: 100%;
  text-align: center;
  padding: 16px 20px;
  font-size: 15px;
}

/* ============================
   RESPONSIVE — TABLET
============================ */

@media (max-width: 992px) {
  .landing-page.service-tele-consultation .tele-consultation-hero-section {
    padding: 70px 0;
  }

  .landing-page.service-tele-consultation .tele-consultation-hero-content-box {
    padding-right: 0;
    margin-bottom: 40px;
  }

  .landing-page.service-tele-consultation .tele-consultation-hero-title {
    font-size: 36px;
  }
}

/* ============================
   RESPONSIVE — MOBILE
============================ */

@media (max-width: 768px) {
  .landing-page.service-tele-consultation .tele-consultation-hero-title {
    font-size: 30px;
  }

  ._strip-consultation-hero-eligibility-box {
    padding: 28px 24px;
  }
}

@media (max-width: 576px) {

  .landing-page.service-tele-consultation .tele-consultation-hero-section 
  {
    padding: 30px 0;
  }

  .landing-page.service-tele-consultation .tele-consultation-hero-content-box
  {
    margin-bottom: 20px;
  }

  .landing-page.service-tele-consultation .tele-consultation-hero-title 
  {
      font-size: 25px;
  }

  .landing-page.service-tele-consultation .tele-consultation-hero-subtitle
  {
      font-size: 12px;
  }

  .landing-page.service-tele-consultation .tele-consultation-hero-eligibility-box
  {
    padding: 20px 20px;
  }

}


/* ====================================================
   TELE CONSULTATION – PROCESS SECTION (FINAL COMPLETE)
==================================================== */

.landing-page.service-tele-consultation 
.tele-consultation-process-section {
  padding: 90px 0;
  background-color: #ffffff;
}

/* ROW ALIGNMENT */
.landing-page.service-tele-consultation 
.tele-consultation-process-section .row {
  align-items: center;
}

/* LEFT CONTENT AREA – SOFT READING PANEL */
.landing-page.service-tele-consultation 
.tele-consultation-process-content-box {
  background-color: #fff8ea;
  padding: 40px 44px;
  border-radius: 18px;
}

/* SECTION TITLE */
.landing-page.service-tele-consultation 
.tele-consultation-process-title {
  font-size: 36px;
  line-height: 1.3;
  font-weight: 700;
  color: var(--tele-text-primary);
  margin-bottom: 24px;
  position: relative;
  padding-bottom: 18px;
}

/* HEADING DIVIDER */
.landing-page.service-tele-consultation 
.tele-consultation-process-title::after {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  background-color: var(--tele-accent-primary);
  border-radius: 2px;
  margin-top: 14px;
}

/* SUBTLE GLOW */
.landing-page.service-tele-consultation 
.tele-consultation-process-title::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 64px;
  height: 4px;
  background-color: rgba(255, 195, 79, 0.35);
  filter: blur(6px);
}

/* MAIN DESCRIPTION */
.landing-page.service-tele-consultation 
.tele-consultation-process-description p {
  font-size: 16px;
  line-height: 1.8;
  color: var(--tele-text-primary);
  margin-bottom: 22px;
  max-width: 620px;
}

/* NOTE BLOCK */
.landing-page.service-tele-consultation 
.tele-consultation-process-note {
  margin-top: 20px;
  padding-left: 20px;
  border-left: 4px solid var(--tele-accent-primary);
}

.landing-page.service-tele-consultation 
.tele-consultation-process-note p {
  font-size: 15px;
  line-height: 1.7;
  font-style: italic;
  color: var(--tele-text-primary);
  margin: 0;
}

/* RIGHT OUTCOME CARD – CLEAN & READABLE */
.landing-page.service-tele-consultation 
.tele-consultation-process-outcome-box {
  background-color: #ffffff;
  padding: 40px 36px;
  border-radius: 18px;
  border: 1px solid rgba(48, 34, 0, 0.12);
  box-shadow: 0 20px 50px rgba(48, 34, 0, 0.08);
}

/* OUTCOME LIST */
.landing-page.service-tele-consultation 
.tele-consultation-process-outcome-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* OUTCOME ITEM */
.landing-page.service-tele-consultation 
.tele-consultation-process-outcome-list li {
  position: relative;
  padding-left: 36px;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 1.7;
  color: var(--tele-text-primary);
}

/* ICON BULLET */
.landing-page.service-tele-consultation 
.tele-consultation-process-outcome-list li::before {
  content: "✦";
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 18px;
  color: var(--tele-accent-primary);
}




/* ====================================================
   TELE CONSULTATION – QUESTIONS GRID (FINAL)
==================================================== */

.landing-page.service-tele-consultation
.tele-consultation-questions-section {
  padding: 80px 0 70px;
  background: linear-gradient(
    180deg,
    #fffaf0 0%,
    #fff2d9 100%
  );
}

/* ============================
   SECTION HEADER
============================ */

.landing-page.service-tele-consultation
.tele-consultation-questions-header-box {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 38px;
}

.landing-page.service-tele-consultation
.tele-consultation-questions-title {
  font-size: 34px;
  font-weight: 700;
  color: var(--tele-text-primary);
  margin-bottom: 14px;
  position: relative;
  padding-bottom: 16px;
}

/* TITLE DIVIDER */
.landing-page.service-tele-consultation
.tele-consultation-questions-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background-color: var(--tele-accent-primary);
  border-radius: 2px;
  margin: 12px auto 0;
}

.landing-page.service-tele-consultation
.tele-consultation-questions-title::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 4px;
  background-color: rgba(255, 195, 79, 0.35);
  filter: blur(6px);
}

.landing-page.service-tele-consultation
.tele-consultation-questions-description p {
  font-size: 15px;
  line-height: 1.6;
  color: var(--tele-text-primary);
  margin: 0;
}

/* ============================
   GRID SPACING (COMPACT)
============================ */

.landing-page.service-tele-consultation
.tele-consultation-questions-grid {
  row-gap: 18px;
}

/* ============================
   QUESTION CARD (COMPACT)
============================ */

.landing-page.service-tele-consultation
.tele-consultation-question-box {
  background-color: #ffffff;
  border-radius: 14px;
  padding: 18px 10px 16px;
  border: 1px solid rgba(48, 34, 0, 0.08);
  height: 100%;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* SUBTLE HOVER (DESKTOP ONLY) */
@media (hover: hover) {
  .landing-page.service-tele-consultation
  .tele-consultation-question-box:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(48, 34, 0, 0.12);
  }
}

/* DOMAIN TITLE */
.landing-page.service-tele-consultation
.tele-consultation-question-domain-title {
font-size: 15px;
  font-weight: 700;
  color: var(--tele-text-primary);
  margin-bottom: 10px;
  border-bottom: 1px dashed #efefef;
  padding-bottom: 10px;
}

/* QUESTION LIST */
.landing-page.service-tele-consultation
.tele-consultation-question-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* QUESTION ITEM */
.landing-page.service-tele-consultation
.tele-consultation-question-list li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 8px;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--tele-text-primary);
}

/* BULLET ICON */
.landing-page.service-tele-consultation
.tele-consultation-question-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--tele-accent-primary);
  font-size: 18px;
}

/* ===========================
   TELE CONSULTATION GRID
=========================== */

.tele-consultation-questions-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}

.tele-consultation-question-item{
    height:100%;
}

.tele-consultation-question-box{
    height:100%;
}

/* ============================
   FOOTER NOTE
============================ */

.landing-page.service-tele-consultation
.tele-consultation-questions-footer-note {
  text-align: center;
  margin-top: 36px;
}

.landing-page.service-tele-consultation
.tele-consultation-questions-footer-note p {
  font-size: 14px;
  font-style: italic;
  color: var(--tele-text-primary);
  margin: 0;
}

/* ============================
   RESPONSIVE TWEAKS
============================ */

@media (max-width: 991px) {
  .landing-page.service-tele-consultation
  .tele-consultation-questions-section {
    padding: 70px 0 60px;
  }
}

@media (max-width: 767px) {
  .landing-page.service-tele-consultation
  .tele-consultation-questions-title {
    font-size: 28px;
  }

  .landing-page.service-tele-consultation
  .tele-consultation-question-box {
    padding: 16px;
  }
}


/* ====================================================
   TELE CONSULTATION – PRICING SECTION (FINAL)
==================================================== */

.landing-page.service-tele-consultation
.tele-consultation-pricing-section {
  padding: 70px 0;
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #fff1d6 50%,
    #ffffff 100%
  );
}

/* ============================
   SECTION HEADER
============================ */

.landing-page.service-tele-consultation
.tele-consultation-pricing-header-box {
  text-align: center;
  margin-bottom: 50px;
}

.landing-page.service-tele-consultation
.tele-consultation-pricing-title {
  font-size: 34px;
  font-weight: 700;
  color: var(--tele-text-primary);
  margin-bottom: 16px;
  position: relative;
  padding-bottom: 16px;
}

/* TITLE DIVIDER */
.landing-page.service-tele-consultation
.tele-consultation-pricing-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background-color: var(--tele-accent-primary);
  border-radius: 2px;
  margin: 12px auto 0;
}

.landing-page.service-tele-consultation
.tele-consultation-pricing-title::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 4px;
  background-color: rgba(255, 195, 79, 0.35);
  filter: blur(6px);
}

/* ============================
   PRICING ROW SPACING
============================ */

.landing-page.service-tele-consultation
.tele-consultation-pricing-row {
  margin-bottom: 36px;
}

/* ============================
   PRICING CARD – BASE
============================ */

.landing-page.service-tele-consultation
.tele-consultation-pricing-box {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 36px 34px;
  border: 1px solid rgba(48, 34, 0, 0.1);
  box-shadow: 0 18px 45px rgba(48, 34, 0, 0.08);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ============================
   MODE TITLE
============================ */

.landing-page.service-tele-consultation
.tele-consultation-pricing-mode-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--tele-text-primary);
  margin-bottom: 10px;
}

/* DURATION */
.landing-page.service-tele-consultation
.tele-consultation-pricing-duration {
  font-size: 14px;
  font-weight: 600;
  color: var(--tele-text-primary);
  background-color: #fff2d9;
  display: inline-block;
  padding: 6px 14px;
  border-radius: 20px;
  margin-bottom: 22px;
}

/* ============================
   INCLUDES SECTION
============================ */

.landing-page.service-tele-consultation
.tele-consultation-pricing-includes-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--tele-text-primary);
  margin-bottom: 10px;
}

.landing-page.service-tele-consultation
.tele-consultation-pricing-includes-list {
  list-style: none;
  padding: 0;
  margin: 0 0 26px;
}

.landing-page.service-tele-consultation
.tele-consultation-pricing-includes-list li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--tele-text-primary);
      display:block;
    width:100%;
}

.landing-page.service-tele-consultation
.tele-consultation-pricing-includes-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--tele-accent-primary);
  font-size: 14px;
}

/* ============================
   CTA BUTTON
============================ */

.landing-page.service-tele-consultation
.tele-consultation-pricing-cta {
  margin-top: auto;
}

.landing-page.service-tele-consultation
.tele-consultation-pricing-btn {
  display: block;
  width: 100%;
  text-align: center;
  padding: 16px 20px;
  font-size: 15px;
  font-weight: 700;
  color: var(--tele-btn-text);
  background-color: var(--tele-accent-primary);
  border-radius: 50px;
  text-decoration: none;
  border: 2px solid var(--tele-btn-border);
  transition: all 0.3s ease;
}

.landing-page.service-tele-consultation
.tele-consultation-pricing-btn:hover {
  background-color: var(--tele-accent-hover);
  transform: translateY(-2px);
}

/* ============================
   FULL WIDTH – IN PERSON CARD
============================ */

.landing-page.service-tele-consultation
.tele-consultation-pricing-box-full {
  padding: 48px 44px;
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #fff7e6 100%
  );
}

/* DESCRIPTION */
.landing-page.service-tele-consultation
.tele-consultation-pricing-description p {
  font-size: 16px;
  line-height: 1.7;
  color: var(--tele-text-primary);
  margin-bottom: 24px;
  max-width: 760px;
}

/* DETAILS LIST */
.landing-page.service-tele-consultation
.tele-consultation-pricing-details-list {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
}

.landing-page.service-tele-consultation
.tele-consultation-pricing-details-list li {
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--tele-text-primary);
  margin-bottom: 8px;
}



/* ====================================================
   TELE CONSULTATION – IMPORTANT NOTES (FINAL)
==================================================== */

.landing-page.service-tele-consultation
.tele-consultation-notes-section {
  padding: 70px 0;
  background-color: #f9f5ef;
}

/* NOTES BOX */
.landing-page.service-tele-consultation
.tele-consultation-notes-box {
  max-width: 860px;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 40px 44px;
  border-radius: 18px;
  border: 1px solid rgba(48, 34, 0, 0.12);
  box-shadow: 0 16px 40px rgba(48, 34, 0, 0.08);
}

/* TITLE */
.landing-page.service-tele-consultation
.tele-consultation-notes-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--tele-text-primary);
  text-align: center;
  margin-bottom: 26px;
  position: relative;
  padding-bottom: 14px;
  letter-spacing: 0.6px;
}

/* TITLE DIVIDER */
.landing-page.service-tele-consultation
.tele-consultation-notes-title::after {
  content: "";
  display: block;
  width: 54px;
  height: 4px;
  background-color: var(--tele-accent-primary);
  border-radius: 2px;
  margin: 12px auto 0;
}

.landing-page.service-tele-consultation
.tele-consultation-notes-title::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 54px;
  height: 4px;
  background-color: rgba(255, 195, 79, 0.35);
  filter: blur(6px);
}

/* NOTES LIST */
.landing-page.service-tele-consultation
.tele-consultation-notes-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* NOTE ITEM */
.landing-page.service-tele-consultation
.tele-consultation-notes-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 14px;
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--tele-text-primary);
}

/* NOTE ICON */
.landing-page.service-tele-consultation
.tele-consultation-notes-list li::before {
  content: "⚠";
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 15px;
  color: var(--tele-accent-primary);
}



/* ============================
   RESPONSIVE — MOBILE
============================ */

@media (max-width: 768) {
  .landing-page.service-tele-consultation 
  .tele-consultation-process-content-box {
    padding: 28px 24px;
  }

  .landing-page.service-tele-consultation 
  .tele-consultation-process-outcome-box {
    padding: 30px 24px;
  }

  .landing-page.service-tele-consultation 
  .tele-consultation-process-title {
    font-size: 26px;
  }

    .landing-page.service-tele-consultation 
  .tele-consultation-process-section {
    padding: 30px 0;
  }

      .tele-consultation-questions-grid{
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    }

}

@media (max-width: 576px) {

  .landing-page.service-tele-consultation .tele-consultation-process-section
  {
      padding: 30px 0;
  }

.landing-page.service-tele-consultation .tele-consultation-process-content-box
  {
    padding: 28px 24px;
  }

  .landing-page.service-tele-consultation .tele-consultation-pricing-section
  {
    padding: 30px 0;
  }

  .landing-page.service-tele-consultation .tele-consultation-pricing-title
  {
    margin-bottom: 10px;
  }

  .landing-page.service-tele-consultation .tele-consultation-pricing-header-box
  {
    margin-bottom: 10px;
  }

  .landing-page.service-tele-consultation .tele-consultation-notes-section
  {
    padding: 30px 0;
  }

  .tele-consultation-questions-grid{
        grid-template-columns:repeat(2,1fr);
        gap:16px;
    }

   .tele-consultation-process-outcome-box
   {
    margin-top: 30px;
   }

   .landing-page.service-tele-consultation .tele-consultation-questions-section
   {
    padding: 30px 0;
   }

}


/*=======================planet theme css===========================*/
/* ====================================================
   SUN LANDING PAGE – HERO SECTION (FINAL POLISH)
   Section: 1
==================================================== */

/* Color Tokens (Declared Once) */

/* Hero Wrapper */
.landing-page .sun-hero {
  position: relative;
  background-color: var(--sun-bg-light);
  padding: 90px 0;
  overflow: hidden;
}

/* Optional Overlay (kept subtle) */
.landing-page .sun-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(var(--sun-bg-light-rgb), 0.85),
    rgba(var(--sun-bg-light-rgb), 0.95)
  );
  z-index: 1;
}

/* Content Box */
.landing-page .sun-hero-box {
  position: relative;
  z-index: 2;
  max-width: 540px;
  text-align: left;
}

/* Eyebrow */
.landing-page .sun-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  color: var(--sun-primary);
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Main Title */
.landing-page .sun-hero-title {
  margin-bottom: 20px;
  color: var(--sun-deep);
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.15;
}

/* Subtitle */
.landing-page .sun-hero-subtitle {
  margin-bottom: 12px;
  color: var(--sun-primary);
  font-size: 1.05rem;
  font-weight: 500;
}

/* Description */
.landing-page .sun-hero-description {
  margin-bottom: 32px;
  color: var(--sun-dark);
  font-size: 1rem;
  line-height: 1.7;
  opacity: 0.9;
}

/* CTA Button */
.landing-page .sun-hero-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 30px;
  background-color: var(--sun-primary);
  color: #ffffff;
  font-size: 0.95rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.25s ease;
}

.landing-page .sun-hero-cta:hover {
  background-color: var(--sun-deep);
  color: #ffffff;
}

@media (max-width: 576px) {

  .landing-page .sun-hero
  {
    padding: 30px 0;
  }

  .landing-page .sun-hero-title
  {
    font-size: 1.7rem;
  }

  .landing-page .sun-hero-subtitle
  {
    font-size: 1rem;
  }

  .landing-page .sun-hero-description
  {
    font-size: 0.95rem;
  }
}


/* ====================================================
   SUN LANDING PAGE – SECTION 2 (ESSENCE – FINAL)
==================================================== */

.landing-page .sun-essence-section {
  position: relative;
  margin-top: -50px;
  /*padding: 44px 0 52px;*/
  padding: 20px 0 44px;
  z-index: 3;
}

/* Floating container */
.landing-page .sun-essence-section::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: 0 auto;
  max-width: 1200px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.06);
  z-index: -1;
}

/* Single-row layout */
.landing-page .sun-essence-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
  /*padding: 36px 40px;*/
  padding: 0px;
  align-items: center;
}

/* Item = ONE vertical unit */
.landing-page .sun-essence-item {
  display: flex;
  flex-direction: column;
  align-items: center;   /* CRITICAL */
  text-align: center;
}

/* Icon (NO background, larger, centered) */
.landing-page .sun-essence-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  color: var(--sun-primary);
  font-size: 44px !important;       /* Bigger, like reference */
  line-height: 1;
}

/* Text */
.landing-page .sun-essence-item span:last-child {
  max-width: 160px;      /* Controls line-break symmetry */
  color: var(--sun-deep);
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.35;
}

@media (max-width: 576px) {
.landing-page .sun-essence-section
{
  display: none;
}
}

/* ====================================================
   SECTION 3 – IMAGE SLIGHTLY OVERLAPPING CONTENT
==================================================== */

.landing-page .sun-about-section {
  padding: 80px 0 50px;
}

/* Header */
.landing-page .sun-about-header {

}

.landing-page .sun-about-title {
  font-size: 2.2rem;
  font-weight: 600;
  color: var(--sun-deep);
  margin-bottom: 16px;
}

.landing-page .sun-about-intro {
  font-size: 1rem;
  color: var(--sun-dark);
  line-height: 1.6;
}


/* Row wrapper */
.landing-page .sun-about-row {
  position: relative;
  display: flex;
  align-items: center;
}

/* IMAGE (LEFT) */
.landing-page .sun-about-image {
  width: 50%;
  height: 500px;
  position: relative;
  z-index: 2;
}

.landing-page .sun-about-image img
  {
    border-radius: 10px;
  }

/* CONTENT (RIGHT) */
.landing-page .sun-about-row {
    display: flex;
    align-items: stretch;
    row-gap: 30px;
}

.landing-page .sun-about-row > [class*="col-"] {
    display: flex;
}

.landing-page .sun-about-content {
    width: 100%;
    background: var(--sun-bg-light);
    border-radius: 12px;
    padding: 64px;
    min-height: 520px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    position: relative;
    overflow: hidden;
}
/* List */
/* Bullet list */

.landing-page .sun-about-points {
  margin: 0 0 32px 0;
  padding: 0;
  list-style: none;
  display: block;
}

/*.landing-page .sun-about-points li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 20px;

  font-size: 1rem;
  line-height: 1.6;
  font-weight: 400;
  color: var(--sun-dark);
}
*/
.landing-page .sun-about-points li {
    display: block;
    width: 100%;
    position: relative;
    padding-left: 22px;
    margin: 0 0 20px;
    clear: both;
}

/* Vertical accent line */
.landing-page .sun-about-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;

  width: 2px;
  height: 1.4em;
  background: var(--sun-dark);
  border-radius: 2px;
}

.landing-page .sun-about-quote {
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid var(--sun-dark);
  font-size: 0.95rem;
  line-height: 1.6;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--sun-dark);
}

.sun-about-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}

@media (max-width: 991px) {
  /* Stack layout */
  .landing-page .sun-about-row {
    flex-direction: column;
  }
}

  @media (max-width: 576px) {
  /* Stack layout */
  .landing-page .sun-about-section {
    padding: 30px 0;
  }

  .landing-page .sun-about-title
  {
    font-size: 1.7rem;
  }

  .landing-page .sun-about-points li
  {
    margin: 0 0 10px;
    padding-left: 10px;
  }

  .landing-page .sun-about-content
  {
    padding: 20px 15px;
  }

    .sun-about-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

}


  /* CONTENT FIRST */
  .landing-page .sun-about-content {
    width: 100%;
    margin-left: 0;
    order: 1;

    padding: 32px 28px;
    min-height: auto;
    border-radius: 20px;
  }

  /* IMAGE SECOND */
  .landing-page .sun-about-image {
    width: 100%;
    height: 220px;
    order: 2;

    margin-top: 20px;
    border-radius: 16px;
  }
}


/* ====================================================
   SECTION 4 – WHY CHOOSE THIS SERVICE (ZIGZAG)
==================================================== */

.landing-page .sun-why-section {
  padding: 50px 0;
}

/* Row */
.landing-page .sun-why-row {
  position: relative;
  display: flex;
  align-items: center;
}

/* CONTENT (LEFT) */
.landing-page .sun-why-content {
  width: 50%;
  background: var(--sun-bg-light);
  color: #ffffff;
  padding: 72px 110px 72px 72px; /* extra right padding */
  border-radius: 24px;
  position: relative;
  z-index: 1;
  min-height: 480px;

  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* IMAGE (RIGHT) */
.landing-page .sun-why-image {
  width: 50%;
  height: 500px;
  position: relative;
  margin-left: -8%;   /* subtle overlap */
  z-index: 2;
}

.landing-page .sun-why-image img
{
  border-radius: 10px;
}



/* Title */
.landing-page .sun-why-title {
  margin-bottom: 24px;
  font-size: 2.1rem;
  font-weight: 600;
  line-height: 1.25;
}

/* Editorial points (same language as Section 3) */
.landing-page .sun-why-points {
  list-style: none;
  padding: 0;
  margin: 0 0 28px 0;
}

.landing-page .sun-why-points li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 20px;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--sun-dark);
}

.landing-page .sun-why-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 2px;
  height: 1.4em;
  background: var(--sun-deep);
  border-radius: 2px;
}

/* Emphasis line (tailored, not decorative) */
.landing-page .sun-why-quote {
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--sun-bg-light);
}

/* ====================================================
   SECTION 5 – QUESTION GRID (TAILORED & INTROSPECTIVE)
==================================================== */

.landing-page .sun-questions-section {
  padding: 90px 0;
  background: var(--sun-primary);
}

/* Header */
.landing-page .sun-questions-header {
  max-width: 720px;
  margin: 0 auto 56px auto;
  text-align: center;
}

.landing-page .sun-questions-title {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.25;
  color: #ffffff;
}

/* Grid */
.landing-page .sun-questions-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

/* Question box */
.landing-page .sun-question-box {
  position: relative;
  padding: 36px 32px;
  min-height: 160px;
background: var(--sun-bg-light);
  /*background: #f3efe9;*/
  border-radius: 18px;
  overflow: hidden;

  display: flex;
  align-items: flex-start;
}

/* Large background question mark */
.landing-page .sun-question-box::before {
  content: "?";
  position: absolute;
  top: -10px;
  right: 18px;

  font-size: 160px;
  font-weight: 700;
  line-height: 1;
  color: rgba(0, 0, 0, 0.06);

  pointer-events: none;
}

/* Question text */
.landing-page .sun-question-box p {
  margin: 0;
  position: relative;
  z-index: 1;

  font-size: 1.05rem;
  line-height: 1.6;
  font-weight: 500;
  color: #1d1e20;
}

/* Make boxes feel clickable */
.landing-page .sun-question-box {
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Hover effect */
.landing-page .sun-question-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.12);
}


.landing-page .sun-questions-cta-wrap {
  margin-top: 56px;
  text-align: center;
}

.landing-page .sun-questions-cta-btn {
  display: inline-block;
  padding: 14px 34px;

  background: var(--sun-bg-light);
  color: #111111;

  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;

  border-radius: 999px;
  transition: all 0.25s ease;
}

/* Hover (consistent with box hover language) */
.landing-page .sun-questions-cta-btn:hover {
  background: #ffffff;
  color: #111111;
  transform: translateY(-2px);
}

/* ====================================================
   MOBILE – STACKED QUESTION BOXES
==================================================== */

@media (max-width: 991px) {

  .landing-page .sun-questions-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .landing-page .sun-question-box {
    min-height: auto;
    padding: 28px 26px;
  }

  .landing-page .sun-question-box::before {
    font-size: 120px;
    right: 12px;
  }
}

@media (max-width: 576px) {
  .landing-page .sun-questions-section {
    padding: 30px 0;
  }

  .landing-page .sun-questions-title
  {
    font-size: 1.7rem;
  }

  .landing-page .sun-questions-header
  {
    margin: 0 auto 30px auto;
  }

  .landing-page .sun-questions-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .landing-page .sun-question-box
  {
    padding: 20px 15px;
  }

  .landing-page .sun-question-box p
  {
    font-size: 0.95rem;
  }
}


/* ====================================================
   SECTION 6 – HOW WE WORK WITH YOUR SUN
==================================================== */

.landing-page .sun-method-section {
  padding: 90px 0;
  background: #ffffff;
}

/* Header */
.landing-page .sun-method-header {
  max-width: 880px;
  margin: 0 auto 0px auto;
  text-align: center;
}

.landing-page .sun-method-title {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.25;
  color: #111111;
  margin-bottom: 20px;
}

.landing-page .sun-method-intro {
  font-size: 1rem;
  line-height: 1.65;
  color: #444444;
}

/* Grid */
.landing-page .sun-method-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  margin-bottom: 64px;
}

/* Boxes */
.landing-page .sun-method-box {
  padding: 32px 28px;
  background: #ffffff;
  border-radius: 18px;

  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}

/* Hover */
.landing-page .sun-method-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.12);
}

/* Box content */
.landing-page .sun-method-box h4 {
  margin-bottom: 14px;
  font-size: 1.05rem;
  font-weight: 600;
  color: #111111;
}

.landing-page .sun-method-box p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #555555;
}

/* CTA */
.landing-page .sun-method-cta {
  text-align: center;
}

.landing-page .sun-method-cta-btn {
  display: inline-block;
  padding: 14px 38px;
  border-radius: 999px;
  background: var(--sun-primary);
  color: #111111;
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s ease;
}

.landing-page .sun-method-cta-btn:hover {
  background: #111111;
  color: #ffffff;
  transform: translateY(-2px);
}


@media (max-width: 991px) {

  .landing-page .sun-method-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .landing-page .sun-method-box {
    padding: 26px 24px;
  }
}

@media (max-width: 576px) {

  .landing-page .sun-method-section {
    padding: 30px 0;
  }

  .landing-page .sun-method-title
  {
    font-size: 1.7rem;
  }

  .landing-page .sun-method-intro
  {
    font-size: 0.95rem;
  }

}



/* ====================================================
   SECTION 7 – HOW THIS REPORT HELPS YOU
==================================================== */

.landing-page .sun-help-section {
  padding: 90px 0;
  background-color: var(--sun-bg-light); /* soft tinted background */
}

/* Layout */
.landing-page .sun-help-row {
  display: flex;
  gap: 72px;
  align-items: stretch;
}

/* LEFT */
.landing-page .sun-help-content {
  width: 55%;
}

.landing-page .sun-help-title {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.25;
  color: #111111;
  margin-bottom: 36px;
}

/* Benefit rows */
.landing-page .sun-help-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.landing-page .sun-help-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;

  padding: 18px 20px;
  border-radius: 14px;
  background: #ffffff;

  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.05);
}

.landing-page .sun-help-item p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #222222;
  font-weight: 500;
}

/* Icon */
.landing-page .sun-help-icon {
  width: 10px;
  height: 10px;
  margin-top: 0.55em;
  border-radius: 50%;
  background: var(--sun-primary);
  flex-shrink: 0;
}

/* RIGHT CTA PANEL */
.landing-page .sun-help-cta-panel {
  width: 45%;
  padding: 48px 46px;
  border-radius: 22px;

  background: #ffffff;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.08);

  display: flex;
  flex-direction: column;
  justify-content: center;
}

.landing-page .sun-help-cta-panel h3 {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 16px;
  color: #111111;
}

.landing-page .sun-help-cta-panel p {
  font-size: 1rem;
  line-height: 1.65;
  color: #444444;
  margin-bottom: 32px;
}

/* CTA Button */
.landing-page .sun-help-cta-btn {
  display: inline-block;
  align-self: flex-start;

  padding: 14px 36px;
  border-radius: 999px;
  background: var(--sun-primary);
  color: #111111;

  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s ease;
}

.landing-page .sun-help-cta-btn:hover {
  background: #111111;
  color: #ffffff;
  transform: translateY(-2px);
}

/* Icon container */
.landing-page .sun-help-icon {
  flex-shrink: 0;
  width: 34px;
  height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  background: rgba(0, 0, 0, 0.04);
}

/* Font Awesome icon */
.landing-page .sun-help-icon i {
  font-size: 0.9rem;
  color: var(--sun-primary);
}

/* Hover effect on benefit rows */
.landing-page .sun-help-item {
  transition: all 0.25s ease;
  cursor: default;
}

.landing-page .sun-help-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
}

/* Icon reaction on hover */
.landing-page .sun-help-item:hover .sun-help-icon {
  background: var(--sun-primary);
}

.landing-page .sun-help-item:hover .sun-help-icon i {
  color: #ffffff;
}

.landing-page .sun-help-item:hover p {
  color: #111111;
}

@media (max-width: 991px) {

  .landing-page .sun-help-row {
    flex-direction: column;
    gap: 32px;
  }

  .landing-page .sun-help-content,
  .landing-page .sun-help-cta-panel {
    width: 100%;
  }

  .landing-page .sun-help-cta-panel {
    padding: 32px 28px;
  }
}

@media (max-width: 576px) {

.landing-page .sun-help-section {
  padding: 30px 0;
  margin-bottom: 30px;
}

.landing-page .sun-help-title
{
  font-size: 1.7rem;
}

.landing-page .sun-help-cta-panel
{
  display: none;
}

}

/* ====================================================
   SECTION 9 – TAKE THE RIGHT STEPS
==================================================== */

.landing-page .sun-steps-section {
  padding: 80px 0;
  background: #ffffff;
  text-align: center;
}

.landing-page .sun-steps-title {
  font-size: 2.3rem;
  font-weight: 600;
  margin-bottom: 64px;
  color: #111111;
}

/* Row */
.landing-page .sun-steps-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

/* Step box */
.landing-page .sun-step-box {
  width: 280px;
  padding: 40px 28px;
  border-radius: 22px;
  background-color: var(--sun-bg-light);

  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}

.landing-page .sun-step-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.12);
}

/* Icon */
.landing-page .sun-step-icon {
  font-size: 2.2rem;
  color: var(--sun-primary);
  margin-bottom: 20px;
}

/* Text */
.landing-page .sun-step-box p {
  font-size: 1rem;
  font-weight: 500;
  color: #222222;
  margin: 0;
}

/* Connector line */
.landing-page .sun-step-connector {
  width: 60px;
  height: 2px;
  background: rgba(0, 0, 0, 0.15);
}

/* Quote */
.landing-page .sun-steps-quote {
  margin-top: 60px;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--sun-primary);
}


/* CTA Step Box */
.landing-page .sun-step-cta {
  background: var(--sun-primary);
  color: #ffffff;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
}

.landing-page .sun-step-cta .sun-step-icon {
  color: #ffffff;
}

.landing-page .sun-step-cta p {
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 18px;
}

/* CTA Button inside CTA box */
.landing-page .sun-step-cta-btn {
  display: inline-block;
  padding: 12px 28px;
  border-radius: 999px;

  background: #ffffff;
  color: #111111;

  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;

  transition: all 0.25s ease;
}

.landing-page .sun-step-cta-btn:hover {
  transform: translateY(-2px);
  background: #111111;
  color: #ffffff;
}

@media (max-width: 991px) 
{

  .landing-page .sun-steps-row {
    flex-direction: column;
  }

  .landing-page .sun-step-connector {
    width: 2px;
    height: 40px;
  }
}

@media (max-width: 576px) 
{
  .landing-page .sun-steps-section{
    display: none;
  }
}



/* ====================================================
   SECTION 10 – PRICING
==================================================== */

.landing-page .sun-pricing-section {
  padding: 80px 0;
  background-color: var(--sun-bg-light);
}

/* Header */
.landing-page .sun-pricing-header {
  text-align: center;
  max-width: 1100px;
  margin: 0 auto 72px;
}

.landing-page .sun-pricing-header h2 {
  font-size: 2.4rem;
  font-weight: 600;
  color: #111;
  margin-bottom: 16px;
}

.landing-page .sun-pricing-header p {
  font-size: 1rem;
  color: #444;
  line-height: 1.6;
}

/* Grid */
.landing-page .sun-pricing-grid {
  display: flex;
  justify-content: center;
  gap: 36px;
}

/* Cards */
.landing-page .sun-price-card {
  width: 500px;
  background: #ffffff;
  border-radius: 22px;
  padding: 44px 36px;
  text-align: left;

  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);
  position: relative;
}

/* Featured card */
.landing-page .sun-price-featured {
   background: var(--sun-card-bg);
  transform: scale(1.05);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.12);
}

.landing-page .sun-price-tag {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--sun-primary);
  color: #fff;
  font-size: 0.75rem;
  padding: 6px 14px;
  border-radius: 999px;
}

/* Titles */
.landing-page .sun-price-card h3 {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 16px;
}

/* Price */
.landing-page .sun-price {
  font-size: 2.8rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 8px;
}

.landing-page .sun-price .currency {
  font-size: 1.2rem;
  vertical-align: super;
}

/* Notes */
.landing-page .sun-price-note {
  font-size: 0.95rem;
  color: #444;
  margin-bottom: 28px;
}

/* Features */
.landing-page .sun-price-features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
}

.landing-page .sun-price-features li {
  font-size: 0.95rem;
  color: #222;
  margin-bottom: 14px;
  padding-left: 22px;
  position: relative;
}

.landing-page .sun-price-features li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--sun-primary);
  font-weight: 600;
}

/* Buttons */
.landing-page .sun-price-btn {
  display: inline-block;
  padding: 14px 32px;
  border-radius: 999px;
  background: #111;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  transition: all 0.25s ease;
}

.landing-page .sun-price-btn.primary {
  background: var(--sun-primary);
  color: #111;
}

.landing-page .sun-price-btn:hover {
  transform: translateY(-2px);
}

/* Ideal text */
.landing-page .sun-price-ideal {
  margin-top: 22px;
  font-size: 0.9rem;
  color: #555;
}

/* Trust note */
.landing-page .sun-pricing-trust {
  margin-top: 56px;
  text-align: center;
  font-size: 0.9rem;
  color: #666;
}


@media (max-width: 991px) {
  .landing-page .sun-pricing-grid {
    flex-direction: column;
    align-items: center;
  }

  .landing-page .sun-price-featured {
    transform: none;
  }
}

@media (max-width: 576px) {

  .landing-page .sun-pricing-section
  {
    padding: 30px 0;
  }

  .landing-page .sun-pricing-header
  {
    margin: 0 auto 30px;
  }

  .landing-page .sun-pricing-header h2
  {
    font-size: 1.7rem;
  }

  .landing-page .sun-price-card h3
  {
    margin-bottom: 0px;
  }

  .landing-page .sun-price-card{
    padding: 35px 20px;
    width:100%;
  }

  .landing-page .sun-price-features li {
    font-size: 0.95rem;
    color: #222;
    margin-bottom: 10px;
    padding-left: 22px;
    position: relative;
  }

  .landing-page .sun-price-features
  {
    margin: 0px 0 20px;
  }
}

/* ====================================================
   FAQ SECTION – BOOTSTRAP REFINED
==================================================== */

.landing-page .sun-faq-section {
  padding: 80px 0;
}

/* Title */
.landing-page .sun-faq-title {
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
}


/* Accordion cleanup */
.landing-page .sun-faq-accordion .accordion-item {
  padding: 10px;
  border: 1px solid rgba(0,0,0,0.08);
}

.landing-page .sun-faq-accordion .accordion-button {
  padding: 20px 0;
  font-size: 1rem;
  font-weight: 600;
  color: #111;
  background: none;
}

.landing-page .sun-faq-accordion .accordion-button:focus {
  box-shadow: none;
}

.landing-page .sun-faq-accordion .accordion-body {
  padding: 25px 0 25px 9px;
  font-size: 15px;
  color: #444;
  line-height: 1.6;
}

/* CTA */
.landing-page .sun-faq-cta {
  background-color: var(--sun-bg-light);
  border-radius: 22px;
  padding: 48px 40px;
}

.landing-page .sun-faq-cta h3 {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 16px;
}

.landing-page .sun-faq-cta p {
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 14px;
}

/* Question text */
.landing-page .accordion-button {
  font-size: 1.07rem;        /* increased */
  font-weight: 600;
  color: #111;
  padding: 18px 10px;
}

/* Answer text */
.landing-page .accordion-body {
  font-size: 0.95rem;
  line-height: 1.65;
  color: #444;
}

.landing-page .sun-faq-cta-note {
  font-weight: 500;
  color: #111;
}

/* CTA Button */
.landing-page .sun-faq-cta-btn {
  display: inline-block;
  padding: 14px 34px;
  border-radius: 999px;
  background: var(--sun-primary);
  color: #111;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s ease;
}

.landing-page .sun-faq-cta-btn:hover {
  background: #111;
  color: #fff;
  transform: translateY(-2px);
}


/* Remove bootstrap yellow background */
.landing-page .accordion-button:not(.collapsed) {
      background-color: transparent !important;
  box-shadow: none;
  color: #111;
}


/* Icon default */
.landing-page .accordion-button::after {
  filter: none;
  opacity: 1;
  transform: scale(1.2);
}

/* Icon when active */
.landing-page .accordion-button:not(.collapsed)::after {
  transform: rotate(180deg) scale(1.2);
}

/* Active question highlight */
.landing-page .accordion-item:has(.accordion-button:not(.collapsed)) {
  /*border-top: 3px solid var(--sun-primary);*/
  /*padding-left: 12px;*/
   box-shadow: 0 4px 16px rgba(0,0,0,.08);
}

.landing-page .accordion-button::after {
  display: none !important;
}

/* Accordion button layout */
.landing-page .accordion-button {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 16px;
}

/* Icon styling */
.landing-page .faq-icon i {
  font-size: 0.9rem;
  color: var(--sun-primary);
  transition: transform 0.3s ease;
}

/* Rotate icon when open */
.landing-page .accordion-button:not(.collapsed) .faq-icon i {
  transform: rotate(45deg); /* plus → cross */
}

/* Button layout */
.sun-faq-accordion .accordion-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 0;
}

/* Question text */
.sun-faq-text {
  font-size: 1.05rem;
  font-weight: 600;
  color: #111;
  padding: 0 0 0 5px;
}

/* Icon */
.sun-faq-icon i {
  font-size: 0.9rem;
  color: var(--sun-primary);
  transition: transform 0.3s ease;
}

/* Rotate icon when open (plus → cross) */
.sun-faq-accordion
.accordion-button:not(.collapsed)
.sun-faq-icon i {
  transform: rotate(45deg);
}

.sun-faq-accordion .accordion-button:hover {
  color: var(--sun-primary);
}

@media (max-width: 576px) {

.landing-page .sun-faq-section {
padding: 30px 0;

}

.landing-page .sun-faq-accordion .accordion-item
{
  padding: 5px 3px;
}

.sun-faq-text
{
  font-size: 1rem;
}

.landing-page .sun-faq-accordion .accordion-body
{
    padding: 14px 0 10px 9px;
}

}

/* Section base */
.sun-master-section {
  background-color: var(--sun-bg-light);/* soft neutral */
  padding: 80px 0;
}

/* Heading */
.sun-master-header {
  margin-bottom: 40px;
}

.sun-section-title {
  font-size: 2.2rem;
  font-weight: 700;
}

/* Image */
.sun-master-image {
  margin-bottom: 50px;
}

.sun-master-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px; /* subtle */
}

/* Content */
.sun-master-content {
  max-width: 900px;
  margin: 0 auto;
  font-size: 1.05rem;
  line-height: 1.75;
  color: #1d1e20;
}

/* Name & role */
.sun-master-name {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 6px;
}

.sun-master-role {
  text-align: center;
  font-size: 0.95rem;
  color: #6b6f75;
  margin-bottom: 24px;
}

/* Divider */
.sun-master-divider {
  width: 60px;
  height: 2px;
  background: var(--sun-primary);
  margin: 0 auto 32px;
}

/* Paragraph spacing */
.sun-master-content p {
  margin-bottom: 18px;
}

/* Closing line */
.sun-master-closing {
  margin-top: 28px;
  font-style: italic;
  color: #4a4f55;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .sun-master-section {
    padding: 60px 0;
  }

  .sun-section-title {
    font-size: 1.9rem;
  }
}

/*=======================Starts Home========================*/

:root{

    /* Brand Colors */
    --rk-primary: #9A7356;
    --rk-primary-dark: #6B4F3A;

    /* Backgrounds */
    --rk-bg: #FFFDF9;
    --rk-bg-soft: #F8F3EC;

    /* Text */
    --rk-heading: #1E1E1E;
    --rk-text: #666666;

    /* Utility */
    --rk-white: #FFFFFF;
    --rk-border: #ECE3D8;

}





/* ==========================================================
   HOME HERO V3
   Direction C — Celestial Luxury
==========================================================*/

.home-hero-v2{

    position:relative;
    overflow:hidden;

    min-height:500px;

    display:flex;
    align-items:center;

    padding:70px 0;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FAFBFC 45%,
            #F4F6F7 100%);
}


/* ================================
   Soft Moon Glow
================================ */

.home-hero-v2::before{

    content:"";

    position:absolute;

    width:900px;
    height:900px;

    right:-280px;
    top:50%;

    transform:translateY(-50%);

    border-radius:50%;

    background:

        radial-gradient(circle,
        rgba(255,255,255,.95) 0%,
        rgba(247,248,249,.92) 45%,
        rgba(237,241,243,.55) 70%,
        transparent 100%);

    pointer-events:none;

}


/* ================================
   Editorial Grid
================================ */

.home-hero-v2 .container{

    position:relative;
    z-index:5;

}


.home-hero-v2 .row{

    align-items:center;

}


/* ================================
   Content
================================ */

.home-hero-v2-content{

    max-width:540px;

}


/* ================================
   Eyebrow
================================ */

.home-hero-v2-eyebrow{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:24px;

    font-size:16px;

    font-weight:600;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#8E7863;

}

.home-hero-v2-eyebrow::before{

    content:"";

    width:56px;

    height:1px;

    background:#CBB48C;

}


/* ================================
   Heading
================================ */

.home-hero-v2-title{

    font-size:58px;

    line-height:1.08;

    letter-spacing:-2px;

    font-weight:600;

    color:#1E2427;

    margin-bottom:24px;

}

.home-hero-v2-title span{

    display:block;

    margin-top:10px;

    font-weight:500;

    color:#B48A4C;

}


/* ================================
   Description
================================ */

.home-hero-v2-description{

    font-size:20px;

    line-height:1.9;

    color:#5E666D;

    max-width:500px;

    margin-bottom:42px;

}


/* ================================
   Buttons
================================ */

.home-hero-v2-actions{

    display:flex;

    align-items:center;

    gap:20px;

}

.home-hero-v2-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 38px;

    border-radius:100px;

    background:#1F4E46;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.home-hero-v2-primary:hover{

    background:#163A35;

    color:#fff;

    transform:translateY(-3px);

}


.home-hero-v2-secondary{

    color:#1E2427;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.home-hero-v2-secondary::after{

    content:" →";

}

.home-hero-v2-secondary:hover{

    color:#B48A4C;

}


/* ================================
   Artwork
================================ */

.home-hero-v2-artwork{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

}


/* Moon */

.home-hero-v2-circle{

    position:absolute;

    width:520px;
    height:520px;

    border-radius:50%;

    background:

        radial-gradient(circle,
        rgba(255,255,255,.96),
        rgba(244,246,247,.85));

    border:1px solid rgba(210,215,218,.55);

}


/* Sacred Geometry */

.home-hero-v2-symbol{

    width:410px;

    position:relative;

    z-index:5;

    opacity:.92;

    animation:heroFloat 8s ease-in-out infinite;

}


/* Stars */

.home-hero-v2-artwork::before,
.home-hero-v2-artwork::after{

    content:"✦";

    position:absolute;

    color:#D5B36B;

    opacity:.55;

}

.home-hero-v2-artwork::before{

    left:10%;

    top:18%;

    font-size:24px;

}

.home-hero-v2-artwork::after{

    right:8%;

    bottom:20%;

    font-size:20px;

}


/* Floating Animation */

@keyframes heroFloat{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-12px);

    }

    100%{

        transform:translateY(0px);

    }

}


/* ================================
   Tablet
================================ */

@media (max-width:991px){

.home-hero-v2{

    padding:70px 0;

    text-align:center;

}

.home-hero-v2-content{

    margin:auto;

}

.home-hero-v2-actions{

    justify-content:center;

}

.home-hero-v2-artwork{

    margin-top:60px;

}

.home-hero-v2-circle{

    width:380px;

    height:380px;

}

.home-hero-v2-symbol{

    width:300px;

}

}


/* ================================
   Mobile
================================ */

@media (max-width:767px){

.home-hero-v2{

    min-height:auto;

    padding:20px 0;

}

.home-hero-v2-title{

    font-size:42px;

    line-height:1.15;

    letter-spacing:-1px;

}

    .home-hero-v2-eyebrow {
        display: block;
        width: 100%;
        margin: 0 auto 18px;
        padding: 0 15px;

        text-align: center;

        font-size: 13px;
        line-height: 1.6;
        font-weight: 600;
        letter-spacing: 2.5px;

        color: #8E7863;
        text-transform: uppercase;
    }

.home-hero-v2-eyebrow::before{

    content:"";

    width:56px;

    height:1px;
    display: none;

    background:#CBB48C;

}

.home-hero-v2-description{

    font-size:17px;

    line-height:1.8;

}

.home-hero-v2-actions{

    flex-direction:column;

    align-items:flex-start;

    gap:18px;

}

.home-hero-v2-primary{

    width:100%;

}

.home-hero-v2-secondary{

    margin-left:6px;

}

.home-hero-v2-artwork{

    display:none;

}

}


/*==================================================
 HOME ASTROLOGY SERVICES
 DESKTOP
==================================================*/

.home-astro-section{

    position:relative;

    padding:100px 0;
    background: #FCFBF8;

    /*background:
    linear-gradient(
    180deg,
    #F7F8FA 0%,
    #FCFCFC 45%,
    #FFFFFF 100%);*/

    overflow:hidden;

}

/* Decorative Glow */

.home-astro-section::before{

    content:"";

    position:absolute;

    width:700px;
    height:700px;

    top:-250px;
    right:-220px;

    border-radius:50%;

    background:

    radial-gradient(circle,
    rgba(33,77,67,.05),
    transparent 70%);

}

.home-astro-section::after{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    left:-180px;
    bottom:-180px;

    border-radius:50%;

    background:

    radial-gradient(circle,
    rgba(198,164,97,.06),
    transparent 70%);

}

/*==================================================
 HEADER
==================================================*/

.home-astro-header{

    max-width:760px;

    margin:0 auto 50px;

    text-align:center;

    position:relative;

    z-index:5;

}

.home-astro-tag{

    display:inline-flex;

    align-items:center;

    gap:16px;

    margin-bottom:26px;

    color:#A78654;

    font-size:30px;

    text-transform:uppercase;

    letter-spacing:3px;

    font-weight:600;

}

.home-astro-tag::before,

.home-astro-tag::after{

    content:"";

    width:42px;

    height:1px;

    background:#C9AF82;

}

.home-astro-description{

    font-size:20px;

    line-height:1.9;

    color:#626A70;

    margin:0;

}

/*==================================================
 SLIDER
==================================================*/

.home-astro-slider{
    overflow:hidden;
    position:relative;
    padding: 15px 0 0 0;
}

/*.home-astro-track{

    display:flex;

    transition:.7s ease;

}*/

.home-astro-slide{
    display:flex;
    height:auto;
    padding:0 12px;
    box-sizing:border-box;
}



.home-astro-card{

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    position:relative;

    overflow:hidden;

    height:100%;

    min-height:280px;

    padding:36px;

    background:#FFFFFF;

    border-radius:18px;

    border:1px solid #ECECEC;

    text-decoration:none;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}

.home-astro-slide > .home-astro-card{
    flex:1;
}

/* ===========================================
   Bottom Left Editorial Corner
=========================================== */

.home-astro-card::before{

    content:"";

    position:absolute;

    left:-1px;
    bottom:-1px;

    width:42px;
    height:42px;

    border-left:2px solid #C89D5D;
    border-bottom:2px solid #C89D5D;

    border-bottom-left-radius:18px;

    transition:
        width .45s ease,
        height .45s ease;

}

.home-astro-card:hover{

    transform:translateY(-8px);

    border:1px solid #ECECEC;

    box-shadow:
        0 30px 60px rgba(0,0,0,.08);

}

.home-astro-card:hover::before{

    width:100%;

    height:100%;

}

/* Dot */

/*.home-astro-card-dot{

    width:12px;

    height:12px;

    border-radius:50%;

    background:#C39A60;

    margin-bottom:28px;

    transition:.35s;

}
*/

.home-astro-card-dot{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    border-radius: 50%;

    background: #C39A60;
    color: #fff;

    font-size: 15px;
    font-weight: 700;

    margin-bottom: 28px;

    transition: .35s;
}
.home-astro-card h3{

    font-size:26px;

    line-height:1.25;

    font-weight:600;

    color: #b48a4c;

    margin-bottom:18px;

}

.home-astro-card p{

    font-size:16px;

    line-height:1.9;

    color:#666;

    flex-grow:1;

    margin-bottom:34px;

}

.home-astro-link{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#204B43;

    font-weight:600;

    transition:.35s;

}

.home-astro-link::after{

    content:"→";

    transition:.35s;

}

/*==================================================
 HOVER
==================================================*/


.home-astro-card:hover .home-astro-card-dot{

    background:#204B43;

    transform:scale(1.25);

}

.home-astro-card:hover .home-astro-link{

    color:#C39A60;

}

.home-astro-card:hover .home-astro-link::after{

    transform:translateX(6px);

}

/*==================================================
 NAVIGATION
==================================================*/

.home-astro-navigation{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    /*margin-top:20px;*/

}

.home-astro-prev,

.home-astro-next{

    width:54px;

    height:54px;

    border:none;

    border-radius:50%;

    background:#FFFFFF;

    color:#222;

    font-size:20px;

    cursor:pointer;

    transition:.35s;


}

.home-astro-prev:hover,

.home-astro-next:hover{

    background:#204B43;

    color:#fff;

    transform:translateY(-4px);

}

/*==================================================
 HOME ASTROLOGY SERVICES
 MOBILE
==================================================*/

@media (max-width:767px){

.home-astro-section{

    padding:20px 0;

}

/* Decorative Background */

.home-astro-section::before,
.home-astro-section::after{

    display:none;

}

/*==================================================
 HEADER
==================================================*/

.home-astro-header{

    margin:0 auto 0px;

    padding:0 12px;

}

.home-astro-tag{

    font-size:20px;

    letter-spacing:2px;

    gap:10px;

    margin-bottom:18px;

}

.home-astro-tag::before,
.home-astro-tag::after{

    width:24px;

}

.home-astro-description{

    font-size:16px;

    line-height:1.8;

}

/*==================================================
 SLIDER
==================================================*/

.home-astro-slider{

    overflow:hidden;

}

.home-astro-track{

    display:flex;

}

.home-astro-slide{

   flex: 0 0 100%;

}

/*==================================================
 ROW SPACING
==================================================*/

.home-astro-slide .row{

    row-gap:18px !important;

}

.home-astro-slide .mb-4{

    margin-bottom:18px !important;

}

/*==================================================
 CARD
==================================================*/

.home-astro-card{

    min-height:auto;

    padding:24px;

    border-radius:16px;

}

    .home-astro-card-dot {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        width: 34px;
        height: 34px;

        margin-bottom: 18px;

        border-radius: 50%;

        background: #C39A60;
        color: #fff;

        font-size: 12px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: .5px;

        flex-shrink: 0;

        position: relative;
        z-index: 2;
    }

.home-astro-card h3{

    font-size:22px;

    line-height:1.35;

    margin-bottom:14px;

}

.home-astro-card p{

    font-size:15px;

    line-height:1.8;

    margin-bottom:22px;

}

.home-astro-link{

    font-size:15px;

}

/*==================================================
 HOVER
==================================================*/

.home-astro-card:hover{

    transform:none;

}

/*==================================================
 NAVIGATION
==================================================*/

.home-astro-navigation{

    /*margin-top:36px;*/

    gap:12px;

}

.home-astro-prev,
.home-astro-next{

    width:46px;

    height:46px;

    font-size:18px;

}

/*==================================================
 BUTTON FEEL
==================================================*/

.home-astro-prev:active,
.home-astro-next:active{

    transform:scale(.95);

}

}

/*==================================================
 HOME ASTROLOGY SERVICES
 TABLET
==================================================*/

@media (min-width:768px) and (max-width:991px){

.home-astro-section{

    padding:90px 0;

}

/* Decorative Background */

.home-astro-section::before{

    width:520px;

    height:520px;

    top:-180px;

    right:-180px;

    opacity:.65;

}

.home-astro-section::after{

    width:360px;

    height:360px;

    left:-140px;

    bottom:-140px;

    opacity:.55;

}

/*==================================================
 HEADER
==================================================*/

.home-astro-header{

    max-width:640px;

    margin:0 auto 60px;

}

.home-astro-tag{

    font-size:12px;

    letter-spacing:2.5px;

    gap:14px;

    margin-bottom:20px;

}

.home-astro-tag::before,
.home-astro-tag::after{

    width:34px;

}

.home-astro-description{

    font-size:18px;

    line-height:1.8;

}

/*==================================================
 SLIDER
==================================================*/

.home-astro-slider{

    overflow:hidden;

}

.home-astro-track{

    display:flex;

}

.home-astro-slide{

    flex: 0 0 50%;

}

/*==================================================
 GRID
==================================================*/

.home-astro-slide .row{

    row-gap:24px !important;

}

.home-astro-slide .mb-4{

    margin-bottom:24px !important;

}

/*==================================================
 CARD
==================================================*/

.home-astro-card{

    min-height:245px;

    padding:28px;

    border-radius:18px;

}

.home-astro-card-dot{

    width:11px;

    height:11px;

    margin-bottom:22px;

}

.home-astro-card h3{

    font-size:23px;

    line-height:1.3;

    margin-bottom:16px;

}

.home-astro-card p{

    font-size:15px;

    line-height:1.8;

    margin-bottom:26px;

}

.home-astro-link{

    font-size:15px;

}

/*==================================================
 HOVER
==================================================*/

.home-astro-card:hover{

    transform:translateY(-5px);

}

/*==================================================
 NAVIGATION
==================================================*/



.home-astro-prev,
.home-astro-next{

    width:50px;

    height:50px;

    font-size:19px;

}

}

/* ==========================================
HOME PROMO STRIP
========================================== */

.home-promo-section{
/*padding:10px 0;*/

padding:100px 0;
}

.home-promo-wrapper{
display:grid;
grid-template-columns:32% 68%;
align-items:center;
background:var(--rk-bg-soft);
border:1px solid var(--rk-border);
border-radius:24px;
overflow:hidden;
}

/* ==========================================
CONTENT
========================================== */

.home-promo-content{
padding:35px;
}

.home-promo-tag{
display:inline-block;
margin-bottom:12px;
font-size:12px;
font-weight:600;
letter-spacing:2px;
text-transform:uppercase;
color:var(--rk-primary);
}

.home-promo-title{
margin:0 0 12px;
font-size:32px;
font-weight:700;
line-height:1.2;
color:var(--rk-heading);
}

.home-promo-text{
margin:0 0 20px;
font-size:15px;
line-height:1.7;
color:var(--rk-text);
}

.home-promo-link{
display:inline-flex;
align-items:center;
gap:8px;
text-decoration:none;
font-size:15px;
font-weight:600;
color:var(--rk-primary);
transition:.3s;
}

.home-promo-link:hover{
color:var(--rk-primary-dark);
}

.home-promo-link:hover span{
transform:translateX(4px);
}

.home-promo-link span{
transition:.3s;
}

/* ==========================================
SLIDER
========================================== */



.home-promo-slider img{
width:100%;
height:400px;
object-fit:cover;
display:block;
}

/* ==========================================
CONTROLS
========================================== */
.home-promo-slider{
    overflow:hidden;
    position:relative;
    height:100%;
}

/*.home-promo-track{
    display:flex;
    transition:.7s ease;
}
*/
.home-promo-slide{
    /*flex:0 0 100%;*/
    /*width:100%;*/
    box-sizing:border-box;
}

.home-promo-navigation{
    display:flex;
    justify-content:center;
    gap:18px;
    margin-top:40px;
}



.home-promo-prev, .home-promo-next {
    width: 54px;
    height: 54px;
    border: none;
    border-radius: 50%;
    background: #FFFFFF;
    color: #222;
    font-size: 20px;
    cursor: pointer;
    border: 1px solid rgba(195, 171, 135, .22);
    transition: .35s;
}

.home-promo-prev:hover, .home-promo-next:hover {
    background: #204B43;
    color: #fff;
    transform: translateY(-4px);
}

/* ==========================================
TABLET
========================================== */

@media(max-width:991px){


.home-promo-wrapper{
    grid-template-columns:1fr;
}

.home-promo-content{
    padding:30px;
}

.home-promo-title{
    font-size:25px;
}

.home-promo-slider img{
    height:320px;
}


}

/* ==========================================
MOBILE
========================================== */

@media(max-width:767px){


.home-promo-section{
    padding:50px 0;
}

.home-promo-content{
    padding:25px;
}

.home-promo-title{
    font-size:21px;
}

.home-promo-text{
    font-size:14px;
}

.home-promo-slider img{
    height:220px;
}

.home-promo-slider .carousel-control-prev,
.home-promo-slider .carousel-control-next{
    width:36px;
    height:36px;
}


}

/* ==================================================
MANTRA SERVICES
================================================== */

.home-mantra-section{
padding:100px 0;
/*background:var(--rk-white);*/
    background: #FCFBF8;
}

/* ==================================================
HEADER
================================================== */

.home-mantra-header{
max-width:700px;
margin:0 auto 50px;
text-align:center;
}


.home-mantra-tag{
    display: inline-flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 26px;
    color: #A78654;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 600;
  }

.home-mantra-tag::before, .home-mantra-tag::after {
    content: "";
    width: 42px;
    height: 1px;
    background: #C9AF82;
}

.home-mantra-title{
margin:0 0 15px;
font-size:48px;
font-weight:700;
line-height:1.15;
color:var(--rk-heading);
}

.home-mantra-description{
font-size: 20px;
    line-height: 1.9;
    color: #626A70;
    margin: 0;
}

/* ==================================================
GRID
================================================== */

.home-mantra-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;

}

.home-mantra-card{

    display:block;

    position:relative;

    overflow:hidden;

    background:linear-gradient(
        180deg,
        #FFFFFF 0%,
        #FEFCF8 100%
    );

    border:1px solid var(--rk-border);

    border-radius:10px;

    text-decoration:none;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}

/*=====================================
 Editorial Corner
=====================================*/

.home-mantra-card::before{

    content:"";

    position:absolute;

    left:-1px;
    bottom:-1px;

    width:42px;
    height:42px;

    border-left:2px solid #C89D5D;
    border-bottom:2px solid #C89D5D;

    border-bottom-left-radius:10px;

    transition:
        width .45s ease,
        height .45s ease;

}

/*=====================================
 Hover
=====================================*/

.home-mantra-card:hover{

    transform:translateY(-6px);

    border-color:var(--rk-border);

    box-shadow:
        0 20px 50px rgba(0,0,0,.06);

}

.home-mantra-card:hover::before{

    width:100%;
    height:100%;

}

/* ==================================================
IMAGE
================================================== */

.home-mantra-image{
overflow:hidden;
}

.home-mantra-image img{
width:100%;
height:180px;
object-fit:cover;
display:block;
transition:transform .6s ease;
}

.home-mantra-card:hover .home-mantra-image img{
transform:scale(1.05);
}

/* ==================================================
CONTENT
================================================== */

.home-mantra-content{
padding:24px;
}

.home-mantra-name{
margin:0 0 12px;
font-size:22px;
font-weight:700;
line-height:1.3;
color:var(--rk-heading);
}

.home-mantra-link{
display:inline-flex;
align-items:center;
gap:8px;
font-size:14px;
font-weight:600;
color:var(--rk-primary);
transition:all .3s ease;
}

.home-mantra-card:hover .home-mantra-link{
gap:12px;
}

/* ==================================================
LARGE TABLET
================================================== */

@media(max-width:1199px){


.home-mantra-title{
    font-size:42px;
}

.home-mantra-grid{
    gap:20px;
}


}

/* ==================================================
TABLET
================================================== */

@media(max-width:991px){


.home-mantra-section{
    padding:80px 0;
}

.home-mantra-title{
    font-size:38px;
}

.home-mantra-grid{
    grid-template-columns:repeat(2,1fr);
}

.home-mantra-image img{
    height:200px;
}


}

/* ==================================================
MOBILE
================================================== */

@media(max-width:767px){


.home-mantra-section{
    padding:20px 0;
}

.home-mantra-header{
    margin-bottom:0px;
}

.home-mantra-tag
{
  font-size: 20px;
}


.home-mantra-title{
    font-size:32px;
}

.home-mantra-description{
    font-size:15px;
}

.home-mantra-grid{
    grid-template-columns: repeat(2, 1fr);
    gap:15px;
}

.home-mantra-image img{
    height:170px;
}

.home-mantra-content{
    padding:20px;
}

.home-mantra-name{
    font-size:20px;
}


}

/* ==================================================
SMALL MOBILE
================================================== */

@media(max-width:480px){


.home-mantra-title{
    font-size:28px;
}

.home-mantra-image img{
    height:120px;
}


}

/* ==================================================
GUIDANCE SECTION
================================================== */

.home-guidance-section{
padding:70px 0;
background:var(--rk-white);
}

/* ==================================================
HEADER
================================================== */

.home-guidance-header{
text-align:center;
max-width:700px;
margin:0 auto 50px;
}

.home-guidance-tag{
display: inline-flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 26px;
    color: #A78654;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 600;
}

.home-guidance-tag::before, .home-guidance-tag::after
{
    content: "";
    width: 42px;
    height: 1px;
    background: #C9AF82;
}

.home-guidance-description
{
font-size: 20px;
    line-height: 1.9;
    color: #626A70;
    margin: 0;
}

.home-guidance-title{
margin:0;
font-size:46px;
font-weight:700;
line-height:1.15;
color:var(--rk-heading);
}

.home-guidance-shell{

    position:relative;

    background:#FFFDF9;

    border:1px solid rgba(198,164,103,.22);

    border-radius:32px;

    padding:56px;

    overflow:hidden;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}

/* Luxury gold border glow */

.home-guidance-shell::before{

    content:"";

    position:absolute;

    inset:0;

    padding:1px;

    border-radius:32px;

    background:linear-gradient(
        135deg,
        rgba(215,186,120,.08),
        rgba(174,132,74,.35),
        rgba(245,232,205,.12)
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    pointer-events:none;

}

/* Soft luxury background */

.home-guidance-shell::after{

    content:"";

    position:absolute;

    inset:0;

    background:
        radial-gradient(
            circle at top right,
            rgba(212,181,122,.06),
            transparent 40%
        ),

        radial-gradient(
            circle at bottom left,
            rgba(199,170,118,.05),
            transparent 35%
        );

    pointer-events:none;

}

.home-guidance-shell:hover{

    transform:translateY(-6px);

    border-color:rgba(174,132,74,.35);

    box-shadow:

        0 30px 80px rgba(38,32,24,.08),

        0 8px 24px rgba(190,155,96,.12);

}

/* ==================================================
CARD
================================================== */


.home-guidance-card{

    position:relative;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;

    min-height:340px;
    height:100%;

    padding:48px 42px;

    background:linear-gradient(
        180deg,
        #FFFFFF 0%,
        #FEFCF8 100%
    );

    border:1px solid rgba(180,146,92,.18);

    border-radius:30px;

    text-decoration:none;

    overflow:hidden;

    transition:
        transform .45s ease,
        box-shadow .45s ease,
        border-color .45s ease,
        background .45s ease;

}

/* Luxury Border */

.home-guidance-card::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:30px;

    padding:1px;

    background:linear-gradient(
        135deg,
        rgba(220,193,139,.18),
        rgba(170,128,73,.45),
        rgba(244,232,206,.20)
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    pointer-events:none;

    opacity:.65;

    transition:opacity .35s ease;

}

/* Decorative Glow */

.home-guidance-card::after{

    content:"";

    position:absolute;

    width:180px;
    height:180px;

    top:-90px;
    right:-90px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(212,179,117,.10),
    transparent 72%);

    transition:all .45s ease;

}

/* Hover */

.home-guidance-card:hover{

    transform:translateY(-8px);

    background:linear-gradient(
        180deg,
        #FFFFFF,
        #FFFDF9
    );

    border-color:rgba(170,128,73,.30);

    box-shadow:

        0 26px 70px rgba(26,22,18,.08),

        0 8px 24px rgba(184,148,92,.14);

}

.home-guidance-card:hover::before{

    opacity:1;

}

.home-guidance-card:hover::after{

    transform:scale(1.15);

    opacity:.9;

}

/* ==================================================
ACCENT
================================================== */

.home-guidance-accent{
position:absolute;
top:26px;
left:28px;


width:50px;
height:3px;

/*background:var(--rk-primary);*/
   background:linear-gradient(
        90deg,
        #CFA45E,
        #9A7356,
        #D8C08A
    );
border-radius:30px;


}

/* ==================================================
ICON
================================================== */

.home-guidance-icon-wrap{
margin-bottom:25px;
}

.home-guidance-icon-wrap img{
width:110px;
max-width:100%;
height:auto;
display:block;


transition:transform .35s ease;


}

.home-guidance-card:hover .home-guidance-icon-wrap img{
transform:translateY(-4px);
}

/* ==================================================
LABEL
================================================== */

.home-guidance-label{
display:block;


margin-bottom:20px;

font-size:13px;
font-weight:600;

letter-spacing:2px;
text-transform:uppercase;

color:var(--rk-primary);


}

/* ==================================================
LINK
================================================== */

.home-guidance-link{
display:inline-flex;
align-items:center;
justify-content:center;


max-width:320px;

font-size:19px;
font-weight:600;
line-height:1.5;

color:var(--rk-heading);

transition:all .3s ease;


}

.home-guidance-card:hover .home-guidance-link{
color:var(--rk-primary);
}

/* ==================================================
TABLET
================================================== */

@media(max-width:991px){


.home-guidance-section{
    padding:80px 0;
}

.home-guidance-title{
    font-size:38px;
}

.home-guidance-card{
    min-height:300px;
}


}

/* ==================================================
MOBILE
================================================== */

@media(max-width:767px){


.home-guidance-section{
    padding:20px 0;
}

.home-guidance-header{
    margin-bottom:35px;
}

.home-guidance-title{
    font-size:30px;
}

.home-guidance-card{
    min-height:auto;
    padding:35px 25px;
}

.home-guidance-icon-wrap img{
    width:90px;
}

.home-guidance-link{
    font-size:17px;
    max-width:100%;
}


}

/* ==================================================
SMALL MOBILE
================================================== */

@media(max-width:480px){

.home-guidance-shell
{
  padding: 18px;
}

.home-guidance-title{
    font-size:26px;
}

.home-guidance-icon-wrap img{
    width:80px;
}

.home-guidance-link{
    font-size:16px;
}

.home-guidance-tag
{
  font-size: 18px;
}

.home-guidance-description
{
    font-size: 15px;
    line-height: 1.5;
}


}


/* ==================================================
ASTROLOGY COURSES
================================================== */

.home-course-section{
padding:100px 0;
background:var(--rk-white);
}

/* ==================================================
HEADER
================================================== */

.home-course-header{
max-width:720px;
margin:0 auto 50px;
text-align:center;
}

.home-course-tag{
display:inline-block;
margin-bottom:15px;
font-size:13px;
font-weight:600;
letter-spacing:2px;
text-transform:uppercase;
color:var(--rk-primary);
}

.home-course-title{
margin:0 0 15px;
font-size:48px;
font-weight:700;
line-height:1.15;
color:var(--rk-heading);
}

.home-course-description{
margin:0;
font-size:17px;
line-height:1.8;
color:var(--rk-text);
}

/* ==================================================
GRID
================================================== */

.home-course-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
}

/* ==================================================
CARD
================================================== */

.home-course-card{
display:flex;
flex-direction:column;
height:100%;
padding:28px;
text-decoration:none;
background:var(--rk-white);
border:1px solid var(--rk-border);
border-radius:24px;
transition:all .35s ease;
position:relative;
}

.home-course-card:hover{
transform:translateY(-4px);
border-color:rgba(154,115,86,.30);
box-shadow:0 15px 35px rgba(0,0,0,.05);
}

/* ==================================================
TOP META
================================================== */

.home-course-meta{
display:flex;
align-items:center;
margin-bottom:20px;
}

.home-course-level{
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 14px;
border-radius:50px;
background:var(--rk-bg-soft);
font-size:12px;
font-weight:600;
letter-spacing:.5px;
color:var(--rk-primary-dark);
}

.home-course-level::before{
content:'';
width:7px;
height:7px;
border-radius:50%;
background:var(--rk-primary);
}

/* ==================================================
TITLE
================================================== */

.home-course-name{
margin:0 0 15px;
font-size:26px;
font-weight:700;
line-height:1.25;
color:var(--rk-heading);
}

/* ==================================================
DESCRIPTION
================================================== */

.home-course-text{
margin:0 0 24px;
font-size:15px;
line-height:1.8;
color:var(--rk-text);
}

/* ==================================================
CTA
================================================== */

.home-course-link{
margin-top:auto;
display:inline-flex;
align-items:center;
gap:8px;
font-size:15px;
font-weight:600;
color:var(--rk-primary);
transition:all .3s ease;
}

.home-course-card:hover .home-course-link{
gap:12px;
}

/* ==================================================
FOOTER
================================================== */

.home-course-footer{
text-align:center;
margin-top:45px;
}

.home-course-all-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 28px;
border:1px solid var(--rk-border);
border-radius:12px;
text-decoration:none;
font-size:15px;
font-weight:600;
color:var(--rk-heading);
background:var(--rk-white);
transition:all .3s ease;
}

.home-course-all-btn:hover{
background:var(--rk-primary);
border-color:var(--rk-primary);
color:var(--rk-white);
}

/* ==================================================
TABLET
================================================== */

@media(max-width:991px){


.home-course-section{
    padding:80px 0;
}

.home-course-title{
    font-size:40px;
}

.home-course-grid{
    grid-template-columns:repeat(2,1fr);
}


}

/* ==================================================
MOBILE
================================================== */

@media(max-width:767px){


.home-course-section{
    padding:70px 0;
}

.home-course-header{
    margin-bottom:40px;
}

.home-course-title{
    font-size:32px;
}

.home-course-description{
    font-size:15px;
}

.home-course-grid{
    grid-template-columns:1fr;
    gap:18px;
}

.home-course-card{
    padding:22px;
}

.home-course-name{
    font-size:22px;
}


}

/* ==================================================
OPTIONAL ACADEMIC ACCENT
================================================== */

.home-course-card::after{
content:'';
position:absolute;
top:0;
left:28px;
width:45px;
height:3px;
background:var(--rk-primary);
border-radius:20px;
}


/* ===========================================================
   WHY PEOPLE PREFER US
=========================================================== */

.home-trust-section{

    position:relative;

    padding:110px 0;

    background:#FCFBF8;

    overflow:hidden;

}

.home-trust-section::before{

    content:"";

    position:absolute;

    top:-180px;
    left:-150px;

    width:520px;
    height:520px;

    background:
    radial-gradient(circle,
    rgba(198,165,96,.12) 0%,
    transparent 72%);

    pointer-events:none;

}

.home-trust-section::after{

    content:"";

    position:absolute;

    right:-220px;
    bottom:-180px;

    width:620px;
    height:620px;

    background:
    radial-gradient(circle,
    rgba(173,133,74,.08) 0%,
    transparent 72%);

    pointer-events:none;

}

/*====================================================*/

.home-trust-wrapper{

    display:grid;

    grid-template-columns:1fr 470px;

    gap:80px;

    align-items:center;

    position:relative;

    z-index:2;

}

/*====================================================*/

.home-trust-tag{

    display:inline-flex;

    align-items:center;

    gap:14px;

    font-size:16px;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#9E7553;

    font-weight:700;

    margin-bottom:18px;

}

.home-trust-tag::before{

    content:"";

    width:48px;
    height:1px;

    background:#B98B5E;

}

/*====================================================*/

.home-trust-title{

    font-size:48px;

    line-height:1.15;

    font-weight:700;

    color:#1F2328;

    margin-bottom:26px;

}

.home-trust-description{

    font-size:18px;

    line-height:1.9;

    color:#646B73;

    max-width:620px;

    margin-bottom:48px;

}



.home-trust-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:24px;

}

.home-trust-card{

    position:relative;

    overflow:hidden;

    background:#FFFFFF;

    border:1px solid rgba(188,162,121,.18);

    border-radius:24px;

    padding:34px;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}

/*=====================================
 Editorial Corner
=====================================*/

.home-trust-card::before{

    content:"";

    position:absolute;

    left:-1px;
    bottom:-1px;

    width:42px;
    height:42px;

    border-left:2px solid #C89D5D;
    border-bottom:2px solid #C89D5D;

    border-bottom-left-radius:24px;

    transition:
        width .45s ease,
        height .45s ease;

}

/*=====================================
 Hover
=====================================*/

.home-trust-card:hover{

    transform:translateY(-8px);

    border-color:rgba(188,162,121,.18);

    box-shadow:
        0 28px 55px rgba(0,0,0,.08),
        0 8px 20px rgba(201,169,106,.10);

}

.home-trust-card:hover::before{

    width:100%;
    height:100%;

}

/*====================================================*/

.home-trust-icon{

    width:62px;
    height:62px;

    border-radius:18px;

    background:

    linear-gradient(
    135deg,
    #FFF8EC,
    #F5E7CB);

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:22px;

}

.home-trust-icon i{

    font-size:26px;

    color:#AA7D45;

}

/*====================================================*/

.home-trust-card h4{

    font-size:18px;

    line-height:1.3;

    color:#222;

    /*margin-bottom:14px;*/

    font-weight:700;

}

.home-trust-card p{

    margin:0;

    font-size:15px;

    line-height:1.8;

    color:#707780;

}

/*====================================================*/

.home-trust-image{

    position:relative;

}

.home-trust-image-card{

    position:relative;

    background:#ffffff;

    border-radius:34px;

    padding:18px;

    border:1px solid rgba(195,171,135,.22);

    box-shadow:

    0 35px 80px rgba(0,0,0,.06);

}

/* subtle glow */

.home-trust-image-card::before{

    content:"";

    position:absolute;

    inset:-30px;

    background:

    radial-gradient(circle,

    rgba(201,169,106,.14),

    transparent 72%);

    z-index:-1;

}

.home-trust-image img{

    width:100%;

    display:block;

    border-radius:24px;

}

/*====================================================*/
/* Decorative stars */
/*====================================================*/

.home-trust-image::before{

    content:"✦";

    position:absolute;

    top:-20px;
    left:-20px;

    font-size:28px;

    color:#D0B17A;

    opacity:.55;

}

.home-trust-image::after{

    content:"✦";

    position:absolute;

    bottom:-18px;
    right:-16px;

    font-size:24px;

    color:#D0B17A;

    opacity:.45;

}

/*====================================================*/
/* TABLET */
/*====================================================*/

@media (max-width:991px){

.home-trust-section{

    padding:90px 0;

}

.home-trust-wrapper{

    grid-template-columns:1fr;

    gap:60px;

}

.home-trust-title{

    font-size:38px;

}

.home-trust-description{

    font-size:17px;

}

.home-trust-image{

    max-width:620px;

    margin:auto;

}

}

/*====================================================*/
/* MOBILE */
/*====================================================*/

@media (max-width:767px){

.home-trust-section{

    padding:70px 0;

}

.home-trust-title{

    font-size:30px;

}

.home-trust-description{

    font-size:16px;

    line-height:1.8;

    margin-bottom:34px;

}

.home-trust-grid{

    grid-template-columns:1fr;

    gap:18px;

}

.home-trust-card{

    padding:28px;

}

.home-trust-card h4{

    font-size:20px;

}

.home-trust-image{

    margin-top:20px;

}

.home-trust-image-card{

    border-radius:24px;

}

}

/*==================================================
 OUR STORY / PHILOSOPHY
==================================================*/

.home-story-section{

    position:relative;

    padding:90px 0;

    /*background:#FCFBF8;*/
    background:#fff;

}

.home-story-inner{

    max-width:980px;

    margin:auto;

    text-align:center;

}

/*========================*/

.home-story-tag{

    display:inline-flex;

    align-items:center;

    gap:18px;

    margin-bottom:22px;

    font-size:16px;

    font-weight:600;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#9D7A54;

}

.home-story-tag::before,

.home-story-tag::after{

    content:"";

    width:45px;

    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        #C5A26B,
        transparent
    );

}

/*========================*/

.home-story-title{

    font-size:46px;

    line-height:1.18;

    font-weight:600;

    color:#222;

    letter-spacing:-1px;

    margin-bottom:26px;

}

.home-story-title span{

    color:#8A6B45;

    font-style:italic;

    font-weight:500;

}

/*========================*/

.home-story-description{

    max-width:720px;

    margin:0 auto 55px;

    font-size:20px;

      line-height: 1.9;

    color:#666;

}

/*========================*/

.home-story-stats{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    border-top:1px solid #E9E1D6;

    border-bottom:1px solid #E9E1D6;

}

.home-story-stat{

    padding:34px 18px;

    position:relative;

}

.home-story-stat:not(:last-child){

    border-right:1px solid #ECE5DB;

}

.home-story-stat h3{

    margin:0;

    font-size:52px;

    font-weight:300;

    color:#8A6B45;

    line-height:1;

    /*font-family:Georgia, serif;*/

}

.home-story-stat span{

    display:block;

    margin-top:12px;

    font-size:13px;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#666;

    line-height:1.8;

}

/*========================*/

.home-story-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:45px;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    color:#8A6B45;

    transition:.3s;

}

.home-story-btn::after{

    content:"→";

    transition:.3s;

}

.home-story-btn:hover{

    color:#1F4D44;

}

.home-story-btn:hover::after{

    transform:translateX(6px);

}

/*==================================================
 TABLET
==================================================*/

@media(max-width:991px){

.home-story-section{

    padding:75px 0;

}

.home-story-title{

    font-size:38px;

}

.home-story-description{

    font-size:17px;

    margin-bottom:45px;

}

.home-story-stats{

    grid-template-columns:repeat(2,1fr);

}

.home-story-stat:nth-child(2){

    border-right:none;

}

.home-story-stat:nth-child(-n+2){

    border-bottom:1px solid #ECE5DB;

}

}

/*==================================================
 MOBILE
==================================================*/

@media(max-width:767px){

.home-story-section{

    padding:20px 0;

}

.home-story-tag{

    letter-spacing:2px;

}

.home-story-tag::before,

.home-story-tag::after{

    width:22px;

}

.home-story-title{

    font-size:30px;

}

.home-story-description{

    font-size:16px;

    line-height:1.8;

    margin-bottom:35px;

}


.home-story-stats {

      /*grid-template-columns:repeat(2,1fr);*/
      display: none;
}

.home-story-stat{

    border-right:none !important;

    border-bottom:1px solid #ECE5DB;

}

.home-story-stat:last-child{

    border-bottom:none;

}

.home-story-stat h3{

    font-size:42px;

}

.home-story-btn{

    margin-top:10px;

}

}

/*=====================================================
 TESTIMONIAL SECTION
 Desktop (992px+)
=====================================================*/

.home-testimonial-section{

    position:relative;

    padding:110px 0;

    overflow:hidden;

    background: #FCFBF8;
}


/*=========================================
HEADER
=========================================*/

.home-testimonial-header{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;


}

.home-testimonial-tag{

    display:inline-flex;

    align-items:center;

    gap:16px;

    font-size:16px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#A87D54;

    margin-bottom:22px;

}

.home-testimonial-slider{
    overflow:hidden;
    position:relative;
}



.home-testimonial-slide{
    width:50%;
    padding:0 12px;
    box-sizing:border-box;
}

.home-testimonial-tag:before,
.home-testimonial-tag:after{

    content:"";

    width:46px;

    height:1px;

    background:#C8A56A;

}

.home-testimonial-title{

    font-size:48px;

    font-weight:600;

    line-height:1.18;

    color:#202020;

    letter-spacing:-1px;

    margin-bottom:22px;

}

.home-testimonial-description{

    font-size:20px;

    line-height:1.9;

    color:#666;

}


/*=========================================
WRAPPER
=========================================*/

.home-testimonial-wrapper{

    position:relative;

    padding:0 85px;

}




/*=========================================
CARD
=========================================*/

.home-testimonial-card{

    position:relative;

    overflow:hidden;

    height:100%;

    min-height:315px;

    padding:42px;

    background:#FFFFFF;

    border:1px solid #EFE6DB;

    border-radius:26px;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}

/*=====================================
 Editorial Corner
=====================================*/

.home-testimonial-card::before{

    content:"";

    position:absolute;

    left:-1px;
    bottom:-1px;

    width:42px;
    height:42px;

    border-left:2px solid #C89D5D;
    border-bottom:2px solid #C89D5D;

    border-bottom-left-radius:26px;

    transition:
        width .45s ease,
        height .45s ease;

}

/*=====================================
 Hover
=====================================*/

.home-testimonial-card:hover{

    transform:translateY(-6px);

    border-color:#EFE6DB;

    box-shadow:
        0 25px 60px rgba(0,0,0,.08);

}

.home-testimonial-card:hover::before{

    width:100%;
    height:100%;

}

/*=========================================
QUOTE
=========================================*/

.home-testimonial-quote{

    position:absolute;

    right:26px;

    top:14px;

    font-size:105px;

    font-family:Georgia,serif;

    color:#F3E7D4;

    line-height:1;

    user-select:none;

}


/*=========================================
TOP
=========================================*/

.home-testimonial-top{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:34px;

}

.home-testimonial-top img{

    width:72px;

    height:72px;

    border-radius:50%;

    object-fit:cover;

    border:3px solid #F6EBD9;

}

.home-testimonial-top h4{

    margin:0;

    font-size:24px;

    font-weight:600;

    color:#202020;

}

.home-testimonial-top span{

    display:block;

    margin-top:6px;

    font-size:14px;

    color:#A2764C;

}


/*=========================================
TEXT
=========================================*/

.home-testimonial-card p{

    margin:0;

    font-size:17px;

    line-height:1.95;

    color:#626262;

}


/*=========================================
STARS
=========================================*/

.home-testimonial-stars{

    margin-top:28px;

}

.home-testimonial-stars i{

    color:#C89D5D;

    font-size:17px;

    margin-right:4px;

}



.home-testimonial-navigation{
    display:flex;
    justify-content:center;
    gap:18px;
    margin-top:40px;
}



.home-testimonial-prev, .home-testimonial-next {
    width: 54px;
    height: 54px;
    border: none;
    border-radius: 50%;
    background: #FFFFFF;
    color: #222;
    font-size: 20px;
    cursor: pointer;
    border: 1px solid rgba(195, 171, 135, .22);
    transition: .35s;
}

.home-testimonial-prev:hover, .home-testimonial-next:hover {
    background: #204B43;
    color: #fff;
    transform: translateY(-4px);
}


/*=====================================================
 TESTIMONIAL SECTION
 Tablet (768px - 991px)
=====================================================*/

@media (min-width:768px) and (max-width:991px){

/*=========================================
SECTION
=========================================*/

.home-testimonial-section{

    padding:90px 0;

}

.home-testimonial-slide{
    flex:0 0 50%;
}

/*=========================================
HEADER
=========================================*/

.home-testimonial-header{

    max-width:650px;

    margin:0 auto 55px;

}

.home-testimonial-tag{

    font-size:11px;

    letter-spacing:2.5px;

    gap:12px;

}

.home-testimonial-tag:before,
.home-testimonial-tag:after{

    width:34px;

}

.home-testimonial-title{

    font-size:40px;

    line-height:1.25;

    margin-bottom:18px;

}

.home-testimonial-description{

    font-size:16px;

    line-height:1.85;

}

/*=========================================
WRAPPER
=========================================*/

.home-testimonial-wrapper{

    padding:0 55px;

}

/*=========================================
CARD
=========================================*/

.home-testimonial-card{

    min-height:290px;

    padding:34px;

    border-radius:22px;

}

.home-testimonial-card:hover{

    transform:translateY(-4px);

}

/*=========================================
QUOTE
=========================================*/

.home-testimonial-quote{

    font-size:84px;

    top:18px;

    right:20px;

}

/*=========================================
TOP
=========================================*/

.home-testimonial-top{

    gap:16px;

    margin-bottom:28px;

}

.home-testimonial-top img{

    width:64px;

    height:64px;

}

.home-testimonial-top h4{

    font-size:20px;

}

.home-testimonial-top span{

    font-size:13px;

}

/*=========================================
TEXT
=========================================*/

.home-testimonial-card p{

    font-size:16px;

    line-height:1.85;

}

/*=========================================
STARS
=========================================*/

.home-testimonial-stars{

    margin-top:24px;

}

.home-testimonial-stars i{

    font-size:16px;

}

/*=========================================
NAVIGATION
=========================================*/

.home-testimonial-wrapper .carousel-control-prev,
.home-testimonial-wrapper .carousel-control-next{

    width:50px;

    height:50px;

}

.home-testimonial-wrapper .carousel-control-prev{

    left:-5px;

}

.home-testimonial-wrapper .carousel-control-next{

    right:-5px;

}

.home-testimonial-wrapper .carousel-control-prev span,
.home-testimonial-wrapper .carousel-control-next span{

    font-size:20px;

}

/*=========================================
INDICATORS
=========================================*/

.carousel-indicators{

    margin-top:35px;

}

.carousel-indicators button{

    width:28px;

    height:4px;

}

.carousel-indicators .active{

    width:46px;

}

}


/*=====================================================
 TESTIMONIAL SECTION
 Mobile (0px - 767px)
=====================================================*/

@media (max-width:767px){

/*=========================================
SECTION
=========================================*/

.home-testimonial-section{

    padding:20px 0;

}
.home-testimonial-slide{
    flex:0 0 100%;
}
/*=========================================
HEADER
=========================================*/

.home-testimonial-header{

    margin:0 auto 40px;

    text-align:center;

}

.home-testimonial-tag{

    font-size:15px;

    letter-spacing:2px;

    gap:10px;

    margin-bottom:14px;

}

.home-testimonial-tag:before,
.home-testimonial-tag:after{

    width:24px;

}

.home-testimonial-title{

    font-size:23px;

    line-height:1.3;

    letter-spacing:0;

    margin-bottom:16px;

}

.home-testimonial-description{

    font-size:15px;

    line-height:1.8;

    padding:0 6px;

}

/*=========================================
WRAPPER
=========================================*/

.home-testimonial-wrapper{

    padding:0;

}

/*=========================================
CARD
=========================================*/

.home-testimonial-card{

    min-height:auto;

    padding:28px 24px;

    border-radius:20px;

}

.home-testimonial-card:hover{

    transform:none;

}

/*=========================================
QUOTE
=========================================*/

.home-testimonial-quote{

    font-size:72px;

    right:16px;

    top:12px;

}

/*=========================================
TOP
=========================================*/

.home-testimonial-top{

    gap:14px;

    margin-bottom:22px;

}

.home-testimonial-top img{

    width:56px;

    height:56px;

}

.home-testimonial-top h4{

    font-size:18px;

}

.home-testimonial-top span{

    font-size:12px;

}

/*=========================================
TEXT
=========================================*/

.home-testimonial-card p{

    font-size:15px;

    line-height:1.8;

}

/*=========================================
STARS
=========================================*/

.home-testimonial-stars{

    margin-top:20px;

}

.home-testimonial-stars i{

    font-size:15px;

    margin-right:2px;

}

/*=========================================
NAVIGATION
=========================================*/

.home-testimonial-wrapper .carousel-control-prev,
.home-testimonial-wrapper .carousel-control-next{

    width:44px;

    height:44px;

    top:auto;

    bottom:-62px;

    transform:none;

}

.home-testimonial-wrapper .carousel-control-prev{

    left:calc(50% - 55px);

}

.home-testimonial-wrapper .carousel-control-next{

    right:calc(50% - 55px);

}

.home-testimonial-wrapper .carousel-control-prev:hover,
.home-testimonial-wrapper .carousel-control-next:hover{

    transform:scale(1.05);

}

.home-testimonial-wrapper .carousel-control-prev span,
.home-testimonial-wrapper .carousel-control-next span{

    font-size:18px;

}

/*=========================================
INDICATORS
=========================================*/

.carousel-indicators{

    position:relative;

    margin-top:40px;

    margin-bottom:0;

}

.carousel-indicators button{

    width:22px;

    height:3px;

    margin:0 4px;

}

.carousel-indicators .active{

    width:38px;

}

/*=========================================
BACKGROUND DECORATION
=========================================*/

.home-testimonial-section:before,
.home-testimonial-section:after{

    display:none;

}

}

/* ==================================================
FAQ SECTION
================================================== */

.home-faq-section{
padding:90px 0;
background:var(--rk-white);
}

/* ==================================================
HEADER
================================================== */

.home-faq-header{
max-width:650px;
margin:0 auto 35px;
text-align:center;
}

.home-faq-tag{
    display: inline-flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 26px;
    color: #A78654;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 600;
}

.home-faq-tag::before, .home-faq-tag::after {
    content: "";
    width: 42px;
    height: 1px;
    background: #C9AF82;
}

.home-faq-title{
margin:0 0 12px;
font-size:42px;
font-weight:700;
line-height:1.2;
color:var(--rk-heading);
}

.home-faq-description{
margin:0;
font-size:20px;
line-height:1.9;
color: #626A70;
}

/* ==================================================
WRAPPER
================================================== */

.home-faq-wrapper{
max-width:900px;
margin:0 auto;
}

/* ==================================================
ACCORDION OVERRIDES
================================================== */

.home-faq-accordion{
--bs-accordion-border-width:0;
--bs-accordion-bg:transparent;
}

.home-faq-accordion .accordion-item{
margin-bottom:12px;
border:1px solid var(--rk-border);
border-radius:18px !important;
overflow:hidden;
background:var(--rk-white);
transition:all .3s ease;
}

.home-faq-accordion .accordion-item:hover{
border-color:rgba(154,115,86,.30);
}

.home-faq-accordion .accordion-button{
padding:18px 22px;
background:var(--rk-white);
font-size:17px;
font-weight:600;
color:var(--rk-heading);
box-shadow:none !important;
border:none;
}

.home-faq-accordion .accordion-button:not(.collapsed){
background:var(--rk-bg-soft);
color:var(--rk-heading);
box-shadow:none;
}

.home-faq-accordion .accordion-button:focus{
box-shadow:none;
border:none;
}

.home-faq-accordion .accordion-button::after{
transform:scale(.85);
}

.home-faq-accordion .accordion-body{
padding:0 22px 20px;
font-size:15px;
line-height:1.8;
color:var(--rk-text);
background:var(--rk-bg-soft);
}

/* ==================================================
OPEN ITEM
================================================== */

.home-faq-accordion .accordion-item:has(.accordion-button:not(.collapsed)){
border-color:rgba(154,115,86,.35);
}

/* ==================================================
MOBILE
================================================== */

@media(max-width:767px){


.home-faq-section{
    padding:20px 0;
}

.home-faq-title{
    font-size:32px;
}

.home-faq-tag
{
  font-size: 20px;
}

.home-faq-header
{
  margin: 0 auto 0px;
}

.home-faq-description{
    font-size:15px;
}

.home-faq-accordion .accordion-button{
    padding:16px 18px;
    font-size:16px;
}

.home-faq-accordion .accordion-body{
    padding:0 18px 18px;
    font-size:14px;
}

}

/* ==================================================
SMALL MOBILE
================================================== */

@media(max-width:480px)
{
.home-faq-title{
    font-size:28px;
}


}


/* ==================================================
BOOKS SECTION
================================================== */

.home-book-section{
padding:100px 0;
background:var(--rk-white);
}

/* ==================================================
HEADER
================================================== */

.home-book-header{
max-width:700px;
margin:0 auto 50px;
text-align:center;
}

.home-book-tag{
  display: inline-block;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--rk-primary);
}

.home-book-title{
margin:0 0 15px;
font-size:48px;
font-weight:700;
line-height:1.15;
color:var(--rk-heading);
}

.home-book-description{
margin:0;
font-size:17px;
line-height:1.8;
color:var(--rk-text);
}

/* ==================================================
WRAPPER
================================================== */

.home-book-wrapper{
display:grid;
grid-template-columns:60% 40%;
align-items:center;
gap:50px;
background:var(--rk-white);
border:1px solid var(--rk-border);
border-radius:28px;
overflow:hidden;
}

/* ==================================================
CONTENT SIDE
================================================== */

.home-book-content{
padding:50px;
position:relative;
}

.home-book-chapter-number{
display:inline-block;
margin-bottom:14px;
font-size:13px;
font-weight:600;
letter-spacing:2px;
text-transform:uppercase;
color:var(--rk-primary);
}

.home-book-chapter-title{
margin:0 0 18px;
font-size:36px;
font-weight:700;
line-height:1.2;
color:var(--rk-heading);
}

.home-book-chapter-text{
margin:0;
font-size:17px;
line-height:1.9;
color:var(--rk-text);
max-width:90%;
}

/* ==================================================
BOOK COVER
================================================== */

.home-book-cover{
display:flex;
justify-content:center;
align-items:center;
padding:40px;
background:var(--rk-bg-soft);
height:100%;
}

.home-book-cover img{
width:100%;
max-width:320px;
display:block;
border-radius:16px;
box-shadow:
0 20px 40px rgba(0,0,0,.08),
0 8px 15px rgba(0,0,0,.05);
}

/* ==================================================
CAROUSEL
================================================== */

.home-book-content .carousel{
position:relative;
}

.home-book-content .carousel-item{
min-height:260px;
}

/* ==================================================
CONTROLS
================================================== */

.home-book-controls{
display:flex;
gap:12px;
margin-top:35px;
}

.home-book-controls .carousel-control-prev,
.home-book-controls .carousel-control-next{
position:relative;
width:46px;
height:46px;
opacity:1;
background:var(--rk-bg-soft);
border:1px solid var(--rk-border);
border-radius:50%;
}

.home-book-controls .carousel-control-prev:hover,
.home-book-controls .carousel-control-next:hover{
background:var(--rk-primary);
border-color:var(--rk-primary);
}

.home-book-controls .carousel-control-prev-icon,
.home-book-controls .carousel-control-next-icon{
width:18px;
height:18px;
filter:invert(1);
}

/* ==================================================
PREMIUM QUOTE STYLE
================================================== */

.home-book-slide{
position:relative;
}

.home-book-slide::before{
content:'“';
position:absolute;
top:-30px;
left:-10px;
font-size:100px;
line-height:1;
color:rgba(154,115,86,.08);
font-family:Georgia, serif;
pointer-events:none;
}

/* ==================================================
LARGE TABLET
================================================== */

@media(max-width:1199px){


.home-book-title{
    font-size:42px;
}

.home-book-wrapper{
    gap:30px;
}

.home-book-content{
    padding:40px;
}

.home-book-chapter-title{
    font-size:32px;
}


}

/* ==================================================
TABLET
================================================== */

@media(max-width:991px){


.home-book-section{
    padding:80px 0;
}

.home-book-wrapper{
    grid-template-columns:1fr;
}

.home-book-cover{
    order:-1;
    padding:35px;
}

.home-book-cover img{
    max-width:260px;
}

.home-book-title{
    font-size:38px;
}

.home-book-content{
    padding:35px;
}


}

/* ==================================================
MOBILE
================================================== */

@media(max-width:767px){


.home-book-section{
    padding:70px 0;
}

.home-book-header{
    margin-bottom:40px;
}

.home-book-title{
    font-size:32px;
}

.home-book-description{
    font-size:15px;
}

.home-book-content{
    padding:28px;
}

.home-book-chapter-title{
    font-size:26px;
}

.home-book-chapter-text{
    font-size:15px;
    line-height:1.8;
    max-width:100%;
}

.home-book-content .carousel-item{
    min-height:auto;
}

.home-book-cover{
    padding:25px;
}

.home-book-cover img{
    max-width:220px;
}

.home-book-controls{
    margin-top:25px;
}

.home-book-controls .carousel-control-prev,
.home-book-controls .carousel-control-next{
    width:40px;
    height:40px;
}


}

/* ==================================================
SMALL MOBILE
================================================== */

@media(max-width:480px){


.home-book-title{
    font-size:28px;
}

.home-book-chapter-title{
    font-size:22px;
}


}


/* ==================================================
BLOG SECTION
================================================== */

.home-blog-section{
padding:100px 0;
    background: #FCFBF8;
/*background:var(--rk-white);*/
}

/* ==================================================
HEADER
================================================== */

.home-blog-header{
max-width:700px;
margin:0 auto 50px;
text-align:center;
}

.home-blog-tag{
    display: inline-flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 26px;
    color: #A78654;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 600;
}

.home-blog-tag::before, .home-blog-tag::after {
    content: "";
    width: 42px;
    height: 1px;
    background: #C9AF82;
}

.home-blog-title{
margin:0 0 15px;
font-size:48px;
font-weight:700;
line-height:1.15;
color:var(--rk-heading);
}

.home-blog-description{
font-size: 20px;
    line-height: 1.9;
    color: #626A70;
    margin: 0;
}



.home-blog-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;

}

.home-blog-card{

    display:flex;
    flex-direction:column;

    position:relative;
    overflow:hidden;

    height:100%;

    background:var(--rk-white);

    border:1px solid var(--rk-border);

    border-radius:24px;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}

/*=====================================
 Editorial Corner
=====================================*/

.home-blog-card::before{

    content:"";

    position:absolute;

    left:-1px;
    bottom:-1px;

    width:42px;
    height:42px;

    border-left:2px solid #C89D5D;
    border-bottom:2px solid #C89D5D;

    border-bottom-left-radius:24px;

    transition:
        width .45s ease,
        height .45s ease;

        pointer-events:none;

}

/*=====================================
 Hover
=====================================*/

.home-blog-card:hover{

    transform:translateY(-6px);

    border-color:var(--rk-border);

    box-shadow:
        0 18px 40px rgba(0,0,0,.05);

}

.home-blog-card:hover::before{

    width:100%;
    height:100%;

}
/* ==================================================
IMAGE
================================================== */

.home-blog-image{
overflow:hidden;
}

.home-blog-image img{
width:100%;
height:240px;
object-fit:cover;
display:block;
transition:transform .8s ease;
}

.home-blog-card:hover .home-blog-image img{
transform:scale(1.04);
}

/* ==================================================
CONTENT
================================================== */

.home-blog-content{

    display:flex;
    flex-direction:column;
    flex:1;

    padding:30px 28px 28px;

}

/*=====================================
 Category
=====================================*/

.home-blog-category{

    display:inline-flex;
    align-items:center;
    gap:10px;

    margin-bottom:16px;

    font-size:11px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#A47A4F;

}

.home-blog-category::before{

    content:"";

    width:24px;
    height:1px;

    background:#C89D5D;

}

/*=====================================
 Title
=====================================*/

.home-blog-card-title{

    margin:0 0 16px;

    font-size: 20px;

    font-weight:500;

    line-height:1.28;

    letter-spacing:-0.8px;

    color: #a78654;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;

    overflow:hidden;

}

/*=====================================
 Excerpt
=====================================*/

.home-blog-excerpt{

    margin:0 0 28px;

    font-size:16px;

    line-height:1.9;

    font-weight:400;

    color:#686868;

    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;

    overflow:hidden;

}

/*=====================================
 Read Link
=====================================*/

.home-blog-link{

    margin-top:auto;

    display:inline-flex;

    align-items:center;

    gap:10px;

    text-decoration:none;

    font-size:14px;

    font-weight:600;

    letter-spacing:.5px;

    color:#A47A4F;

    transition:all .35s ease;

}

.home-blog-link::after{

    content:"→";

    transition:transform .35s ease;

}

.home-blog-card:hover .home-blog-link{

    gap:14px;

}

.home-blog-card:hover .home-blog-link::after{

    transform:translateX(5px);

}

/*=====================================
 Footer
=====================================*/

.home-blog-footer{

    margin-top:60px;

    text-align:center;

}

.home-blog-all-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:16px 34px;

    border-radius:50px;

    background:#FFFFFF;

    border:1px solid #E9DFD2;

    color:#1E1E1E;

    text-decoration:none;

    font-size:14px;

    font-weight:600;

    letter-spacing:.4px;

    transition:all .35s ease;

}

.home-blog-all-btn:hover{

    background:#A47A4F;

    border-color:#A47A4F;

    color:#FFFFFF;

}

/* ==================================================
TABLET
================================================== */

@media(max-width:991px){


.home-blog-section{
    padding:80px 0;
}

.home-blog-title{
    font-size:40px;
}

.home-blog-grid{
    grid-template-columns:repeat(2,1fr);
}


}

/* ==================================================
MOBILE
================================================== */

@media(max-width:767px){


.home-blog-section{
    padding:70px 0;
}

.home-blog-header{
    margin-bottom:40px;
}

.home-blog-title{
    font-size:32px;
}

.home-blog-description{
    font-size:15px;
}

.home-blog-grid{
    grid-template-columns:1fr;
    gap:18px;
}

.home-blog-image img{
    height:220px;
}

.home-blog-content{
    padding:20px;
}

.home-blog-card-title{
    font-size:21px;
}

.home-blog-excerpt{
    font-size:14px;
}


}

/* ==================================================
SMALL MOBILE
================================================== */

@media(max-width:480px){


.home-blog-title{
    font-size:28px;
}

.home-blog-image img{
    height:200px;
}


}

.home-astro-track,
.home-testimonial-track,
.home-promo-track{
    transition: transform .6s cubic-bezier(.22,.61,.36,1);
    will-change: transform;
}

/* ==================================================
MEN LIFE DIRECTION VARIABLES
================================================== */

.landing-page.service-men-life-direction{

/* Primary Accent */

--mld-accent:#5B2333;

--mld-accent-dark:#421825;

--mld-accent-light:#F5ECEF;

/* Champagne Luxury Accent */

--mld-gold:#C7A977;

--mld-gold-light:#F3E9D8;

/* Backgrounds */

--mld-bg:#FAF8F5;

--mld-bg-soft:#F3EEE8;

/* Typography */

--mld-heading:#141414;

--mld-text:#666666;

/* Borders */

--mld-border:#E5DDD3;

/* Surface */

--mld-white:#FFFFFF;

/* Optional Dark Surface */

--mld-surface-dark:#2A2023;

}

/* ==================================================
MEN LIFE DIRECTION HERO
================================================== */

.landing-page.service-men-life-direction .mld-hero-section{
    position:relative;
    overflow:hidden;
    padding:120px 0;
    background:var(--mld-bg);
}

/* ==================================================
CONTENT
================================================== */

.landing-page.service-men-life-direction .mld-hero-content{
    max-width:650px;
}

.landing-page.service-men-life-direction .mld-hero-eyebrow{

    display:inline-block;

    margin-bottom:25px;

    font-size:13px;
    font-weight:700;

    letter-spacing:4px;
    text-transform:uppercase;

    color:var(--mld-accent);

}

.landing-page.service-men-life-direction .mld-hero-title{

    margin:0;

    font-size:clamp(4rem,8vw,6rem);

    font-weight:700;

    line-height:.95;

    letter-spacing:-3px;

    color:var(--mld-heading);

}

.landing-page.service-men-life-direction .mld-hero-title span{

    display:block;

    color:var(--mld-accent);

}

.landing-page.service-men-life-direction .mld-hero-subtitle{

    margin:25px 0;

    font-size:1.4rem;

    font-weight:500;

    color:var(--mld-gold);

}

.landing-page.service-men-life-direction .mld-hero-description{

    margin-bottom:40px;

    max-width:560px;

    font-size:1.08rem;

    line-height:2;

    color:var(--mld-text);

}

/* ==================================================
BUTTON
================================================== */

.landing-page.service-men-life-direction .mld-hero-button{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:220px;

    height:60px;

    border-radius:60px;

    background:var(--mld-accent);

    color:#fff;

    text-decoration:none;

    font-size:15px;
    font-weight:600;

    transition:.3s;

}

.landing-page.service-men-life-direction .mld-hero-button:hover{

    background:var(--mld-accent-dark);

    color:#fff;

    transform:translateY(-3px);

}

/* ==================================================
RIGHT VISUAL
================================================== */

.landing-page.service-men-life-direction .mld-hero-visual{

    position:relative;

    max-width:460px;

    margin-left:auto;

}

.landing-page.service-men-life-direction .mld-hero-visual-frame{

    overflow:hidden;

    border-radius:28px;

    background:#ddd;

    box-shadow:
    0 30px 60px rgba(0,0,0,.08);

}

.landing-page.service-men-life-direction .mld-hero-visual-frame img{

    width:100%;
    height:620px;

    object-fit:cover;

    display:block;

}

/* ==================================================
QUOTE CARD
================================================== */

.landing-page.service-men-life-direction .mld-quote-card{

    position:absolute;

    left:-40px;

    bottom:80px;

    width:260px;

    background:#fff;

    padding:28px;

    border-radius:22px;

    border:1px solid var(--mld-border);

    box-shadow:
    0 15px 40px rgba(0,0,0,.08);

}

.landing-page.service-men-life-direction .mld-quote-mark{

    display:block;

    /*margin-bottom:10px;*/

    font-size:2.5rem;

    line-height:1;

    color:var(--mld-accent);

}

.landing-page.service-men-life-direction .mld-quote-card p{

    margin:0;

    font-size:1rem;

    line-height:1.8;

    color:var(--mld-heading);

}

/* ==================================================
TOPIC TAGS
================================================== */

.landing-page.service-men-life-direction .mld-topic-list{

    position:absolute;

    top:25px;

    right:-20px;

    display:flex;
    flex-direction:column;
    gap:12px;

}

.landing-page.service-men-life-direction .mld-topic-list span{

    background:var(--mld-bg);

    padding:12px 18px;

    border-radius:40px;

    border:1px solid var(--mld-border);

    font-size:14px;
    font-weight:600;

    color:var(--mld-heading);

    box-shadow:
    0 8px 20px rgba(0,0,0,.04);

}

/* ==================================================
TABLET
================================================== */

@media(max-width:991px){

.landing-page.service-men-life-direction .mld-hero-section{
    padding:90px 0;
}

.landing-page.service-men-life-direction .mld-hero-visual{
    margin-top:60px;
}

.landing-page.service-men-life-direction .mld-hero-visual-frame img{
    height:520px;
}

}

/* ==================================================
MOBILE
================================================== */

@media(max-width:576px){

  .landing-page.service-men-life-direction .mld-hero-section
  {
    padding: 30px 0;
  }

.landing-page.service-men-life-direction .mld-hero-content{
    text-align:center;
}

.landing-page.service-men-life-direction .mld-hero-title{
    font-size:2.5rem;
}

.landing-page.service-men-life-direction .mld-hero-subtitle{
    font-size:1.1rem;
}

.landing-page.service-men-life-direction .mld-hero-description{
    font-size:1rem;
    line-height:1.8;
}

.landing-page.service-men-life-direction .mld-hero-button{
    width:100%;
}

.landing-page.service-men-life-direction .mld-quote-card{

    position:relative;

    left:auto;
    bottom:auto;

    width:100%;

    margin-top:20px;

}

.landing-page.service-men-life-direction .mld-topic-list{

    position:relative;

    top:auto;
    right:auto;

    margin-top:20px;

    flex-direction:row;
    flex-wrap:wrap;

}

}

/* ==================================================
SILENT LOAD
EDITORIAL PRESSURE LANDSCAPE
================================================== */

.landing-page.service-men-life-direction .mld-silent-load-section{
    padding:90px 0;
    background:var(--mld-white);
    overflow:hidden;
}

/* ==================================================
HEADER
================================================== */

.landing-page.service-men-life-direction .mld-silent-header{
    max-width:760px;
    margin:0 auto 0px;
    text-align:center;
}

.landing-page.service-men-life-direction .mld-silent-eyebrow{

    display:inline-block;

    margin-bottom:18px;

    font-size:.72rem;

    font-weight:700;

    letter-spacing:.25em;

    text-transform:uppercase;

    color:var(--mld-accent);
}

.landing-page.service-men-life-direction .mld-silent-title{

    margin:0 0 25px;

    color:var(--mld-heading);

    font-size:clamp(3rem,6vw,5.5rem);

    line-height:.95;

    font-weight:700;

    letter-spacing:-0.05em;
}

.landing-page.service-men-life-direction .mld-silent-intro{

    max-width:620px;

    margin:0 auto;

    color:var(--mld-text);

    font-size:1.08rem;

    line-height:2;
}

/* ==================================================
PRESSURE LANDSCAPE
================================================== */

.landing-page.service-men-life-direction .mld-pressure-landscape{

    position:relative;

    max-width:1100px;

    height:700px;

    margin:0 auto;
}

/* ==================================================
CENTER STATEMENT
================================================== */

.landing-page.service-men-life-direction .mld-pressure-center{

    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%, -50%);

    text-align:center;

    z-index:2;
}

.landing-page.service-men-life-direction .mld-pressure-center-title{

    margin:0;

    color:var(--mld-heading);

    font-size:clamp(3rem,5vw,5rem);

    line-height:.95;

    font-weight:700;

    letter-spacing:-0.05em;
}

/* ==================================================
PRESSURE TAGS
================================================== */

.landing-page.service-men-life-direction .mld-pressure-tag{

    position:absolute;

    color:var(--mld-heading);

    font-size:1.55rem;

    font-weight:600;

    letter-spacing:-0.03em;

    transition:.3s ease;
}

/* subtle highlight */

.landing-page.service-men-life-direction .mld-pressure-tag:hover{

    color:var(--mld-accent);

    transform:translateY(-3px);
}

/* ==================================================
CUSTOM POSITIONING
================================================== */

.mld-pressure-tag-1{
    top:60px;
    left:140px;
}

.mld-pressure-tag-2{
    top:260px;
    left:40px;
}

.mld-pressure-tag-3{
    bottom:120px;
    left:180px;
}

.mld-pressure-tag-4{
    top:110px;
    right:100px;
}

.mld-pressure-tag-5{
    top:330px;
    right:20px;
}

.mld-pressure-tag-6{
    bottom:100px;
    right:140px;
}

/* ==================================================
OPTIONAL CONNECTING LINES
================================================== */

.landing-page.service-men-life-direction .mld-pressure-landscape::before{

    content:"";

    position:absolute;

    top:50%;
    left:50%;

    width:500px;
    height:500px;

    transform:
    translate(-50%,-50%);

    border:1px solid rgba(199,169,119,.15);

    border-radius:50%;
}

.landing-page.service-men-life-direction .mld-pressure-landscape::after{

    content:"";

    position:absolute;

    top:50%;
    left:50%;

    width:700px;
    height:700px;

    transform:
    translate(-50%,-50%);

    border:1px solid rgba(199,169,119,.08);

    border-radius:50%;
}

/* ==================================================
CLOSING
================================================== */

.landing-page.service-men-life-direction .mld-silent-closing{

    max-width:760px;

    margin:40px auto 0;

    text-align:center;
}

.landing-page.service-men-life-direction .mld-silent-closing p{

    margin:0;

    color:var(--mld-text);

    font-size:1.05rem;

    line-height:2;
}

/* ==================================================
TABLET
================================================== */

@media(max-width:991px){

.landing-page.service-men-life-direction .mld-pressure-landscape{

    height:auto;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:30px;

    margin-top:50px;
}

.landing-page.service-men-life-direction .mld-pressure-center{

    position:relative;

    top:auto;
    left:auto;

    transform:none;

    grid-column:1 / -1;

    margin-bottom:30px;
}

.landing-page.service-men-life-direction .mld-pressure-tag{

    position:relative;

    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
}

.landing-page.service-men-life-direction .mld-pressure-landscape::before,
.landing-page.service-men-life-direction .mld-pressure-landscape::after{
    display:none;
}

}

/* ==================================================
MOBILE
================================================== */

@media(max-width:576px){

.landing-page.service-men-life-direction .mld-silent-load-section{
    padding:30px 0;
}

.landing-page.service-men-life-direction .mld-silent-title{
    font-size:2rem;
}

.landing-page.service-men-life-direction .mld-pressure-landscape{

    grid-template-columns:1fr;

    gap:20px;
}

.landing-page.service-men-life-direction .mld-pressure-center-title{
    font-size:2.4rem;
}

.landing-page.service-men-life-direction .mld-pressure-tag{
    font-size:1.2rem;
    text-align:center;
}

}

/* ==================================================
MEN LIFE DIRECTION
PRESSURE MAP SECTION
================================================== */

.landing-page.service-men-life-direction .mld-pressure-map-section{
padding:100px 0;
background:var(--mld-bg);
}

.landing-page.service-men-life-direction .mld-pressure-header{
max-width:760px;
margin:0 auto 80px;
text-align:center;
}

.landing-page.service-men-life-direction .mld-pressure-eyebrow{
display:inline-block;
margin-bottom:18px;


font-size:.72rem;
font-weight:700;

letter-spacing:.25em;
text-transform:uppercase;

color:var(--mld-accent);


}

.landing-page.service-men-life-direction .mld-pressure-title{
margin:0 0 24px;


color:var(--mld-heading);

font-size:clamp(3rem,5vw,5rem);
line-height:1.05;

font-weight:700;

letter-spacing:-0.04em;


}

.landing-page.service-men-life-direction .mld-pressure-intro{
max-width:640px;
margin:0 auto;


color:var(--mld-text);

font-size:1.05rem;
line-height:2;


}

/* ==================================================
GRID
================================================== */

.landing-page.service-men-life-direction .mld-pressure-grid{
display:grid;


grid-template-columns:repeat(2,1fr);

gap:20px 90px;

max-width:1100px;

margin:0 auto;


}

/* ==================================================
ITEM
================================================== */

.landing-page.service-men-life-direction .mld-pressure-item{
position:relative;
padding-top:10px;


}

.landing-page.service-men-life-direction .mld-pressure-item::before{
content:'';
position:absolute;
top:0;
left:0;
width:80px;
height:1px;
background:var(--mld-gold);

}

.landing-page.service-men-life-direction .mld-pressure-number{
display:block;


margin-bottom:10px;

font-size:18px;
font-weight:700;

letter-spacing:.20em;

color:var(--mld-accent);


}

.landing-page.service-men-life-direction .mld-pressure-item h3{
margin:0 0 15px;


color:var(--mld-heading);

font-size:1.75rem;
line-height:1.2;

font-weight:600;


}

.landing-page.service-men-life-direction .mld-pressure-item p{
margin:0;
color:var(--mld-text);
font-size:1rem;
line-height:1.9;


}

/* ==================================================
BOTTOM CLOSING
================================================== */

.landing-page.service-men-life-direction .mld-pressure-closing{
max-width:760px;
margin:90px auto 0;

padding-top:40px;

text-align:center;

border-top:1px solid var(--mld-border);


}

.landing-page.service-men-life-direction .mld-pressure-closing p{
margin:0;
color:var(--mld-text);

font-size:1.05rem;
line-height:2;


}

/* ==================================================
TABLET
================================================== */

@media (max-width:991px){

.landing-page.service-men-life-direction .mld-pressure-map-section{
padding:80px 0;
}

.landing-page.service-men-life-direction .mld-pressure-grid{
  gap:40px 40px;
}

.landing-page.service-men-life-direction .mld-pressure-item h3{
font-size:1.5rem;
}

}

/* ==================================================
MOBILE
================================================== */

@media (max-width:576px){

.landing-page.service-men-life-direction .mld-pressure-map-section{
  padding:30px 0;
}

.landing-page.service-men-life-direction .mld-pressure-title{
font-size:2rem;
}

.landing-page.service-men-life-direction .mld-pressure-intro{
font-size:1rem;
line-height:1.8;
}

.landing-page.service-men-life-direction .mld-pressure-header
{
    margin: 0 auto 30px;
}

    .landing-page.service-men-life-direction .mld-pressure-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }

    .landing-page.service-men-life-direction .mld-pressure-item {
        background: #fff;
        border: 1px solid var(--property-border-soft);
        border-radius: 18px;
        padding: 18px;
        height: 100%;
    }

.landing-page.service-men-life-direction .mld-pressure-item h3{
font-size:1.1rem;
}

.landing-page.service-men-life-direction .mld-pressure-item p{
line-height:1.8;
display: none;
}

.landing-page.service-men-life-direction .mld-pressure-item::before
{
  display: none;
}

.landing-page.service-men-life-direction .mld-pressure-closing{
margin-top:60px;
padding-top:30px;
}

.landing-page.service-men-life-direction .mld-pressure-closing p{
font-size:1rem;
line-height:1.8;
}

}

/* ==================================================
MEN LIFE DIRECTION
DIRECTION SECTION
================================================== */

.landing-page.service-men-life-direction .mld-direction-section{
padding:120px 0;
background:var(--mld-white);
}

.landing-page.service-men-life-direction .mld-direction-wrapper{
max-width:1200px;
margin:0 auto;
}

/* ==================================================
LEFT CONTENT
================================================== */

.landing-page.service-men-life-direction .mld-direction-content{
max-width:420px;
}

.landing-page.service-men-life-direction .mld-direction-eyebrow{
display:inline-block;


margin-bottom:20px;

font-size:.72rem;
font-weight:700;

letter-spacing:.25em;
text-transform:uppercase;

color:var(--mld-accent);


}

.landing-page.service-men-life-direction .mld-direction-title{
margin:0 0 15px;


color:var(--mld-heading);

font-size:clamp(3rem,5vw,4.8rem);

line-height:1.05;

font-weight:700;

letter-spacing:-0.04em;


}

.landing-page.service-men-life-direction .mld-direction-subtitle{
margin:0 0 30px;


color:var(--mld-accent);

font-size:2rem;

font-weight:500;

line-height:1.2;


}

.landing-page.service-men-life-direction .mld-direction-description{
margin:0;


color:var(--mld-text);

font-size:1.05rem;

line-height:2;


}

/* ==================================================
TRANSFORMATION WALL
================================================== */

.landing-page.service-men-life-direction .mld-direction-wall{
display:flex;
flex-direction:column;
gap:0;
}

.landing-page.service-men-life-direction .mld-direction-line{


display:flex;

align-items:center;

justify-content:space-between;

gap:25px;

padding:24px 0;

border-bottom:1px solid var(--mld-border);


}

.landing-page.service-men-life-direction .mld-direction-line:first-child{
border-top:1px solid var(--mld-border);
}

.landing-page.service-men-life-direction .mld-direction-old{


min-width:140px;

color:var(--mld-text);

font-size:1.15rem;

font-weight:400;


}

.landing-page.service-men-life-direction .mld-direction-arrow{


color:var(--mld-gold);

font-size:1.4rem;

flex-shrink:0;


}

.landing-page.service-men-life-direction .mld-direction-new{


flex:1;

text-align:right;

color:var(--mld-heading);

font-size:1.4rem;

font-weight:600;


}

/* ==================================================
HOVER
================================================== */

.landing-page.service-men-life-direction .mld-direction-line{
transition:all .3s ease;
}

.landing-page.service-men-life-direction .mld-direction-line:hover{


padding-left:12px;


}

.landing-page.service-men-life-direction .mld-direction-line:hover .mld-direction-new{
color:var(--mld-accent);
}

/* ==================================================
BOTTOM STATEMENT
================================================== */

.landing-page.service-men-life-direction .mld-direction-closing{


max-width:760px;

margin:90px auto 0;

padding-top:40px;

text-align:center;

border-top:1px solid var(--mld-border);


}

.landing-page.service-men-life-direction .mld-direction-closing p{


margin:0;

color:var(--mld-text);

font-size:1.05rem;

line-height:2;


}

/* ==================================================
TABLET
================================================== */

@media(max-width:991px){

.landing-page.service-men-life-direction .mld-direction-section{
padding:90px 0;
}

.landing-page.service-men-life-direction .mld-direction-content{
max-width:none;
margin-bottom:60px;
}

}

/* ==================================================
MOBILE
================================================== */

@media(max-width:576px){

  .landing-page.service-men-life-direction .mld-direction-section{  
    padding:30px 0;
}

.landing-page.service-men-life-direction .mld-direction-title{
font-size:1.95rem;
}

.landing-page.service-men-life-direction .mld-direction-subtitle{
font-size:1.5rem;
}

.landing-page.service-men-life-direction .mld-direction-description{
line-height:1.8;
}

.landing-page.service-men-life-direction .mld-direction-line{
gap:15px;
padding:10px 0;
}

.landing-page.service-men-life-direction .mld-direction-content
{
  margin-bottom: 30px;
}

.landing-page.service-men-life-direction .mld-direction-old{
min-width:auto;
font-size:1rem;
}

.landing-page.service-men-life-direction .mld-direction-new{
font-size:1.1rem;
}

.landing-page.service-men-life-direction .mld-direction-closing{
margin-top:60px;
padding-top:30px;
}

.landing-page.service-men-life-direction .mld-direction-closing p{
font-size:1rem;
line-height:1.8;
}

}

/* ==================================================
PROCESS SECTION
================================================== */

.landing-page.service-men-life-direction .mld-process-section{
    padding:100px 0;
    background:var(--mld-bg-soft);
}

/* ==================================================
HEADER
================================================== */

.landing-page.service-men-life-direction .mld-process-header{
    max-width:760px;
    margin:0 auto 70px;
    text-align:center;
}

.landing-page.service-men-life-direction .mld-process-eyebrow{
    display:inline-block;
    margin-bottom:18px;

    font-size:.72rem;
    font-weight:700;

    letter-spacing:.25em;
    text-transform:uppercase;

    color:var(--mld-accent);
}

.landing-page.service-men-life-direction .mld-process-title{
    margin:0 0 20px;

    color:var(--mld-heading);

    font-size:clamp(2.8rem,5vw,4.5rem);

    line-height:1.05;

    font-weight:700;

    letter-spacing:-0.04em;
}

.landing-page.service-men-life-direction .mld-process-intro{
    max-width:620px;
    margin:0 auto;

    color:var(--mld-text);

    font-size:1.05rem;

    line-height:1.9;
}

/* ==================================================
FLOW
================================================== */

.landing-page.service-men-life-direction .mld-process-flow{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;

    max-width:1100px;

    margin:0 auto;
}

.landing-page.service-men-life-direction .mld-process-connector{
    display:none;
}

/* ==================================================
CARD
================================================== */

.landing-page.service-men-life-direction .mld-process-card{

    position:relative;

    background:var(--mld-white);

    border:1px solid var(--mld-border);

    border-radius:28px;

    padding:40px;

    overflow:hidden;

    transition:.3s ease;
}

/* STAGGER EFFECT */

.landing-page.service-men-life-direction .mld-process-card:nth-child(1){
    margin-top:0;
}

.landing-page.service-men-life-direction .mld-process-card:nth-child(3){
    margin-top:40px;
}

.landing-page.service-men-life-direction .mld-process-card:nth-child(5){
    margin-top:-10px;
}

.landing-page.service-men-life-direction .mld-process-card:nth-child(7){
    margin-top:30px;
}

/* NUMBER */

.landing-page.service-men-life-direction .mld-process-step{

    display:block;

    margin-bottom:25px;

    font-size:4.5rem;

    line-height:1;

    font-weight:700;

    color:var(--mld-gold-light);
}

/* TITLE */

.landing-page.service-men-life-direction .mld-process-card-title{

    margin:0 0 15px;

    color:var(--mld-heading);

    font-size:1.7rem;

    line-height:1.2;

    font-weight:600;
}

/* TEXT */

.landing-page.service-men-life-direction .mld-process-card-text{

    margin:0;

    color:var(--mld-text);

    font-size:1rem;

    line-height:1.9;
}

/* HOVER */

.landing-page.service-men-life-direction .mld-process-card:hover{

    transform:translateY(-6px);

    border-color:var(--mld-gold);
}

.landing-page.service-men-life-direction .mld-process-card:hover .mld-process-step{
    color:var(--mld-gold);
}

/* ==================================================
CLOSING
================================================== */

.landing-page.service-men-life-direction .mld-process-closing{

    max-width:760px;

    margin:70px auto 0;

    padding-top:35px;

    text-align:center;

    border-top:1px solid var(--mld-border);
}

.landing-page.service-men-life-direction .mld-process-closing p{

    margin:0;

    color:var(--mld-text);

    line-height:1.9;
}

/* ==================================================
TABLET
================================================== */

@media(max-width:991px){

.landing-page.service-men-life-direction .mld-process-flow{
    grid-template-columns:1fr;
}

.landing-page.service-men-life-direction .mld-process-card{
    margin-top:0 !important;
}

}

/* ==================================================
MOBILE
================================================== */

@media(max-width:576px){



.landing-page.service-men-life-direction .mld-process-section{
    padding:30px 0;
}

.landing-page.service-men-life-direction .mld-process-flow{
   grid-template-columns: repeat(2, 1fr);
   gap: 10px;
}

.landing-page.service-men-life-direction .mld-process-header
{
  margin: 0 auto 30px;
}

.landing-page.service-men-life-direction .mld-process-title{
    font-size:1.95rem;
}

.landing-page.service-men-life-direction .mld-process-card{
    padding:20px;
}

.landing-page.service-men-life-direction .mld-process-step{
    font-size:2.5rem;
    margin-bottom: 10px;
}

.landing-page.service-men-life-direction .mld-process-card-title{
    font-size:1.1rem;
}

}

/* ==================================================
PRICING SECTION
================================================== */

.landing-page.service-men-life-direction .mld-pricing-section{
    padding:100px 0;
    background:var(--mld-bg);
}

/* ==================================================
HEADER
================================================== */

.landing-page.service-men-life-direction .mld-pricing-header{
    max-width:760px;
    margin:0 auto 70px;
    text-align:center;
}

.landing-page.service-men-life-direction .mld-pricing-eyebrow{
    display:inline-block;
    margin-bottom:18px;

    font-size:.72rem;
    font-weight:700;

    letter-spacing:.25em;
    text-transform:uppercase;

    color:var(--mld-accent);
}

.landing-page.service-men-life-direction .mld-pricing-title{
    margin:0 0 20px;

    font-size:48px;

    line-height:1.05;

    font-weight:700;

    letter-spacing:-0.04em;

    color:var(--mld-heading);
}

.landing-page.service-men-life-direction .mld-pricing-intro{
    max-width:620px;
    margin:0 auto;

    color:var(--mld-text);

    font-size:1.05rem;

    line-height:1.9;
}

/* ==================================================
CARD
================================================== */

.landing-page.service-men-life-direction .mld-pricing-card{

    height:100%;

    padding:45px 20px;

    background:var(--mld-white);

    border:1px solid var(--mld-border);

    border-radius:32px;

    position:relative;

    transition:.35s ease;
}

.landing-page.service-men-life-direction .mld-pricing-card:hover{

    transform:translateY(-6px);

    border-color:var(--mld-gold);

}

/* ==================================================
TOP LABEL
================================================== */

.landing-page.service-men-life-direction .mld-pricing-label{

    display:inline-block;

    margin-bottom:18px;

    padding:8px 16px;

    border-radius:40px;

    background:var(--mld-gold-light);

    color:var(--mld-accent);

    font-size:13px;

    font-weight:600;

    letter-spacing:.08em;

    text-transform:uppercase;
}

/* ==================================================
PACKAGE NAME
================================================== */

.landing-page.service-men-life-direction .mld-pricing-name{

    margin:0 0 24px;

    font-size:2rem;

    line-height:1.2;

    font-weight:700;

    color:var(--mld-heading);
}

/* ==================================================
PRICE
================================================== */

.landing-page.service-men-life-direction .mld-pricing-price{

    margin-bottom:22px;

    font-size:3.5rem;

    font-weight:700;

    line-height:1;

    color:var(--mld-accent);
}

/* ==================================================
DESCRIPTION
================================================== */

.landing-page.service-men-life-direction .mld-pricing-description{

    margin-bottom:30px;

    color:var(--mld-text);

    font-size:1.02rem;

    line-height:1.9;
}

/* ==================================================
FEATURES
================================================== */

.landing-page.service-men-life-direction .mld-pricing-features{

    list-style:none;

    padding:0;

    margin:0 0 40px;
}

.landing-page.service-men-life-direction .mld-pricing-features li{

    position:relative;

    padding-left:24px;

    margin-bottom:16px;

    color:var(--mld-heading);

    line-height:1.7;
}

.landing-page.service-men-life-direction .mld-pricing-features li::before{

    content:"";

    position:absolute;

    left:0;
    top:11px;

    width:8px;
    height:8px;

    border-radius:50%;

    background:var(--mld-gold);
}

/* ==================================================
BUTTON
================================================== */

.landing-page.service-men-life-direction .mld-pricing-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 280px;
    min-height: 58px;
    border-radius: 60px;
    background: var(--mld-accent);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    transition: .3s ease;
    white-space: nowrap;
}

.landing-page.service-men-life-direction .mld-pricing-button:hover{

    background:var(--mld-accent-dark);

    color:#fff;

    transform:translateY(-2px);
}

/* ==================================================
TABLET
================================================== */

@media(max-width:991px){

.landing-page.service-men-life-direction .mld-pricing-section{
    padding:90px 0;
}

.landing-page.service-men-life-direction .mld-pricing-card{
    padding:40px;
}

}

/* ==================================================
MOBILE
================================================== */

@media(max-width:576px){

.landing-page.service-men-life-direction .mld-pricing-section{
    padding:30px 0;
}

.landing-page.service-men-life-direction .mld-pricing-header
{
      margin: 0 auto 30px;
}

.landing-page.service-men-life-direction .mld-pricing-title{
    font-size:2.3rem;
}

.landing-page.service-men-life-direction .mld-pricing-card{
    padding:32px;
}

.landing-page.service-men-life-direction .mld-pricing-name{
    font-size:1.6rem;
}

.landing-page.service-men-life-direction .mld-pricing-price{
    font-size:2.8rem;
}

.landing-page.service-men-life-direction .mld-pricing-button{
    width:100%;
}

}

/* ==================================================
FAQ SECTION
================================================== */

.landing-page.service-men-life-direction .mld-faq-section{
    padding:100px 0;
    background:var(--mld-white);
}

/* ==================================================
HEADER
================================================== */

.landing-page.service-men-life-direction .mld-faq-header{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;
}

.landing-page.service-men-life-direction .mld-faq-eyebrow{

    display:inline-block;

    margin-bottom:18px;

    font-size:.72rem;

    font-weight:700;

    letter-spacing:.25em;

    text-transform:uppercase;

    color:var(--mld-accent);
}

.landing-page.service-men-life-direction .mld-faq-title{

    margin:0;

    color:var(--mld-heading);

    font-size:clamp(2.8rem,5vw,4.5rem);

    line-height:1.05;

    font-weight:700;

    letter-spacing:-0.04em;
}

/* ==================================================
FAQ LIST
================================================== */

.landing-page.service-men-life-direction .mld-faq-list{

    max-width:900px;

    margin:0 auto;
}

/* ==================================================
ITEM
================================================== */

.landing-page.service-men-life-direction .mld-faq-item{

    padding:35px 0;

    border-bottom:1px solid var(--mld-border);
}

.landing-page.service-men-life-direction .mld-faq-item:first-child{

    border-top:1px solid var(--mld-border);
}

/* ==================================================
QUESTION
================================================== */

.landing-page.service-men-life-direction .mld-faq-question{

    margin:0 0 14px;

    color:var(--mld-heading);

    font-size:1.45rem;

    line-height:1.3;

    font-weight:600;
}

/* ==================================================
ANSWER
================================================== */

.landing-page.service-men-life-direction .mld-faq-answer{

    margin:0;

    max-width:760px;

    color:var(--mld-text);

    font-size:1.05rem;

    line-height:1.9;
}

/* ==================================================
HOVER
================================================== */

.landing-page.service-men-life-direction .mld-faq-item{

    transition:.3s ease;
}

.landing-page.service-men-life-direction .mld-faq-item:hover{

    padding-left:12px;
}

.landing-page.service-men-life-direction .mld-faq-item:hover
.mld-faq-question{

    color:var(--mld-accent);
}

/* ==================================================
TABLET
================================================== */

@media(max-width:991px){

.landing-page.service-men-life-direction .mld-faq-section{
    padding:90px 0;
}

}

/* ==================================================
MOBILE
================================================== */

@media(max-width:576px){

.landing-page.service-men-life-direction .mld-faq-section{
    padding:20px 0;
}

.landing-page.service-men-life-direction .mld-faq-header
{
  margin: 0 auto 30px
}

.landing-page.service-men-life-direction .mld-faq-title{
    font-size:1.95rem;
}

.landing-page.service-men-life-direction .mld-faq-question{
    font-size:1.2rem;
}

.landing-page.service-men-life-direction .mld-faq-answer{
    font-size:1rem;
    line-height:1.8;
}

.landing-page.service-men-life-direction .mld-faq-item{
    padding:25px 0;
}

}

/* ==================================================
MEET THE MASTER
================================================== */

.landing-page.service-men-life-direction .mld-master-section{
    padding:110px 0;
    background:var(--mld-bg);
}

.landing-page.service-men-life-direction .mld-master-wrapper{
    max-width:1200px;
    margin:0 auto;
}

/* ==================================================
IMAGE
================================================== */

.landing-page.service-men-life-direction .mld-master-image{

    position:relative;

    overflow:hidden;

    border-radius:32px;

    background:var(--mld-white);

    border:1px solid var(--mld-border);
}

.landing-page.service-men-life-direction .mld-master-image img{

    width:100%;
    height:700px;

    object-fit:cover;

    display:block;
}

/* ==================================================
CONTENT
================================================== */

.landing-page.service-men-life-direction .mld-master-content{

    max-width:620px;

    margin-left:auto;
}

.landing-page.service-men-life-direction .mld-master-eyebrow{

    display:inline-block;

    margin-bottom:20px;

    font-size:.72rem;

    font-weight:700;

    letter-spacing:.25em;

    text-transform:uppercase;

    color:var(--mld-accent);
}

.landing-page.service-men-life-direction .mld-master-title{

    margin:0 0 20px;

    color:var(--mld-heading);

    font-size:clamp(3rem,5vw,4.8rem);

    line-height:1;

    font-weight:700;

    letter-spacing:-0.04em;
}

.landing-page.service-men-life-direction .mld-master-lead{

    margin-bottom:35px;

    color:var(--mld-heading);

    font-size:1.2rem;

    line-height:1.8;

    font-weight:400;
}

/* ==================================================
BODY TEXT
================================================== */

.landing-page.service-men-life-direction .mld-master-text p{

    margin-bottom:22px;

    color:var(--mld-text);

    font-size:1.05rem;

    line-height:2;
}

.landing-page.service-men-life-direction .mld-master-text p:last-child{
    margin-bottom:0;
}

/* ==================================================
SIGNATURE QUOTE
================================================== */

.landing-page.service-men-life-direction .mld-master-signature{

    margin-top:45px;

    padding-left:24px;

    border-left:3px solid var(--mld-gold);
}

.landing-page.service-men-life-direction .mld-master-signature span{

    display:block;

    color:var(--mld-accent);

    font-size:1.15rem;

    line-height:1.9;

    font-style:italic;
}

/* ==================================================
TABLET
================================================== */

@media(max-width:991px){

.landing-page.service-men-life-direction .mld-master-section{
    padding:90px 0;
}

.landing-page.service-men-life-direction .mld-master-image{
    margin-bottom:50px;
}

.landing-page.service-men-life-direction .mld-master-image img{
    height:550px;
}

.landing-page.service-men-life-direction .mld-master-content{
    max-width:100%;
}

}

/* ==================================================
MOBILE
================================================== */

@media(max-width:576px){

.landing-page.service-men-life-direction .mld-master-section{
    padding:30px 0;
}

.landing-page.service-men-life-direction .mld-master-title{
    font-size:2.5rem;
}

.landing-page.service-men-life-direction .mld-master-lead{
    font-size:1.05rem;
    line-height:1.8;
}

.landing-page.service-men-life-direction .mld-master-image img{
    height:420px;
}

.landing-page.service-men-life-direction .mld-master-text p{
    font-size:1rem;
    line-height:1.9;
}

.landing-page.service-men-life-direction .mld-master-signature{
    margin-top:35px;
    padding-left:18px;
}

.landing-page.service-men-life-direction .mld-master-signature span{
    font-size:1rem;
}

}

.landing-page.service-men-life-direction .mld-master-image::after{
    content:"";

    position:absolute;

    inset:18px;

    border:1px solid rgba(255,255,255,.35);

    border-radius:22px;

    pointer-events:none;
}


.landing-page.service-heart-to-head{

/* Primary Accent */

--hth-accent:#8C5A6A;

--hth-accent-dark:#6D4451;

--hth-accent-light:#F7EFF2;

/* Champagne Luxury Accent */

--hth-gold:#C7A977;

--hth-gold-light:#F5ECDE;

/* Backgrounds */

--hth-bg:#FCFAF8;

--hth-bg-soft:#F5F1EC;

/* Typography */

--hth-heading:#1F1A1C;

--hth-text:#686264;

/* Borders */

--hth-border:#E8DED8;

/* Surface */

--hth-white:#FFFFFF;

/* Optional Dark Surface */

--hth-surface-dark:#2B2325;

}

/* ==========================================================
   HERO SECTION
========================================================== */

.landing-page.service-heart-to-head .hth-hero-section{
    position: relative;
    overflow: hidden;
    padding: 100px 0;
    background: var(--hth-bg);
}

.landing-page .service-heart-to-head .hth-hero-section::before{
    content: "";
    position: absolute;
    top: -180px;
    right: -140px;
    width: 420px;
    height: 420px;
    background: var(--hth-accent-light);
    border-radius: 50%;
    opacity: .65;
    z-index: 0;
}

.landing-page.service-heart-to-head .hth-hero-section::after{
    content: "";
    position: absolute;
    bottom: -200px;
    left: -120px;
    width: 350px;
    height: 350px;
    background: var(--hth-gold-light);
    border-radius: 50%;
    opacity: .45;
    z-index: 0;
}

.landing-page.service-heart-to-head .hth-hero-content,
.landing-page.service-heart-to-head .hth-hero-visual{
    position: relative;
    z-index: 2;
}


/* ==========================================================
   EYEBROW
========================================================== */

.landing-page.service-heart-to-head .hth-hero-eyebrow{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--hth-accent);
}

.landing-page.service-heart-to-head .hth-hero-eyebrow::before{
    content: "";
    width: 40px;
    height: 2px;
    background: var(--hth-gold);
}


/* ==========================================================
   TITLE
========================================================== */

.landing-page.service-heart-to-head .hth-hero-title{
    margin: 0;
    font-size: 64px;
    font-weight: 700;
    line-height: 1.08;
    color: var(--hth-heading);
}

.landing-page.service-heart-to-head .hth-hero-title span{
    color: var(--hth-accent);
}


/* ==========================================================
   DESCRIPTION
========================================================== */

.landing-page.service-heart-to-head .hth-hero-description{
    max-width: 580px;
    margin-top: 28px;
    margin-bottom: 35px;
    font-size: 17px;
    line-height: 1.8;
    color: var(--hth-text);
}


/* ==========================================================
   FEATURE PILLS
========================================================== */

.landing-page.service-heart-to-head .hth-hero-pill-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 40px;
}

.landing-page.service-heart-to-head .hth-hero-pill{
    padding: 10px 18px;
    border: 1px solid var(--hth-border);
    border-radius: 50px;
    background: var(--hth-white);
    color: var(--hth-heading);
    font-size: 14px;
    font-weight: 500;
    transition: .3s ease;
}

.landing-page.service-heart-to-head .hth-hero-pill:hover{
    border-color: var(--hth-accent);
    color: var(--hth-accent);
}


/* ==========================================================
   CTA
========================================================== */

.landing-page.service-heart-to-head .hth-hero-cta{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

.landing-page.service-heart-to-head .hth-hero-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 34px;
    border-radius: 50px;
    background: var(--hth-accent);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    transition: .3s ease;
}

.landing-page.service-heart-to-head .hth-hero-button:hover{
    background: var(--hth-accent-dark);
    color: #fff;
}

.landing-page.service-heart-to-head .hth-hero-trust{
    font-size: 14px;
    color: var(--hth-text);
}


/* ==========================================================
   HERO IMAGE STACK
========================================================== */

.landing-page.service-heart-to-head .hth-hero-visual{
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:560px;
}

.landing-page.service-heart-to-head .hth-hero-stack{
    position:relative;
    width:420px;
    height:520px;
}

.landing-page.service-heart-to-head .hth-hero-card-image{
    position:absolute;
    width:310px;
    height:420px;
    overflow:hidden;
    border-radius:24px;
    background:var(--hth-white);
    border:8px solid var(--hth-white);
    box-shadow:0 25px 60px rgba(0,0,0,.12);
    transition:all .45s ease;
    cursor:pointer;
}

.landing-page.service-heart-to-head .hth-hero-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}


/* Card 1 */

.landing-page.service-heart-to-head .hth-card-one{
    left:0;
    bottom:0;
    z-index:3;
    transform:rotate(-10deg);
}


/* Card 2 */

.landing-page.service-heart-to-head .hth-card-two{
    left:55px;
    top:40px;
    z-index:2;
    transform:rotate(2deg);
}


/* Card 3 */

.landing-page.service-heart-to-head .hth-card-three{
    right:0;
    top:0;
    z-index:1;
    transform:rotate(12deg);
}


/* ==========================================================
   HOVER EFFECT
========================================================== */

.landing-page.service-heart-to-head .hth-hero-stack:hover .hth-card-one{
    transform:
        translateX(-35px)
        translateY(-10px)
        rotate(-15deg)
        scale(1.02);
}

.landing-page.service-heart-to-head .hth-hero-stack:hover .hth-card-two{
    transform:
        translateY(-35px)
        rotate(0deg)
        scale(1.03);
}

.landing-page.service-heart-to-head .hth-hero-stack:hover .hth-card-three{
    transform:
        translateX(35px)
        translateY(-10px)
        rotate(18deg)
        scale(1.02);
}

/* ==========================================================
   TABLET
========================================================== */

@media (max-width:991.98px){

    .landing-page.service-heart-to-head .hth-hero-section{
        padding: 80px 0;
    }

    .landing-page.service-heart-to-head .hth-hero-content{
        text-align: center;
        margin-bottom: 60px;
    }

    .landing-page.service-heart-to-head .hth-hero-description{
        margin-left: auto;
        margin-right: auto;
    }

    .landing-page.service-heart-to-head .hth-hero-pill-wrapper{
        justify-content: center;
    }

    .landing-page.service-heart-to-head .hth-hero-cta{
        align-items: center;
    }

    .landing-page.service-heart-to-head .hth-hero-title{
        font-size: 52px;
    }

    .landing-page.service-heart-to-head .hth-hero-visual{
        min-height: auto;
    }

     .landing-page.service-heart-to-head .hth-hero-stack{
        width:360px;
        height:470px;
    }

    .landing-page.service-heart-to-head .hth-hero-card-image{
        width:270px;
        height:360px;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:576px){

    .landing-page.service-heart-to-head .hth-hero-section{
        padding: 30px 0;
    }

     .landing-page.service-heart-to-head .hth-hero-visual{
        display:none;
    }

    .landing-page.service-heart-to-head .hth-hero-eyebrow
    {
       display:none;
    }

    .landing-page.service-heart-to-head .hth-hero-content
    {
      margin-bottom: 0;
    }

    .landing-page.service-heart-to-head .hth-hero-title{
        font-size: 1.95rem;
        line-height: 1.2;
    }

    .landing-page.service-heart-to-head .hth-hero-description{
        font-size: 16px;
        line-height: 1.7;
    }

    .landing-page.service-heart-to-head .hth-hero-pill{
        font-size: 13px;
        padding: 8px 16px;
    }

    .landing-page.service-heart-to-head .hth-hero-image-card{
        max-width: 100%;
        padding: 20px;
    }

    .landing-page.service-heart-to-head .hth-hero-image-placeholder{
        height: 320px;
    }

    .landing-page.service-heart-to-head .hth-hero-card{
        position: static;
        width: 100%;
        margin-top: 15px;
    }

}


/* ==========================================================
   PHILOSOPHY SECTION
========================================================== */

.landing-page.service-heart-to-head .hth-philosophy-section{
    padding:90px 0;
    background:var(--hth-accent-light);
}


/* ==========================================================
   SECTION HEADING
========================================================== */

.landing-page.service-heart-to-head .hth-philosophy-heading{
    max-width:760px;
    margin:0 auto 60px;
    text-align:center;
}

.landing-page.service-heart-to-head .hth-section-tag{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    font-size:13px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    color:var(--hth-accent);
}

.landing-page.service-heart-to-head .hth-section-tag::before,
.landing-page.service-heart-to-head .hth-section-tag::after{
    content:"";
    width:42px;
    height:2px;
    background:var(--hth-gold);
}

.landing-page.service-heart-to-head .hth-section-title{
    margin-bottom:20px;
    font-size:48px;
    font-weight:700;
    line-height:1.2;
    color:var(--hth-heading);
}

.landing-page.service-heart-to-head .hth-section-description{
    max-width:640px;
    margin:0 auto;
    font-size:17px;
    line-height:1.8;
    color:var(--hth-text);
}

.landing-page.service-heart-to-head .hth-philosophy-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}

/* ==========================================================
   PHILOSOPHY CARD
========================================================== */

.landing-page.service-heart-to-head .hth-philosophy-card{
    height:100%;
    padding:40px;
    background:var(--hth-white);
    border:1px solid var(--hth-border);
    border-radius:20px;
    box-shadow:0 12px 35px rgba(0,0,0,.05);
    transition:all .35s ease;
}

.landing-page.service-heart-to-head .hth-philosophy-card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}

.landing-page.service-heart-to-head .hth-philosophy-card-line{
    width:55px;
    height:3px;
    margin-bottom:25px;
    background:var(--hth-gold);
    border-radius:20px;
    transition:.35s ease;
}

.landing-page.service-heart-to-head .hth-philosophy-card:hover .hth-philosophy-card-line{
    width:80px;
    background:var(--hth-accent);
}

.landing-page.service-heart-to-head .hth-philosophy-card-title{
    margin-bottom:18px;
    font-size:28px;
    font-weight:700;
    line-height:1.3;
    color:var(--hth-heading);
}

.landing-page.service-heart-to-head .hth-philosophy-card-description{
    margin:0;
    font-size:16px;
    line-height:1.9;
    color:var(--hth-text);
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width:991.98px){

    .landing-page.service-heart-to-head .hth-philosophy-section{
        padding:80px 0;
    }

    .landing-page.service-heart-to-head .hth-philosophy-heading{
        margin-bottom:50px;
    }

    .landing-page.service-heart-to-head .hth-section-title{
        font-size:40px;
    }

    .landing-page.service-heart-to-head .hth-philosophy-card{
        padding:35px;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:576px){

    .landing-page.service-heart-to-head .hth-philosophy-section{
        padding:30px 0;
    }


    .landing-page.service-heart-to-head .hth-philosophy-heading{
        margin-bottom:40px;
    }

    .landing-page.service-heart-to-head .hth-section-title{
        font-size:1.95rem;
     
    }

    .landing-page.service-heart-to-head .hth-section-description{
        font-size:16px;
        line-height:1.7;
        display: none;
    }

        .landing-page.service-heart-to-head .hth-philosophy-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .landing-page.service-heart-to-head .hth-philosophy-card{
        padding:28px;
    }

    .landing-page.service-heart-to-head .hth-philosophy-card-title{
        font-size:24px;
    }

    .landing-page.service-heart-to-head .hth-philosophy-card-description{
        font-size:15px;
        line-height:1.8;
    }

}


/* ==========================================================
   WHO THIS READING HELPS
========================================================== */

.landing-page.service-heart-to-head .hth-reading-help-section{
    padding:90px 0;
    background:var(--hth-white);
    overflow:hidden;
}


/* ==========================================================
   HEADING
========================================================== */

.landing-page.service-heart-to-head .hth-reading-help-heading{
    max-width:760px;
    margin:0 auto 80px;
    text-align:center;
}


/* ==========================================================
   STORY BOARD
========================================================== */

.landing-page.service-heart-to-head .hth-reading-help-board{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

    align-items:start;

}


/* ==========================================================
   STORY CARD
========================================================== */

.landing-page.service-heart-to-head .hth-story-card{

    position:relative;

    padding:35px;

    background:var(--hth-white);

    border:1px solid var(--hth-border);

    border-radius:22px;

    box-shadow:0 12px 35px rgba(0,0,0,.05);

    transition:.35s ease;

}


/* Premium Story Rotation */

.landing-page.service-heart-to-head .hth-story-card-one{

    transform:rotate(-2deg);

}

.landing-page.service-heart-to-head .hth-story-card-two{

    margin-top:60px;

    transform:rotate(1deg);

}

.landing-page.service-heart-to-head .hth-story-card-three{

    transform:rotate(-1deg);

}

.landing-page.service-heart-to-head .hth-story-card-four{

    margin-top:-20px;

    transform:rotate(2deg);

}

.landing-page.service-heart-to-head .hth-story-card-five{

    margin-top:45px;

    transform:rotate(-2deg);

}

.landing-page.service-heart-to-head .hth-story-card-six{

    margin-top:-10px;

    transform:rotate(1deg);

}


/* ==========================================================
   CARD HOVER
========================================================== */

.landing-page.service-heart-to-head .hth-story-card:hover{

    transform:translateY(-8px) rotate(0deg);

    border-color:var(--hth-accent);

    box-shadow:0 22px 50px rgba(0,0,0,.08);

}


/* ==========================================================
   Decorative Dot
========================================================== */

.landing-page.service-heart-to-head .hth-story-card::before{

    content:"";

    width:10px;

    height:10px;

    border-radius:50%;

    background:var(--hth-gold);

    position:absolute;

    top:28px;

    right:28px;

}


/* ==========================================================
   TITLE
========================================================== */

.landing-page.service-heart-to-head .hth-story-title{

    margin-bottom:16px;

    font-size:26px;

    font-weight:700;

    line-height:1.3;

    color:var(--hth-heading);

}


/* ==========================================================
   DESCRIPTION
========================================================== */

.landing-page.service-heart-to-head .hth-story-description{

    margin:0;

    font-size:16px;

    line-height:1.8;

    color:var(--hth-text);

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width:991.98px){

    .landing-page.service-heart-to-head .hth-reading-help-section{

        padding:80px 0;

    }

    .landing-page.service-heart-to-head .hth-reading-help-heading{

        margin-bottom:60px;

    }

    .landing-page.service-heart-to-head .hth-reading-help-board{

        grid-template-columns:repeat(2,1fr);

    }

    .landing-page.service-heart-to-head .hth-story-card{

        margin-top:0 !important;

        transform:none !important;

    }

    .landing-page.service-heart-to-head .hth-story-card:hover{

        transform:translateY(-6px);

    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:576px){

    .landing-page.service-heart-to-head .hth-reading-help-section{

        padding:30px 0;

    }



    .landing-page.service-heart-to-head .hth-reading-help-heading{

        margin-bottom:45px;

    }


        .landing-page.service-heart-to-head .hth-reading-help-board {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .landing-page.service-heart-to-head .hth-story-description
    {
      display: none;
    }



    .landing-page.service-heart-to-head .hth-story-card{

        padding:28px;

    }

    .landing-page.service-heart-to-head .hth-story-title{

        font-size:1.1rem;

    }

    .landing-page.service-heart-to-head .hth-story-description{

        font-size:15px;

        line-height:1.7;

    }

}


/* ==========================================================
   READING PROCESS SECTION
========================================================== */

/*.landing-page.service-heart-to-head .hth-reading-process-section{
    padding:100px 0;
    background:var(--hth-accent-light);
}*/

.landing-page.service-heart-to-head .hth-reading-process-section{

    padding:90px 0;
     /*background:var(--hth-accent-light);*/

    background:
        radial-gradient(
            circle at top center,
            #ffffff 0%,
            #fcfafb 35%,
            var(--hth-accent-light) 100%
        );

      /*background:
        linear-gradient(
        180deg,
        #ffffff 0%,
        #fefdfd 22%,
        #fbf7f9 60%,
        var(--hth-accent-light) 100%);*/

}


/* ==========================================================
   SECTION HEADING
========================================================== */

.landing-page.service-heart-to-head .hth-reading-process-heading{
    max-width:760px;
    margin:0 auto 80px;
    text-align:center;
}


/* ==========================================================
   PROCESS WRAPPER
========================================================== */

.landing-page.service-heart-to-head .hth-reading-process-wrapper{
    position:relative;
}

.landing-page.service-heart-to-head .hth-reading-process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
}

/* Timeline */

.landing-page.service-heart-to-head .hth-reading-process-line{
    position:absolute;
    top:34px;
    left:12.5%;
    width:75%;
    height:2px;
    background:var(--hth-gold);
    opacity:.45;
}


/* ==========================================================
   PROCESS STEP
========================================================== */

.landing-page.service-heart-to-head .hth-process-step{
    position:relative;
    text-align:center;
    padding:0 18px;
    z-index:2;
}


/* Number */

.landing-page.service-heart-to-head .hth-process-number{

    width:70px;
    height:70px;

    margin:0 auto 30px;

    border-radius:50%;

    background:var(--hth-white);

    border:2px solid var(--hth-gold);

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:22px;
    font-weight:700;

    color:var(--hth-accent);

    transition:.35s ease;

}


/* Title */

.landing-page.service-heart-to-head .hth-process-title{

    margin-bottom:15px;

    font-size:24px;
    font-weight:700;
    line-height:1.3;

    color:var(--hth-heading);

}


/* Description */

.landing-page.service-heart-to-head .hth-process-description{

    margin:0;

    font-size:16px;
    line-height:1.8;

    color:var(--hth-text);

}


/* ==========================================================
   HOVER
========================================================== */

.landing-page.service-heart-to-head .hth-process-step:hover .hth-process-number{

    background:var(--hth-accent);

    color:#fff;

    border-color:var(--hth-accent);

    transform:translateY(-6px);

}

.landing-page.service-heart-to-head .hth-process-step:hover .hth-process-title{

    color:var(--hth-accent);

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width:991.98px){

    .landing-page.service-heart-to-head .hth-reading-process-section{

        padding:80px 0;

    }

    .landing-page.service-heart-to-head .hth-reading-process-heading{

        margin-bottom:60px;

    }

    .landing-page.service-heart-to-head .hth-reading-process-line{

        display:none;

    }

    .landing-page.service-heart-to-head .hth-process-step{

        padding:20px;
        margin-bottom:25px;

        background:var(--hth-white);

        border:1px solid var(--hth-border);

        border-radius:20px;

        box-shadow:0 12px 30px rgba(0,0,0,.05);

    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:576px){

    .landing-page.service-heart-to-head .hth-reading-process-section{

        padding:30px 0;

    }

    .landing-page.service-heart-to-head .hth-reading-process-heading{

        margin-bottom:45px;

    }
    .landing-page.service-heart-to-head .hth-reading-process-grid{
        grid-template-columns:repeat(2,1fr);
        gap:16px;
    }

    .landing-page.service-heart-to-head .hth-reading-process-line{
        display:none;
    }

    .landing-page.service-heart-to-head .hth-process-step{

        padding:25px 20px;
        margin-bottom: 0;

    }

    .landing-page.service-heart-to-head .hth-process-number{

        width:60px;
        height:60px;

        margin-bottom:20px;

        font-size:20px;

    }

    .landing-page.service-heart-to-head .hth-process-title{

        font-size:17px;

    }

    .landing-page.service-heart-to-head .hth-process-description{

        font-size:15px;
        line-height:1.7;

    }

}


/* ==========================================================
   FINAL GUIDANCE SECTION
========================================================== */

.landing-page.service-heart-to-head .hth-final-guidance-section{
    padding:90px 0;
    background:var(--hth-white);
}


/* ==========================================================
   SECTION HEADING
========================================================== */

.landing-page.service-heart-to-head .hth-final-guidance-heading{
    max-width:760px;
    margin:0 auto 80px;
    text-align:center;
}


/* ==========================================================
   LEFT EDITORIAL
========================================================== */

.landing-page.service-heart-to-head .hth-final-guidance-editorial{
    padding-right:40px;
}

.landing-page.service-heart-to-head .hth-final-guidance-title{

    margin:0;

    font-size:52px;

    font-weight:700;

    line-height:1.18;

    color:var(--hth-heading);

}

.landing-page.service-heart-to-head .hth-final-guidance-title span{

    color:var(--hth-accent);

}


/* ==========================================================
   RIGHT CONTENT
========================================================== */

.landing-page.service-heart-to-head .hth-final-guidance-content{

    display:flex;

    flex-direction:column;

    gap:28px;

}


.landing-page.service-heart-to-head .hth-guidance-item{

    padding:32px;

    background:var(--hth-bg);

    border:1px solid var(--hth-border);

    border-radius:18px;

    transition:.35s ease;

}


.landing-page.service-heart-to-head .hth-guidance-item:hover{

    transform:translateY(-6px);

    border-color:var(--hth-accent);

    box-shadow:0 18px 40px rgba(0,0,0,.06);

}


.landing-page.service-heart-to-head .hth-guidance-item-title{

    margin-bottom:14px;

    font-size:24px;

    font-weight:700;

    color:var(--hth-heading);

}


.landing-page.service-heart-to-head .hth-guidance-item-description{

    margin:0;

    font-size:16px;

    line-height:1.85;

    color:var(--hth-text);

}


/* ==========================================================
   CLOSING STATEMENT
========================================================== */

.landing-page.service-heart-to-head .hth-final-guidance-closing{

    max-width:760px;

    margin:80px auto 0;

    padding-top:50px;

    text-align:center;

    border-top:1px solid var(--hth-border);

}


.landing-page.service-heart-to-head .hth-final-guidance-closing p{

    margin:0;

    font-size:30px;

    font-weight:300;

    line-height:1.6;

    color:var(--hth-heading);

}


.landing-page.service-heart-to-head .hth-final-guidance-closing span{

    display:block;

    margin-top:8px;

    font-weight:600;

    color:var(--hth-accent);

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width:991.98px){

    .landing-page.service-heart-to-head .hth-final-guidance-section{

        padding:80px 0;

    }

    .landing-page.service-heart-to-head .hth-final-guidance-heading{

        margin-bottom:60px;

    }

    .landing-page.service-heart-to-head .hth-final-guidance-editorial{

        padding-right:0;

        margin-bottom:50px;

        text-align:center;

    }

    .landing-page.service-heart-to-head .hth-final-guidance-title{

        font-size:42px;

    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:576px){

    .landing-page.service-heart-to-head .hth-final-guidance-section{

        padding:30px 0;

    }

    .landing-page.service-heart-to-head .hth-final-guidance-heading{

        margin-bottom:45px;

    }

    .landing-page.service-heart-to-head .hth-final-guidance-editorial
    {
      display: none;
    }

    .landing-page.service-heart-to-head .hth-final-guidance-title{

        font-size:34px;

        line-height:1.25;

    }

    .landing-page.service-heart-to-head .hth-guidance-item{

        padding:24px;

    }

    .landing-page.service-heart-to-head .hth-guidance-item-title{

        font-size:21px;

    }

    .landing-page.service-heart-to-head .hth-guidance-item-description{

        font-size:15px;

        line-height:1.75;

    }

    .landing-page.service-heart-to-head .hth-final-guidance-closing{

        margin-top:60px;

        padding-top:35px;

    }

    .landing-page.service-heart-to-head .hth-final-guidance-closing p{

        font-size:24px;

    }

}


/* ==========================================================
   PRICING SECTION
========================================================== */

.landing-page.service-heart-to-head .hth-pricing-section{
    padding:90px 0;
    background:var(--hth-accent-light);
}


/* ==========================================================
   SECTION HEADING
========================================================== */

.landing-page.service-heart-to-head .hth-pricing-heading{
    max-width:760px;
    margin:0 auto 30px;
    text-align:center;
}


/* ==========================================================
   PRICING CARD
========================================================== */

.landing-page.service-heart-to-head .hth-pricing-card{

    height:100%;

    display:flex;

    flex-direction:column;

    padding:45px 20px;

    background:var(--hth-white);

    border:1px solid var(--hth-border);

    border-radius:24px;

    transition:.35s ease;

}

.landing-page.service-heart-to-head .hth-pricing-card:hover{

    transform:translateY(-8px);

    border-color:var(--hth-accent);

    box-shadow:0 25px 55px rgba(0,0,0,.07);

}


/* ==========================================================
   TITLE
========================================================== */

.landing-page.service-heart-to-head .hth-pricing-title{

    margin-bottom:22px;

    font-size:21px;

    font-weight:500;

    line-height:1.25;

    color:var(--hth-heading);

}


/* ==========================================================
   PRICE
========================================================== */

.landing-page.service-heart-to-head .hth-pricing-price{

    margin-bottom:28px;

    font-size:56px;

    font-weight:800;

    line-height:1;

    color:var(--hth-accent);

}


/* ==========================================================
   DESCRIPTION
========================================================== */

.landing-page.service-heart-to-head .hth-pricing-description{

    margin-bottom:32px;

    font-size:17px;

    line-height:1.9;

    color:var(--hth-text);

}


/* ==========================================================
   FEATURES
========================================================== */

.landing-page.service-heart-to-head .hth-pricing-features{

    margin:0 0 40px;

    padding:0;

    list-style:none;

    display:grid;

    grid-template-columns:repeat(1,1fr);

    gap:18px 22px;

}

.landing-page.service-heart-to-head .hth-pricing-features li{

    position:relative;

    padding-left:18px;

    font-size:16px;

    line-height:1.7;

    color:var(--hth-heading);

}

.landing-page.service-heart-to-head .hth-pricing-features li::before{

    content:"";

    position:absolute;

    left:0;

    top:11px;

    width:7px;

    height:7px;

    border-radius:50%;

    background:var(--hth-gold);

}


/* ==========================================================
   BUTTON
========================================================== */

.landing-page.service-heart-to-head .hth-pricing-button-wrapper{

    margin-top:auto;

}

.landing-page.service-heart-to-head .hth-primary-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:240px;

    padding:16px 34px;

    background:var(--hth-accent);

    color:#fff;

    border-radius:50px;

    text-decoration:none;

    font-size:16px;

    font-weight:600;

    transition:.35s ease;

}

.landing-page.service-heart-to-head .hth-primary-button:hover{

    background:var(--hth-accent-dark);

    color:#fff;

    transform:translateY(-2px);

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width:991.98px){

    .landing-page.service-heart-to-head .hth-pricing-section{

        padding:80px 0;

    }

    .landing-page.service-heart-to-head .hth-pricing-heading{

        margin-bottom:60px;

    }

    .landing-page.service-heart-to-head .hth-pricing-card{

        padding:35px;

    }

    .landing-page.service-heart-to-head .hth-pricing-title{

        font-size:30px;

    }

    .landing-page.service-heart-to-head .hth-pricing-price{

        font-size:48px;

    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:576px){

    .landing-page.service-heart-to-head .hth-pricing-section{

        padding:30px 0;

    }

    .landing-page.service-heart-to-head .hth-pricing-heading{

        margin-bottom:30px;

    }

    .landing-page.service-heart-to-head .hth-pricing-card{

        padding:28px;

    }

    .landing-page.service-heart-to-head .hth-pricing-title{

        font-size:26px;

    }

    .landing-page.service-heart-to-head .hth-pricing-price{

        font-size:42px;

        margin-bottom:20px;

    }

    .landing-page.service-heart-to-head .hth-pricing-description{

        font-size:15px;

        line-height:1.8;

        margin-bottom:28px;

    }

    .landing-page.service-heart-to-head .hth-pricing-features{

        grid-template-columns:1fr;

        gap:14px;

        margin-bottom:30px;

    }

    .landing-page.service-heart-to-head .hth-primary-button{

        width:100%;

        min-width:100%;

    }

}

/* ==========================================================
   FAQ SECTION
========================================================== */

.landing-page.service-heart-to-head .hth-faq-section{
    padding:90px 0;
    background:var(--hth-white);
}


/* ==========================================================
   SECTION HEADING
========================================================== */

.landing-page.service-heart-to-head .hth-faq-heading{
    max-width:760px;
    margin:0 auto 70px;
    text-align:center;
}


/* ==========================================================
   FAQ CARD
========================================================== */

.landing-page.service-heart-to-head .hth-faq-card{

    height:100%;

    padding:35px;

    background:transparent;

    border:1px solid var(--hth-border);

    border-radius:18px;

    transition:all .35s ease;

}

.landing-page.service-heart-to-head .hth-faq-card:hover{

    border-color:var(--hth-accent);

    background:var(--hth-bg);

    transform:translateY(-4px);

}


/* ==========================================================
   QUESTION NUMBER
========================================================== */

.landing-page.service-heart-to-head .hth-faq-number{

    display:inline-block;

    margin-bottom:16px;

    font-size:14px;

    font-weight:700;

    letter-spacing:1.5px;

    text-transform:uppercase;

    color:var(--hth-accent);

}


/* ==========================================================
   QUESTION
========================================================== */

.landing-page.service-heart-to-head .hth-faq-title{

    margin:0 0 18px;

    font-size:28px;

    font-weight:700;

    line-height:1.35;

    color:var(--hth-heading);

}


/* ==========================================================
   ANSWER
========================================================== */

.landing-page.service-heart-to-head .hth-faq-description{

    margin:0;

    font-size:16px;

    line-height:1.9;

    color:var(--hth-text);

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width:991.98px){

    .landing-page.service-heart-to-head .hth-faq-section{

        padding:80px 0;

    }

    .landing-page.service-heart-to-head .hth-faq-heading{

        margin-bottom:55px;

    }

    .landing-page.service-heart-to-head .hth-faq-card{

        padding:30px;
        position:relative;

    }

    .landing-page.service-heart-to-head .hth-faq-card::before{

    content:"";

    position:absolute;

    top:0;

    left:35px;

    width:50px;

    height:2px;

    background:var(--hth-gold);

}

    .landing-page.service-heart-to-head .hth-faq-title{

        font-size:24px;

    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:576px){

    .landing-page.service-heart-to-head .hth-faq-section{

        padding:30px 0;

    }

    .landing-page.service-heart-to-head .hth-faq-heading{

        margin-bottom:40px;

    }

    .landing-page.service-heart-to-head .hth-faq-card{

        padding:24px;

    }

    .landing-page.service-heart-to-head .hth-faq-number{

        margin-bottom:12px;

        font-size:13px;

    }

    .landing-page.service-heart-to-head .hth-faq-title{

        margin-bottom:14px;

        font-size:21px;

        line-height:1.4;

    }

    .landing-page.service-heart-to-head .hth-faq-description{

        font-size:15px;

        line-height:1.75;

    }

}

/* ==========================================================
   MASTER SECTION
========================================================== */

.landing-page.service-heart-to-head .hth-master-section{

    padding:90px 0;

    background:var(--hth-accent-light);

}


/* ==========================================================
   IMAGE
========================================================== */

.landing-page.service-heart-to-head .hth-master-image-box{

    position:relative;

    overflow:hidden;

    border-radius:28px;

    background:var(--hth-bg);

    border:1px solid var(--hth-border);

}

.landing-page.service-heart-to-head .hth-master-image-box img{

    width:100%;

    display:block;

    object-fit:cover;

}


/* Editorial Border */
.landing-page.service-heart-to-head .hth-master-image-box::after{

    content:"";

    position:absolute;

    inset:18px;

    border:1px solid rgba(255,255,255,.35);

    border-radius:20px;

    pointer-events:none;

}


/* ==========================================================
   CONTENT
========================================================== */

.landing-page.service-heart-to-head .hth-master-content{

    padding-left:20px;

}


/* ==========================================================
   NAME
========================================================== */

.landing-page.service-heart-to-head .hth-master-title{

    margin:18px 0 25px;

    font-size:72px;

    font-weight:700;

    line-height:1;

    color:var(--hth-heading);

}


/* ==========================================================
   INTRO
========================================================== */

.landing-page.service-heart-to-head .hth-master-intro{

    margin-bottom:40px;

    font-size:20px;

    line-height:1.7;

    color:var(--hth-heading);

}


/* ==========================================================
   DESCRIPTION
========================================================== */

.landing-page.service-heart-to-head .hth-master-description p{

    margin-bottom:26px;

    font-size:17px;

    line-height:1.95;

    color:var(--hth-text);

}

.landing-page.service-heart-to-head .hth-master-description p:last-child{

    margin-bottom:0;

}


/* ==========================================================
   QUOTE
========================================================== */

.landing-page.service-heart-to-head .hth-master-quote{

    margin:45px 0 0;

    padding-left:28px;

    border-left:3px solid var(--hth-gold);

    font-size:24px;

    font-style:italic;

    line-height:1.7;

    color:var(--hth-heading);

}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:991.98px){

.landing-page.service-heart-to-head .hth-master-section{

    padding:80px 0;

}

.landing-page.service-heart-to-head .hth-master-image-box{

    margin-bottom:45px;

}

.landing-page.service-heart-to-head .hth-master-content{

    padding-left:0;

}

.landing-page.service-heart-to-head .hth-master-title{

    font-size:54px;

}

.landing-page.service-heart-to-head .hth-master-intro{

    margin-bottom:30px;

    font-size:19px;

}

}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767.98px){

.landing-page.service-heart-to-head .hth-master-section{

    padding:30px 0;

}

.landing-page.service-heart-to-head .hth-master-image-box{

    margin-bottom:35px;

    border-radius:20px;

}

.landing-page.service-heart-to-head .hth-master-image-box::after{

    inset:12px;

    border-radius:14px;

}

.landing-page.service-heart-to-head .hth-master-title{

    margin:14px 0 18px;

    font-size:42px;

}

.landing-page.service-heart-to-head .hth-master-intro{

    margin-bottom:24px;

    font-size:18px;

    line-height:1.6;

}

.landing-page.service-heart-to-head .hth-master-description p{

    margin-bottom:20px;

    font-size:15px;

    line-height:1.8;

}

.landing-page.service-heart-to-head .hth-master-quote{

    margin-top:35px;

    padding-left:20px;

    font-size:20px;

}

}

/* ==========================================
   MOBILE DRAWER
========================================== */

.mobile-off-canvas-active{
    background:#fff;
    width:320px;
    display:flex;
    flex-direction:column;
}

/* ==========================================
   HEADER
========================================== */

.mobile-drawer-header{

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:20px;

    border-bottom:1px solid #ececec;
}

.mobile-drawer-logo img{
    height:46px;
    width:auto;
}

.mobile-aside-close{

    width:40px;
    height:40px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:10px;

    color:#302200;
    font-size:22px;

    transition:.3s;
}

.mobile-aside-close:hover{

    background:#f7f3eb;
}

/* ==========================================
   LOGIN / ACCOUNT
========================================== */

.mobile-drawer-auth{

    padding:20px;

    border-bottom:1px solid #ececec;
}

.mobile-google-login{

    display:flex;
    align-items:center;
    justify-content:center;

    gap:12px;

    width:100%;

    height:52px;

    border-radius:12px;

    background:#302200;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;
}

.mobile-google-login:hover{

    background:#4b3600;

    color:#fff;
}

.mobile-google-login img{

    width:22px;
    height:22px;
}

/* Logged user */

.mobile-account-card{

    display:flex;
    align-items:center;

    gap:14px;

    text-decoration:none;

    color:#302200;
}

.mobile-account-card .avatar{

    width:48px;
    height:48px;

    border-radius:50%;

    background:#ffc34f;

    display:flex;
    align-items:center;
    justify-content:center;

    font-weight:700;
}

.mobile-account-card strong{

    display:block;
}

.mobile-account-card span{

    display:block;

    font-size:.82rem;

    color:#777;
}

/* ==========================================
   MENU
========================================== */

.mobile-navigation{

    padding:8px 0;
}

/* MOBILE MENU RESET */

.mobile-menu{
    display:block;
    width:100%;
    margin:0;
    padding:0;
}

.mobile-menu > li{
    display:block !important;
    width:100%;
    float:none !important;
    margin:0;
}

.mobile-menu > li > a{

    display:flex;

    justify-content:space-between;

    align-items:center;

    width:100%;

    padding:16px 20px;

    text-decoration:none;
}

.mobile-menu > li > a:hover{

    background:#faf7f1;

    color:#302200;
}

/* ==========================================
   SUB MENU
========================================== */

.mobile-menu .dropdown{

    background:#fafafa;

    padding:8px 0;
}

.mobile-menu .dropdown li{

    list-style:none;
}

.mobile-menu .dropdown a{

    display:block;

    padding:10px 35px;

    color:#555;

    font-size:14px;

    text-decoration:none;

    transition:.3s;
}

.mobile-menu .dropdown a:hover{

    color:#302200;

    background:#f6f2eb;
}

/* ==========================================
   FOOTER
========================================== */

.mobile-drawer-footer{

    margin-top:auto;

    padding:20px;

    border-top:1px solid #ececec;

    display:flex;
    justify-content:center;

    gap:18px;
}

.mobile-drawer-footer a{

    width:40px;
    height:40px;

    border-radius:50%;

    background:#f8f8f8;

    color:#302200;

    display:flex;
    align-items:center;
    justify-content:center;

    transition:.3s;
}

.mobile-drawer-footer a:hover{

    background:#ffc34f;

    color:#302200;
}