.ion-partner-logo-section,
.ion-partner-logo-section * {
  box-sizing: border-box;
}

.ion-partner-logo-section {
  --ion-trust-navy: #182d43;
  --ion-trust-text: #2c3540;
  --ion-trust-amber: #e6a23c;
  --ion-trust-amber-light: #f4c77a;
  --ion-trust-cream: #faf6ef;
  --ion-trust-white: #ffffff;
  --ion-trust-border: #e4dbcd;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 40px 32px;
  color: var(--ion-trust-text);
  background-color: var(--ion-trust-cream);
  background-image: radial-gradient(
    circle at 84% 18%,
    rgba(230, 162, 60, 0.1),
    rgba(230, 162, 60, 0) 34%
  );
  font-family: Prompt, "Leelawadee UI", Tahoma, Arial, sans-serif;
  font-weight: 400;
  font-synthesis: none;
}

.ion-partner-header,
.ion-trusted-marquee-v1 {
  width: 100%;
  max-width: 1056px;
  margin-inline: auto;
}

.ion-partner-header {
  margin-bottom: 42px;
  text-align: center;
}

.ion-partner-header h2 {
  margin: 0;
  color: var(--ion-trust-navy);
  font-family: Prompt, "Leelawadee UI", Tahoma, Arial, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: -0.3px;
  text-align: center;
  text-wrap: balance;
}

.ion-partner-title-line {
  width: 130px;
  height: 4px;
  margin: 12px auto 0;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--ion-trust-amber-light),
    var(--ion-trust-amber),
    transparent
  );
}

.ion-partner-description {
  width: 100%;
  margin: 24px 0 0;
  color: var(--ion-trust-text);
  font-family: Prompt, "Leelawadee UI", Tahoma, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.75;
  text-align: left;
}

.ion-trusted-marquee-v1 {
  overflow: hidden;
  background: var(--ion-trust-cream);
}

.ion-trusted-marquee-v1__viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: var(--ion-trust-white);
  border-block: 1px solid var(--ion-trust-border);
  box-shadow: 0 12px 30px rgba(15, 30, 46, 0.06);
  -webkit-mask-image: none;
  mask-image: none;
}

.ion-trusted-marquee-v1__viewport:focus-visible {
  outline: 3px solid var(--ion-trust-amber);
  outline-offset: 3px;
}

.ion-trusted-marquee-v1__track {
  display: flex;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  column-gap: 0 !important;
  width: max-content;
  min-width: max-content;
  transform: translate3d(0, 0, 0);
  animation: ion-trusted-marquee-v1-scroll 48s linear infinite;
  will-change: transform;
}

