/* ZH site fix v3 — preloader hide-only, sticky header, mobile chrome.
   Do NOT lock preloader transform/opacity (breaks Revox wave reveal).
   Do NOT force split-line / title transforms (breaks text reveal). */

/* ── Preloader: only force hide when done. Theme CSS handles centering. ── */
.preloader.zh-preloader-done,
.preloader.is-hidden {
  display: none !important;
  z-index: -1 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Desktop failsafe: clear stuck preloader without locking hero SplitText opacity */
@media (min-width: 992px) {
  .preloader:not(.zh-preloader-done):not(.is-hidden) {
    animation: zh-pc-preloader-clear 0.35s ease 2.2s forwards;
  }
  @keyframes zh-pc-preloader-clear {
    to {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      z-index: -1;
      transform: translateY(-120%);
    }
  }
}

/* ── Desktop header: always visible ── */
@media (min-width: 992px) {
  #header-sticky,
  #header-sticky.zach-header-hide,
  #header-sticky.header-hidden,
  #header-sticky.zh-hide-mobile,
  #header-sticky[style*="transform"] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999999 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  body.zh-has-fixed-header {
    padding-top: var(--zh-header-h, 80px);
  }
  body.zh-has-fixed-header.zh-has-hero {
    padding-top: 0;
  }
}

/* ── Work experience: arrows beside logos (preview), not in text ── */
.feature-work-experience-preview {
  position: relative;
}
@media (min-width: 992px) {
  .feature-work-experience-preview-slider.zh-work-circle-spin .swiper-wrapper,
  .feature-work-experience-preview-slider .swiper-wrapper[data-zh-spin="1"] {
    transform-origin: 50% 50% !important;
    will-change: transform;
  }
  .feature-work-experience-preview-slider .swiper-slide-thumb-active .feature-work-experience-preview-slider-item,
  .feature-work-experience-preview-slider .swiper-slide-active .feature-work-experience-preview-slider-item {
    transform: scale(1.18);
    border: 2px solid #BFF747;
    box-shadow: 0 0 0 4px rgba(191, 247, 71, 0.18);
  }
  .feature-work-experience-preview-slider .feature-work-experience-preview-slider-item {
    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
  }
}
.feature-work-experience-preview > .zh-work-prev,
.feature-work-experience-preview > .zh-work-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 30;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid rgba(191, 247, 71, 0.55);
  background: rgba(17, 16, 19, 0.88);
  color: #BFF747;
  font-size: 18px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.feature-work-experience-preview > .zh-work-prev {
  left: 4%;
}
.feature-work-experience-preview > .zh-work-next {
  right: 4%;
}
.feature-work-experience-preview > .zh-work-prev:hover,
.feature-work-experience-preview > .zh-work-next:hover,
.feature-work-experience-preview > .zh-work-prev:active,
.feature-work-experience-preview > .zh-work-next:active {
  background: #BFF747;
  color: #0a0a0a;
  border-color: #BFF747;
}
.zh-work-nav__hint {
  display: none;
}

/* Hide any leftover nav that sat under the text slider */
.feature-work-experience-main-slider + .zh-work-nav,
.fw_main_slider_active + .zh-work-nav {
  display: none !important;
}

