/*
Theme Name: TTD Flatsome Child
Description: Child theme for TTD website on Flatsome, with reusable UX Builder blocks.
Author: TTD
Template: flatsome
Version: 1.0.94
Text Domain: ttd-flatsome-child
*/

/* Late-loaded shared header corrections. Header is a site-wide component. */
@media (max-width: 849px) {
  body.ttd-wp-site .topbar,
  body.ttd-wp-site header.topbar,
  body.ttd-wp-site.admin-bar .topbar,
  body.ttd-wp-site.admin-bar header.topbar {
    top: 0 !important;
  }
}

/* Late-loaded Contact page form corrections. */
body.ttd-wp-site.contact-page .ttd-quote-form-shell .ttd-cf7-grid,
body.ttd-wp-site.contact-page .ttd-quote-form-shell .wpcf7-form {
  gap: 16px !important;
}

body.ttd-wp-site.contact-page .ttd-quote-form-shell .ttd-cf7-grid > p {
  display: grid !important;
  gap: 18px !important;
  margin: 0 !important;
}

body.ttd-wp-site.contact-page .ttd-quote-form-shell .ttd-cf7-grid label {
  display: grid !important;
  gap: 6px !important;
  margin: 0 !important;
}

body.ttd-wp-site.contact-page .ttd-quote-form-shell .wpcf7-form-control-wrap {
  display: block !important;
  margin: 0 !important;
}

body.ttd-wp-site.contact-page .ttd-quote-form-shell .ttd-cf7-full,
body.ttd-wp-site.contact-page .ttd-quote-form-shell .ttd-cf7-full p,
body.ttd-wp-site.contact-page .ttd-quote-form-shell .ttd-form-submit-row,
body.ttd-wp-site.contact-page .ttd-quote-form-shell .ttd-form-submit-row p {
  display: block !important;
  margin: 0 !important;
}

body.ttd-wp-site.contact-page .ttd-quote-form-shell input.wpcf7-submit[type="submit"],
body.ttd-wp-site.contact-page .ttd-quote-form-shell button[type="submit"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 18px 0 0 !important;
  padding: 0 28px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #1274e7 !important;
  color: #fff !important;
  box-shadow: 0 8px 14px rgba(18, 116, 231, 0.34) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  text-align: center !important;
  text-transform: none !important;
}