.ion-trusted-marquee-v1__set {
  display: flex;
  flex: none;
  flex-wrap: nowrap !important;
  align-items: stretch;
  justify-content: flex-start !important;
  gap: 0 !important;
  column-gap: 0 !important;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ion-trusted-marquee-v1__set[aria-hidden="true"] {
  pointer-events: none;
  user-select: none;
}

.ion-trusted-marquee-v1__item {
  display: flex;
  flex: 0 0 calc(var(--ion-logo-w) + 52px);
  align-items: center;
  justify-content: center;
  width: calc(var(--ion-logo-w) + 52px);
  min-width: calc(var(--ion-logo-w) + 52px);
  height: 96px;
  margin: 0;
  padding: 18px 26px;
}

.ion-trusted-marquee-v1__item img {
  display: block;
  width: var(--ion-logo-w);
  max-width: none;
  height: auto;
  max-height: 58px;
  object-fit: contain;
  filter: saturate(0.9);
}

.ion-trusted-marquee-v1__viewport:hover .ion-trusted-marquee-v1__track,
.ion-trusted-marquee-v1__viewport:focus .ion-trusted-marquee-v1__track,
.ion-trusted-marquee-v1__viewport:focus-within .ion-trusted-marquee-v1__track {
  animation-play-state: paused;
}

@keyframes ion-trusted-marquee-v1-scroll {
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .ion-partner-logo-section {
    padding-block: 36px;
  }

  .ion-partner-header {
    padding-inline: 15px;
  }

  .ion-partner-description {
    font-size: 16px;
  }

  .ion-trusted-marquee-v1__item {
    flex-basis: calc(var(--ion-logo-w-tablet) + 46px);
    width: calc(var(--ion-logo-w-tablet) + 46px);
    min-width: calc(var(--ion-logo-w-tablet) + 46px);
    height: 90px;
    padding: 17px 23px;
  }

  .ion-trusted-marquee-v1__item img {
    width: var(--ion-logo-w-tablet);
    max-width: none;
    max-height: 54px;
  }
}

@media (max-width: 767px) {
  .ion-partner-logo-section {
    padding: 36px 15px;
  }

  .ion-partner-header h2 {
    font-size: 28px;
  }

  .ion-partner-description {
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.65;
  }

  .ion-trusted-marquee-v1__track {
    animation-duration: 42s;
  }

  .ion-trusted-marquee-v1__item {
    flex-basis: calc(var(--ion-logo-w-mobile) + 36px);
    width: calc(var(--ion-logo-w-mobile) + 36px);
    min-width: calc(var(--ion-logo-w-mobile) + 36px);
    height: 82px;
    padding: 15px 18px;
  }

  .ion-trusted-marquee-v1__item img {
    width: var(--ion-logo-w-mobile);
    max-width: none;
    max-height: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ion-trusted-marquee-v1__viewport {
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--ion-trust-border) transparent;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .ion-trusted-marquee-v1__track {
    animation: none;
    will-change: auto;
  }

  .ion-trusted-marquee-v1__set--clone {
    display: none;
  }
}

/* Scoped precedence for the approved replacement on legacy page templates. */
body main#content .ion-partner-logo-section.ion-partner-logo-section--marquee-v1 {
  padding: 40px 32px !important;
  color: #2c3540 !important;
  background-color: #faf6ef !important;
  font-family: Prompt, "Leelawadee UI", Tahoma, Arial, sans-serif !important;
  font-synthesis: none !important;
}
body main#content .ion-partner-logo-section--marquee-v1 .ion-partner-header {
  width: 100% !important;
  max-width: 1056px !important;
  margin: 0 auto 42px !important;
  padding: 0 !important;
  text-align: center !important;
}
body main#content .ion-partner-logo-section--marquee-v1 .ion-partner-header h2 {
  margin: 0 !important;
  color: #182d43 !important;
  font-family: Prompt, "Leelawadee UI", Tahoma, Arial, sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.3px !important;
  text-align: center !important;
}
body main#content .ion-partner-logo-section--marquee-v1 .ion-partner-title-line {
  width: 130px !important;
  height: 4px !important;
  margin: 12px auto 0 !important;
}
body main#content .ion-partner-logo-section--marquee-v1 .ion-partner-description {
  width: 100% !important;
  margin: 24px 0 0 !important;
  color: #2c3540 !important;
  font-family: Prompt, "Leelawadee UI", Tahoma, Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  text-align: left !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
  body main#content .ion-partner-logo-section.ion-partner-logo-section--marquee-v1 {
    padding: 36px 32px !important;
  }
  body main#content .ion-partner-logo-section--marquee-v1 .ion-partner-header {
    padding-inline: 15px !important;
  }
  body main#content .ion-partner-logo-section--marquee-v1 .ion-partner-description {
    font-size: 16px !important;
  }
}
@media (max-width: 767px) {
  body main#content .ion-partner-logo-section.ion-partner-logo-section--marquee-v1 {
    padding: 36px 15px !important;
  }
  body main#content .ion-partner-logo-section--marquee-v1 .ion-partner-header {
    padding: 0 !important;
  }
  body main#content .ion-partner-logo-section--marquee-v1 .ion-partner-header h2 {
    font-size: 28px !important;
  }
  body main#content .ion-partner-logo-section--marquee-v1 .ion-partner-description {
    margin-top: 18px !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
  }
  body.page-id-8511 main#content .ion-partner-logo-section--marquee-v1 .ion-partner-header h2,
  body.page-id-6691 main#content .ion-partner-logo-section--marquee-v1 .ion-partner-header h2,
  body.page-id-14298 main#content .ion-partner-logo-section--marquee-v1 .ion-partner-header h2,
  body.page-id-8276 main#content .ion-partner-logo-section--marquee-v1 .ion-partner-header h2,
  body.page-id-12091 main#content .ion-partner-logo-section--marquee-v1 .ion-partner-header h2,
  body.page-id-11759 main#content .ion-partner-logo-section--marquee-v1 .ion-partner-header h2,
  body.page-id-8171 main#content .ion-partner-logo-section--marquee-v1 .ion-partner-header h2,
  body.page-id-11972 main#content .ion-partner-logo-section--marquee-v1 .ion-partner-header h2,
  body.page-id-11829 main#content .ion-partner-logo-section--marquee-v1 .ion-partner-header h2 {
    font-size: 24px !important;
    line-height: 1.4 !important;
  }
}