/* ── Mobile chrome ── */
@media (max-width: 991px) {
  #zh-mobile-nav,
  #zh-mobile-nav.zh-nav-hidden {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(-50%) !important;
    visibility: visible !important;
  }
  .zh-mobile-home-btn {
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important;
  }
  .zh-mobile-drawer:not(.is-open) {
    pointer-events: none !important;
    visibility: hidden !important;
  }
  .zh-mobile-drawer.is-open {
    pointer-events: auto !important;
    visibility: visible !important;
  }

  /* Restore logos; arrows flank the logo strip */
  .feature-work-experience-preview {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 112px;
    margin: 8px 0 20px;
    padding: 0 8px;
  }
  .feature-work-experience-preview > .zh-work-prev,
  .feature-work-experience-preview > .zh-work-next {
    position: static !important;
    transform: none !important;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
  }
  .feature-work-experience-preview-slider {
    flex: 1 1 auto;
    max-width: min(72vw, 320px);
    min-height: 96px;
    overflow: hidden !important;
  }
  .feature-work-experience-preview-slider .swiper-wrapper {
    /* Do NOT force transform:none — Swiper needs translateX to scroll logos */
    position: relative !important;
    height: auto !important;
    display: flex !important;
    align-items: center;
    box-sizing: content-box;
  }
  .feature-work-experience-preview-slider .swiper-slide {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 72px !important;
    height: 72px !important;
    flex-shrink: 0;
    opacity: 0.45;
    transition: opacity 0.25s ease, transform 0.25s ease;
  }
  .feature-work-experience-preview-slider .swiper-slide-thumb-active,
  .feature-work-experience-preview-slider .swiper-slide-active {
    opacity: 1;
    transform: scale(1.06);
  }
  .feature-work-experience-preview-slider-item {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid transparent;
  }
  .feature-work-experience-preview-slider .swiper-slide-thumb-active .feature-work-experience-preview-slider-item,
  .feature-work-experience-preview-slider .swiper-slide-active .feature-work-experience-preview-slider-item {
    border-color: #BFF747;
  }
  .feature-work-experience-wrap {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding-bottom: 28px !important;
  }

  /* Main copy must never clip mid-line (theme .fix + fade swiper height) */
  .feature-work-experience-main-slider,
  .feature-work-experience-main-slider.wa-fix,
  .feature-work-experience-main-slider .swiper-wrapper,
  .feature-work-experience-main-slider .swiper-slide,
  .feature-work-experience-main-slider .feature-work-experience-main-slider-single,
  .feature-work-experience-main-slider .info-item,
  .feature-work-experience-main-slider .text-cont {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }
  .feature-work-experience-main-slider {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-top: 8px !important;
  }
  .feature-work-experience-main-slider .info-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
  .feature-work-experience-main-slider .info-item h5 {
    max-width: none !important;
    width: auto !important;
  }
  .feature-work-experience-main-slider .info-item p,
  .feature-work-experience-main-slider .text-cont p {
    max-width: 100% !important;
    width: 100% !important;
    overflow: visible !important;
    white-space: normal !important;
    line-height: 1.55 !important;
    height: auto !important;
    max-height: none !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    display: block !important;
  }

  /* Hero social icons: compact pills */
  .hero-1 .social-link,
  .hero-1 .zh-social-link,
  .zh-hero-actions .zh-social-link {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-top: 16px !important;
    margin-bottom: 12px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .hero-1 .social-link a,
  .hero-1 .zh-social-link a,
  .zh-hero-actions .zh-social-link a {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    padding: 7px 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    gap: 0.35em !important;
  }
  .hero-1 .zh-social-link a::after {
    font-size: 0.65em !important;
  }
  .zh-icon-gmail {
    width: 12px !important;
    height: 12px !important;
  }
}

.feature-work-experience-wrap.fix {
  overflow: visible !important;
}
.feature-work-experience-main-slider.wa-fix {
  overflow: visible !important;
}

/* Role title + body must stay readable (theme caps h5 at 100px, which crushes lines) */
.feature-work-experience-main-slider .info-item {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 12px 24px !important;
  overflow: visible !important;
  height: auto !important;
}
.feature-work-experience-main-slider .info-item h5 {
  max-width: none !important;
  width: auto !important;
  flex: 1 1 100% !important;
  line-height: 1.35 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  white-space: normal !important;
  word-break: normal !important;
  letter-spacing: 0.04em !important;
}
.feature-work-experience-main-slider .text-cont {
  flex: 1 1 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}
.feature-work-experience-main-slider .info-item p,
.feature-work-experience-main-slider .text-cont p {
  max-width: 100% !important;
  width: 100% !important;
  overflow: visible !important;
  white-space: normal !important;
  line-height: 1.55 !important;
  height: auto !important;
  max-height: none !important;
  margin-bottom: 0.75rem !important;
  display: block !important;
}
.feature-work-experience-main-slider .text-cont p:last-child {
  margin-bottom: 0 !important;
}

