.landing-page.service-horary .horary-hero {
  position: relative;
  min-height: 85vh;
  padding: 120px 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);
}

/* ==================================================
   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: 100px 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: 110px 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;
}

/* SECTION 6 – MODERN HORIZONTAL TIMELINE */

.landing-page.service-horary .modern-timeline {
  background: #eeebe6;
  padding: 110px 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;
}

/* 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;
  }
}


/* 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: 120px 0;
  background-image: url('../img/landing-pages/horary-examine-bg.jpg');
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

/* Soft premium overlay */
/*.horary-bg-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.92) 0%,
    rgba(255, 255, 255, 0.85) 50%,
    rgba(255, 255, 255, 0.95) 100%
  );
  z-index: 1;
}*/

.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;
  }
}


/* SECTION BASE */
.horary-benefits-section {
  padding: 100px 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;
}




.horary-scientific {
  background-image: url("../img/landing-pages/bg-dark.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  padding: 120px 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;
  }
}

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

.landing-page.service-horary .horary-pricing {
  background: #eeebe6;
  padding: 120px 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;
  }
}

/* ==========================
   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: 120px 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;
}

.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: 720px;
  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;
  }
}

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

.landing-page.service-horary.horary-meet-master {
  padding: 130px 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;
}


/* ====================================================
   SUN LANDING PAGE – HERO SECTION (FINAL POLISH)
   Section: 1
==================================================== */

/* Color Tokens (Declared Once) */
.landing-page.service-sun {
  --sun-primary: #2A8E9E;
  --sun-bg-light: #E9F3F4;
  --sun-deep: #180D39;
  --sun-dark: #1D1E20;
}

/* Hero Wrapper */
.landing-page.service-sun .sun-hero {
  position: relative;
  background-color: var(--sun-bg-light);
  padding: 120px 0;
  overflow: hidden;
}

/* Optional Overlay (kept subtle) */
.landing-page.service-sun .sun-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(233, 243, 244, 0.85),
    rgba(233, 243, 244, 0.95)
  );
  z-index: 1;
}

/* Content Box */
.landing-page.service-sun .sun-hero-box {
  position: relative;
  z-index: 2;
  max-width: 540px;
  text-align: left;
}

/* Eyebrow */
.landing-page.service-sun .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.service-sun .sun-hero-title {
  margin-bottom: 20px;
  color: var(--sun-deep);
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.15;
}

/* Subtitle */
.landing-page.service-sun .sun-hero-subtitle {
  margin-bottom: 12px;
  color: var(--sun-primary);
  font-size: 1.05rem;
  font-weight: 500;
}

/* Description */
.landing-page.service-sun .sun-hero-description {
  margin-bottom: 32px;
  color: var(--sun-dark);
  font-size: 1rem;
  line-height: 1.7;
  opacity: 0.9;
}

/* CTA Button */
.landing-page.service-sun .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.service-sun .sun-hero-cta:hover {
  background-color: var(--sun-deep);
  color: #ffffff;
}


/* ====================================================
   SUN LANDING PAGE – SECTION 2 (ESSENCE – FINAL)
==================================================== */

.landing-page.service-sun .sun-essence-section {
  position: relative;
  margin-top: -50px;
  /*padding: 44px 0 52px;*/
  padding: 20px 0 44px;
  z-index: 3;
}

/* Floating container */
.landing-page.service-sun .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.service-sun .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.service-sun .sun-essence-item {
  display: flex;
  flex-direction: column;
  align-items: center;   /* CRITICAL */
  text-align: center;
}

/* Icon (NO background, larger, centered) */
.landing-page.service-sun .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.service-sun .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;
}

/* ====================================================
   SECTION 3 – ABOUT SUN (CONTAINED IMAGE, NO COLLISION)
==================================================== */

/* ====================================================
   SECTION 3 – IMAGE SLIGHTLY OVERLAPPING CONTENT
==================================================== */

.landing-page.service-sun .sun-about-section {
  padding: 80px 0 50px;
}

/* Header */
.landing-page.service-sun .sun-about-header {

}

.landing-page.service-sun .sun-about-title {
  font-size: 2.2rem;
  font-weight: 600;
  color: var(--sun-deep);
  margin-bottom: 16px;
}

.landing-page.service-sun .sun-about-intro {
  font-size: 1rem;
  color: var(--sun-dark);
  line-height: 1.6;
}


/* Row wrapper */
.landing-page.service-sun .sun-about-row {
  position: relative;
  display: flex;
  align-items: center;
}

/* IMAGE (LEFT) */
.landing-page.service-sun .sun-about-image {
  width: 50%;
  height: 500px;
  position: relative;
  z-index: 2;
}

.landing-page.service-sun .sun-about-image img
  {
    border-radius: 10px;
  }

/* CONTENT (RIGHT) */
.landing-page.service-sun .sun-about-content {
  width: 50%;
  margin-left: -8%;
  background: var(--sun-bg-light);
  padding: 72px 72px 72px 110px; 
  border-radius: 10px;
  color: #ffffff;
  position: relative;
  z-index: 1;
  min-height: 480px;

  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* List */
/* Bullet list */

.landing-page.service-sun .sun-about-points {
  margin: 0 0 32px 0;
  padding: 0;
  list-style: none;
}

.landing-page.service-sun .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);
}

/* Vertical accent line */
.landing-page.service-sun .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.service-sun .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);
}

@media (max-width: 991px) {
  /* Stack layout */
  .landing-page.service-sun .sun-about-row {
    flex-direction: column;
  }

  /* CONTENT FIRST */
  .landing-page.service-sun .sun-about-content {
    width: 100%;
    margin-left: 0;
    order: 1;

    padding: 32px 28px;
    min-height: auto;
    border-radius: 20px;
  }

  /* IMAGE SECOND */
  .landing-page.service-sun .sun-about-image {
    width: 100%;
    height: 220px;
    order: 2;

    margin-top: 20px;
    border-radius: 16px;
  }
}


/* ====================================================
   SECTION 4 – WHY CHOOSE THIS SERVICE (ZIGZAG)
==================================================== */

.landing-page.service-sun .sun-why-section {
  padding: 50px 0;
}

/* Row */
.landing-page.service-sun .sun-why-row {
  position: relative;
  display: flex;
  align-items: center;
}

/* CONTENT (LEFT) */
.landing-page.service-sun .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.service-sun .sun-why-image {
  width: 50%;
  height: 500px;
  position: relative;
  margin-left: -8%;   /* subtle overlap */
  z-index: 2;
}

.landing-page.service-sun .sun-why-image img
{
  border-radius: 10px;
}



/* Title */
.landing-page.service-sun .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.service-sun .sun-why-points {
  list-style: none;
  padding: 0;
  margin: 0 0 28px 0;
}

.landing-page.service-sun .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.service-sun .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.service-sun .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.service-sun .sun-questions-section {
  padding: 120px 0;
  background: var(--sun-primary);
}

/* Header */
.landing-page.service-sun .sun-questions-header {
  max-width: 720px;
  margin: 0 auto 56px auto;
  text-align: center;
}

.landing-page.service-sun .sun-questions-title {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.25;
  color: #ffffff;
}

/* Grid */
.landing-page.service-sun .sun-questions-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

/* Question box */
.landing-page.service-sun .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.service-sun .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.service-sun .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.service-sun .sun-question-box {
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Hover effect */
.landing-page.service-sun .sun-question-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.12);
}


.landing-page.service-sun .sun-questions-cta-wrap {
  margin-top: 56px;
  text-align: center;
}

.landing-page.service-sun .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.service-sun .sun-questions-cta-btn:hover {
  background: #ffffff;
  color: #111111;
  transform: translateY(-2px);
}

/* ====================================================
   MOBILE – STACKED QUESTION BOXES
==================================================== */

@media (max-width: 991px) {

  .landing-page.service-sun .sun-questions-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .landing-page.service-sun .sun-question-box {
    min-height: auto;
    padding: 28px 26px;
  }

  .landing-page.service-sun .sun-question-box::before {
    font-size: 120px;
    right: 12px;
  }
}


