/* ================================================
   1. SFSS — TAB PANEL SECTION
================================================ */
.sfss {
  background-color: #ffffff;
  padding: 80px 0;
}

/* Header Row */
.sfss__header-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 40px;
}

.sfss__heading {
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  color: #212121;
  margin-bottom: 0;
  max-width: 429px;
  flex-shrink: 0;
}

.sfss__intro {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  color: #000000;
  text-align: right;
  max-width: 542px;
  margin-bottom: 0;
  padding-top: 8px;
}

/* Body */
.sfss__body {
  display: flex;
  gap: 60px;
  align-items: flex-start;
}

/* Tab List */
.sfss__tabs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 359px;
  flex-shrink: 0;
}

.sfss__tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  text-align: left;
  transition: background 0.25s ease;
}

.sfss__tab-label {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #111b29;
}

.sfss__tab-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.sfss__tab-icon svg {
  width: 20px;
  height: 20px;
  color: #111b29;
  transition: color 0.25s ease;
}

/* Tab — active state */
.sfss__tab.is-active {
  background: linear-gradient(64.58deg,
      #0000ff 30.064%,
      #4e49e0 21.477%,
      #d90094 72.282%,
      #ff0a0a 123.09%);
}

.sfss__tab.is-active .sfss__tab-label {
  color: #ffffff;
}

.sfss__tab.is-active .sfss__tab-icon svg {
  color: #ffffff;
}

/* Panel — gradient border wrapper */
.sfss__panel {
  flex: 1;
  min-width: 0;
  align-self: stretch;
  position: relative;
  padding: 2px;
  border-radius: 24px;
  background: linear-gradient(90deg,
      #564ae8 0%,
      #ba62bc 26.92%,
      #e0678c 56.25%,
      #e85d68 100%);
}

/* Panel — white inner surface */
.sfss__panel-inner {
  position: relative;
  height: 100%;
  padding: 24px;
  overflow: hidden;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(22.6px);
}

/* Panel — background image via pseudo-element so gradient border remains visible */
.sfss__panel-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  background-image: url("/wp-content/uploads/2026/06/tab-new-pn.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
}

/* Panel — content blocks */
.sfss__panel-content {
  display: none;
  flex-direction: column;
  gap: 16px;
  position: relative;
  z-index: 1;
}

.sfss__panel-content.is-active {
  display: flex;
}

.sfss__panel-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #212121;
  margin-bottom: 0;
}

.sfss__panel-desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  color: #212121;
  margin-bottom: 0;
}

/* Panel — decorative image */
.sfss__panel-decor {
  position: absolute;
  bottom: -60px;
  right: -80px;
  width: 480px;
  height: auto;
  opacity: 0.18;
  transform: scaleY(-1) rotate(150deg);
  pointer-events: none;
  z-index: 1;
}

/* Mobile section */
.sfss__mobile {
  display: none;
}

.sfss__mob-heading {
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  color: #212121;
  text-align: center;
  margin-bottom: 0;
}

.sfss__mob-intro {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #000000;
  text-align: center;
  margin-bottom: 0;
}

/* Mobile accordion item */
.sfss__mob-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

/* Mobile accordion button */
.sfss__mob-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px 14px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  text-align: left;
  background: linear-gradient(90deg,
      rgba(0, 0, 255, 0.07) 0%,
      rgba(78, 73, 224, 0.07) 33.654%,
      rgba(217, 0, 148, 0.07) 66.827%,
      rgba(255, 10, 10, 0.07) 100%);
}

.sfss__mob-btn-label {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #111b29;
}

.sfss__mob-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.sfss__mob-btn-icon svg {
  width: 20px;
  height: 20px;
  color: #d90094;
  transition: transform 0.3s ease;
}

/* Mobile button — expanded state */
.sfss__mob-btn[aria-expanded="true"] .sfss__mob-btn-icon svg {
  transform: rotate(180deg);
}

