.consultancy-contact {
  --contact-cta-surface: #faf7f2;
  --contact-cta-heading: #202832;
  --contact-cta-copy: #514d53;
  padding: 80px 0;
  background: #fff;
}

.consultancy-contact__card {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid #b86a332b;
  background: var(--contact-cta-surface);
}

.consultancy-contact__content {
  padding: clamp(28px, 4vw, 56px);
}

.consultancy-contact h2 {
  margin: 0 0 24px;
  color: var(--contact-cta-heading);
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.2;
}

.consultancy-contact p {
  margin: 0 0 18px;
  color: var(--contact-cta-copy);
  font-size: 16px;
  line-height: 1.75;
}

.consultancy-contact h3 {
  margin: 28px 0 20px;
  color: var(--contact-cta-heading);
  font-size: 21px;
  line-height: 1.4;
}

.consultancy-contact__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 17px 24px;
  background: #f47724;
  color: #171b22;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  transition: background-color 180ms ease;
}

.consultancy-contact__button:hover { background: #ffad66; color: #171b22; }
.consultancy-contact__button:focus-visible { outline: 2px solid #d56a22; outline-offset: 5px; }

.consultancy-contact__image { margin: 0; min-width: 0; }
.consultancy-contact__image img { display: block; width: 100%; height: 100%; object-fit: cover; }

html[data-home-theme="dark"] .vendor-management-consultancy .consultancy-contact {
  --contact-cta-surface: #1c232e;
  --contact-cta-heading: #f4f6fa;
  --contact-cta-copy: #c5cbd5;
  background: #12161d;
}

@media (max-width: 767.98px) {
  .consultancy-contact { padding: 48px 0; }
  .consultancy-contact__card { grid-template-columns: minmax(0, 1fr); }
  .consultancy-contact__image { max-height: 320px; }
  .consultancy-contact__image img { aspect-ratio: 4 / 3; }
}

.vendor-management-consultancy .consultancy-benefits {
  --benefit-heading: #241f27;
  --benefit-copy: #514d53;
  --benefit-rule: #ded9d5;
  padding: 80px 0;
  background: #f6f2ed;
}

.consultancy-benefits .consultancy-benefits__intro {
  max-width: 900px;
  margin-bottom: 40px;
}

.consultancy-benefits .consultancy-benefits__intro h2,
.consultancy-benefits .consultancy-benefit h3 {
  color: var(--benefit-heading);
}

.consultancy-benefits .consultancy-benefits__intro .text,
.consultancy-benefits .consultancy-benefit p {
  color: var(--benefit-copy);
}

.consultancy-benefits__list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.consultancy-benefit {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: 40px;
  padding: 30px 0;
  border-bottom: 1px solid var(--benefit-rule);
}

.consultancy-benefit:first-child {
  border-top: 1px solid var(--benefit-rule);
}

.consultancy-benefit__heading {
  display: flex;
  align-items: center;
  gap: 22px;
}

.consultancy-benefit__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #ed672e, #b52157);
  font-size: 21px;
}

.consultancy-benefits .consultancy-benefit h3 {
  margin: 0;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 600;
}

.consultancy-benefit p {
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
}

html[data-home-theme="dark"] .vendor-management-consultancy .consultancy-benefits {
  --benefit-heading: #f4f6fa;
  --benefit-copy: #c5cbd5;
  --benefit-rule: #354052;
  background: #12161d;
}

@media (max-width: 767.98px) {
  .vendor-management-consultancy .consultancy-benefits { padding: 48px 0; }
  .consultancy-benefit { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 24px 0; }
  .consultancy-benefit__heading { gap: 16px; }
  .consultancy-benefits .consultancy-benefit h3 { font-size: 20px; }
}

.vendor-management-consultancy .banner-section {
  --consultancy-hero-overlay: linear-gradient(100deg, #faf9f5f5 0%, #f5f3edeb 55%, #f5f3edb3 100%);
  --consultancy-hero-title: #202832;
  --consultancy-hero-accent: #b74713;
  --consultancy-hero-frame: #b747132e;
  background-color: #f5f3ed;
}

.vendor-management-consultancy .banner-section .bg-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--consultancy-hero-overlay);
}

.vendor-management-consultancy .banner-section .inner-column .title {
  color: var(--consultancy-hero-title);
  font-size: clamp(28px, 3.4vw, 48px);
  line-height: 1.2;
}