/* ====================================================
   SECTION 6 – HOW WE WORK WITH YOUR SUN
==================================================== */

.landing-page.service-sun .sun-method-section {
  padding: 120px 0;
  background: #ffffff;
}

/* Header */
.landing-page.service-sun .sun-method-header {
  max-width: 880px;
  margin: 0 auto 64px auto;
  text-align: center;
}

.landing-page.service-sun .sun-method-title {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.25;
  color: #111111;
  margin-bottom: 20px;
}

.landing-page.service-sun .sun-method-intro {
  font-size: 1rem;
  line-height: 1.65;
  color: #444444;
}

/* Grid */
.landing-page.service-sun .sun-method-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  margin-bottom: 64px;
}

/* Boxes */
.landing-page.service-sun .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.service-sun .sun-method-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.12);
}

/* Box content */
.landing-page.service-sun .sun-method-box h4 {
  margin-bottom: 14px;
  font-size: 1.05rem;
  font-weight: 600;
  color: #111111;
}

.landing-page.service-sun .sun-method-box p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #555555;
}

/* CTA */
.landing-page.service-sun .sun-method-cta {
  text-align: center;
}

.landing-page.service-sun .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.service-sun .sun-method-cta-btn:hover {
  background: #111111;
  color: #ffffff;
  transform: translateY(-2px);
}


@media (max-width: 991px) {

  .landing-page.service-sun .sun-method-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .landing-page.service-sun .sun-method-box {
    padding: 26px 24px;
  }
}


/* ====================================================
   SECTION 7 – HOW THIS REPORT HELPS YOU
==================================================== */

.landing-page.service-sun .sun-help-section {
  padding: 120px 0;
  background: #f3f6f5; /* soft tinted background */
}

/* Layout */
.landing-page.service-sun .sun-help-row {
  display: flex;
  gap: 72px;
  align-items: stretch;
}

/* LEFT */
.landing-page.service-sun .sun-help-content {
  width: 55%;
}

.landing-page.service-sun .sun-help-title {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.25;
  color: #111111;
  margin-bottom: 36px;
}

/* Benefit rows */
.landing-page.service-sun .sun-help-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.landing-page.service-sun .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.service-sun .sun-help-item p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #222222;
  font-weight: 500;
}

/* Icon */
.landing-page.service-sun .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.service-sun .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.service-sun .sun-help-cta-panel h3 {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 16px;
  color: #111111;
}

.landing-page.service-sun .sun-help-cta-panel p {
  font-size: 1rem;
  line-height: 1.65;
  color: #444444;
  margin-bottom: 32px;
}

/* CTA Button */
.landing-page.service-sun .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.service-sun .sun-help-cta-btn:hover {
  background: #111111;
  color: #ffffff;
  transform: translateY(-2px);
}

/* Icon container */
.landing-page.service-sun .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.service-sun .sun-help-icon i {
  font-size: 0.9rem;
  color: var(--sun-primary);
}

/* Hover effect on benefit rows */
.landing-page.service-sun .sun-help-item {
  transition: all 0.25s ease;
  cursor: default;
}

.landing-page.service-sun .sun-help-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
}

/* Icon reaction on hover */
.landing-page.service-sun .sun-help-item:hover .sun-help-icon {
  background: var(--sun-primary);
}

.landing-page.service-sun .sun-help-item:hover .sun-help-icon i {
  color: #ffffff;
}

.landing-page.service-sun .sun-help-item:hover p {
  color: #111111;
}
@media (max-width: 991px) {

  .landing-page.service-sun .sun-help-row {
    flex-direction: column;
    gap: 32px;
  }

  .landing-page.service-sun .sun-help-content,
  .landing-page.service-sun .sun-help-cta-panel {
    width: 100%;
  }

  .landing-page.service-sun .sun-help-cta-panel {
    padding: 32px 28px;
  }
}

/* ====================================================
   SECTION 9 – TAKE THE RIGHT STEPS
==================================================== */

.landing-page.service-sun .sun-steps-section {
  padding: 80px 0;
  background: #ffffff;
  text-align: center;
}

.landing-page.service-sun .sun-steps-title {
  font-size: 2.3rem;
  font-weight: 600;
  margin-bottom: 64px;
  color: #111111;
}

/* Row */
.landing-page.service-sun .sun-steps-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

/* Step box */
.landing-page.service-sun .sun-step-box {
  width: 280px;
  padding: 40px 28px;
  border-radius: 22px;
  background: #f6f8f7;

  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}

.landing-page.service-sun .sun-step-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.12);
}

/* Icon */
.landing-page.service-sun .sun-step-icon {
  font-size: 2.2rem;
  color: var(--sun-primary);
  margin-bottom: 20px;
}

/* Text */
.landing-page.service-sun .sun-step-box p {
  font-size: 1rem;
  font-weight: 500;
  color: #222222;
  margin: 0;
}

/* Connector line */
.landing-page.service-sun .sun-step-connector {
  width: 60px;
  height: 2px;
  background: rgba(0, 0, 0, 0.15);
}

/* Quote */
.landing-page.service-sun .sun-steps-quote {
  margin-top: 60px;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--sun-primary);
}


/* CTA Step Box */
.landing-page.service-sun .sun-step-cta {
  background: var(--sun-primary);
  color: #ffffff;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
}

.landing-page.service-sun .sun-step-cta .sun-step-icon {
  color: #ffffff;
}

.landing-page.service-sun .sun-step-cta p {
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 18px;
}

/* CTA Button inside CTA box */
.landing-page.service-sun .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.service-sun .sun-step-cta-btn:hover {
  transform: translateY(-2px);
  background: #111111;
  color: #ffffff;
}

@media (max-width: 991px) 
{

  .landing-page.service-sun .sun-steps-row {
    flex-direction: column;
  }

  .landing-page.service-sun .sun-step-connector {
    width: 2px;
    height: 40px;
  }
}



/* ====================================================
   SECTION 10 – PRICING
==================================================== */

.landing-page.service-sun .sun-pricing-section {
  padding: 120px 0;
  background: #f6f8f7;
}

/* Header */
.landing-page.service-sun .sun-pricing-header {
  text-align: center;
  max-width: 1100px;
  margin: 0 auto 72px;
}

.landing-page.service-sun .sun-pricing-header h2 {
  font-size: 2.4rem;
  font-weight: 600;
  color: #111;
  margin-bottom: 16px;
}

.landing-page.service-sun .sun-pricing-header p {
  font-size: 1rem;
  color: #444;
  line-height: 1.6;
}

/* Grid */
.landing-page.service-sun .sun-pricing-grid {
  display: flex;
  justify-content: center;
  gap: 36px;
}

/* Cards */
.landing-page.service-sun .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.service-sun .sun-price-featured {
  background: #eef4f2;
  transform: scale(1.05);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.12);
}

.landing-page.service-sun .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.service-sun .sun-price-card h3 {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 16px;
}

/* Price */
.landing-page.service-sun .sun-price {
  font-size: 2.8rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 8px;
}

.landing-page.service-sun .sun-price .currency {
  font-size: 1.2rem;
  vertical-align: super;
}

/* Notes */
.landing-page.service-sun .sun-price-note {
  font-size: 0.95rem;
  color: #444;
  margin-bottom: 28px;
}

/* Features */
.landing-page.service-sun .sun-price-features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
}

.landing-page.service-sun .sun-price-features li {
  font-size: 0.95rem;
  color: #222;
  margin-bottom: 14px;
  padding-left: 22px;
  position: relative;
}

.landing-page.service-sun .sun-price-features li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--sun-primary);
  font-weight: 600;
}

/* Buttons */
.landing-page.service-sun .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.service-sun .sun-price-btn.primary {
  background: var(--sun-primary);
  color: #111;
}

.landing-page.service-sun .sun-price-btn:hover {
  transform: translateY(-2px);
}

/* Ideal text */
.landing-page.service-sun .sun-price-ideal {
  margin-top: 22px;
  font-size: 0.9rem;
  color: #555;
}

/* Trust note */
.landing-page.service-sun .sun-pricing-trust {
  margin-top: 56px;
  text-align: center;
  font-size: 0.9rem;
  color: #666;
}