@media (min-width: 992px) {
  .feature-work-experience-wrap {
    height: auto !important;
    min-height: 585px;
    overflow: visible !important;
    padding-bottom: 48px;
  }
  .feature-work-experience-main-slider,
  .feature-work-experience-main-slider .swiper-wrapper,
  .feature-work-experience-main-slider .swiper-slide {
    overflow: visible !important;
    height: auto !important;
  }
  .feature-work-experience-main-slider .info-item {
    flex-wrap: nowrap !important;
    gap: 28px !important;
  }
  .feature-work-experience-main-slider .info-item h5 {
    flex: 0 0 168px !important;
    max-width: 168px !important;
    line-height: 1.3 !important;
  }
  .feature-work-experience-main-slider .text-cont {
    flex: 1 1 auto !important;
  }
}

/* Case study detail blocks always readable */
.zh-case-detail {
  display: block !important;
  scroll-margin-top: calc(var(--zh-header-h, 80px) + 24px);
}

/* Featured projects: covers fill their card boxes (assets are 3:2) */
.tp-project-5-2-area.project-section {
  overflow: visible;
}
.tp-project-5-2-area .design-choose-item-wrap,
.tp-project-5-2-area .row {
  overflow: visible;
}
.tp-project-5-2-area .project-box-items {
  overflow: visible;
}
.tp-project-5-2-area .project-box-items .thumb {
  aspect-ratio: 3 / 2;
  height: auto !important;
  max-height: none !important;
  overflow: hidden;
  border-radius: 10px;
  background: #0a0a0a;
}
.tp-project-5-2-area .project-box-items.top_view .thumb {
  aspect-ratio: 3 / 2;
}
.tp-project-5-2-area .project-box-items .thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .tp-project-5-2-area .project-box-items .thumb {
    aspect-ratio: 3 / 2;
  }
}
@media (prefers-reduced-motion: reduce) {
  .tp-project-5-2-area .project-box-items {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Case study slider: softer lime + covers sized/centered in card */
.testimonial-section .swiper-pagination,
.testimonial-section .testimonial-wrapper > .swiper-pagination,
.testimonial-content .swiper-pagination {
  display: none !important;
}
.testimonial-section .testimonial-box-items {
  background-color: #8fc92e !important;
}
.testimonial-section .testimonial-box-items .thumb {
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 3 / 2;
  height: auto !important;
  max-height: none !important;
  overflow: hidden;
  border-radius: 10px;
  background: #0a0a0a;
  flex-shrink: 0;
}
@media (max-width: 1399px) {
  .testimonial-section .testimonial-box-items .thumb {
    max-width: 100%;
    height: auto !important;
  }
}
.testimonial-section .testimonial-box-items .thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block;
  border-radius: 10px;
}
.testimonial-section .testimonial-box-items .thumb .info-title {
  text-align: center;
}

/* Offcanvas: keep one nav list (meanmenu clone only) */
.offcanvas__info .mobile-menus.mean-container > #mobile-menus,
.offcanvas__info .mobile-menu.mean-container > #mobile-menus,
.offcanvas__info .mobile-menus.mean-container > nav.menu-main-menu-container,
.offcanvas__info .mobile-menu.mean-container > nav.menu-main-menu-container {
  display: none !important;
}
.offcanvas__info .mean-container .mean-nav {
  display: block !important;
}
/* Top-level list only. Nested dropdowns stay collapsed until opened. */
.offcanvas__info .mean-container .mean-nav > ul {
  display: block !important;
}
.offcanvas__info .mean-container .mean-nav ul ul {
  display: none;
}
.offcanvas__info .mean-container .mean-nav li.dropdown-opened > ul,
.offcanvas__info .mean-container .mean-nav li.zh-submenu-open > ul {
  display: block;
}
.offcanvas__info .mean-container .mean-nav > ul > li > a:not(.mean-expand) {
  cursor: pointer;
}
.offcanvas__info .mean-container .mean-nav > ul > li.menu-item-has-children > a:not(.mean-expand),
.offcanvas__info .mean-container .mean-nav > ul > li:has(> ul) > a:not(.mean-expand) {
  pointer-events: auto;
}

/* About (and any) project-inner carousel: centered covers that fit */
.project-section-3.fix {
  overflow: visible;
}
.project-section-3 .project-inner-slider {
  overflow: visible;
  padding-left: clamp(12px, 3vw, 28px);
  padding-right: clamp(12px, 3vw, 28px);
}
.project-section-3 .swiper-wrapper {
  align-items: center;
}
.project-section-3 .swiper-slide {
  height: auto;
  opacity: 0.45;
  transition: opacity 0.35s ease, transform 0.35s ease;
}
.project-section-3 .swiper-slide-active {
  opacity: 1;
  z-index: 2;
}
.project-section-3 .swiper-slide-next,
.project-section-3 .swiper-slide-prev {
  opacity: 0.7;
}
.project-section-3 .project-inner-image {
  aspect-ratio: 3 / 2;
  height: auto !important;
  max-height: none !important;
  overflow: hidden;
  border-radius: 10px;
  background: #0a0a0a;
}
.project-section-3 .project-inner-image img,
.project-section-3 .project-inner-image img.wp-post-image {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block;
  border-radius: 10px;
  margin: 0 auto;
}

/* Case study slider: hide leftover brand pill badges */
.testimonial-section .clutech-image {
  display: none !important;
}

/* About news cards: cinematic covers fill thumb cleanly */
.news-section-2 .news-box-items-2 .thumb {
  overflow: hidden;
  border-radius: 10px;
}
.news-section-2 .news-box-items-2 .thumb img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 16 / 10;
  object-fit: cover !important;
  object-position: center center !important;
  display: block;
}