.vendor-management-consultancy .banner-section .inner-column .title span {
  color: var(--consultancy-hero-accent);
}

.vendor-management-consultancy .banner-section .inner-column .title span::before {
  bottom: -0.1em;
  height: 3px;
  background-color: var(--consultancy-hero-accent);
}

.vendor-management-consultancy .banner-section .inner-column .border-box {
  border-color: var(--consultancy-hero-frame);
}

.vendor-management-consultancy .banner-section::before {
  opacity: 0.12;
}

.vendor-management-consultancy .banner-section::after {
  opacity: 0.25;
}

html[data-home-theme="dark"] .vendor-management-consultancy .banner-section {
  --consultancy-hero-overlay: linear-gradient(100deg, #12161de6 0%, #12161db3 55%, #12161d66 100%);
  --consultancy-hero-title: #f4f6fa;
  --consultancy-hero-accent: #ffb15c;
  --consultancy-hero-frame: #ffffff33;
  background-color: #12161d;
}

html[data-home-theme="dark"] .vendor-management-consultancy .banner-section::before {
  opacity: 0.4;
}

html[data-home-theme="dark"] .vendor-management-consultancy .banner-section::after {
  opacity: 1;
}

@media (min-width: 992px) {
  .vendor-management-consultancy .banner-section .inner-column .title {
    white-space: nowrap;
  }
}

/* Keep the rear decoration above the section background and below the photos. */
.vendor-management-consultancy .about-section .image-column .inner-column {
  isolation: isolate;
}

html[data-home-theme="dark"] .vendor-management-consultancy .about-section .image-column .inner-column::before {
  background-color: #ffb15c;
}

html[data-home-theme="dark"] .vendor-management-consultancy .about-section .image-column .inner-column::after {
  filter: invert(1);
  opacity: 0.35;
}

html[data-home-theme="dark"] .vendor-management-consultancy .about-section .image-column .inner-column .image-box::before {
  filter: invert(1);
  opacity: 0.7;
}

.vendor-management-consultancy .call-to-action-two .consultancy-reveal {
  --consultancy-panel-surface: #faf9f6;
  --consultancy-panel-text: #252b33;
  border: 1px solid #ed782c;
  isolation: isolate;
  transition: transform 300ms linear;
}

html[data-home-theme="dark"] .vendor-management-consultancy .call-to-action-two .consultancy-reveal {
  --consultancy-panel-surface: #1c232e;
  --consultancy-panel-text: #f4f6fa;
}

.vendor-management-consultancy .consultancy-reveal::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--consultancy-panel-surface);
  transform-origin: top;
  transition: transform 300ms linear;
  pointer-events: none;
  z-index: 0;
}

.vendor-management-consultancy .consultancy-reveal::before {
  z-index: 1;
  pointer-events: none;
}

.vendor-management-consultancy .consultancy-reveal > .col-12 {
  position: relative;
  z-index: 2;
}

.vendor-management-consultancy .call-to-action-two .outer-box.consultancy-reveal .title,
.vendor-management-consultancy .call-to-action-two .outer-box.consultancy-reveal .text {
  color: var(--consultancy-panel-text);
  transition: color 300ms linear;
}

.vendor-management-consultancy .consultancy-reveal:hover,
.vendor-management-consultancy .consultancy-reveal:focus-within {
  --consultancy-panel-text: #171b22;
  transform: translateY(-10px);
}

html[data-home-theme="dark"] .vendor-management-consultancy .call-to-action-two .consultancy-reveal:hover,
html[data-home-theme="dark"] .vendor-management-consultancy .call-to-action-two .consultancy-reveal:focus-within {
  --consultancy-panel-text: #171b22;
}

.vendor-management-consultancy .consultancy-reveal:hover::after,
.vendor-management-consultancy .consultancy-reveal:focus-within::after {
  transform: scaleY(0);
}

@media (prefers-reduced-motion: reduce) {
  .vendor-management-consultancy .consultancy-reveal,
  .vendor-management-consultancy .consultancy-reveal::after,
  .vendor-management-consultancy .call-to-action-two .outer-box.consultancy-reveal .title,
  .vendor-management-consultancy .call-to-action-two .outer-box.consultancy-reveal .text {
    transition: none;
  }

  .vendor-management-consultancy .consultancy-reveal:hover,
  .vendor-management-consultancy .consultancy-reveal:focus-within {
    transform: none;
  }
}