@media (max-width: 991px) {
  .landing-page.service-sun .sun-pricing-grid {
    flex-direction: column;
    align-items: center;
  }

  .landing-page.service-sun .sun-price-featured {
    transform: none;
  }
}

/* ====================================================
   FAQ SECTION – BOOTSTRAP REFINED
==================================================== */

.landing-page.service-sun .sun-faq-section {
  padding: 100px 0;
}

/* Title */
.landing-page.service-sun .sun-faq-title {
  font-size: 2.2rem;
  font-weight: 600;
}

/* Accordion cleanup */
.landing-page.service-sun .sun-faq-accordion .accordion-item {
  border: none;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

.landing-page.service-sun .sun-faq-accordion .accordion-button {
  padding: 20px 0;
  font-size: 1rem;
  font-weight: 600;
  color: #111;
  background: none;
}

.landing-page.service-sun .sun-faq-accordion .accordion-button:focus {
  box-shadow: none;
}

.landing-page.service-sun .sun-faq-accordion .accordion-body {
  padding: 0 0 16px;
  font-size: 0.9rem;
  color: #444;
  line-height: 1.6;
}

/* CTA */
.landing-page.service-sun .sun-faq-cta {
  background: #f6f8f7;
  border-radius: 22px;
  padding: 48px 40px;
}

.landing-page.service-sun .sun-faq-cta h3 {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 16px;
}

.landing-page.service-sun .sun-faq-cta p {
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 14px;
}

/* Question text */
.landing-page.service-sun .accordion-button {
  font-size: 1.07rem;        /* increased */
  font-weight: 600;
  color: #111;
  padding: 18px 0;
}

/* Answer text */
.landing-page.service-sun .accordion-body {
  font-size: 0.95rem;
  line-height: 1.65;
  color: #444;
}

.landing-page.service-sun .sun-faq-cta-note {
  font-weight: 500;
  color: #111;
}

/* CTA Button */
.landing-page.service-sun .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.service-sun .sun-faq-cta-btn:hover {
  background: #111;
  color: #fff;
  transform: translateY(-2px);
}


/* Remove bootstrap yellow background */
.landing-page.service-sun .accordion-button:not(.collapsed) {
  background-color: transparent !important;
  box-shadow: none;
  color: #111;
}


/* Icon default */
.landing-page.service-sun .accordion-button::after {
  filter: none;
  opacity: 1;
  transform: scale(1.2);
}

/* Icon when active */
.landing-page.service-sun .accordion-button:not(.collapsed)::after {
  transform: rotate(180deg) scale(1.2);
}

/* Active question highlight */
.landing-page.service-sun .accordion-item:has(.accordion-button:not(.collapsed)) {
  border-top: 3px solid var(--sun-primary);
  padding-left: 12px;
}

.landing-page.service-sun .accordion-button::after {
  display: none !important;
}

/* Accordion button layout */
.landing-page.service-sun .accordion-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

/* Icon styling */
.landing-page.service-sun .faq-icon i {
  font-size: 0.9rem;
  color: var(--sun-primary);
  transition: transform 0.3s ease;
}

/* Rotate icon when open */
.landing-page.service-sun .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;
}

/* 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);
}


/* Section base */
.sun-master-section {
  background: #f7f8f6; /* 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;
  }
}

/* =====================================
   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 {
  background-color: var(--mm-bg);
  padding: 50px 0 10px; /* extra bottom space for overlap */
  position: relative;

}

/* Hero Card */
.landing-page.service-money .money-hero-card {
  position: relative;
  background-image: url("../img/landing-pages/money-hero-bg.jpg");
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.18);

  /* 👇 THIS CREATES THE HANGING EFFECT */
  margin-bottom: -120px;
}

/* Overlay */
.landing-page.service-money .money-hero-overlay {
  position: absolute;
  inset: 0;
      background: rgb(30 111 92 / 36%);
  z-index: 1;
}

/* Content */
.landing-page.service-money .money-hero-content {
  position: relative;
  z-index: 2;
  padding: 90px 80px;
  color: #fff;
  text-align: center;
}

/* Title */
.landing-page.service-money .money-hero-title {
  font-size: 3.2rem;
  font-weight: 600;
  margin-bottom: 28px;
}

.landing-page.service-money .money-hero-title span {
  color: var(--mm-accent);
}

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

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

.landing-page.service-money .money-primary-btn {
  display: inline-block;
  padding: 14px 34px;
  background-color: var(--mm-bg);
  color: #2A2A2A;
  font-weight: 500;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
}

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

/* Responsive */
@media (max-width: 768px) {
  .landing-page.service-money .money-hero-content {
    padding: 60px 35px;
  }

  .landing-page.service-money .money-hero-title {
    font-size: 2.3rem;
  }

  .landing-page.service-money .money-hero-card {
    margin-bottom: -80px;
    border-radius: 32px;
  }
}

/* =====================================
   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: 220px 0 120px; /* 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: 768px) {
  .landing-page.service-money .money-mechanism-section {
    padding: 180px 0 90px;
  }

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


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

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


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

.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;*/
}

/* 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: 768px) {
  .landing-page.service-money .money-mantra-section {
    padding: 90px 0 110px;
  }

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

  .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 80px 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: 768px) {
  .landing-page.service-money .money-benefits-section {
    padding: 90px 0;
  }

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

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


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

.landing-page.service-money .money-trust-section {
  padding: 80px 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: 768px) {
  .landing-page.service-money .money-trust-panel {
    padding: 45px 28px;
  }

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


/* =====================================
   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);
  }
}


/* =====================================
   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;
}

.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;
  }
}


/* =====================================
   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;
  }
}

/* =====================================
   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);
}




/* =====================================
   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;
}

/* 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: center;
  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;
}


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

.landing-page.service-money .money-results-section {
  padding: 120px 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;
  }
}


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

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

/* FAQ title */
.landing-page.service-money .money-faq-title {
  font-size: 2.1rem;
  font-weight: 600;
  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;
  }
}


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

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

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

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

/* 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 36px;
  border-radius: 2px;
}

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

/* ==========================================
   Warmth in Relationships – Color Variables
   Service Scope: relationship
========================================== */

.landing-page.service-relationship {

  --relationship-bg-primary: #FFF6EE;   
  --relationship-bg-secondary: #FDE8D9; 

  --relationship-accent-primary: #E07A5F; 
  --relationship-accent-secondary: #81B29A; 


  --relationship-heading-color: #3D2B1F;  
  --relationship-text-color: #5A4A42; 

  --relationship-border-color: #E6D6C9; 
}



/* =========================================================
   HERO SECTION — WARMTH IN RELATIONSHIPS
   Service: relationship
========================================================= */

.landing-page.service-relationship .relationship-hero-section {
  position: relative;
  padding: 120px 0 222px;
  text-align: center;
  background-color: var(--relationship-bg-primary);
  overflow: hidden;
}

.landing-page.service-relationship .relationship-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='1440' height='600' viewBox='0 0 1440 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 300 C240 260 480 340 720 300 C960 260 1200 340 1440 300' stroke='%23E07A5F' stroke-width='1.2' fill='none' opacity='0.25'/%3E%3Cpath d='M0 360 C240 320 480 400 720 360 C960 320 1200 400 1440 360' stroke='%2381B29A' stroke-width='1' fill='none' opacity='0.18'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center 40%;
  background-size: cover;
  opacity: 0.08;
}

/* ---------------------------------------------------------
   HERO CONTENT BOX
--------------------------------------------------------- */
.landing-page.service-relationship .relationship-hero-box {
  max-width: 900px;
  margin: 0 auto;
   z-index: 2;
}

/* ---------------------------------------------------------
   HERO TITLE
--------------------------------------------------------- */
.landing-page.service-relationship .relationship-hero-title {
  font-size: 44px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.2;
  margin-bottom: 8px;
  color: var(--relationship-heading-color);
  text-transform: uppercase;
}

.landing-page.service-relationship .relationship-hero-badge {
  display: inline-block;
  padding: 8px 22px;
  margin-bottom: 22px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--relationship-heading-color);
  border: 1px solid var(--relationship-border-color);
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.4);
}