.about-wrapper .skill-counter.zh-stack-item .content h2 {
  font-size: clamp(16px, 1.6vw, 24px) !important;
  line-height: 1.15 !important;
  margin-bottom: 2px !important;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.about-wrapper .skill-counter.zh-stack-item .content p {
  font-size: 12px !important;
  line-height: 1.3 !important;
  opacity: 0.75;
}

/* Hero headline: name → best choice → typing (tight, no giant line gaps) */
.hero-1 .hero-content h1.wow,
.hero-1 .zh-hero-headline h1 {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.hero-1 .zh-hero-name {
  display: block;
  line-height: 0.9;
}
.zh-hero-choice {
  display: inline-flex !important;
  align-items: center;
  gap: 0.4rem 0.5rem;
  margin: 6px 0 4px !important;
  max-width: 100%;
  color: #8a8a8a;
  line-height: 1.2 !important;
  font-size: 13px !important;
  height: auto !important;
  min-height: 0 !important;
}
.zh-hero-choice-text {
  font-family: "Kanit", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em;
  line-height: 1.2 !important;
  text-transform: uppercase;
  color: #8a8a8a !important;
  white-space: nowrap;
}
.zh-hero-choice-arrow {
  width: 48px !important;
  height: 28px !important;
  flex: 0 0 auto;
  color: #8a8a8a;
  opacity: 0.9;
  transform: rotate(4deg);
  overflow: visible;
}
.hero-1 .zh-hero-roles {
  display: block;
  line-height: 0.95;
  margin-top: 0 !important;
}
.hero-1 .zh-hero-headline h1 > #typing-text,
.hero-1 .zh-hero-headline h1 > .zh-hero-dot {
  line-height: 0.95;
}
.hero-1 .zh-hero-headline h1 > #typing-text {
  margin-top: 0 !important;
}
@media (max-width: 991px) {
  .hero-1 .hero-content h1.wow,
  .hero-1 .zh-hero-headline h1 {
    align-items: center !important;
    text-align: center !important;
    width: 100%;
  }
  .hero-1 .zh-hero-name,
  .hero-1 .zh-hero-roles {
    width: 100%;
    text-align: center;
  }
  .zh-hero-choice {
    margin: 4px auto 2px !important;
    justify-content: center;
  }
  .zh-hero-choice,
  .zh-hero-choice-text,
  .zh-hero-choice-arrow {
    color: #9a9a9a !important;
  }
  .zh-hero-choice-arrow {
    width: 42px !important;
    height: 24px !important;
  }
  .zh-hero-choice-text {
    font-size: 12px !important;
  }
  /* Keep typing roles readable without clipping the last letter */
  .hero-1 .zh-hero-headline h1 {
    font-size: clamp(42px, 11vw, 68px) !important;
    line-height: 1.05 !important;
  }
  .hero-1 .zh-hero-roles {
    font-size: inherit;
    padding: 0 4px;
  }
}

/* Roles dropdown: never flex-grow (was creating empty dark gap under trigger) */
.zh-roles-dropdown {
  flex: 0 1 360px !important;
  height: fit-content !important;
  min-height: 0 !important;
  align-self: flex-start !important;
}
.zh-roles-panel {
  top: 100% !important;
  margin-top: 4px !important;
  transform: none !important;
}

/* Google-style client testimonials */
.zh-reviews-section .section-title-area {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.zh-reviews-lede {
  max-width: 52ch;
  margin-top: 12px;
  color: #a3a3a3;
  font-size: 15px;
  line-height: 1.55;
  text-transform: none;
}
.zh-reviews-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 28px;
}
@media (max-width: 991px) {
  .zh-reviews-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.zh-review-card {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 22px 22px 20px;
  border-radius: 14px;
  background: #1a1a1a;
  border: 1px solid rgba(255, 255, 255, 0.06);
  text-decoration: none !important;
  color: inherit;
  transition: border-color 0.25s ease, transform 0.25s ease, background 0.25s ease;
  min-height: 100%;
}
.zh-review-card:hover {
  border-color: rgba(191, 247, 71, 0.35);
  transform: translateY(-2px);
  background: #1d1d1d;
}
.zh-review-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.zh-review-stars {
  display: flex;
  gap: 3px;
}
.zh-review-stars span {
  width: 14px;
  height: 14px;
  display: inline-block;
  background: #BFF747;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.zh-review-card--pending .zh-review-stars span {
  background: #555;
}
.zh-review-quote {
  margin: 0 !important;
  color: #f5f5f5 !important;
  font-family: "Kanit", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  text-transform: none !important;
  letter-spacing: 0.01em;
}
.zh-review-card--pending .zh-review-quote {
  color: #b0b0b0 !important;
}
.zh-review-divider {
  height: 1px;
  width: 100%;
  background: rgba(255, 255, 255, 0.12);
}
.zh-review-author {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zh-review-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #2a2a2a, #111);
  border: 1px solid rgba(191, 247, 71, 0.35);
  color: #BFF747;
  font-family: "Kanit", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.zh-review-avatar--pending {
  border-color: rgba(255, 255, 255, 0.18);
  color: #999;
}
.zh-review-name {
  margin: 0 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
}
.zh-review-name span {
  color: #888 !important;
  font-weight: 400 !important;
}
.zh-review-role {
  margin: 2px 0 0 !important;
  color: #888 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

/* Mobile only: lift small/muted copy so it reads cleaner on dark UI */
@media (max-width: 991px) {
  .hero-1 .zh-hero-headline > p,
  .hero-1 .hero-content > p {
    color: #f3f3f3 !important;
    opacity: 1 !important;
  }
  .hero-1 .zh-hero-aside-col .content p,
  .hero-1 .zh-hero-aside-col p {
    color: rgba(255, 255, 255, 0.92) !important;
    opacity: 1 !important;
  }
  .section-title h6,
  .sub-title,
  .skill-counter .content p,
  .about-wrapper .top-text li,
  .about-wrapper .about-content p,
  .award-list-items span,
  .award-list-items p,
  .feature-work-experience-main-slider .text-cont p,
  .feature-work-experience-main-slider .info-item p,
  .work-experience-section-3 .work-experience-list-items li .text-1,
  .work-experience-section-3 .work-experience-list-items li .text-2,
  .work-achievements-section ul li .text,
  .zh-portfolio-more-note__sub,
  .news-section-2 .news-box-items-2 .content p,
  .pricing-wrapper p,
  .footer-section p,
  .footer-section a {
    color: rgba(255, 255, 255, 0.86) !important;
  }
  /* Keep dark copy on legacy lime case-study cards only */
  .testimonial-section:not(.zh-reviews-section) .testimonial-box-items,
  .testimonial-section:not(.zh-reviews-section) .testimonial-box-items p,
  .testimonial-section:not(.zh-reviews-section) .testimonial-box-items span,
  .testimonial-section:not(.zh-reviews-section) .testimonial-box-items h3,
  .testimonial-section:not(.zh-reviews-section) .testimonial-box-items h4,
  .testimonial-section:not(.zh-reviews-section) .testimonial-box-items h5 {
    color: #111 !important;
  }
}