/* Mobile panel — gradient border wrapper */
.sfss__mob-panel {
  display: none;
  padding: 1.5px;
  border-radius: 17.5px;
  background: linear-gradient(90deg,
      #564ae8 0%,
      #ba62bc 26.92%,
      #e0678c 56.25%,
      #e85d68 100%);
}

.sfss__mob-panel.is-open {
  display: block;
}

/* Mobile panel — white inner surface */
.sfss__mob-panel-inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border-radius: 16px;
  background: linear-gradient(90deg,
      rgba(86, 74, 232, 0.02) 0%,
      rgba(186, 98, 188, 0.02) 26.923%,
      rgba(224, 103, 140, 0.02) 56.25%,
      rgba(232, 93, 104, 0.02) 100%),
    #ffffff;
}

.sfss__mob-panel-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  color: #212121;
  margin-bottom: 0;
}

.sfss__mob-panel-desc {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #212121;
  margin-bottom: 0;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991.98px) {
  .sfss {
    padding: 60px 0;
  }

  .sfss__header-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .sfss__heading {
    font-size: 32px;
    line-height: 42px;
    max-width: 100%;
  }

  .sfss__intro {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    max-width: 100%;
  }

  .sfss__body {
    gap: 32px;
  }

  .sfss__tabs {
    width: 260px;
  }
}

/* Mobile */
@media (max-width: 767.98px) {
  .sfss {
    padding: 40px 0;
  }

  .sfss__header-row {
    display: none;
  }

  .sfss__body {
    display: none;
  }

  .sfss__mobile {
    display: block;
  }
}

/* ================================================
   2. SF-TRANSFORM SECTION
================================================ */
.sf-transform {
  position: relative;
  overflow: hidden;
  padding: 80px 0;
  background-color: #f9fafb;
  background-image: url("/wp-content/uploads/2026/06/sf-bg.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sf-transform__bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.sf-transform__bg-img {
  position: absolute;
  top: -358px;
  left: -179px;
  width: 1824px;
  height: 1405px;
  transform: rotate(-6.55deg);
  transform-origin: center center;
  opacity: 1;
}

.sf-transform__inner {
  position: relative;
  z-index: 2;
}

/* Header */
.sf-transform__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 54px;
}

.sf-transform__heading {
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  color: #212121;
  margin-bottom: 0;
  max-width: 630px;
  flex-shrink: 0;
}

.sf-transform__subheading {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  color: #000000;
  text-align: right;
  max-width: 444px;
  margin-bottom: 0;
  padding-top: 6px;
}

/* Body */
.sf-transform__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

/* Image column */
.sf-transform__img-col {
  position: relative;
  width: 510px;
  height: 489px;
  flex-shrink: 0;
}

.sf-transform__ellipse {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 346px;
  height: 346px;
}

.sf-transform__line-art {
  position: absolute;
  top: 65px;
  left: -108px;
  width: 543px;
  height: 412px;
  pointer-events: none;
  z-index: 1;
}

.sf-transform__person {
  position: absolute;
  bottom: 0;
  left: 18px;
  width: 100%;
  height: 488px;
  object-fit: cover;
  object-position: top center;
  z-index: 2;
}

/* Cards column */
.sf-transform__cards {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-shrink: 0;
}