/* ---------------------------------------------------------
   HERO SUBTITLE
--------------------------------------------------------- */
.landing-page.service-relationship .relationship-hero-subtitle {
  position: relative;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.35;
  margin-bottom: 42px;
  color: var(--relationship-heading-color);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.landing-page.service-relationship .relationship-hero-subtitle::after {
  content: "";
  display: block;
  width: 80px;
  height: 2px;
  margin: 22px auto 0;
  background-color: var(--relationship-accent-primary);
  opacity: 0.7;
}
/* ---------------------------------------------------------
   HERO DESCRIPTION
--------------------------------------------------------- */
.landing-page.service-relationship .relationship-hero-description {
  font-size: 18px;
  line-height: 1.85;
  margin-bottom: 42px;
  color: var(--relationship-text-color);
}

/* ---------------------------------------------------------
   HERO CTA
--------------------------------------------------------- */
.landing-page.service-relationship .relationship-hero-cta {
  margin-top: 10px;
}

.landing-page.service-relationship .relationship-hero-btn {
  display: inline-block;
  padding: 14px 36px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ffffff;
  background-color: var(--relationship-accent-secondary);
  border-radius: 40px;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.landing-page.service-relationship .relationship-hero-btn:hover {
  background-color: var(--relationship-accent-primary);
  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   HERO WAVE (DEEP + PREMIUM)
--------------------------------------------------------- */
.landing-page.service-relationship .relationship-hero-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 0;
}

.landing-page.service-relationship .relationship-hero-wave svg {
  display: block;
  width: 100%;
  height: 220px;
}

/* ---------------------------------------------------------
   RESPONSIVE ADJUSTMENTS
--------------------------------------------------------- */
@media (max-width: 768px) {

  .landing-page.service-relationship .relationship-hero-section {
    padding: 90px 0 140px;
  }

  .landing-page.service-relationship .relationship-hero-title {
    font-size: 34px;
  }



  .landing-page.service-relationship .relationship-hero-badge {
    font-size: 12px;
    padding: 7px 18px;
  }

  .landing-page.service-relationship .relationship-hero-subtitle {
    font-size: 26px;
    letter-spacing: 0.04em;
  }


  .landing-page.service-relationship .relationship-hero-description {
    font-size: 16px;
  }

}


/* =========================================================
   FOUNDATION SECTION
   Why Warmth in Relationships + Chakra Connection
   Service: relationship
========================================================= */

.landing-page.service-relationship .relationship-foundation-section {
  padding: 80px 0;
  background-color: #ffffff;
}

/* ---------------------------------------------------------
   FOUNDATION CARD
--------------------------------------------------------- */
.landing-page.service-relationship .relationship-foundation-card {
  height: 100%;
  padding: 20px 20px;
  background-color: #ffffff;
  border: 1px solid var(--relationship-border-color);
  border-radius: 16px;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* Subtle lift on hover (desktop only feel) */
.landing-page.service-relationship .relationship-foundation-card:hover {
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
  transform: translateY(-4px);
}

/* ---------------------------------------------------------
   FOUNDATION IMAGE (ICON / SYMBOL PLACEHOLDER)
--------------------------------------------------------- */
.landing-page.service-relationship .relationship-foundation-image {
  margin-bottom: 24px;
}

.landing-page.service-relationship .relationship-foundation-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* ---------------------------------------------------------
   FOUNDATION TITLE
--------------------------------------------------------- */
.landing-page.service-relationship .relationship-foundation-title {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 18px;
  color: var(--relationship-heading-color);
}

/* ---------------------------------------------------------
   FOUNDATION DESCRIPTION
--------------------------------------------------------- */
.landing-page.service-relationship .relationship-foundation-description {
  font-size: 16px;
  line-height: 1.75;
  color: var(--relationship-text-color);
  margin: 0;
}

/* ---------------------------------------------------------
   RESPONSIVE ADJUSTMENTS
--------------------------------------------------------- */
@media (max-width: 768px) {

  .landing-page.service-relationship .relationship-foundation-section {
    padding: 60px 0;
  }

  .landing-page.service-relationship .relationship-foundation-card {
    padding: 32px 26px;
  }

  .landing-page.service-relationship .relationship-foundation-title {
    font-size: 20px;
  }

  .landing-page.service-relationship .relationship-foundation-description {
    font-size: 15px;
  }

}

/* =========================================================
   ZIGZAG SECTION — AUTHORITY & TRANSFORMATION
   (Research & The Mantra + Expected Benefits)
========================================================= */

.landing-page.service-relationship .relationship-zigzag-section {
  padding: 110px 0;
  background-color: var(--relationship-bg-secondary);
}

/* ---------------------------------------------------------
   ZIGZAG ROW BASE
--------------------------------------------------------- */
.landing-page.service-relationship .relationship-zigzag-row {
  margin-bottom: 90px;
}

.landing-page.service-relationship .relationship-zigzag-row:last-child {
  margin-bottom: 0;
}

/* ---------------------------------------------------------
   TRUE ZIGZAG (REVERSE)
--------------------------------------------------------- */
.landing-page.service-relationship .relationship-zigzag-reverse {
  flex-direction: row-reverse;
}

/* ---------------------------------------------------------
   CONTENT AREA
--------------------------------------------------------- */
.landing-page.service-relationship .relationship-zigzag-content {
  max-width: 520px;
  margin-right: auto;
}

.landing-page.service-relationship
.relationship-zigzag-reverse
.relationship-zigzag-content {
  margin-left: auto;
  margin-right: 0;
}

/* ---------------------------------------------------------
   TITLES
--------------------------------------------------------- */
.landing-page.service-relationship .relationship-zigzag-title {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 28px;
  color: var(--relationship-heading-color);
}

/* ---------------------------------------------------------
   PARAGRAPHS
--------------------------------------------------------- */
.landing-page.service-relationship .relationship-zigzag-text {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 18px;
  color: var(--relationship-heading-color);
}

/* Highlighted key sentence */
.landing-page.service-relationship .relationship-zigzag-highlight {
  font-size: 16px;
  line-height: 1.8;
  margin: 26px 0;
  padding-left: 18px;
  border-left: 3px solid var(--relationship-accent-primary);
  color: var(--relationship-heading-color);
  font-weight: 500;
}

/* ---------------------------------------------------------
   BENEFITS — PREMIUM STACK (NOT NORMAL BULLETS)
--------------------------------------------------------- */
.landing-page.service-relationship .relationship-benefits-stack {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Individual benefit */
.landing-page.service-relationship .relationship-benefit-item {
  position: relative;
  padding-left: 34px;
  font-size: 16px;
  line-height: 1.75;
  color: var(--relationship-heading-color);
}

/* Bullet container (subtle premium marker) */
.landing-page.service-relationship .relationship-benefit-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: rgba(224, 122, 95, 0.12); /* soft accent halo */
}

/* Inner dot (core focus point) */
.landing-page.service-relationship .relationship-benefit-item::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 12px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--relationship-accent-primary);
}
/* ---------------------------------------------------------
   VISUAL BLOCK (CRITICAL FOR ZIGZAG VISIBILITY)
--------------------------------------------------------- */
.landing-page.service-relationship .relationship-zigzag-visual {
  position: relative;
  width: 100%;
  height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;

  /* soft background halo */
  background: rgba(255, 255, 255, 0.55);

  /* organic shape (not boxy) */
  border-radius: 42% 58% 55% 45% / 48% 42% 58% 52%;

  /* spacing effect */
  padding: 40px;
}

/* Image itself */
/* =========================================================
   ZIGZAG VISUAL — PREMIUM ICON TREATMENT
========================================================= */

.landing-page.service-relationship .relationship-zigzag-visual {
  position: relative;
  width: 100%;
  height: 260px;

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

  /* soft organic background */
background: radial-gradient(
  circle at 30% 30%,
  rgba(255,255,255,0.7),
  rgba(255,255,255,0.45)
);

  /* organic shape */
/*border-radius: 22% 38% 18% 42% / 28% 18% 34% 20%;*/
border-radius: 18% 82% 25% 75% / 62% 28% 72% 38%;

  padding: 30px;
}

/* subtle inner aura */



/* icon itself */
.landing-page.service-relationship .relationship-zigzag-visual i {
  position: relative;
  z-index: 1;

  font-size: 70px;
  color: var(--relationship-accent-primary);
}

/* responsive */
@media (max-width: 768px) {
  .landing-page.service-relationship .relationship-zigzag-visual {
    height: 220px;
  }

  .landing-page.service-relationship .relationship-zigzag-visual i {
    font-size: 46px;
  }
}




/* ---------------------------------------------------------
   RESPONSIVE (STACK CLEANLY ON MOBILE)
--------------------------------------------------------- */
@media (max-width: 768px) {

  .landing-page.service-relationship .relationship-zigzag-section {
    padding: 80px 0;
  }

  .landing-page.service-relationship .relationship-zigzag-row {
    margin-bottom: 70px;
  }

  .landing-page.service-relationship .relationship-zigzag-content {
    max-width: 100%;
    margin: 0 0 32px 0;
  }

  .landing-page.service-relationship
  .relationship-zigzag-reverse
  .relationship-zigzag-content {
    margin: 0 0 32px 0;
  }

  .landing-page.service-relationship .relationship-zigzag-visual {
    height: 240px;
    margin: 0;
  }

}

/* =========================================================
   AUDIENCE SECTION — PREMIUM CARDS
========================================================= */

.landing-page.service-relationship .relationship-audience-section {
  padding: 100px 0;
  background-color: #ffffff;
}

/* Section title */
.landing-page.service-relationship .relationship-audience-title {
  text-align: center;
  font-size: 36px;              /* stronger presence */
  font-weight: 600;             /* more authority */
  margin-bottom: 70px;
  color: var(--relationship-heading-color);
  position: relative;
}

/* Subtle editorial underline */
.landing-page.service-relationship .relationship-audience-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  margin: 18px auto 0;
  background-color: var(--relationship-accent-primary);
  border-radius: 2px;
  opacity: 0.8;
}
/* Cards wrapper */
.landing-page.service-relationship .relationship-audience-cards {
  row-gap: 40px;
}