@media (max-width: 991px) {
  body.ttd-wp-site .floating-actions {
    right: max(10px, env(safe-area-inset-right)) !important;
    bottom: max(16px, env(safe-area-inset-bottom)) !important;
    left: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: flex-end !important;
    width: auto !important;
    max-width: calc(100vw - 20px) !important;
    overflow: hidden !important;
  }

  body.ttd-wp-site .floating-btn-quote {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: min(164px, calc(100vw - 40px)) !important;
    min-height: 44px !important;
    padding: 0.58rem 0.9rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.ttd-wp-site .floating-btn-top {
    display: inline-flex !important;
  }
}

/* Late-loaded Career detail parity with the static HTML source. */
body.ttd-wp-site.career-detail-page .career-detail-hero-section {
  padding: 128px 0 36px !important;
}

body.ttd-wp-site.career-detail-page .career-detail-hero-section .section-content,
body.ttd-wp-site.career-detail-page .career-detail-section .section-content {
  width: min(calc(100% - 48px), 1280px) !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.ttd-wp-site.career-detail-page .career-detail-breadcrumb-col,
body.ttd-wp-site.career-detail-page .career-detail-hero-card {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding: 0 !important;
}

body.ttd-wp-site.career-detail-page .news-breadcrumb {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body.ttd-wp-site.career-detail-page .career-detail-hero-section .section-content {
  gap: 0 !important;
}

body.ttd-wp-site.career-detail-page .career-detail-hero-section .ttd-native-row {
  display: flex !important;
  margin: 0 !important;
  gap: 0 !important;
}

body.ttd-wp-site.career-detail-page .career-detail-hero-section .ttd-native-row + .ttd-native-row {
  margin-top: 28px !important;
}

body.ttd-wp-site.career-detail-page .career-detail-hero-card > .col-inner {
  padding: 36px !important;
  min-height: 197px !important;
  border: 1px solid rgba(255, 255, 255, 0.58) !important;
  border-radius: 14px !important;
  background: rgba(245, 247, 252, 0.9) !important;
  box-shadow: none !important;
}

body.ttd-wp-site.career-detail-page .career-detail-heading,
body.ttd-wp-site.career-detail-page .career-detail-kicker,
body.ttd-wp-site.career-detail-page .career-detail-meta-block {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  text-align: left !important;
}

body.ttd-wp-site.career-detail-page h1.section-title.career-detail-title,
body.ttd-wp-site.career-detail-page .section-heading-title h1.section-title.career-detail-title {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  color: #0b58b8 !important;
  font-size: clamp(32px, 3.6vw, 37px) !important;
  font-weight: 800 !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
}

body.ttd-wp-site.career-detail-page .career-detail-kicker .section-kicker {
  margin: 0 0 8px !important;
  font-size: 14px !important;
  line-height: 21px !important;
  text-align: left !important;
}

body.ttd-wp-site.career-detail-page .career-detail-kicker {
  padding-top: 13px !important;
}

body.ttd-wp-site.career-detail-page .career-detail-meta {
  margin: 14px 0 0 !important;
}

body.ttd-wp-site.career-detail-page .career-detail-excerpt,
body.ttd-wp-site.career-detail-page .career-detail-taxonomy-list {
  display: none !important;
}

body.ttd-wp-site.career-detail-page .career-detail-section {
  padding-top: 0 !important;
  padding-bottom: 68px !important;
}

body.ttd-wp-site.career-detail-page .career-detail-layout {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: start !important;
  margin: 0 !important;
}

body.ttd-wp-site.career-detail-page .career-detail-layout::before,
body.ttd-wp-site.career-detail-page .career-detail-layout::after {
  display: none !important;
}

body.ttd-wp-site.career-detail-page .career-detail-layout > .col {
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
}

body.ttd-wp-site.career-detail-page .career-detail-content-card {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ttd-wp-site.career-detail-page .career-detail-content-card > .col-inner {
  padding: 32px !important;
  border: 1px solid rgba(255, 255, 255, 0.74) !important;
  border-radius: 14px !important;
  background: rgba(245, 247, 252, 0.9) !important;
  box-shadow: 0 24px 52px rgba(31, 78, 121, 0.13) !important;
}

body.ttd-wp-site.career-detail-page .career-detail-content-card .ttd-article-text {
  padding: 0 !important;
}

body.ttd-wp-site.career-detail-page .career-detail-cover {
  display: none !important;
}

body.ttd-wp-site.career-detail-page .career-detail-content-card h2 {
  margin: 0 0 18px !important;
  color: #1f2633 !important;
  font-size: 27.2px !important;
  line-height: 32.64px !important;
  font-weight: 600 !important;
}

body.ttd-wp-site.career-detail-page .career-detail-content-card h2:not(:first-child) {
  margin-top: 26px !important;
}

body.ttd-wp-site.career-detail-page .career-detail-content-card .ttd-article-text ul {
  display: grid !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.ttd-wp-site.career-detail-page .career-detail-content-card .ttd-article-text li {
  position: relative !important;
  margin: 0 !important;
  padding-left: 28px !important;
  color: #4b5568 !important;
  font-size: 16px !important;
  line-height: 24px !important;
}

body.ttd-wp-site.career-detail-page .career-detail-content-card .ttd-article-text li::before {
  content: "\f26e" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.12em !important;
  color: #1477ec !important;
  font-family: "bootstrap-icons" !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
}

body.ttd-wp-site.career-detail-page .careers-v2-apply-card > .col-inner {
  padding: 49px !important;
  border: 1px solid rgba(255, 255, 255, 0.74) !important;
  border-radius: 12px !important;
  background: rgba(245, 247, 252, 0.9) !important;
  box-shadow: 0 24px 52px rgba(31, 78, 121, 0.13) !important;
}

body.ttd-wp-site.career-detail-page .careers-v2-apply-card .ttd-card-title h3 {
  margin: 0 0 12px !important;
  color: #111c2d !important;
  font-size: 34px !important;
  line-height: 38.08px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

body.ttd-wp-site.career-detail-page .careers-v2-apply-card .ttd-card-title {
  font-size: 34px !important;
  line-height: 38.08px !important;
}

body.ttd-wp-site.career-detail-page .careers-v2-apply-card .cv-panel-lead p {
  max-width: 460px !important;
  margin: 0 auto 28px !important;
  color: #4b5568 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  text-align: center !important;
}

body.ttd-wp-site.career-detail-page .careers-v2-apply-card .cv-panel-subtitle h4 {
  margin: 28px 0 14px !important;
  color: #111c2d !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

body.ttd-wp-site.career-detail-page .careers-v2-apply-card .cv-panel-subtitle-first h4 {
  margin-top: 0 !important;
}

body.ttd-wp-site.career-detail-page .careers-v2-apply-card .ttd-cf7-grid,
body.ttd-wp-site.career-detail-page .careers-v2-apply-card .wpcf7-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  margin-top: 0 !important;
}

body.ttd-wp-site.career-detail-page .careers-v2-apply-card .ttd-cf7-grid > p,
body.ttd-wp-site.career-detail-page .careers-v2-apply-card .ttd-cf7-grid p {
  display: grid !important;
  gap: 18px !important;
  margin: 0 !important;
}

body.ttd-wp-site.career-detail-page .careers-v2-apply-card .ttd-cf7-grid label {
  display: grid !important;
  gap: 6px !important;
  margin: 0 !important;
  color: #111c2d !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
}

body.ttd-wp-site.career-detail-page .careers-v2-apply-card .wpcf7-form-control-wrap {
  display: block !important;
  margin: 0 !important;
}

body.ttd-wp-site.career-detail-page .careers-v2-apply-card input:not([type="hidden"]),
body.ttd-wp-site.career-detail-page .careers-v2-apply-card select,
body.ttd-wp-site.career-detail-page .careers-v2-apply-card textarea {
  width: 100% !important;
  min-height: 42px !important;
  padding: 11px 13px !important;
  border: 1px solid #c1c6d6 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #303d50 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

body.ttd-wp-site.career-detail-page .careers-v2-apply-card input[type="file"] {
  min-height: 112px !important;
  padding: 42px 16px 16px !important;
  border: 2px dashed #c1c6d6 !important;
  text-align: center !important;
  cursor: pointer !important;
}

body.ttd-wp-site.career-detail-page .careers-v2-apply-card textarea {
  min-height: 86px !important;
  resize: vertical !important;
}

body.ttd-wp-site.career-detail-page .careers-v2-apply-card .ttd-form-submit-row,
body.ttd-wp-site.career-detail-page .careers-v2-apply-card .ttd-form-submit-row p {
  margin: 4px 0 0 !important;
}

body.ttd-wp-site.career-detail-page .careers-v2-apply-card .ttd-form-submit-row button,
body.ttd-wp-site.career-detail-page .careers-v2-apply-card input.wpcf7-submit[type="submit"],
body.ttd-wp-site.career-detail-page .careers-v2-apply-card .wpcf7-submit {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 28px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #1274e7 !important;
  color: #fff !important;
  box-shadow: 0 8px 14px rgba(18, 116, 231, 0.34) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  text-align: center !important;
  text-transform: none !important;
}

body.ttd-wp-site.career-detail-page .careers-v2-apply-card .cv-email-list {
  display: grid !important;
  gap: 14px !important;
  margin: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

body.ttd-wp-site.career-detail-page .careers-v2-apply-card .cv-email-list li {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 0 0 36px !important;
}

body.ttd-wp-site.career-detail-page .careers-v2-apply-card .cv-email-list li::before {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  display: block !important;
  width: 24px !important;
  margin: 0 !important;
  color: #1274e7 !important;
  font-weight: 800 !important;
  line-height: 1.6 !important;
  transform: none !important;
}

body.ttd-wp-site.career-detail-page .careers-v2-apply-card .cv-email-list strong {
  display: inline !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.ttd-wp-site.career-detail-page .careers-v2-apply-card .cv-note p {
  margin: 18px 0 0 !important;
  color: #4b5568 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

@media (max-width: 849px) {
  body.ttd-wp-site.career-detail-page .career-detail-hero-section {
    padding: 46px 0 36px !important;
  }

  body.ttd-wp-site.career-detail-page .career-detail-hero-section .section-content,
  body.ttd-wp-site.career-detail-page .career-detail-section .section-content {
    width: calc(100% - 32px) !important;
  }

  body.ttd-wp-site.career-detail-page .career-detail-content-card > .col-inner,
  body.ttd-wp-site.career-detail-page .careers-v2-apply-card > .col-inner {
    padding: 32px !important;
  }

  body.ttd-wp-site.career-detail-page .career-detail-hero-card > .col-inner {
    height: 375px !important;
    min-height: 375px !important;
    padding: 36px !important;
  }

  body.ttd-wp-site.career-detail-page h1.section-title.career-detail-title,
  body.ttd-wp-site.career-detail-page .section-heading-title h1.section-title.career-detail-title {
    font-size: 32px !important;
    line-height: 38.4px !important;
  }

  body.ttd-wp-site.career-detail-page .career-detail-layout {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  body.ttd-wp-site.career-detail-page .career-detail-content-card h2 {
    font-size: 21.6px !important;
    line-height: 25.92px !important;
  }

  body.ttd-wp-site.career-detail-page .careers-v2-apply-card .ttd-card-title h3 {
    font-size: 32px !important;
    line-height: 35.84px !important;
  }

  body.ttd-wp-site.career-detail-page .careers-v2-apply-card .ttd-card-title {
    font-size: 32px !important;
    line-height: 35.84px !important;
  }

  body.ttd-wp-site.career-detail-page .careers-v2-apply-card > .col-inner {
    padding: 28px !important;
  }
}

/* Late-loaded Careers page corrections. WordPress loads this child stylesheet after page assets. */
body.ttd-wp-site.careers-page .careers-v2-job-button,
body.ttd-wp-site.careers-page .careers-v2-job-button.button,
body.ttd-wp-site.careers-page a.button.ttd-button-secondary.careers-v2-job-button,
body.ttd-wp-site.careers-page .careers-v2-job-card .col-inner > a.button.ttd-button-secondary.careers-v2-job-button:not(.icon):not(.hero-dot):not(.floating-btn):not(.mobile-menu-toggle) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 16px 0 0 !important;
  padding: 12px 20px !important;
  border: 1px solid rgba(114, 119, 133, 0.7) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #222e40 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
}

body.ttd-wp-site.careers-page .careers-v2-apply-card .ttd-cf7-grid label {
  display: grid !important;
  gap: 6px !important;
  margin: 0 !important;
}

body.ttd-wp-site.careers-page .careers-v2-apply-card .ttd-cf7-grid,
body.ttd-wp-site.careers-page .careers-v2-apply-card .wpcf7-form {
  gap: 16px !important;
}

body.ttd-wp-site.careers-page .careers-v2-apply-card .ttd-cf7-grid > p {
  display: grid !important;
  gap: 18px !important;
  margin: 0 !important;
}

body.ttd-wp-site.careers-page .careers-v2-apply-card .wpcf7-form-control-wrap {
  display: block !important;
  margin: 0 !important;
}

body.ttd-wp-site.careers-page .careers-v2-apply-card .ttd-cf7-grid .ttd-cf7-full input.wpcf7-submit[type="submit"] {
  display: block !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 28px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #1274e7 !important;
  color: #fff !important;
  box-shadow: 0 8px 14px rgba(18, 116, 231, 0.34) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  text-align: center !important;
  text-transform: none !important;
}

body.ttd-wp-site.careers-page .careers-v2-apply-card .cv-email-list {
  display: grid !important;
  gap: 14px !important;
  margin: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

body.ttd-wp-site.careers-page .careers-v2-apply-card .cv-email-list li {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 0 0 36px !important;
}

body.ttd-wp-site.careers-page .careers-v2-apply-card .cv-email-list li::before {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  display: block !important;
  width: 24px !important;
  margin: 0 !important;
  color: #1274e7 !important;
  font-weight: 800 !important;
  line-height: 1.6 !important;
  transform: none !important;
}

body.ttd-wp-site.careers-page .careers-v2-apply-card .cv-email-list strong {
  display: inline !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.ttd-wp-site.careers-page .careers-v2-hero-native .section-content,
body.ttd-wp-site.careers-page .careers-v2-benefit-section .section-content,
body.ttd-wp-site.careers-page .ttd-jobs-section .section-content {
  width: min(calc(100% - 48px), 1280px) !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.ttd-wp-site.careers-page .careers-v2-hero-image-row,
body.ttd-wp-site.careers-page .careers-v2-benefits-native,
body.ttd-wp-site.careers-page .careers-v2-jobs-layout-native,
body.ttd-wp-site.careers-page .ttd-jobs-section .careers-v2-jobs-heading-col,
body.ttd-wp-site.careers-page .ttd-jobs-section .careers-v2-jobs-title-block {
  width: 100% !important;
  max-width: none !important;
}

@media (min-width: 761px) and (max-width: 849px) {
  body.ttd-wp-site.careers-page .careers-v2-jobs-layout-native {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.92fr) !important;
    gap: 24px !important;
    align-items: start !important;
  }

  body.ttd-wp-site.careers-page .careers-v2-jobs-layout-native > .col {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 760px) {
  body.ttd-wp-site.careers-page .ttd-jobs-section .careers-v2-jobs-heading-col,
  body.ttd-wp-site.careers-page .ttd-jobs-section .careers-v2-jobs-heading-col > .col-inner,
  body.ttd-wp-site.careers-page .ttd-jobs-section .careers-v2-jobs-title-block,
  body.ttd-wp-site.careers-page .ttd-jobs-section h2.careers-v2-block-title.section-title {
    text-align: center !important;
  }
}

@media (max-width: 849px) {
  body.ttd-wp-site.careers-page .careers-v2-hero-native {
    padding-top: 70px !important;
  }

  body.ttd-wp-site.careers-page .careers-v2-hero-native .section-content,
  body.ttd-wp-site.careers-page .careers-v2-benefit-section .section-content,
  body.ttd-wp-site.careers-page .ttd-jobs-section .section-content {
    width: calc(100% - 20px) !important;
  }
}

@media (max-width: 1120px) {
  body.ttd-wp-site.careers-page .careers-v2-apply-card > .col-inner {
    padding: 25px 24px 24px 25px !important;
  }
}

/* Late-loaded About page corrections. */
body.ttd-wp-site.about-page .ttd-cert-section .cert-carousel,
body.ttd-wp-site.about-page .ttd-cert-section .cert-scroller {
  width: 100% !important;
  max-width: 100% !important;
}

body.ttd-wp-site.about-page .ttd-cert-section .cert-scroller {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

body.ttd-wp-site.about-page .ttd-cert-section .cert-scroller::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

body.ttd-wp-site.about-page .ttd-cert-section .cert-track {
  width: 100% !important;
}

body.ttd-wp-site.about-page .about-split-section .about-split,
body.ttd-wp-site.about-page .about-dovlon-section .about-split {
  align-items: start !important;
}

body.ttd-wp-site.about-page .about-split-section .about-content-card > .col-inner {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  height: 360px !important;
  max-height: 360px !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(98, 109, 128, 0.45) rgba(129, 140, 160, 0.14) !important;
}

body.ttd-wp-site.about-page .about-split-section .about-content-card > .col-inner::-webkit-scrollbar {
  width: 4px !important;
}

body.ttd-wp-site.about-page .about-split-section .about-content-card > .col-inner::-webkit-scrollbar-track {
  border-radius: 999px !important;
  background: rgba(129, 140, 160, 0.14) !important;
}

body.ttd-wp-site.about-page .about-split-section .about-content-card > .col-inner::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(98, 109, 128, 0.45) !important;
}

body.ttd-wp-site.about-page .about-split-section .about-content-copy {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 8px 0 0 !important;
  overflow-x: hidden !important;
}

body.ttd-wp-site.about-page .about-split-section .about-feature-image,
body.ttd-wp-site.about-page .about-split-section .about-feature-image .img-inner,
body.ttd-wp-site.about-page .about-split-section .about-feature-image img {
  width: 100% !important;
  height: 360px !important;
  min-height: 360px !important;
}

body.ttd-wp-site.about-page .about-split-section .about-feature-image img {
  object-fit: cover !important;
  object-position: center !important;
}

body.ttd-wp-site.about-page .about-dovlon-section .about-content-card > .col-inner {
  height: 353px !important;
  max-height: 353px !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(98, 109, 128, 0.45) rgba(129, 140, 160, 0.14) !important;
}

body.ttd-wp-site.about-page .about-dovlon-section .about-content-card > .col-inner::-webkit-scrollbar {
  width: 4px !important;
}

body.ttd-wp-site.about-page .about-dovlon-section .about-content-card > .col-inner::-webkit-scrollbar-track {
  border-radius: 999px !important;
  background: rgba(129, 140, 160, 0.14) !important;
}

body.ttd-wp-site.about-page .about-dovlon-section .about-content-card > .col-inner::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(98, 109, 128, 0.45) !important;
}

body.ttd-wp-site.about-page .about-dovlon-section .about-feature-image,
body.ttd-wp-site.about-page .about-dovlon-section .about-feature-image .img-inner,
body.ttd-wp-site.about-page .about-dovlon-section .about-feature-image img {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: 0 !important;
}

body.ttd-wp-site.about-page .about-dovlon-section .about-feature-image img {
  object-fit: contain !important;
}

@media (max-width: 860px) {
  body.ttd-wp-site.about-page .ttd-native-section .section-content,
  body.ttd-wp-site.about-page .ttd-native-row,
  body.ttd-wp-site.about-page .about-split,
  body.ttd-wp-site.about-page .ttd-cert-section .cert-carousel-row {
    width: calc(100% - 32px) !important;
    max-width: calc(100vw - 32px) !important;
  }

  body.ttd-wp-site.about-page .about-split,
  body.ttd-wp-site.about-page .ttd-cert-section .cert-carousel-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.ttd-wp-site.about-page .about-split > .col,
  body.ttd-wp-site.about-page .about-split > .col > .col-inner,
  body.ttd-wp-site.about-page .ttd-cert-section .cert-carousel-row > .col,
  body.ttd-wp-site.about-page .ttd-cert-section .cert-carousel-row > .col > .col-inner,
  body.ttd-wp-site.about-page .ttd-cert-section .ttd-cert-carousel-editor {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.ttd-wp-site.about-page .about-split-section .about-content-card {
    order: 2 !important;
  }

  body.ttd-wp-site.about-page .about-split-section .about-image-card {
    order: 1 !important;
  }

  body.ttd-wp-site.about-page .about-split-section .about-feature-image,
  body.ttd-wp-site.about-page .about-split-section .about-feature-image .img-inner,
  body.ttd-wp-site.about-page .about-split-section .about-feature-image img {
    width: 100% !important;
    height: 360px !important;
    min-height: 360px !important;
  }

  body.ttd-wp-site.about-page .about-split-section .about-feature-image img {
    object-fit: cover !important;
    object-position: center !important;
  }

  body.ttd-wp-site.about-page h2.section-title.about-centered-title,
  body.ttd-wp-site.about-page .about-centered-title,
  body.ttd-wp-site.about-page .about-centered-title h2 {
    font-size: 32px !important;
    line-height: 1.16 !important;
    text-align: center !important;
  }

  body.ttd-wp-site.about-page .about-dovlon-section .about-content-card > .col-inner {
    height: calc((100vw - 32px) * 9 / 16) !important;
    max-height: calc((100vw - 32px) * 9 / 16) !important;
  }

  body.ttd-wp-site.about-page .ttd-cert-section .cert-carousel {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body.ttd-wp-site.about-page .ttd-cert-section .cert-scroller {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
  }

  body.ttd-wp-site.about-page .ttd-cert-section .cert-track {
    grid-auto-columns: clamp(142px, calc((100% - 16px) / 2), 190px) !important;
    gap: 16px !important;
  }

  body.ttd-wp-site.about-page .ttd-cert-section .cert-item img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 250.4 / 350 !important;
    object-fit: cover !important;
  }
}

/* About page hard overrides for final visual parity. */
body.ttd-wp-site.about-page .about-split-section .col.about-content-card,
body.ttd-wp-site.about-page .about-dovlon-section .col.about-content-card,
body.ttd-wp-site.about-page .about-split-section .col.about-image-card,
body.ttd-wp-site.about-page .about-dovlon-section .col.about-image-card {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.ttd-wp-site.about-page .about-split-section .col.about-content-card > .col-inner,
body.ttd-wp-site.about-page .about-dovlon-section .col.about-content-card > .col-inner,
body.ttd-wp-site.about-page .about-split-section .col.about-image-card > .col-inner,
body.ttd-wp-site.about-page .about-dovlon-section .col.about-image-card > .col-inner {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

body.ttd-wp-site.about-page .about-split-section .col.about-content-card > .col-inner,
body.ttd-wp-site.about-page .about-dovlon-section .col.about-content-card > .col-inner {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.ttd-wp-site.about-page .about-split-section .col.about-image-card,
body.ttd-wp-site.about-page .about-split-section .col.about-image-card > .col-inner {
  height: 360px !important;
  max-height: 360px !important;
  min-height: 360px !important;
  overflow: hidden !important;
}

body.ttd-wp-site.about-page .about-dovlon-section .col.about-image-card,
body.ttd-wp-site.about-page .about-dovlon-section .col.about-image-card > .col-inner {
  height: 353px !important;
  max-height: 353px !important;
  min-height: 353px !important;
  overflow: hidden !important;
}

body.ttd-wp-site.about-page .about-values-format .about-value-card,
body.ttd-wp-site.about-page .about-values-format .about-value-card *,
body.ttd-wp-site.about-page .about-values-format .about-value-card-text,
body.ttd-wp-site.about-page .about-values-format .about-value-card-text *,
body.ttd-wp-site.about-page .about-values-format .about-value-list,
body.ttd-wp-site.about-page .about-values-format .about-value-list * {
  text-align: center !important;
  text-align-last: center !important;
  text-justify: auto !important;
  word-spacing: normal !important;
}

@media (max-width: 860px) {
  body.ttd-wp-site.about-page .about-dovlon-section .col.about-image-card,
  body.ttd-wp-site.about-page .about-dovlon-section .col.about-image-card > .col-inner {
    height: calc((100vw - 32px) * 9 / 16) !important;
    max-height: calc((100vw - 32px) * 9 / 16) !important;
    min-height: calc((100vw - 32px) * 9 / 16) !important;
  }

  body.ttd-wp-site.about-page .about-values-grid > .about-value-card,
  body.ttd-wp-site.about-page .about-values-grid > .col.about-value-card,
  body.ttd-wp-site.about-page .about-values-grid > .col {
    flex: 0 0 100% !important;
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.ttd-wp-site.about-page .section-content > .row.about-values-grid,
  body.ttd-wp-site.about-page .section-content > .ttd-native-row.about-values-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (min-width: 361px) and (max-width: 860px) {
  body.ttd-wp-site.about-page .about-leader-section .row.leader-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.ttd-wp-site.about-page .about-leader-section .row.leader-grid > .col.leader-card {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 360px) {
  body.ttd-wp-site.about-page .about-leader-section .row.leader-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Projects page final HTML parity pass. */
body.ttd-wp-site.projects-page .project-feature-title h3 {
  color: #212529 !important;
  font-size: 28px !important;
  line-height: 37.8px !important;
  font-weight: 500 !important;
}

body.ttd-wp-site.projects-page .project-feature-title {
  padding-bottom: 0 !important;
}

body.ttd-wp-site.projects-page .project-feature-detail p {
  margin: 8px 0 6px !important;
}

body.ttd-wp-site.projects-page .project-list-section {
  padding-bottom: 36px !important;
}

body.ttd-wp-site.projects-page .project-insight-section {
  padding-top: 0 !important;
}

body.ttd-wp-site.projects-page .project-insight-section .project-insight-card > .col-inner {
  padding: 32px !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-radius: 12px !important;
  background: rgba(245, 247, 252, 0.9) !important;
}

body.ttd-wp-site.projects-page .project-insight-section .section-kicker {
  margin: 12px 0 8px !important;
  color: #414754 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  font-weight: 700 !important;
}

body.ttd-wp-site.projects-page .project-insight-section .project-insight-title {
  margin: 0 !important;
  color: #0b58b8 !important;
  font-size: 30.4px !important;
  line-height: 38px !important;
  font-weight: 500 !important;
}

body.ttd-wp-site.projects-page .project-insight-section .project-insight-copy {
  margin: 12px 0 0 !important;
  color: #414754 !important;
  font-size: 16px !important;
  line-height: 24px !important;
}

body.ttd-wp-site.projects-page .project-insight-section .project-insight-cta,
body.ttd-wp-site.projects-page .project-insight-section .project-insight-cta-block {
  margin-top: 14px !important;
}

body.ttd-wp-site.projects-page .project-insight-section .button,
body.ttd-wp-site.projects-page .project-insight-section a.button,
body.ttd-wp-site.projects-page .project-insight-section a.button.primary,
body.ttd-wp-site.projects-page .project-insight-section a.button.primary.ttd-button-primary {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgba(114, 119, 133, 0.7) !important;
  border-radius: 9999px !important;
  background: transparent !important;
  color: #222e40 !important;
  box-shadow: inset 0 0 0 1px rgba(114, 119, 133, 0.7) !important;
  font-size: 14px !important;
  line-height: 21px !important;
  font-weight: 600 !important;
}