.sf-transform__card {
  position: relative;
  padding: 1.5px;
  border-radius: 6px;
  background: linear-gradient(90deg,
      #0000ff 0%,
      #4e49e0 33.65%,
      #d90094 66.83%,
      #ff0a0a 100%);
}

.sf-transform__card-inner {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 16px;
  border-radius: 4px;
  background: #ffffff;
}

.sf-transform__card-icon {
  width: 44px;
  height: 31px;
  flex-shrink: 0;
  object-fit: contain;
}

.sf-transform__card-label {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  color: #000000;
  margin-bottom: 0;
  white-space: nowrap;
}

/* Mobile layout */
.sf-transform__mobile {
  display: none;
}

.sf-transform__mob-heading {
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  color: #000000;
  margin-bottom: 0;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1200px) {
  .sf-transform {
    padding: 60px 0;
  }

  .sf-transform__header {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px;
  }

  .sf-transform__heading {
    font-size: 32px;
    line-height: 42px;
    max-width: 100%;
  }

  .sf-transform__subheading {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    max-width: 100%;
  }

  .sf-transform__body {
    gap: 24px;
  }

  .sf-transform__img-col {
    width: 380px;
    height: 367px;
  }

  .sf-transform__ellipse {
    width: 260px;
    height: 260px;
  }

  .sf-transform__person {
    width: 100%;
    height: 367px;
  }

  .sf-transform__line-art {
    display: none;
  }

  .sf-transform__cards {
    flex: 1;
    width: 100%;
  }

  .sf-transform__card-label {
    font-size: 18px;
    line-height: 28px;
    white-space: normal;
  }
}

/* Mobile */
@media (max-width: 767.98px) {
  .sf-transform {
    padding: 40px 0;
  }

  .sf-transform__header,
  .sf-transform__body {
    display: none;
  }

  .sf-transform__mobile {
    display: block;
  }

  .sf-transform__bg-img {
    opacity: 0.6;
  }

  .sf-transform__card-label {
    font-size: 24px;
    line-height: 36px;
    white-space: normal;
  }
}

/* ================================================
   3. SF-HERO SECTION
================================================ */
.sf-hero {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 194px 16px;
  background-color: #f9fafb;
  background-image: url("/wp-content/uploads/2026/06/sfp-bg.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sf-hero__bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  z-index: 0;
}

.sf-hero__vector {
  position: absolute;
  top: 327px;
  right: -94px;
  width: 1414px;
  height: 875px;
  transform: rotate(16.38deg);
  opacity: 0.55;
  pointer-events: none;
  z-index: 1;
}

.sf-hero__blob {
  position: absolute;
  top: 395px;
  left: 180px;
  width: 1710px;
  height: 1711px;
  transform: rotate(-43.88deg);
  opacity: 0.18;
  pointer-events: none;
  z-index: 1;
}

.sf-hero__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 40px;
  z-index: 2;
}

/* Tags */
.sf-hero__tags {
  display: flex;
  align-items: center;
  gap: 14px;
}

.sf-hero__tag {
  padding: 3.5px;
  font-size: 17px;
  font-weight: 600;
  line-height: 21px;
  background: linear-gradient(90deg,
      #0000ff 0%,
      #4e49e0 33.654%,
      #d90094 66.827%,
      #ff0a0a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sf-hero__tag-divider {
  width: 1.5px;
  height: 19px;
  flex-shrink: 0;
  background: linear-gradient(180deg, #0000ff 0%, #d90094 50%, #ff0a0a 100%);
}

/* Text block */
.sf-hero__text-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sf-hero__heading {
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
  margin-bottom: 0;
}

.sf-hero__heading-gradient {
  background: linear-gradient(90deg,
      #0000ff 0%,
      #4e49e0 33.654%,
      #d90094 66.827%,
      #ff0a0a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sf-hero__heading-plain {
  color: #212121;
}

.sf-hero__subheading {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  color: #323232;
  margin-bottom: 0;
  max-width: 475px;
}

/* CTA */
.sf-hero__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  padding: 16px;
  border: none;
  border-radius: 4px;
  background-color: #0f0232;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.sf-hero__cta:hover {
  background-color: #1a0550;
  color: #ffffff;
}

/* Tablet — iPad Mini 768px, iPad Air 820px — centered */
@media (min-width: 992px) and (max-width: 1024px) {
  .sf-hero {
    align-items: center;
    justify-content: center;
    padding: 64px 4px;
  }

  .sf-hero__content {
    max-width: 620px;
    align-items: start;
    text-align: left;
  }

  .sf-hero__tags {
    justify-content: start;
  }

  .sf-hero__heading {
    font-size: 40px;
    line-height: 52px;
    text-align: left;
  }

  .sf-hero__subheading {
    font-size: 17px;
    line-height: 26px;
    text-align: left;
    max-width: 100%;
  }

  .sf-hero__cta {
    align-self: center;
  }

  .sf-hero__vector {
    right: -200px;
    opacity: 0.35;
  }

  .sf-hero__blob {
    left: -200px;
    opacity: 0.12;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .sf-hero {
    align-items: flex-start;
    padding-top: 32px;
    padding-bottom: 48px;
    background-image: url("/wp-content/uploads/2026/06/sfp-bg-mob.webp");
  }

  .sf-hero__bg-img {
    object-position: right center;
  }

  .sf-hero__vector {
    top: 135px;
    right: -94px;
    width: 598px;
    height: 451px;
    transform: rotate(-153deg) scaleY(-1);
    opacity: 0.5;
  }

  .sf-hero__blob {
    top: 105px;
    right: -490px;
    left: auto;
    width: 1710px;
    height: 1711px;
    opacity: 0.14;
  }

  .sf-hero__content {
    max-width: 100%;
    gap: 16px;
  }

  .sf-hero__heading {
    font-size: 32px;
    line-height: 40px;
  }

  .sf-hero__subheading {
    font-size: 16px;
    line-height: 24px;
    max-width: 100%;
  }

  .sf-hero__cta {
    width: 100%;
    align-self: stretch;
    justify-content: center;
    border-radius: 4px;
  }
}

/* ================================================
   4. SFP — PROCESS SECTION
================================================ */
.sfp {
  padding: 80px 0;
  background-color: #ffffff;
}

/* Desktop layout */
.sfp__layout {
  display: flex;
  align-items: flex-start;
  gap: 60px;
}

/* Left sticky column */
.sfp__left {
  position: sticky;
  top: 100px;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 491px;
  padding: 16px 0;
  flex-shrink: 0;
}

.sfp__heading {
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  color: #212121;
  margin-bottom: 0;
  max-width: 376px;
}

.sfp__subheading {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  color: #323232;
  margin-bottom: 0;
}

.sfp__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  padding: 16px;
  border: none;
  border-radius: 4px;
  background-color: #0f0232;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.sfp__cta:hover {
  background-color: #1a0550;
  color: #ffffff;
}

/* Right column */
.sfp__right {
  display: flex;
  flex: 1;
  gap: 16px;
  min-width: 0;
  align-items: flex-start;
}

/* Numbers pill */
.sfp__nums-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 64px;
  padding: 8px;
  border-radius: 48px;
  flex-shrink: 0;
  background: linear-gradient(7.93deg,
      rgba(86, 74, 232, 0.068) 49.465%,
      rgba(186, 98, 188, 0.176) 62.926%,
      rgba(224, 103, 140, 0.068) 77.59%,
      rgba(232, 93, 104, 0) 99.465%);
}

.sfp__num-row {
  position: relative;
  width: 48px;
  flex-shrink: 0;
}

.sfp__num {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 29px;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  color: #f9fafb;
  background: linear-gradient(50.15deg,
      #0000ff 18.459%,
      #4e49e0 20.769%,
      #d90094 59.437%,
      #ff0a0a 98.104%);
  opacity: 1;
}

/* Cards column */
.sfp__cards-col {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  padding: 8px 0;
}

.sfp__card {
  padding: 1.5px;
  border-radius: 17.5px;
  background: linear-gradient(90deg,
      #564ae8 0%,
      #ba62bc 26.92%,
      #e0678c 56.25%,
      #e85d68 100%);
}

.sfp__card-inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border-radius: 16px;
  background: linear-gradient(90deg,
      rgba(86, 74, 232, 0.02) 0%,
      rgba(186, 98, 188, 0.02) 26.923%,
      rgba(224, 103, 140, 0.02) 56.25%,
      rgba(232, 93, 104, 0.02) 100%),
    #ffffff;
}

.sfp__card-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #212121;
  margin-bottom: 0;
}

.sfp__card-desc {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #212121;
  margin-bottom: 0;
}

/* Fade-up animation */
.fade-up {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.55s ease, transform 0.55s ease;
}

.fade-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Mobile layout */
.sfp__mobile {
  display: none;
}

.sfp__mob-heading {
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  color: #212121;
  margin-bottom: 0;
}

.sfp__mob-subheading {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #323232;
  margin-bottom: 0;
}

.sfp__mob-process {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.sfp__mob-nums-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 64px;
  padding: 8px;
  border-radius: 48px;
  flex-shrink: 0;
  background: linear-gradient(11.61deg,
      rgba(86, 74, 232, 0.068) 49.465%,
      rgba(186, 98, 188, 0.176) 62.926%,
      rgba(224, 103, 140, 0.068) 77.59%,
      rgba(232, 93, 104, 0) 99.465%);
}

.sfp__mob-num-row {
  position: relative;
  width: 48px;
  flex-shrink: 0;
}

.sfp__mob-num {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 29px;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  color: #f9fafb;
  background: linear-gradient(50.15deg,
      #0000ff 18.459%,
      #4e49e0 20.769%,
      #d90094 59.437%,
      #ff0a0a 98.104%);
}

.sfp__mob-cards-col {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  padding: 8px 0;
}

.sfp__mob-card {
  padding: 1.5px;
  border-radius: 17.5px;
  background: linear-gradient(90deg,
      #564ae8 0%,
      #ba62bc 26.92%,
      #e0678c 56.25%,
      #e85d68 100%);
}

.sfp__mob-card-inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border-radius: 16px;
  background: linear-gradient(90deg,
      rgba(86, 74, 232, 0.02) 0%,
      rgba(186, 98, 188, 0.02) 26.923%,
      rgba(224, 103, 140, 0.02) 56.25%,
      rgba(232, 93, 104, 0.02) 100%),
    #ffffff;
}

.sfp__mob-card-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  color: #212121;
  margin-bottom: 0;
}

.sfp__mob-card-desc {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #212121;
  margin-bottom: 0;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991.98px) {
  .sfp {
    padding: 60px 0;
  }

  .sfp__layout {
    gap: 32px;
  }

  .sfp__left {
    width: 280px;
  }

  .sfp__heading {
    font-size: 28px;
    line-height: 38px;
    max-width: 100%;
  }

  .sfp__subheading {
    font-size: 15px;
    line-height: 22px;
  }

  .sfp__card-title {
    font-size: 18px;
    line-height: 27px;
  }
}

/* Mobile */
@media (max-width: 767.98px) {
  .sfp {
    padding: 40px 0;
  }

  .sfp__layout {
    display: none;
  }

  .sfp__mobile {
    display: block;
  }
}

/* ================================================
   5. CONSULTING — THEME OVERRIDES
================================================ */
.pillas-why-ks.consulting .pillas-why-ks__card--bg-1::before {
  background-image: url("/wp-content/uploads/2026/06/sc-1.webp");
}

.pillas-why-ks.consulting .pillas-why-ks__card--bg-2::before {
  background-image: url("/wp-content/uploads/2026/06/sc-2.webp");
}

.pillas-why-ks.consulting .pillas-why-ks__card--bg-3::before {
  background-image: url("/wp-content/uploads/2026/06/sc-3.webp");
}

.pillas-why-ks.consulting .pillas-why-ks__card--bg-4::before {
  background-image: url("/wp-content/uploads/2026/06/sc-4.webp");
}

.pillas-why-ks.consulting .pillas-why-ks__card--bg-5::before {
  background-image: url("/wp-content/uploads/2026/06/sc-5.webp");
}

.pillas-why-ks.consulting .pillas-why-ks__card--bg-6::before {
  background-image: url("/wp-content/uploads/2026/06/sc-6.webp");
}

.pillas-why-ks.consulting .pillas-why-ks__card--bg-7::before {
  background-image: url("/wp-content/uploads/2026/06/sc-7.webp");
}

.pillas-why-ks.consulting .pillas-why-ks__subheading {
  max-width: unset;
}

/* Cert block */
.cert__body.consulting {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  color: #323232;
}

.cert__text.consulting {
  width: 814px;
}

/* CTA banner overrides */
@media (max-width: 767px) {
  .cert__text.consulting {
    width: 100%;
  }

  .cert__body.consulting {
    font-size: 18px;
    line-height: 27px;
  }

  .cta-sales-banner {
    max-width: 100% !important;
    height: 526px !important;
  }

  .cta-sales-banner__img {
    top: 270px !important;
  }
}

.tcl.consulting .tcl__title {
  margin-bottom: 8px;
}

.tcl.consulting .tcl__text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  margin-bottom: 40px;
}

@media screen and (max-width: 765px) {
  .tcl.consulting .tcl__text {
    margin-bottom: 16px;
  }
}