/* Individual card */
.landing-page.service-relationship .relationship-audience-card {
  height: 100%;
    transition: transform 0.35s ease, background-color 0.35s ease;
  padding: 50px 36px;
  background-color: var(--relationship-bg-secondary);
  border-radius: 22px;
  text-align: center;
}


/* Hover effect */
.landing-page.service-relationship .relationship-audience-card:hover {
  transform: translateY(-6px);
  background-color: rgba(253, 232, 217, 0.85); /* slightly richer */
}

/* Icon animation on hover */
.landing-page.service-relationship .relationship-audience-card:hover
.relationship-audience-icon {
  transform: scale(1.05);
}

/* Icon smoothness */
.landing-page.service-relationship .relationship-audience-icon {
  transition: transform 0.35s ease;
}

/* Icon container */
.landing-page.service-relationship .relationship-audience-icon {
  width: 72px;
  height: 72px;
  margin: 0 auto 24px;

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

  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
}

/* Icon */
.landing-page.service-relationship .relationship-audience-icon i {
  font-size: 32px;
  color: var(--relationship-accent-primary);
}

/* Card title */
.landing-page.service-relationship .relationship-audience-card-title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 14px;
  color: var(--relationship-heading-color);
}

/* Card text */
.landing-page.service-relationship .relationship-audience-card-text {
  font-size: 16px;
  line-height: 1.75;
  color: var(--relationship-text-color);
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) 
{
  .landing-page.service-relationship .relationship-audience-section {
    padding: 80px 0;
  }



    .landing-page.service-relationship .relationship-audience-title {
    font-size: 30px;
    margin-bottom: 50px;
  }

  .landing-page.service-relationship .relationship-audience-card {
    padding: 44px 28px;
  }
}




/* =========================================================
   GUIDELINES SECTION — AUTHORITY BACKGROUND
========================================================= */

.landing-page.service-relationship .relationship-guidelines-section {
  padding: 110px 0;
  background-color: var(--relationship-bg-primary);
}

/* Section title */
.landing-page.service-relationship .relationship-guidelines-title {
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 55px;
  color: var(--relationship-heading-color);
  position: relative;
}

.landing-page.service-relationship .relationship-guidelines-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  margin: 18px auto 0;
  background-color: var(--relationship-accent-primary);
  border-radius: 2px;
  opacity: 0.85;
}
/* ---------------------------------------------------------
   TABS NAVIGATION
--------------------------------------------------------- */

.landing-page.service-relationship .relationship-guidelines-tabs {
  justify-content: center;
  border-bottom: none;
  margin-bottom: 45px;
  gap: 18px;
}

/* Tab button */
.landing-page.service-relationship .relationship-guidelines-tab {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  background-color: rgba(255, 255, 255, 0.6);
  border: none;
  padding: 12px 26px;

  font-size: 15px;
  font-weight: 500;
  color: var(--relationship-text-color);

  border-radius: 30px;
  transition: all 0.3s ease;
}

/* Icon inside tab */
.landing-page.service-relationship .relationship-guidelines-tab i {
  font-size: 16px;
  color: var(--relationship-accent-primary);
}

/* Active tab */
.landing-page.service-relationship .relationship-guidelines-tab.active {
  background-color: #ffffff;
  color: var(--relationship-heading-color);
}

/* ---------------------------------------------------------
   TAB CONTENT
--------------------------------------------------------- */

.landing-page.service-relationship .relationship-guidelines-content {
  max-width: 760px;
  margin: 0 auto;
}

/* Text */
.landing-page.service-relationship .relationship-guidelines-text {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
  color: var(--relationship-text-color);
}

/* Highlight advisory */
.landing-page.service-relationship .relationship-guidelines-highlight {
  margin-top: 28px;
  padding-left: 18px;
  border-left: 3px solid var(--relationship-accent-primary);
  font-size: 16px;
  line-height: 1.8;
  color: var(--relationship-heading-color);
  font-weight: 500;
}

/* Responsive */
@media (max-width: 768px) {
  .landing-page.service-relationship .relationship-guidelines-section {
    padding: 85px 0;
  }

 .landing-page.service-relationship .relationship-guidelines-title {
    font-size: 28px;
  }
}


/* =========================================================
   FAITH / BELIEF SECTION
========================================================= */

.landing-page.service-relationship .relationship-faith-section {
  padding: 100px 0;
  background-color: #ffffff;
}

.landing-page.service-relationship .relationship-faith-box {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

/* Heading */
.landing-page.service-relationship .relationship-faith-title {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 26px;
  color: var(--relationship-heading-color);
  position: relative;
}

/* Underline for authority */
.landing-page.service-relationship .relationship-faith-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  margin: 18px auto 0;
  background-color: var(--relationship-accent-primary);
  border-radius: 2px;
  opacity: 0.85;
}

/* Description */
.landing-page.service-relationship .relationship-faith-description {
  font-size: 18px;
  line-height: 1.85;
  color: var(--relationship-text-color);
  margin: 36px auto 44px;
}

/* CTA wrapper */
.landing-page.service-relationship .relationship-faith-cta {
  margin-top: 10px;
}

/* CTA button */
.landing-page.service-relationship .relationship-faith-button {
  display: inline-block;
  padding: 14px 34px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  background-color: var(--relationship-accent-primary);
  border-radius: 30px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

/* Hover (calm, not flashy) */
.landing-page.service-relationship .relationship-faith-button:hover {
  background-color: rgba(224, 122, 95, 0.9);
}

/* Responsive */
@media (max-width: 768px) {
  .landing-page.service-relationship .relationship-faith-section {
    padding: 80px 0;
  }

  .landing-page.service-relationship .relationship-faith-title {
    font-size: 28px;
  }

  .landing-page.service-relationship .relationship-faith-description {
    margin: 30px auto 36px;
  }
}


/* =========================================================
   PROCESS SECTION — FINAL POLISH
========================================================= */

.landing-page.service-relationship .relationship-process-section {
  padding: 120px 0;
  background: var(--relationship-bg-primary);
}

/* Heading with underline */
.landing-page.service-relationship .relationship-process-title {
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 80px;
  color: var(--relationship-heading-color);
  position: relative;
}

.landing-page.service-relationship .relationship-process-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  margin: 18px auto 0;
  background-color: var(--relationship-accent-primary);
  border-radius: 2px;
  opacity: 0.85;
}

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

