.our-values-page #pxl-page-title-default { background-image: url('/assets/site/uploads/2025/03/pt-faq.webp'); }
.our-values-page .elementor-element-57c6278 { background-image: url('/assets/site/uploads/2025/03/industries-bg1.webp') !important; }
.our-values-page .pxl-image-tilt { transition: transform 400ms ease-out; }
/* Equal-height masonry cards retain the original columns and gutters. */
.our-values-page .pxl-grid-masonry { display: flex; flex-wrap: wrap; }
.our-values-page .grid-sizer { display: none; }
.our-values-page .pxl-grid-item { position: relative; }
.our-values-page .wow.animated { animation-name: PXLZoom2; animation-duration: 1.2s; }
@media (prefers-reduced-motion: reduce) {
  .our-values-page .wow.animated { animation: none; }
  .our-values-page .pxl-image-tilt { transition: none; }
}
.our-values-page .pxl-page-title { font-size: 45px; line-height: 1.33333; }
.our-values-page .hidden-fields-container { display: none; }
.our-values-page .screen-reader-response { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.our-values-page .wpcf7-response-output:empty { display: none; }
@media (max-width: 767px) { .our-values-page .pxl-page-title { font-size: 30px; line-height: 1.33333; } }
@media (max-width: 575px) { .our-values-page .pxl-page-title { font-size: 24px; } }
/* Match this page's reference footer without changing other routes. */
body.page-id-9364 .shell-footer-main section h2 { font-size: 18px; line-height: 28px; margin-bottom: 28px; }
body.page-id-9364 .shell-footer-main .shell-company h2 { margin-bottom: 11px; }
body.page-id-9364 .shell-footer-logo,
body.page-id-9364 .shell-footer-logo img { width: 180px; }
body.page-id-9364 .shell-footer-bottom { min-height: 107px; }
@media (min-width: 1201px) {
  body.page-id-9364 .shell-footer-main { height: 461px; padding-top: 72px; }
}

/* The captured Our Values page uses the tall, full-height contact CTA rather
   than the compact inner-page variant used by other local routes. */
@media (min-width: 1200px) {
  body.page-id-9364 #pxl-header-elementor.shell-header--compact .shell-header-main {
    width: 100%;
    max-width: none;
    margin: 0;
  }
  body.page-id-9364 #pxl-header-elementor.shell-header--compact .shell-consult {
    width: 175px;
    height: auto !important;
    flex-basis: 175px;
    align-self: stretch !important;
    padding: 0 16px;
    justify-content: center;
    gap: 10px;
    border-radius: 0;
    background: #5230da;
    box-shadow: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    white-space: normal;
  }
  body.page-id-9364 #pxl-header-elementor.shell-header--compact .shell-consult-label {
    max-width: 78px;
    overflow: visible;
    text-align: center;
    text-overflow: clip;
  }
  body.page-id-9364 #pxl-header-elementor.shell-header--compact .shell-consult i {
    width: auto;
    height: auto;
    flex-basis: auto;
    border-radius: 0;
    background: transparent;
  }
}

/* This source page has its own dark footer treatment.  Scope it to avoid
   changing the light footer used by the other reconstructed pages. */
body.page-id-9364 #pxl-footer-elementor {
  min-height: 0;
  background: #111;
  color: #fff;
}
body.page-id-9364 .shell-footer-main {
  height: 458px;
  padding: 72px 0 57px;
  grid-template-columns: 27% 21% 15% 37%;
}
body.page-id-9364 .shell-footer-main section { padding: 0; }
body.page-id-9364 .shell-footer-main section:nth-child(2) {
  padding-left: 51px;
  border-left: 1px solid #3f3f3f;
}
body.page-id-9364 .shell-footer-main section:nth-child(3) { padding-left: 7px; }
body.page-id-9364 .shell-footer-main section:nth-child(4) {
  padding-left: 69px;
  border-left: 1px solid #3f3f3f;
}
body.page-id-9364 .shell-footer-logo,
body.page-id-9364 .shell-footer-logo img { width: 180px; height: 90px; }
body.page-id-9364 .shell-footer-logo img { content: url('/assets/site/uploads/2025/04/SOPHISTEC-DEV-HOUSE-WHITE-5-scaled.png'); }
body.page-id-9364 .shell-footer-main section h2,
body.page-id-9364 .shell-footer-main li a,
body.page-id-9364 .shell-company address a,
body.page-id-9364 .shell-newsletter p { color: #fff; }
body.page-id-9364 .shell-footer-main section h2 { margin-bottom: 28px; }
body.page-id-9364 .shell-company h2 { margin-bottom: 11px; }
body.page-id-9364 .shell-company address { gap: 13px; }
body.page-id-9364 .shell-company address i {
  background: #303030;
  color: #fff;
}
body.page-id-9364 .shell-footer-main li + li { margin-top: 17px; }
body.page-id-9364 .shell-footer-main a:hover { color: #fff; }
body.page-id-9364 .shell-socials { gap: 12px; }
body.page-id-9364 .shell-socials a {
  border: 1px solid #3f3f3f;
  border-radius: 50%;
  background: transparent;
  color: #fff;
}
body.page-id-9364 .shell-socials a:hover { border-color: #5230da; background: #5230da; }
body.page-id-9364 .shell-footer-bottom {
  min-height: 101px;
  border-top-color: #3f3f3f;
  color: #fff;
}
body.page-id-9364 .shell-footer-bottom > div span { color: #fff; }

@media (max-width: 1199px) {
  body.page-id-9364 .shell-footer-main { height: auto; }
  body.page-id-9364 #pxl-header-elementor .shell-search { display: none; }
}