/* Horizontal line */
.landing-page.service-relationship .relationship-process-timeline::before {
  content: "";
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.15);
}

/* Step */
.landing-page.service-relationship .relationship-process-step {
  position: relative;
  flex: 1;
  padding-top: 80px;
}

/* Number badge — refined like benefit bullets */
.landing-page.service-relationship .relationship-process-number {
  position: absolute;
  top: 0;
  left: 0;

  width: 48px;
  height: 48px;
  border-radius: 50%;

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

  font-size: 16px;
  font-weight: 600;

  color: var(--relationship-accent-primary);
  background-color: #ffffff;

  /* subtle tailored ring */
  box-shadow: inset 0 0 0 2px rgba(224, 122, 95, 0.35);
}

/* Step title */
.landing-page.service-relationship .relationship-process-step-title {
  font-size: 18px;
  margin-bottom: 16px;
  color: var(--relationship-heading-color);
}

/* Description */
.landing-page.service-relationship .relationship-process-description {
  font-size: 16px;
  line-height: 1.85;
  color: var(--relationship-text-color);
}

/* ---------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------- */
@media (max-width: 768px) {

  .landing-page.service-relationship .relationship-process-section {
    padding: 90px 0;
  }

  .landing-page.service-relationship .relationship-process-timeline {
    flex-direction: column;
    gap: 70px;
  }

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

  .landing-page.service-relationship .relationship-process-step {
    padding-top: 0;
    padding-left: 70px;
  }

  .landing-page.service-relationship .relationship-process-number {
    top: 0;
    left: 0;
  }
}

/* =========================================================
   BE WITH THE MASTER — PREMIUM WHITE SECTION
========================================================= */

.landing-page.service-relationship .relationship-master-section {
  position: relative;
  padding: 120px 0;
  background-color: #ffffff;
  overflow: hidden;
}

/* --- Radiant Aura (Desktop only) --- */
.landing-page.service-relationship .relationship-master-section::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 620px;
  height: 620px;
  transform: translate(-50%, -50%);
  pointer-events: none;

  /* ultra-soft spiritual radiance */
  background: radial-gradient(
    circle,
    rgba(255, 222, 200, 0.55) 0%,
    rgba(255, 235, 220, 0.35) 35%,
    rgba(255, 245, 235, 0.18) 55%,
    rgba(255, 255, 255, 0.0) 72%
  );

  z-index: 0;
}

/* Ensure content stays above aura */
.landing-page.service-relationship .relationship-master-section * {
  position: relative;
  z-index: 1;
}
/* Section Heading */
.landing-page.service-relationship .relationship-master-title {
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 90px;
  color: var(--relationship-heading-color);
  position: relative;
}

.landing-page.service-relationship .relationship-master-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  margin: 18px auto 0;
  background-color: var(--relationship-accent-primary);
  border-radius: 2px;
}

/* Layout grid */
.landing-page.service-relationship .relationship-master-layout {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 280px 1fr;
  grid-template-rows: auto auto;
  gap: 40px 60px;
  align-items: center;
}

/* Center Image */
.landing-page.service-relationship .relationship-master-image {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  display: flex;
  justify-content: center;
}

.landing-page.service-relationship .relationship-master-image img {
  width: auto;
  height: auto;
  padding: 10px;
}

/* Cards */
.landing-page.service-relationship .relationship-master-card {
      display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 34px 30px;
  border-radius: 18px;
  background-color: #ffffff;

  border: 1px solid rgba(0, 0, 0, 0.08);

  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.05);

}



/* Card titles */
.landing-page.service-relationship .relationship-master-card-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--relationship-heading-color);
}

/* Card text */
.landing-page.service-relationship .relationship-master-card-text {
  font-size: 16px;
  line-height: 1.8;
  color: var(--relationship-text-color);
}

/* Grid placement */
.card-top-left { grid-column: 1 / 2; grid-row: 1; }
.card-top-right { grid-column: 3 / 4; grid-row: 1; }
.card-bottom-left { grid-column: 1 / 2; grid-row: 2; }
.card-bottom-right { grid-column: 3 / 4; grid-row: 2; }

/* ---------------------------------------------------------
   TABLET & MOBILE — REMOVE IMAGE, STACK CARDS
--------------------------------------------------------- */
@media (max-width: 991px) {

  .landing-page.service-relationship .relationship-master-layout {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 30px;
  }

  .landing-page.service-relationship .relationship-master-image {
    display: none;
  }

  .card-top-left,
  .card-top-right,
  .card-bottom-left,
  .card-bottom-right {
    grid-column: auto;
    grid-row: auto;
  }
  /* Remove radiant aura */
  .landing-page.service-relationship .relationship-master-section::before {
    display: none;
  }

  /* Hide master image */
  .landing-page.service-relationship .relationship-master-image {
    display: none;
  }

  .landing-page.service-relationship .relationship-master-layout {
    grid-template-columns: 1fr;
  }

  .landing-page.service-relationship .relationship-master-section {
    padding: 90px 0;
  }
}

@media (min-width: 992px) {
   .relationship-master-image img {
    filter: saturate(0.92);
  }
  .relationship-master-card {
    transition: transform 0.3s ease;
  }

  .relationship-master-card:hover {
    transform: translateY(-6px);
  }
}

/* =========================================================
   CONNECT WITH US — ENHANCED & FOCUSED
========================================================= */

.landing-page.service-relationship .relationship-connect-section {
  padding: 120px 0;
  background-color: rgba(129, 178, 154, 0.18);
  position: relative;
}

/* Inner focus panel */
.landing-page.service-relationship .relationship-connect-box {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;

  background: rgba(255, 255, 255, 0.85);
  padding: 70px 60px;
  border-radius: 28px;

  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.06);
}

/* Heading */
.landing-page.service-relationship .relationship-connect-title {
  font-size: 34px;
  font-weight: 600;
  color: var(--relationship-heading-color);
  margin-bottom: 26px;
  position: relative;
}

/* Accent underline */
.landing-page.service-relationship .relationship-connect-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 3px;
  margin: 18px auto 0;
  background-color: var(--relationship-accent-primary);
  border-radius: 2px;
}

/* Description */
.landing-page.service-relationship .relationship-connect-description {
  font-size: 18px;
  line-height: 1.9;
  color: var(--relationship-text-color);
  margin: 36px auto 54px;
  max-width: 640px;
}

/* CTA wrapper with glow focus */
.landing-page.service-relationship .relationship-connect-cta {
  position: relative;
  display: inline-block;
}

/* Soft glow behind CTA */
.landing-page.service-relationship .relationship-connect-cta::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 140px;
  height: 140px;
  transform: translate(-50%, -50%);
  background: radial-gradient(
    circle,
    rgba(224, 122, 95, 0.35),
    rgba(224, 122, 95, 0.0) 70%
  );
  z-index: 0;
}

/* CTA Button */
.landing-page.service-relationship .relationship-connect-button {
  position: relative;
  z-index: 1;

  display: inline-block;
  padding: 16px 46px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.4px;

  color: #ffffff;
  background-color: var(--relationship-accent-secondary);

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

  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.12);

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

/* Hover — grounded lift */
.landing-page.service-relationship .relationship-connect-button:hover {
  transform: translateY(-4px);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.16);
}

/* Responsive */
@media (max-width: 768px) {
  .landing-page.service-relationship .relationship-connect-section {
    padding: 90px 0;
  }

  .landing-page.service-relationship .relationship-connect-box {
    padding: 60px 30px;
  }

  .landing-page.service-relationship .relationship-connect-title {
    font-size: 28px;
  }

  .landing-page.service-relationship .relationship-connect-description {
    font-size: 17px;
  }
}


/* =========================================================
   MANTRA DEEKSHA MĀRGAH — PRICING SECTION
========================================================= */

.landing-page.service-relationship .relationship-marga-section {
  padding: 130px 0;
  background-color: #fff;
}

/* Section container */
.landing-page.service-relationship .relationship-marga-box {
  max-width: 1180px;
  margin: 0 auto;
  text-align: center;
}

/* Heading */
.landing-page.service-relationship .relationship-marga-title {
  font-size: 36px;
  font-weight: 600;
  color: var(--relationship-heading-color);
  margin-bottom: 20px;
  position: relative;
}

/* Underline */
.landing-page.service-relationship .relationship-marga-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 3px;
  margin: 20px auto 0;
  background-color: var(--relationship-accent-primary);
  border-radius: 2px;
}

/* Subtitle */
.landing-page.service-relationship .relationship-marga-subtitle {
  font-size: 18px;
  font-style: italic;
  color: var(--relationship-text-color);
  margin: 34px auto 22px;
}

/* Intro text */
.landing-page.service-relationship .relationship-marga-description {
  font-size: 17px;
  line-height: 1.9;
  max-width: 820px;
  margin: 0 auto 70px;
  color: var(--relationship-text-color);
}

/* Options grid */
.landing-page.service-relationship .relationship-marga-option {
  background-color: #ffffff;
  border-radius: 22px;
  padding: 44px 38px;
  margin-bottom: 40px;

  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.05);
}

/* Option title */
.landing-page.service-relationship .relationship-marga-option-title {
  font-size: 22px;
  font-weight: 600;
  color: var(--relationship-heading-color);
  margin-bottom: 18px;
}

/* Price */
.landing-page.service-relationship .relationship-marga-price {
  font-size: 30px;
  font-weight: 700;
  color: var(--relationship-accent-primary);
  margin-bottom: 14px;
}

/* Short descriptor */
.landing-page.service-relationship .relationship-marga-option-description {
  font-size: 16px;
  color: var(--relationship-text-color);
  margin-bottom: 26px;
}

/* Feature list */
.landing-page.service-relationship .relationship-marga-option-list {
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
}

.landing-page.service-relationship .relationship-marga-option-list li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 16px;

  font-size: 15px;
  line-height: 1.7;
  color: var(--relationship-text-color);
}

/* Vertical guide marker */
.landing-page.service-relationship .relationship-marga-option-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;

  width: 3px;
  height: calc(100% - 6px);

  background-color: var(--relationship-accent-primary);
  border-radius: 2px;
  opacity: 0.85;
}


/* Ideal line */
.landing-page.service-relationship .relationship-marga-ideal {
  font-size: 15px;
  font-style: italic;
  color: var(--relationship-text-color);
  margin-bottom: 28px;
}

/* CTA */
.landing-page.service-relationship .relationship-marga-cta {
  margin-bottom: 26px;
}

.landing-page.service-relationship .relationship-marga-btn {
  display: inline-block;
  padding: 14px 34px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background-color: var(--relationship-accent-primary);
  border-radius: 32px;
  text-decoration: none;

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

.landing-page.service-relationship .relationship-marga-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14);
}

/* Quote */
.landing-page.service-relationship .relationship-marga-quote {
  font-size: 14px;
  font-style: italic;
  color: var(--relationship-accent-primary);
  margin-top: 8px;
}


/* Responsive */
@media (max-width: 768px) {
  .landing-page.service-relationship .relationship-marga-section {
    padding: 90px 0;
  }

  .landing-page.service-relationship .relationship-marga-option {
    padding: 36px 26px;
  }

  .landing-page.service-relationship .relationship-marga-title {
    font-size: 30px;
  }
}

@media (min-width: 992px) {

  .landing-page.service-relationship .relationship-marga-option {
    transition: 
      transform 0.35s ease,
      box-shadow 0.35s ease,
      border-color 0.35s ease;
  }

  .landing-page.service-relationship .relationship-marga-option:hover {
    transform: translateY(-10px);

    box-shadow:
      0 24px 60px rgba(0, 0, 0, 0.10);

    border-color: rgba(224, 122, 95, 0.35); /* terracotta hint */
  }

  .landing-page.service-relationship .relationship-marga-option:hover 
.relationship-marga-price {
  color: rgba(224, 122, 95, 0.9);
}

}

/* =========================================================
   RESULTS & IMPACT — MERGED OUTCOME SECTION
========================================================= */

.landing-page.service-relationship .relationship-outcome-section {
  padding: 120px 0;
  background-color: rgba(224, 122, 95, 0.06); /* soft warmth */
}

/* Card */
.landing-page.service-relationship .relationship-outcome-card {
  background-color: #ffffff;
  border-radius: 22px;
  padding: 48px 36px;
  text-align: center;
  height: 100%;

  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.05);
}

/* Icon wrapper */
.landing-page.service-relationship .relationship-outcome-icon {
  position: relative;
  width: 88px;
  height: 88px;
  margin: 0 auto 28px;

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

/* Organic aura shape */
.landing-page.service-relationship .relationship-outcome-icon::before {
  content: "";
  position: absolute;
  inset: 0;

  background: rgba(129, 178, 154, 0.22); /* muted olive */

  /* organic mantra-like shape */
  border-radius: 
    62% 38% 54% 46% / 
    48% 58% 42% 52%;

  box-shadow:
    inset 0 0 0 1px rgba(129, 178, 154, 0.25);
}

/* Icon centered */
.landing-page.service-relationship .relationship-outcome-icon i {
  position: relative;
  z-index: 1;

  font-size: 30px;
  color: var(--relationship-accent-primary); /* terracotta */
}
/* Title */
.landing-page.service-relationship .relationship-outcome-title {
  font-size: 22px;
  font-weight: 600;
  color: var(--relationship-heading-color);
  margin-bottom: 18px;
}

/* Description */
.landing-page.service-relationship .relationship-outcome-description {
  font-size: 16px;
  line-height: 1.85;
  color: var(--relationship-text-color);
}

/* Responsive */
@media (max-width: 768px) {
  .landing-page.service-relationship .relationship-outcome-section {
    padding: 90px 0;
  }

  .landing-page.service-relationship .relationship-outcome-card {
    margin-bottom: 30px;
  }
}

@media (min-width: 992px) {
  .landing-page.service-relationship .relationship-outcome-card {
    transition:
      transform 0.35s ease,
      box-shadow 0.35s ease;
  }

  .landing-page.service-relationship .relationship-outcome-card:hover {
    transform: translateY(-8px);
    box-shadow:
      0 22px 50px rgba(0, 0, 0, 0.10);
  }
}

/* =========================================================
   FAQ SECTION — 60/40 WITH CTA
========================================================= */

.landing-page.service-relationship .relationship-faq-section {
  padding: 120px 0;
  background-color: #fff;
}

/* FAQ BOX */
.landing-page.service-relationship .relationship-faq-box {
  padding-right: 30px;
}

/* Heading */
.landing-page.service-relationship .relationship-faq-title {
  font-size: 34px;
  font-weight: 600;
  color: var(--relationship-heading-color);
  margin-bottom: 36px;
  position: relative;
}

.landing-page.service-relationship .relationship-faq-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  margin-top: 16px;
  background-color: var(--relationship-accent-primary);
  border-radius: 2px;
}

/* =========================================================
   BOOTSTRAP ACCORDION OVERRIDE
========================================================= */

.landing-page.service-relationship .relationship-faq-accordion .accordion-item {
  border: none;
  margin-bottom: 16px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.05);
}

/* Button */
.landing-page.service-relationship .relationship-faq-button {
  background-color: #ffffff !important;
  color: var(--relationship-heading-color);
  font-size: 16px;
  font-weight: 500;
  padding: 18px 22px;
  box-shadow: none !important;
}

/* Remove bootstrap arrow */
.landing-page.service-relationship .relationship-faq-button::after {
  display: none;
}

/* Active state */
.landing-page.service-relationship 
.relationship-faq-button:not(.collapsed) {
  background-color: rgba(224, 122, 95, 0.08) !important;
  color: var(--relationship-heading-color);
}

/* Body */
.landing-page.service-relationship .relationship-faq-body {
  font-size: 16px;
  line-height: 1.8;
  color: var(--relationship-text-color);
  padding: 20px 22px 26px;
  background-color: #ffffff;
}

/* =========================================================
   CTA BOX (40%)
========================================================= */

.landing-page.service-relationship .relationship-faq-cta-box {
  background-color: #ffffff;
  border-radius: 22px;
  padding: 54px 40px;
  text-align: center;

  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.06);
}

/* CTA title */
.landing-page.service-relationship .relationship-faq-cta-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--relationship-heading-color);
  margin-bottom: 20px;
}

/* CTA description */
.landing-page.service-relationship .relationship-faq-cta-description {
  font-size: 16px;
  line-height: 1.8;
  color: var(--relationship-text-color);
  margin-bottom: 36px;
}

/* CTA button */
.landing-page.service-relationship .relationship-faq-cta-btn {
  display: inline-block;
  padding: 14px 36px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background-color: var(--relationship-accent-secondary);
  border-radius: 30px;
  text-decoration: none;

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

.landing-page.service-relationship .relationship-faq-cta-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

/* Responsive */
@media (max-width: 991px) {
  .landing-page.service-relationship .relationship-faq-box {
    padding-right: 0;
    margin-bottom: 50px;
  }
}

@media (min-width: 992px) {
  .landing-page.service-relationship 
  .relationship-faq-section .col-lg-5 {
    display: flex;
    align-items: center;
  }
}


/* ===============================
   MEET THE MASTER — SCOPED & SAFE
================================ */

.landing-page.service-relationship .relationship-master-section {
  background: #faf9f7; /* neutral stone tone */
  padding-bottom: 90px;
}

/* Full-width image container */
.landing-page.service-relationship .relationship-master-visual {
  width: 100%;
  text-align: center;
  padding: 40px 0;
}

/* Image */
.landing-page.service-relationship .relationship-master-image-bottom {
  max-width: 100%;
  height: auto;
  display: inline-block;
  border-radius: 12px;
}

/* Content wrapper */
.landing-page.service-relationship .relationship-master-content-box {
  margin-top: 70px;
}

/* Title */
.landing-page.service-relationship .relationship-master-title {
  font-size: 36px;
  font-weight: 600;
  color: #2b2b2b;
  margin-bottom: 18px;
  position: relative;
}

/* Underline */
.landing-page.service-relationship .relationship-master-title::after {
  content: "";
  display: block;
  width: 64px;
  height: 3px;
  background: var(--relationship-accent-primary);
  margin-top: 10px;
}

/* Paragraphs */
.landing-page.service-relationship .relationship-master-description {
  font-size: 18px;
  line-height: 1.85;
  color: #4a4a4a;
  margin-bottom: 22px;
}

/* Responsive */
@media (max-width: 768px) {
  .landing-page.service-relationship .relationship-master-visual {
    max-height: 320px;
  }

  .landing-page.service-relationship .relationship-master-content-box {
    margin-top: 40px;
  }

  .landing-page.service-relationship .relationship-master-title {
    font-size: 28px;
  }
}



/* =========================
   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 */

}
/* =====================================================
   HERO SECTION – BLACKMAGIC (REAL PARALLAX)
   ===================================================== */

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

.landing-page.service-blackmagic .blackmagic-hero-visual {
  position: relative;
  width: 100%;
  max-width: 420px;
  height: 620px;
  margin: 0 auto;
  border-radius: 2%;
  box-shadow: none;
  overflow: hidden;
  background-color: var(--blackmagic-primary);
}

/* IMAGE */
.landing-page.service-blackmagic .blackmagic-hero-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  position: relative;
  z-index: 1;
    /* subtle color merge */
  /*mix-blend-mode:color-dodge;*/
  /*mix-blend-mode:luminosity;*/
  mix-blend-mode:screen;
  opacity: 1;
}



/* EDGE BLENDING OVERLAY (THIS IS THE KEY) */
/* STRONG EDGE BLENDING */
.landing-page.service-blackmagic .blackmagic-hero-visual::after {
  content: "";
  position: absolute;
  inset: -5%;
  z-index: 2;
  pointer-events: none;

background: radial-gradient(
  ellipse at center,
  rgba(59,71,140,0) 50%,
  rgba(59,71,140,0.25) 65%,
  rgba(59,71,140,0.55) 78%,
  rgba(59,71,140,0.85) 90%,
  rgba(59,71,140,1) 100%
);
}
/* Prevent parallax issues on mobile */
@media (max-width: 991px) {
  .landing-page.service-blackmagic .blackmagic-hero-parallax {
    background-attachment: scroll;
    height: 420px;
  }
}

/* -----------------------------
   RIGHT CONTENT
   ----------------------------- */

.landing-page.service-blackmagic .blackmagic-hero-content-box {
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.landing-page.service-blackmagic .blackmagic-hero-title {
  font-size: 44px;
  line-height: 1.25;
  font-weight: 600;
  color: var(--blackmagic-text-light);
  margin-bottom: 22px;
}


.landing-page.service-blackmagic .blackmagic-hero-content p {
  font-size: 17.5px;
  line-height: 1.9;
  color: var(--blackmagic-text-light);
  max-width: 640px;
}

.landing-page.service-blackmagic .blackmagic-hero-divider {
  width: 100%;
  height: 1px;

  /* subtle, premium divider */
background: linear-gradient(
  to right,
  rgba(201, 164, 76, 0),
  rgba(201, 164, 76, 0.45),
  rgba(201, 164, 76, 0)
);

  margin: 32px 0 36px;
}
.landing-page.service-blackmagic .blackmagic-hero-subtitle {
  font-size: 26px;
  font-weight: 500;
  color: var(--blackmagic-text-light);
  margin-bottom: 14px;
}

.landing-page.service-blackmagic .blackmagic-hero-subsection p {
  font-size: 16.8px;
  line-height: 1.75;
  color: var(--blackmagic-text-light);
  max-width: 600px;
}

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

.landing-page.service-blackmagic .blackmagic-hero-cta-btn {
  display: inline-block;
  padding: 14px 34px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.4px;
  color: var(--blackmagic-text-light);
  background-color: var(--blackmagic-accent-strong);
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s ease;
}

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

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

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

  .landing-page.service-blackmagic .blackmagic-hero-content-box {
    padding-left: 0;
    margin-top: 40px;
  }

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


/* =====================================================
   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-title {
    font-size: 30px;
  }

  .landing-page.service-blackmagic .blackmagic-mantra-content p {
    font-size: 16.5px;
  }
}


/* =====================================================
   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: 72px;
}

.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);
}

/* -----------------------------
   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-title {
    font-size: 28px;
  }

  .landing-page.service-blackmagic .blackmagic-benefit-card {
    font-size: 16px;
    padding: 26px 22px;
  }
}


/* =====================================================
   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;
  }
}


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

.landing-page.service-blackmagic .blackmagic-health-parameters-section {
  padding: 110px 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: 768px) {
  .landing-page.service-blackmagic .blackmagic-health-tabs {
    flex-direction: column;
    align-items: center;
  }

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


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

.landing-page.service-blackmagic .blackmagic-process-section {
  padding: 110px 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);
}

/* =====================================================
   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;
  }
}


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

.landing-page.service-blackmagic .blackmagic-contact-cta-section {
  padding: 120px 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: 768px) {
  .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: 110px 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;
  }
}


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

.landing-page.service-blackmagic .blackmagic-pricing-section {
  padding: 100px 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;
}

/* =====================
   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;
  }
}


/* =====================================
   RESULTS + BABY STEPS SECTION
===================================== */

.landing-page.service-blackmagic .blackmagic-results-section {
  padding: 120px 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);
}

/* =========================================================
   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;
}

/* -----------------------------
   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;
  }
}


/* =========================================================
   BLACKMAGIC – MASTER PROFILE SECTION (FINAL CLEAN)
   ========================================================= */

.landing-page.service-blackmagic.blackmagic-master-profile-section {
  position: relative;
  background: var(--blackmagic-soft-bg);
  padding: 110px 0 120px;
}

/* 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 100px;
  }

  .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;
  }
}