.cn-container {
  background-color: #ffffff;
  padding: 5.625rem 1rem 1rem;
  position: relative;
}

@media (min-width: 640px) {
  .cn-container {
    padding: 5.625rem 0 1rem;
  }
}

@media (min-width: 1024px) {
  .cn-container {
    padding: 6.25rem 0 0.75rem;
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width: 1440px) {
  .cn-container {
    padding: 9.375rem 0 1rem;
  }
}

.cn-heading {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  text-align: center;
  padding: 0 1.625rem 2.625rem;
}

@media (min-width: 1024px) {
  .cn-heading {
    padding: 0 12.5rem 3.125rem;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1440px) {
  .cn-heading {
    padding: 0 11.375rem 5.625rem;
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

.cn-card-image {
  opacity: 0.4;
}

@media (max-width: 639px) {
  .cn-card-image {
    width: 100%;
  }
}

.cn-card-image-vignette {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.cn-card-text {
  top: 50%;
  left: 38%;
  position: absolute;
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  text-align: center;
  transform: translate(-30%, -50%);
}

@media (min-width: 640px) {
  .cn-card-text {
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media (min-width: 1024px) {
  .cn-card-text {
    left: 38%;
    transform: translate(-30%, -50%);
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1440px) {
  .cn-card-text {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

@media (min-width: 640px) {
  .cn-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.cn-cards a {
  background-color: #333333;
  display: flex;
  position: relative;
  overflow: hidden;
  align-items: flex-start;
}

.cn-card-container {
  position: relative;
  margin-bottom: 0.75rem;
  overflow: hidden;
}

@media (min-width: 640px) {
  .cn-card-container {
    margin-bottom: 0;
    flex-basis: 32.3333333333%;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cn-cards {
    width: 100%;
  }
  .cn-card-image {
    flex-shrink: 0;
  }
}

.wh-main {
  position: relative;
}

.wh-side-nav {
  display: none;
}

@media (min-width: 1024px) {
  .wh-side-nav {
    display: block;
    position: fixed;
    right: 4.5rem;
    bottom: 50%;
    transform: translateY(50%);
    z-index: 1;
  }
  .wh-side-nav a {
    background-color: #bababa;
    border-radius: 50%;
    display: block;
    height: 0.5625rem;
    margin-bottom: 1rem;
    width: 0.5625rem;
    font-size: 0;
    line-height: 0;
    color: transparent;
  }
  .wh-side-nav a:focus {
    outline-offset: 4px;
    outline-style: solid;
  }
  .wh-side-nav a .wh-nav-aria-selected {
    display: none;
  }
  .wh-side-nav a.active-section {
    background-color: #00aad2;
  }
  .wh-side-nav a.active-section .wh-nav-aria-selected {
    display: inline;
  }
  .wh-side-nav.wh-side-nav-abs {
    position: absolute;
    bottom: calc(50vh);
  }
}

@media (min-width: 1440px) {
  .wh-side-nav {
    right: 3.125rem;
  }
}

.wh-hero {
  margin: 0 auto;
  max-width: 105rem;
  padding: 5.1875rem 1rem 2.5rem;
}

@media (min-width: 640px) {
  .wh-hero {
    padding: 9.75rem 2.625rem 5.625rem;
  }
}

@media (min-width: 1024px) {
  .wh-hero {
    padding: 11.8125rem 4.5rem 5.625rem;
  }
}

@media (min-width: 1440px) {
  .wh-hero {
    padding: 14.8125rem 11.875rem 9.9375rem;
  }
}

.wh-hero-heading {
  color: #002c5e;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 2.125rem;
  max-width: 37.5rem;
  padding-bottom: 1.625rem;
  position: relative;
}

@media (min-width: 640px) {
  .wh-hero-heading {
    font-size: 5rem;
    line-height: 4.75rem;
    max-width: 56.5rem;
    padding-bottom: 3.125rem;
  }
}

@media (min-width: 1024px) {
  .wh-hero-heading {
    font-size: 6.875rem;
    line-height: 6.5rem;
    max-width: 81rem;
    padding-bottom: 4.9375rem;
  }
}

@media (min-width: 1440px) {
  .wh-hero-heading {
    padding-bottom: 6.9375rem;
  }
}

.wh-hero-heading-icon {
  color: #00aad2;
  height: 4rem;
  left: 0;
  position: absolute;
  top: -2.9375rem;
  width: 6.5625rem;
}

@media (min-width: 640px) {
  .wh-hero-heading-icon {
    height: 6.375rem;
    top: -4.5rem;
    width: 10.5rem;
  }
}

@media (min-width: 1024px) {
  .wh-hero-heading-icon {
    height: 11.1875rem;
    top: -8.125rem;
    width: 18.5625rem;
  }
}

.wh-hero-cta {
  color: #333333;
  display: inline-block;
  text-decoration: none;
}

.wh-hero-cta span {
  color: #333333;
  font-weight: 400;
  line-height: 1.375rem;
}

@media (min-width: 640px) {
  .wh-hero-cta span {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .wh-hero-cta span {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

.wh-hero-cta .icon {
  color: #333333;
  display: block;
  height: 0.625rem;
  margin-top: 0.5625rem;
  width: 1.125rem;
}

@media (min-width: 1024px) {
  .wh-hero-cta .icon {
    margin-top: 1.0625rem;
  }
}

@media (min-width: 1440px) {
  .wh-hero-cta .icon {
    height: 0.8125rem;
    margin-top: 1.4375rem;
    width: 1.5rem;
  }
}

.wh-card-list {
  background-color: #1A1A1A;
  color: white;
}

.wh-heading {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  padding-top: 4.1875rem;
}

@media (min-width: 640px) {
  .wh-heading {
    padding-top: 9rem;
  }
}

@media (min-width: 1024px) {
  .wh-heading {
    font-size: 1.125rem;
    line-height: 1.5rem;
    padding-top: 17.125rem;
  }
}

.wh-heading:after {
  content: "";
  background-color: #ffffff;
  display: block;
  height: 0.125rem;
  margin-top: 0.4375rem;
  width: 1.5rem;
}

@media (min-width: 1024px) {
  .wh-heading:after {
    margin-top: 0.5rem;
  }
}

.wh-intro {
  color: #888888;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
  max-width: 31.25rem;
  padding-top: 1.25rem;
}

@media (min-width: 640px) {
  .wh-intro {
    font-size: 3.25rem;
    line-height: 3.375rem;
    max-width: 55.625rem;
  }
}

@media (min-width: 1024px) {
  .wh-intro {
    font-size: 4.375rem;
    line-height: 4.5rem;
    max-width: 36.5625rem;
    padding-top: 2.5rem;
  }
}

.wh-intro-highlight {
  color: #ffffff;
}

.wh-underline {
  display: inline-flex;
  font-style: normal;
  position: relative;
}

.wh-underlined-text {
  z-index: 2;
}

.wh-underline-image {
  left: 0;
  max-height: 0.75rem;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
}

@media (max-width: 639px) {
  .wh-learn-more-btn {
    order: 1;
    width: 100%;
  }
}

@media (min-width: 640px) {
  .wh-learn-more-btn {
    margin-top: 2.5rem;
  }
}

.wh-card-image {
  margin-top: 1.875rem;
  position: relative;
  width: 100%;
}

@media (max-width: 639px) {
  .wh-card-image {
    height: calc(100vw - 32px);
    overflow: hidden;
  }
}

@media (min-width: 640px) {
  .wh-card-image {
    margin-top: 6.25rem;
  }
}

@media (min-width: 1024px) {
  .wh-card-image {
    display: none;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .wh-card-image {
    flex-shrink: 0;
  }
}

.wh-card-image-vignette {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 1023px) {
  .wh-card-image-vignette {
    width: 100%;
  }
}

.wh-card-image-img {
  width: 100%;
}

.wh-card-image-text {
  bottom: 1.125rem;
  font-size: 0.875rem;
  font-weight: 700;
  left: 1.5rem;
  line-height: 1.25rem;
  position: absolute;
}

@media (min-width: 640px) {
  .wh-card-image-text {
    bottom: 3.125rem;
    left: 3.125rem;
  }
}

@media (min-width: 1024px) {
  .wh-card-image-text {
    bottom: 5.625rem;
    font-size: 1.125rem;
    left: 5.625rem;
    line-height: 1.5rem;
  }
}

.wh-quote {
  margin: 0 auto;
  max-width: 31.25rem;
  padding: 6.9375rem 1.5rem 7.1875rem;
  position: relative;
}

@media (min-width: 640px) {
  .wh-quote {
    margin: 0 auto;
    max-width: none;
    padding: 8.25rem 0 8.6875rem 15%;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .wh-quote {
    margin: 0;
    padding: 20.875rem 0 9.5rem;
  }
}

.wh-quote-text {
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  position: relative;
}

@media (min-width: 640px) {
  .wh-quote-text {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.875rem;
    max-width: 33.75rem;
  }
}

@media (min-width: 1024px) {
  .wh-quote-text {
    font-size: 1.875rem;
    line-height: 2.25rem;
    max-width: 26.1875rem;
  }
}

.wh-quote-text .icon {
  color: #888888;
  height: 0.875rem;
  margin-bottom: 1rem;
  width: 1rem;
}

@media (min-width: 640px) {
  .wh-quote-text .icon {
    height: 1.125rem;
    margin-bottom: 1.25rem;
    width: 1.375rem;
  }
}

@media (min-width: 1024px) {
  .wh-quote-text .icon {
    height: 1.3125rem;
    margin-bottom: 1.875rem;
    width: 1.625rem;
  }
}

.wh-quote-text .icon.icon-info {
  margin-bottom: 0;
}

.wh-quote-author-img {
  height: 7.8125rem;
  position: absolute;
  right: 1.25rem;
  top: 2.8125rem;
  transform: rotate(6deg);
  width: 7.8125rem;
}

@media (min-width: 640px) {
  .wh-quote-author-img {
    height: 15rem;
    right: 5rem;
    top: -1.875rem;
    width: 15rem;
  }
}

@media (min-width: 1024px) {
  .wh-quote-author-img {
    height: 18.125rem;
    right: 7.125rem;
    top: 9rem;
    width: 18.125rem;
  }
}

.wh-quote-cite p {
  color: #bababa;
  display: inline-block;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
  padding-top: 0.625rem;
}

.wh-quote-cite p span {
  display: block;
}

@media (min-width: 640px) {
  .wh-quote-cite p {
    font-size: 1rem;
    line-height: 1.375rem;
    padding-top: 1.25rem;
  }
  .wh-quote-cite p span {
    display: inline-block;
  }
}

@media (min-width: 1024px) {
  .wh-quote-cite p {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .wh-quote-cite p span {
    display: block;
  }
}

.wh-quote-signature {
  bottom: 1.25rem;
  position: absolute;
  right: 1.875rem;
  transform-origin: right bottom;
  transform: scale(0.5);
}

@media (min-width: 640px) {
  .wh-quote-signature {
    bottom: 1.875rem;
    right: 5rem;
    transform: scale(0.8);
  }
}

@media (min-width: 1024px) {
  .wh-quote-signature {
    bottom: 0;
    right: 3.75rem;
    transform: scale(1);
  }
}

.wh-card {
  display: flex;
  margin: 0 auto;
  max-width: 105rem;
  padding: 0 1rem 1.25rem;
  position: relative;
}

@media (min-width: 640px) {
  .wh-card {
    padding: 0 2.6875rem;
  }
}

@media (min-width: 1024px) {
  .wh-card {
    flex-direction: row;
    padding: 0;
  }
}

.wh-triggerCardAnimation {
  height: 37.5rem;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: -25rem;
  width: 100%;
}

.wh-card-content {
  align-items: flex-start;
  background-color: #1A1A1A;
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (min-width: 1024px) {
  .wh-card-content {
    flex-basis: 50%;
    padding-bottom: 4.125rem;
    padding-left: 4.5rem;
    width: 50%;
    z-index: 998;
  }
}

@media (min-width: 1440px) {
  .wh-card-content {
    padding-left: 12rem;
  }
}

.wh-parallax-image {
  display: none;
}

@media (min-width: 1024px) {
  .wh-parallax-image {
    display: block;
    flex-basis: 50%;
    position: relative;
    width: 50%;
    z-index: 0;
    max-width: 45rem;
  }
}

@media (min-width: 1440px) {
  .wh-parallax-image {
    max-width: 52.5rem;
  }
}

#philanthropy .wh-parallax-image {
  transform: translateY(-110px);
}

.wh-parallax-image-fix {
  -webkit-clip-path: inset(0px 0px 0px 0px);
          clip-path: inset(0px 0px 0px 0px);
  max-width: 45rem;
  position: relative;
  top: 0;
  width: auto;
  height: 100%;
}

@media (min-width: 1440px) {
  .wh-parallax-image-fix {
    max-width: 52.5rem;
  }
}

.wh-parallax-image-fix.wh-parallax-fixed {
  position: fixed;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .wh-parallax-image-fix.wh-parallax-fixed {
    overflow: hidden;
  }
}

.scrolled-beyond-card-list {
  height: 100%;
}

.scrolled-beyond-card-list .wh-parallax-image-container {
  bottom: 0;
  position: absolute;
}

.wh-parallax-image-container {
  max-height: 100vh;
  height: 100%;
  max-width: 45rem;
  position: relative;
  overflow: hidden;
}

@media (min-width: 1440px) {
  .wh-parallax-image-container {
    max-width: 52.5rem;
  }
}

#madeInAmerica .wh-parallax-image-container,
#happyDrivers .wh-parallax-image-container,
#buildingForTomorrow .wh-parallax-image-container {
  transform: translate(-100%, 0px);
}

#buildingForTomorrow .wh-card-content {
  padding-bottom: 4.375rem;
}

@media (min-width: 1024px) {
  #buildingForTomorrow .wh-card-content {
    padding-bottom: 10.375rem;
  }
}

.wh-parallax-image-img {
  max-width: none;
  height: 100%;
}

.wh-parallax-image-text {
  bottom: 0;
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 700;
  left: 0;
  line-height: 1.5rem;
  padding-bottom: 5.625rem;
  padding-left: 5.625rem;
  padding-right: 0.625rem;
  position: absolute;
}

.made-in-america-topic-heading {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 2.125rem;
  margin: 4.8125rem 0 5.9375rem;
  position: relative;
  text-align: center;
}

.made-in-america-topic-heading-note {
  bottom: -4.6875rem;
  height: 5rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 17.5rem;
}

.made-in-america-topic-hero-image-container {
  background-color: #ffffff;
}

.made-in-america-topic-hero-image {
  display: block;
  width: 100%;
}

@media (min-width: 640px) {
  .made-in-america-topic-hero-image-sm {
    display: none;
  }
}

@media (max-width: 639px) {
  .made-in-america-topic-hero-image-lg {
    display: none;
  }
}

.made-in-america-topic-hide-hero-image {
  z-index: -1 !important;
  opacity: 0 !important;
}

.made-in-america-topic-body-transparent {
  padding: 6.875rem 0 5rem;
  position: relative;
}

.made-in-america-topic-paragraph {
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  margin: 0 1rem;
}

.made-in-america-topic-paragraph:not(:last-child) {
  margin-bottom: 5.625rem;
}

.made-in-america-topic-paragraph.made-in-america-topic-big-with-a-b {
  margin: 0 auto 4.0625rem;
}

.made-in-america-nonwrapping-text {
  white-space: nowrap;
}

.made-in-america-topic-body-content {
  position: relative;
}

.made-in-america-community-paragraph {
  margin: 0 2.5625rem 0 1rem;
}

.made-in-america-brightest-reimagine-paragraph {
  margin: 0 2.9375rem 0 1.125rem;
}

.made-in-america-underline {
  display: inline-flex;
  font-style: normal;
  position: relative;
}

.made-in-america-underlined-text {
  z-index: 2;
}

.made-in-america-underline-image {
  left: 0;
  max-height: 0.75rem;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
}

.made-in-america-topic-body-padding {
  padding: 5.625rem 0;
}

.made-in-america-topic-body-light {
  background-color: #1a1a1a;
}

.made-in-america-topic-body-dark {
  background-color: #0f0f0f;
}

.made-in-america-topic-image-collection-container {
  display: flex;
  flex-direction: column;
}

.made-in-america-image-2-container,
.made-in-america-image-3-container,
.made-in-america-image-5-container {
  display: flex;
  flex-direction: column;
  position: relative;
}

.made-in-america-image-2-caption,
.made-in-america-image-3-caption,
.made-in-america-image-5-caption {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.375rem;
  position: absolute;
}

.made-in-america-image-2-caption-header,
.made-in-america-image-3-caption-header,
.made-in-america-image-5-caption-header {
  font-weight: 700;
}

.made-in-america-image-1,
.made-in-america-image-2-container,
.made-in-america-image-4 {
  margin-bottom: 0.625rem;
}

.made-in-america-image-1 {
  align-self: flex-end;
  margin-right: 5%;
  margin-top: 8.625rem;
  width: 75%;
}

.made-in-america-image-2 {
  margin-left: 5%;
  width: 95%;
}

.made-in-america-image-2-container:after {
  background-color: #ffffff;
  content: '';
  height: calc(10px + (100vw * 0.75 / 1.777) + 133px + (100vw * 0.95 / 1.777 * 0.19));
  left: 10%;
  position: absolute;
  top: calc(-1 * (10px + (100vw * 0.75 / 1.777) + 133px));
  width: 0.0625rem;
}

.made-in-america-image-2-caption {
  left: calc(10% + 31px);
  top: calc(-1 * (10px + (100vw * 0.75 / 1.777) + 141px));
  width: 13.75rem;
}

.made-in-america-image-3 {
  margin-left: 12.5%;
  width: 52%;
}

.made-in-america-image-3-container {
  margin-bottom: 8.625rem;
}

.made-in-america-image-3-container:after {
  background-color: #ffffff;
  bottom: -8.1875rem;
  content: '';
  height: calc(131px + (0.15 * (100vw * 0.52 / 0.8)));
  left: 18.125%;
  position: absolute;
  width: 0.0625rem;
}

.made-in-america-image-3-caption {
  left: calc(18.125% + 31px);
  top: calc(100% + 50px);
  width: 13.75rem;
}

.made-in-america-image-4 {
  margin-bottom: 0.625rem;
  width: 95%;
}

.made-in-america-image-5 {
  align-self: flex-end;
  margin-right: 12.8125%;
  width: 51.875%;
}

.made-in-america-image-5-container {
  margin-bottom: 15rem;
}

.made-in-america-image-5-container:after {
  background-color: #ffffff;
  bottom: -14.6875rem;
  content: '';
  height: calc(235px + (0.16 * (100vw * 0.51875 / 0.8)));
  right: 18.125%;
  position: absolute;
  width: 0.0625rem;
}

.made-in-america-image-5-caption {
  right: calc(18.125% + 32px);
  top: calc(100% + 130px);
  width: 11.875rem;
}

.made-in-america-image-6 {
  bottom: calc(-1 * 100vw * 0.45 * 0.7);
  left: -28.125%;
  position: absolute;
  width: 100%;
}

.made-in-america-topic-quote-photos {
  background-color: #002957;
  padding: 5.125rem 4.0625rem;
  position: relative;
}

.made-in-america-topic-quote-portrait {
  display: block;
  width: 100%;
}

.made-in-america-topic-quote-signature {
  bottom: 1.8125rem;
  left: 5rem;
  position: absolute;
  width: calc(100% - 80px - 26px);
}

.made-in-america-topic-quote-wrapper {
  background-color: #1a1a1a;
  padding: 3.5625rem 2.5rem;
}

.made-in-america-topic-quote {
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin: 0;
  text-align: center;
}

.made-in-america-topic-quote:before {
  color: #888888;
  content: open-quote;
  display: block;
  font-size: 2.5rem;
  line-height: 0.75rem;
  margin: 0 auto 1.25rem;
  text-align: center;
}

.made-in-america-topic-quote-citation {
  color: #bababa;
  display: block;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: center;
}

.made-in-america-topic-quote-citation:before {
  background-color: #9b9b9b;
  content: '';
  display: block;
  height: 0.8125rem;
  margin: 1.125rem auto;
  width: 0.0625rem;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .made-in-america-topic-quote-citation:before {
    border: 1px solid #9b9b9b;
  }
}

.made-in-america-topic-big-with-a-b {
  margin: 0 1.5rem 0 1.1875rem;
  position: relative;
  text-align: center;
}

.made-in-america-with-a-b {
  bottom: -4rem;
  display: block;
  height: 3.5rem;
  position: absolute;
  right: 0.5rem;
  width: 9.1875rem;
}

.made-in-america-topic-statistics + .made-in-america-topic-statistics:before {
  background-color: rgba(255, 255, 255, 0.4);
  content: '';
  display: block;
  height: 0.0625rem;
  margin: 2.5rem auto;
  width: 8.8125rem;
}

.made-in-america-topic-statistic {
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 2.5rem;
  margin: 0 1rem 0.625rem;
  text-align: center;
}

.made-in-america-topic-statistic-note {
  color: #bababa;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  margin: 0 auto;
  text-align: center;
  max-width: 11.875rem;
}

@media (min-width: 640px) {
  .made-in-america-topic-heading {
    font-size: 5rem;
    line-height: 4.75rem;
    margin: 9.5rem 0 13.5rem;
  }
  .made-in-america-topic-heading-note {
    bottom: -7.1875rem;
    height: 6.25rem;
    left: 60%;
    width: 33.4375rem;
  }
  .made-in-america-topic-paragraph {
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 3.375rem;
    margin: 2.625rem 7.625rem 2.625rem 2.625rem;
    
  }
  .made-in-america-topic-paragraph:not(:last-child) {
    margin-bottom: 12.5rem;
  }
  .made-in-america-topic-body-transparent {
    padding: 11.5625rem 0;
  }
  .made-in-america-topic-body-padding {
    padding: 12.5rem 0;
  }
  .made-in-america-topic-body-background-change {
    padding: 21.875rem 0 9.375rem;
  }
  .made-in-america-image-2-caption,
  .made-in-america-image-3-caption,
  .made-in-america-image-5-caption {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .made-in-america-image-2-caption-header,
  .made-in-america-image-3-caption-header,
  .made-in-america-image-5-caption-header {
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.625rem;
    margin-bottom: 0.625rem;
  }
  .made-in-america-image-1,
  .made-in-america-image-2-container,
  .made-in-america-image-4 {
    margin-bottom: 0.9375rem;
  }
  .made-in-america-image-1 {
    margin-right: 4%;
    margin-top: 0;
    width: 60%;
  }
  .made-in-america-image-2 {
    margin-left: 4%;
    width: 96%;
  }
  .made-in-america-image-2-container:after {
    height: calc(227px + (0.1166 * 100vw * 0.96 / 1.777));
    left: 7.77%;
    top: -14.1875rem;
    width: 0.125rem;
  }
  .made-in-america-image-2-caption {
    left: calc(7.77% + 40px);
    max-width: 11.875rem;
    top: -14.5625rem;
    width: 21.875%;
  }
  .made-in-america-image-2-caption-header {
    margin-bottom: 0.375rem;
  }
  .made-in-america-image-3 {
    margin-left: 12%;
    width: 45%;
  }
  .made-in-america-image-3-container {
    margin-bottom: -21.875rem;
  }
  .made-in-america-image-3-container:after {
    height: 0.125rem;
    left: 51.2%;
    top: calc(0.246 * 100vw * 0.45 / 0.8);
    width: calc(5.8% + 259px);
  }
  .made-in-america-image-3-caption {
    left: calc(57% + 60px);
    top: calc(30px + (0.246 * 100vw * 0.45 / 0.8));
  }
  .made-in-america-image-4 {
    margin-left: 4%;
    width: 96%;
  }
  .made-in-america-image-5 {
    margin-right: 12%;
    width: 45%;
  }
  .made-in-america-image-5-container {
    margin-bottom: calc(100vw * 0.725 * 0.436);
  }
  .made-in-america-image-5-container:after {
    height: 0.125rem;
    right: 51.2%;
    top: calc(0.246 * 100vw * 0.45 / 0.8);
    width: calc(5.8% + 259px);
  }
  .made-in-america-image-5-caption {
    right: calc(57% + 60px);
    top: calc(30px + (0.246 * 100vw * 0.45 / 0.8));
  }
  .made-in-america-image-6 {
    bottom: calc(-1 * (100vw * 0.725 * 0.436));
    left: 0;
    width: 72.5%;
  }
  .made-in-america-topic-quote-container {
    display: flex;
  }
  .made-in-america-topic-quote-photos,
  .made-in-america-topic-quote-wrapper {
    display: flex;
    flex-basis: 50%;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
  }
  .made-in-america-topic-quote-photos {
    padding: 13.78% 8.9% 12.1% 11.8%;
  }
  .made-in-america-topic-quote-signature {
    bottom: 5%;
    left: 40%;
    width: 68%;
  }
  .made-in-america-topic-quote-wrapper {
    padding: 9.25%;
  }
  .made-in-america-topic-quote {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
  .made-in-america-topic-quote:before {
    font-size: 3.25rem;
    margin: 0 auto 1.875rem;
  }
  .made-in-america-topic-quote-citation {
    font-size: 1rem;
    line-height: 1.375rem;
  }
  .made-in-america-topic-quote-citation:before {
    height: 2.25rem;
    margin: 1.25rem auto;
  }
  .made-in-america-topic-big-with-a-b {
    width: 38.75rem;
  }
  .made-in-america-with-a-b {
    bottom: -11.5rem;
    height: 6.25rem;
    right: -0.5rem;
    width: 18.375rem;
  }
  .made-in-america-topic-statistics + .made-in-america-topic-statistics:before {
    margin: 5rem auto;
    width: 62%;
  }
  .made-in-america-topic-statistic {
    font-size: 8.125rem;
    line-height: 7.8125rem;
    margin: 0 2.625rem 1.25rem;
  }
  .made-in-america-topic-statistic-note {
    font-size: 1.5rem;
    line-height: 1.875rem;
    max-width: none;
  }
}

@media (min-width: 1024px) {
  .made-in-america-topic-heading {
    font-size: 7.125rem;
    line-height: 6.75rem;
    margin: 13.125rem 0 16.5625rem;
  }
  .made-in-america-topic-heading-note {
    bottom: -9.0625rem;
    height: 10.625rem;
    left: 62.5%;
    width: 48.75rem;
  }
  .made-in-america-topic-paragraph {
    font-size: 4.375rem;
    line-height: 4.5rem;
    margin: 4.5rem;
  }
  .made-in-america-topic-paragraph:not(:last-child) {
    margin-bottom: 13.125rem;
  }
  .made-in-america-topic-body-transparent {
    padding: 16.875rem 0;
  }
  .made-in-america-topic-body-padding {
    padding: 15.625rem 0;
  }
  .made-in-america-topic-body-background-change {
    padding: 32.1875rem 0 12.5rem;
  }
  .made-in-america-image-1 {
    margin-top: 2.5rem;
    margin-right: 4.5rem;
    width: calc((20px * 7) + (((100vw - (72px * 2) - (20px * 11)) / 12) * 8));
  }
  .made-in-america-image-2 {
    margin-left: 4.5rem;
    width: calc(100vw - 72px);
  }
  .made-in-america-image-2-container:after {
    height: calc(227px + (0.1678 * (100vw - 72px) / 1.777));
    left: calc(72px + (0.049 * (100vw - 72px)));
    top: -14.1875rem;
    width: 0.1875rem;
  }
  .made-in-america-image-2-caption {
    left: calc(72px + (0.049 * (100vw - 72px)) + 40px);
    max-width: none;
    top: -14.625rem;
    width: 12.5rem;
  }
  .made-in-america-image-3 {
    margin-left: calc(72px + 20px + ((100vw - (72px * 2) - (20px * 11)) / 12));
    width: calc((20px * 5) + (((100vw - (72px * 2) - (20px * 11)) / 12) * 6));
  }
  .made-in-america-image-3-container {
    margin-bottom: -32.3125rem;
  }
  .made-in-america-image-3-container:after {
    height: 0.1875rem;
    left: calc(72px + ((100vw - (72px * 2) - (20px * 11)) / 12) + 20px + (0.861 * ((20px * 5) + (((100vw - (72px * 2) - (20px * 11)) / 12) * 6))));
    top: calc(0.252 * ((20px * 5) + (((100vw - (72px * 2) - (20px * 11)) / 12) * 6)) / 0.8);
    width: calc(391px + (0.139 * ((20px * 5) + (((100vw - (72px * 2) - (20px * 11)) / 12) * 6))));
  }
  .made-in-america-image-3-caption {
    left: calc(72px + ((100vw - (72px * 2) - (20px * 11)) / 12) + 20px + ((20px * 5) + (((100vw - (72px * 2) - (20px * 11)) / 12) * 6)) + 130px);
    top: calc((0.252 * ((20px * 5) + (((100vw - (72px * 2) - (20px * 11)) / 12) * 6)) / 0.8) + 30px);
  }
  .made-in-america-image-4 {
    margin-left: 0;
    margin-right: 4.5rem;
    width: calc(100vw - 72px);
  }
  .made-in-america-image-5 {
    margin-right: calc(72px + 20px + ((100vw - (72px * 2) - (20px * 11)) / 12));
    width: calc((20px * 5) + (((100vw - (72px * 2) - (20px * 11)) / 12) * 6));
  }
  .made-in-america-image-5-container {
    margin-bottom: 24.375rem;
  }
  .made-in-america-image-5-container:after {
    height: 0.1875rem;
    right: calc(72px + ((100vw - (72px * 2) - (20px * 11)) / 12) + 20px + (0.845 * ((20px * 5) + (((100vw - (72px * 2) - (20px * 11)) / 12) * 6))));
    top: calc(0.252 * ((20px * 5) + (((100vw - (72px * 2) - (20px * 11)) / 12) * 6)) / 0.8);
    width: calc(437px + (0.155 * ((20px * 5) + (((100vw - (72px * 2) - (20px * 11)) / 12) * 6))));
  }
  .made-in-america-image-5-caption {
    right: calc(72px + ((100vw - (72px * 2) - (20px * 11)) / 12) + 20px + ((20px * 5) + (((100vw - (72px * 2) - (20px * 11)) / 12) * 6)) + 130px);
    top: calc((0.252 * ((20px * 5) + (((100vw - (72px * 2) - (20px * 11)) / 12) * 6)) / 0.8) + 40px);
    width: 19.375rem;
  }
  .made-in-america-image-5-caption-header {
    margin-bottom: 0.3125rem;
  }
  .made-in-america-image-6 {
    bottom: -24.375rem;
    height: 26.875rem;
    left: calc(72px + ((100vw - 1680px) / 2));
    width: 59.375rem;
  }
  .made-in-america-topic-quote-photos {
    padding: 13.15% 10.5%;
  }
  .made-in-america-topic-quote-signature {
    bottom: 4.23%;
    left: 29.5%;
    width: 85%;
  }
  .made-in-america-topic-quote-wrapper {
    padding: 10.5%;
  }
  .made-in-america-topic-quote {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .made-in-america-topic-quote:before {
    font-size: 4.0625rem;
  }
  .made-in-america-topic-quote-citation {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .made-in-america-topic-quote-citation:before {
    margin: 1.875rem auto 2.5rem;
  }
  .made-in-america-topic-big-with-a-b {
    width: 51.875rem;
  }
  .made-in-america-with-a-b {
    bottom: -11.25rem;
    height: 9.375rem;
    right: -5rem;
    width: 25rem;
  }
  .made-in-america-statistics + .made-in-america-statistics:before {
    margin: 5.625rem auto;
    width: 40rem;
  }
  .made-in-america-topic-statistic {
    font-size: 11.875rem;
    line-height: 11.5625rem;
    margin: 0 72px 0.625rem;
  }
  .made-in-america-topic-statistic-note {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1440px) {
  .made-in-america-topic-paragraph {
    margin: 12rem;
  }
  .made-in-america-topic-paragraph:not(:last-child) {
    margin-bottom: 15.9375rem;
  }
  .made-in-america-topic-body-transparent {
    padding: 21.5625rem 0;
  }
  .made-in-america-topic-body-background-change {
    padding: 32.1875rem 0 10.9375rem;
  }
  .made-in-america-image-1 {
    margin-top: 2.8125rem;
    margin-right: 12rem;
    width: calc((20px * 7) + (((100vw - (192px * 2) - (20px * 11)) / 12) * 8));
  }
  .made-in-america-image-2 {
    margin-left: 7.5rem;
    width: calc(100vw - 120px);
  }
  .made-in-america-image-2-container:after {
    height: calc(267px + (((100vw - 120px) / 1.777) * 0.1));
    left: calc(120px + ((100vw - 120px) * 0.09));
    top: -16.6875rem;
  }
  .made-in-america-image-2-caption {
    left: calc(160px + ((100vw - 120px) * 0.09));
    top: -17rem;
  }
  .made-in-america-image-3 {
    margin-left: 12rem;
    width: calc((20px * 5) + (((100vw - (192px * 2) - (20px * 11)) / 12) * 6));
  }
  .made-in-america-image-3-container {
    margin-bottom: -31.25rem;
  }
  .made-in-america-image-3-container:after {
    left: calc(192px + (0.85 * ((20px * 5) + (((100vw - (192px * 2) - (20px * 11)) / 12) * 6))));
    top: calc(0.266 * (((20px * 5) + (((100vw - (192px * 2) - (20px * 11)) / 12) * 6)) / 0.8));
    width: calc(501px + (0.15 * ((20px * 5) + (((100vw - (192px * 2) - (20px * 11)) / 12) * 6))));
  }
  .made-in-america-image-3-caption {
    left: calc(192px + ((20px * 5) + (((100vw - (192px * 2) - (20px * 11)) / 12) * 6)) + 240px);
    top: calc(30px + (0.266 * ((20px * 5) + (((100vw - (192px * 2) - (20px * 11)) / 12) * 6)) / 0.8));
  }
  .made-in-america-image-4 {
    margin-right: 7.5rem;
    width: calc(100vw - 120px);
  }
  .made-in-america-image-5 {
    margin-right: calc(192px + 20px + ((100vw - (192px * 2) - (20px * 11)) / 12));
    width: calc((20px * 5) + (((100vw - (192px * 2) - (20px * 11)) / 12) * 6));
  }
  .made-in-america-image-5-container {
    margin-bottom: 27.5rem;
  }
  .made-in-america-image-5-container:after {
    right: calc(192px + (0.876 * ((20px * 5) + (((100vw - (192px * 2) - (20px * 11)) / 12) * 6))));
    top: calc(0.252 * (((20px * 5) + (((100vw - (192px * 2) - (20px * 11)) / 12) * 6)) / 0.8));
    width: calc(447px + (0.124 * ((20px * 5) + (((100vw - (192px * 2) - (20px * 11)) / 12) * 6))));
  }
  .made-in-america-image-5-caption {
    right: calc(192px + ((20px * 5) + (((100vw - (192px * 2) - (20px * 11)) / 12) * 6)) + 140px);
    top: calc(40px + (0.252 * (((20px * 5) + (((100vw - (192px * 2) - (20px * 11)) / 12) * 6)) / 0.8)));
    width: 19.375rem;
  }
  .made-in-america-image-6 {
    bottom: -27.5rem;
    height: 30.375rem;
    left: calc(120px + ((100vw - 1680px) / 2));
    width: 66.75rem;
  }
  .made-in-america-topic-quote-photos {
    padding: 15.65% 12.5%;
  }
  .made-in-america-topic-quote-signature {
    bottom: 12%;
    left: 32%;
    width: 73%;
  }
  .made-in-america-topic-quote-wrapper {
    padding: 12.5%;
  }
  .made-in-america-topic-big-with-a-b {
    width: 60.625rem;
  }
  .made-in-america-with-a-b {
    right: -11.25rem;
  }
  .made-in-america-topic-statistics + .made-in-america-topic-statistics:before {
    width: 46.875rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .made-in-america-image-1,
  .made-in-america-image-2,
  .made-in-america-image-3,
  .made-in-america-image-4,
  .made-in-america-image-5,
  .made-in-america-image-2-container,
  .made-in-america-image-3-container,
  .made-in-america-image-5-container {
    flex-shrink: 0;
  }
}

.ch-topic-body-padding {
  padding: 5.625rem 0;
}

.ch-topic-body-light {
  background-color: #1a1a1a;
}

.ch-topic-body-dark {
  background-color: #0f0f0f;
}

.ch-topic-container .tooltip-trigger {
  color: #ffffff;
  height: 0.75rem;
  vertical-align: top;
  width: 0.75rem;
}

.ch-topic-body-content {
  position: relative;
}

.ch-heading-note {
  position: absolute;
}

.ch-topic-image-collection-container {
  display: flex;
  flex-direction: column;
}

.ch-topic-image-caption {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
}

@media (min-width: 640px) {
  .ch-topic-image-caption {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.ch-topic-image-caption span {
  display: block;
  font-weight: 700;
}

@media (min-width: 640px) {
  .ch-topic-image-caption span {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.625rem;
    margin-bottom: 0.375rem;
  }
}

@media (min-width: 1440px) {
  .ch-topic-image-caption span {
    margin-bottom: 0.625rem;
  }
}

@media (min-width: 640px) {
  .ch-topic-image-collection-row {
    display: flex;
	align-items: flex-start;						
  }
  .ch-topic-image-collection-row.ch-topic-image-collection-row-reversed {
    flex-direction: row-reverse;
  }
}

.ch-body-content {
  position: relative;
}

.ch-underline {
  display: inline-flex;
  font-style: normal;
  position: relative;
}

.ch-underlined-text {
  z-index: 2;
}

.ch-underline-image {
  left: 0;
  max-height: 0.75rem;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
}

.ch-collapsed-tile .ct {
  background-color: #ffffff;
}

.ch-hero-heading {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 2.125rem;
  margin: 4.8125rem 1rem 5.9375rem;
  position: relative;
  text-align: center;
}

@media (min-width: 640px) {
  .ch-hero-heading {
    font-size: 5rem;
    line-height: 4.75rem;
    margin: 9.5rem 2.625rem 13.5rem;
  }
}

@media (min-width: 1024px) {
  .ch-hero-heading {
    font-size: 7.125rem;
    line-height: 6.75rem;
    margin: 13.125rem 4.5rem 16.5625rem;
  }
}

.ch-hero-heading-note {
  position: absolute;
}

.ch-hero-image-container {
  background-color: #ffffff;
}

.ch-hero-image-container-dark {
  background-color: #0f0f0f;
}

.ch-hero-image {
  display: block;
  width: 100%;
}

.ch-hero-image-hide {
  z-index: -1 !important;
  opacity: 0 !important;
}

.ch-hero-body-transparent {
  padding: 5rem 0;
  position: relative;
}

@media (min-width: 640px) {
  .ch-hero-body-transparent {
    padding: 11.5rem 0 8.1875rem;
  }
}

@media (min-width: 1024px) {
  .ch-hero-body-transparent {
    padding: 19.125rem 0 14.625rem;
  }
}

@media (min-width: 1440px) {
  .ch-hero-body-transparent {
    padding: 23.8125rem 0 19.3125rem;
  }
}

.ch-hero-paragraph {
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

@media (min-width: 640px) {
  .ch-hero-paragraph {
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 3.375rem;
    margin-left: 2.625rem;
    margin-right: 2.625rem;
  }
}

@media (min-width: 1024px) {
  .ch-hero-paragraph {
    font-size: 4.375rem;
    line-height: 4.5rem;
    margin-left: 4.5rem;
    margin-right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .ch-hero-paragraph {
    margin-left: 12rem;
    margin-right: 12rem;
  }
}

.ch-link-wrapper {
  width: 100%;
  text-align: center;
}

.ch-link {
  display: block;
  font-family: "Hyundai Sans Text", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.25rem;
  text-decoration: none;
  margin-top: 2rem;
}

.ch-link svg {
  display: inline-block;
  margin-left: 6px;
}

@media (min-width: 640px) {
  .ch-quote-container {
    display: flex;
  }
  .ch-quote-container.ch-quote-container-img-rt {
    flex-direction: row-reverse;
  }
}

@media (min-width: 640px) {
  .ch-quote-photos,
  .ch-quote-wrapper {
    display: flex;
    flex-basis: 50%;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
  }
}

.ch-quote-photos {
  background-color: #002957;
  padding: 5.125rem 4.0625rem;
  position: relative;
}

@media (min-width: 640px) {
  .ch-quote-photos {
    padding: 13.78% 8.9% 12.1% 11.8%;
  }
}

@media (min-width: 1024px) {
  .ch-quote-photos {
    padding: 13.15% 10.5%;
  }
}

@media (min-width: 1440px) {
  .ch-quote-photos {
    padding: 15.65% 12.5%;
  }
}

.ch-quote-portrait {
  display: block;
  width: 100%;
}

.ch-quote-signature {
  bottom: 1.8125rem;
  left: 5rem;
  position: absolute;
  width: calc(100% - 80px - 26px);
}

@media (min-width: 640px) {
  .ch-quote-signature {
    bottom: 1.8125rem;
    left: 5rem;
    width: calc(100% - 80px - 26px);
  }
}

@media (min-width: 1024px) {
  .ch-quote-signature {
    bottom: 1.8125rem;
    left: 5rem;
    width: calc(100% - 80px - 26px);
  }
}

@media (min-width: 1440px) {
  .ch-quote-signature {
    bottom: 1.8125rem;
    left: 5rem;
    width: calc(100% - 80px - 26px);
  }
}

.ch-quote-wrapper {
  background-color: #1a1a1a;
  padding: 3.5625rem 2.5rem;
}

@media (min-width: 640px) {
  .ch-quote-wrapper {
    padding: 9.25%;
  }
}

@media (min-width: 1024px) {
  .ch-quote-wrapper {
    padding: 10.5%;
  }
}

@media (min-width: 1440px) {
  .ch-quote-wrapper {
    padding: 12.5%;
  }
}

.ch-quote {
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin: 0;
  text-align: center;
}

.ch-quote:before {
  color: #888888;
  content: open-quote;
  display: block;
  font-size: 2.5rem;
  line-height: 0.75rem;
  margin: 0 auto 1.25rem;
  text-align: center;
}

.ch-quote:after {
  content: no-close-quote;
}

@media (min-width: 640px) {
  .ch-quote {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
  .ch-quote:before {
    font-size: 3.25rem;
    margin: 0 auto 1.875rem;
  }
}

@media (min-width: 1024px) {
  .ch-quote {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .ch-quote:before {
    font-size: 4.0625rem;
  }
}

.ch-quote-citation {
  color: #bababa;
  display: block;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: center;
}

.ch-quote-citation:before {
  background-color: #9b9b9b;
  content: '';
  display: block;
  height: 0.8125rem;
  margin: 1.125rem auto;
  width: 0.0625rem;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ch-quote-citation:before {
    border: 1px solid #9b9b9b;
  }
}

@media (min-width: 640px) {
  .ch-quote-citation {
    font-size: 1rem;
    line-height: 1.375rem;
  }
  .ch-quote-citation:before {
    height: 2.25rem;
    margin: 1.25rem auto;
  }
}

@media (min-width: 1024px) {
  .ch-quote-citation {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .ch-quote-citation:before {
    margin: 1.875rem auto 2.5rem;
  }
}

.ch-paragraph {
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  margin-left: 1rem;
  margin-right: 1rem;
  position: relative;
  z-index: 2;
}

@media (min-width: 640px) {
  .ch-paragraph {
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 3.375rem;
    margin-left: 2.625rem;
    margin-right: 2.625rem;
  }
}

@media (min-width: 1024px) {
  .ch-paragraph {
    font-size: 4.375rem;
    line-height: 4.5rem;
    margin-left: 4.5rem;
    margin-right: 4.5rem;
  }
}

@media (min-width: 1440px) {
  .ch-paragraph {
    margin-left: 12rem;
    margin-right: 12rem;
  }
}

.ch-statistics + .ch-statistics:before {
  background-color: rgba(255, 255, 255, 0.4);
  content: '';
  display: block;
  height: 0.0625rem;
  margin: 2.5rem auto;
  width: 8.8125rem;
}

@media (min-width: 640px) {
  .ch-statistics + .ch-statistics:before {
    margin: 5rem auto;
    width: 62%;
  }
}

@media (min-width: 1024px) {
  .ch-statistics + .ch-statistics:before {
    margin: 5.625rem auto;
    width: 40rem;
  }
}

@media (min-width: 1440px) {
  .ch-statistics + .ch-statistics:before {
    width: 46.875rem;
  }
}

.ch-statistic {
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 2.5rem;
  margin-bottom: 0.625rem;
  margin-left: 1rem;
  margin-right: 1rem;
  text-align: center;
}

@media (min-width: 640px) {
  .ch-statistic {
    font-size: 8.125rem;
    line-height: 7.8125rem;
    margin-bottom: 1.25rem;
    margin-left: 2.625rem;
    margin-right: 2.625rem;
  }
}

@media (min-width: 1024px) {
  .ch-statistic {
    font-size: 11.875rem;
    line-height: 11.5625rem;
    margin-bottom: 0.625rem;
    margin-left: 4.5rem;
    margin-right: 4.5rem;
  }
}

.ch-statistic-note {
  color: #bababa;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  margin: 0 auto;
  max-width: 18.75rem;
  text-align: center;
  padding: 1rem;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ch-statistic-note {
    width: 18.75rem;
  }
}

@media (min-width: 640px) {
  .ch-statistic-note {
    font-size: 1.5rem;
    line-height: 1.875rem;
    max-width: none;
  }
}

@media all and (min-width: 640px) and (-ms-high-contrast: none), (min-width: 640px) and (-ms-high-contrast: active) {
  .ch-statistic-note {
    width: auto;
  }
}

@media (min-width: 1024px) {
  .ch-statistic-note {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1024px) {
  .ch-statistic + .ch-statistic-note {
    margin-top: 1.875rem;
  }
}

.ch-topic-container {
  overflow: hidden;
}

.ch-heading-note-philanthropy {
  bottom: -2.8125rem;
  height: 3rem;
  left: 50%;
  transform: translateX(-20%);
  width: 9.25rem;
}

@media (min-width: 640px) {
  .ch-heading-note-philanthropy {
    bottom: -5.5rem;
    height: 5.25rem;
    left: 59%;
    width: 18.25rem;
  }
}

@media (min-width: 1024px) {
  .ch-heading-note-philanthropy {
    bottom: -7.8125rem;
    height: 8.5rem;
    left: 57%;
    width: 27.75rem;
  }
}

@media (min-width: 1440px) {
  .ch-heading-note-philanthropy {
    bottom: -8.5625rem;
    height: 8.5rem;
    left: 54.5%;
    width: 27.75rem;
  }
}

.ch-topic-container-philanthropy .ch-hero-paragraph {
  max-width: calc(100% * (270 / 320));
}

@media (min-width: 640px) {
  .ch-topic-container-philanthropy .ch-hero-paragraph {
    max-width: calc(100% * (799 / 1023));
  }
}

@media (min-width: 1024px) {
  .ch-topic-container-philanthropy .ch-hero-paragraph {
    max-width: calc(100% * (1144 / 1440));
  }
}

@media (min-width: 1440px) {
  .ch-topic-container-philanthropy .ch-hero-paragraph {
    max-width: calc(100% * (1144 / 1680));
  }
}

.ch-paragraph-philanthropy-1 {
  max-width: calc(100% * (270 / 320));
  padding-bottom: 3.75rem;
  padding-top: 5.625rem;
}

@media (min-width: 640px) {
  .ch-paragraph-philanthropy-1 {
    max-width: 52.875rem;
    padding-bottom: 9.375rem;
    padding-top: 12.5rem;
  }
}

@media (min-width: 1024px) {
  .ch-paragraph-philanthropy-1 {
    max-width: 71.8125rem;
    padding-bottom: 11.25rem;
    padding-top: 18.75rem;
  }
}

@media (min-width: 1440px) {
  .ch-paragraph-philanthropy-1 {
    max-width: 73.4375rem;
    padding-bottom: 13.9375rem;
    padding-top: 18.875rem;
  }
}

.ch-paragraph-philanthropy-2 {
  padding-bottom: 2.5rem;
  padding-top: 4.375rem;
  text-align: center;
}

@media (min-width: 640px) {
  .ch-paragraph-philanthropy-2 {
    max-width: 48.6875rem;
    padding-bottom: 6.25rem;
    padding-top: 12.5rem;
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .ch-paragraph-philanthropy-2 {
    max-width: 60.5rem;
    padding-bottom: 12.5rem;
    padding-top: 15.625rem;
  }
}

@media (min-width: 1440px) {
  .ch-paragraph-philanthropy-2 {
    padding-bottom: 12.5rem;
    padding-top: 15.625rem;
  }
}

.ch-paragraph-philanthropy-3 {
  padding-bottom: 0;
  padding-top: 5.625rem;
}

@media (min-width: 640px) {
  .ch-paragraph-philanthropy-3 {
    max-width: 43.6875rem;
    padding-top: 12.5rem;
  }
}

@media (min-width: 1024px) {
  .ch-paragraph-philanthropy-3 {
    max-width: 51.5625rem;
    padding-top: 18.75rem;
  }
}

.philanthropy-topic-handprint-container {
  position: relative;
}

.philanthropy-topic-handprint-container-1 {
  left: calc(-100% * (20 / 320));
  position: absolute;
  top: calc(-1 * 100vw * (60 / 320));
  z-index: 0;
  width: calc(100% * (152 / 320));
}

@media (min-width: 640px) {
  .philanthropy-topic-handprint-container-1 {
    left: calc(100% * (65 / 1023));
    top: calc(-1 * 100vw * (75 / 1023));
    width: calc(100% * (280 / 1023));
  }
}

@media (min-width: 1024px) {
  .philanthropy-topic-handprint-container-1 {
    left: calc(100% * (95 / 1440));
    top: calc(-1 * 100vw * (115 / 1440));
    width: calc(100% * (385 / 1440));
  }
}

@media (min-width: 1440px) {
  .philanthropy-topic-handprint-container-1 {
    left: calc(100% * (100 / 1680));
    top: calc(-1 * 100vw * (160 / 1680));
    width: calc(100% * (460 / 1680));
  }
}

.philanthropy-topic-handprint-container-2 {
  position: absolute;
  right: calc(-100% * (65 / 320));
  top: 0.9375rem;
  transform: rotate(54deg);
  z-index: 0;
  width: calc(100% * (200 / 320));
}

@media (min-width: 640px) {
  .philanthropy-topic-handprint-container-2 {
    right: calc(-100% * (80 / 1023));
    top: calc(-1 * 100vw * (40 / 1023));
    width: calc(100% * (440 / 1023));
  }
}

@media (min-width: 1024px) {
  .philanthropy-topic-handprint-container-2 {
    right: calc(-100% * (140 / 1440));
    top: calc(-1 * 100vw * (115 / 1440));
    width: calc(100% * (600 / 1440));
  }
}

@media (min-width: 1440px) {
  .philanthropy-topic-handprint-container-2 {
    right: calc(-100% * (100 / 1680));
    top: calc(-1 * 100vw * (160 / 1680));
    width: calc(100% * (500 / 1680));
  }
}

.philanthropy-img {
  position: relative;
  z-index: 1;
}

@media (max-width: 639px) {
  .ch-topic-image-collection-container-1 {
    margin-bottom: 4.1875rem;
  }
}

@media (max-width: 639px) {
  .ch-topic-image-collection-container-2 {
    margin-bottom: 5.625rem;
  }
}

@media (min-width: 640px) {
  .ch-topic-image-collection-container {
    margin-bottom: 12.5rem;
  }
}

@media (min-width: 1024px) {
  .ch-topic-image-collection-container {
    margin-bottom: 18.75rem;
  }
}

.philanthropy-image-row-1 {
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
}

@media (min-width: 640px) {
  .philanthropy-image-row-1 {
    position: static;
  }
}

.philanthropy-image-row-1:after {
  background-color: #ffffff;
  content: '';
  height: calc(100% + 10px + 30px);
  right: calc((33 / 320) * 100%);
  position: absolute;
  top: 0;
  width: 0.0625rem;
  z-index: 2;
}

@media (min-width: 640px) {
  .philanthropy-image-row-1:after {
    content: none;
  }
}

.philanthropy-image-row-1 p {
  padding-bottom: 2.5rem;
  margin-left: calc((41 / 320) * 100%);
  max-width: calc((239 / 320) * 100%);
}

@media (min-width: 640px) {
  .philanthropy-image-row-1 p {
    margin-left: calc((100 / 1023) * 100%);
    padding-bottom: 3.75rem;
    position: relative;
    width: calc((190 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .philanthropy-image-row-1 p {
    margin-left: calc((128 / 1440) * 100%);
    padding-bottom: 6.875rem;
    width: calc((309 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .philanthropy-image-row-1 p {
    margin-left: calc((130 / 1680) * 100%);
    padding-bottom: 6.25rem;
    width: calc((309 / 1680) * 100%);
  }
}

@media (min-width: 640px) {
  .philanthropy-image-row-1 p:after {
    background-color: #ffffff;
    content: '';
    height: calc(100% + 60px);
    left: -2.5rem;
    position: absolute;
    top: 0;
    width: 0.125rem;
    z-index: 2;
  }
}

@media (min-width: 1024px) {
  .philanthropy-image-row-1 p:after {
    height: calc(100% + 88px);
    width: 0.1875rem;
  }
}

@media (min-width: 1440px) {
  .philanthropy-image-row-1 p:after {
    height: calc(100% + 100px);
  }
}

.philanthropy-image-row-1 .philanthropy-img {
  margin-left: calc((16 / 320) * 100%);
  width: calc((238 / 320) * 100%);
}

@media (min-width: 640px) {
  .philanthropy-image-row-1 .philanthropy-img {
    margin-left: calc((42 / 1023) * 100%);
    width: calc((619 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .philanthropy-image-row-1 .philanthropy-img {
    margin-left: calc((72 / 1440) * 100%);
    width: calc((857 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .philanthropy-image-row-1 .philanthropy-img {
    margin-left: calc((192 / 1680) * 100%);
    width: calc((857 / 1680) * 100%);
  }
}

.philanthropy-image-row-2 .philanthropy-img,
.philanthropy-image-row-5 .philanthropy-img {
  margin-top: 0.625rem;
  width: calc((309 / 320) * 100%);
}

@media (min-width: 640px) {
  .philanthropy-image-row-2 .philanthropy-img,
  .philanthropy-image-row-5 .philanthropy-img {
    margin-top: 1rem;
    width: calc((981 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .philanthropy-image-row-2 .philanthropy-img,
  .philanthropy-image-row-5 .philanthropy-img {
    width: calc((1368 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .philanthropy-image-row-2 .philanthropy-img,
  .philanthropy-image-row-5 .philanthropy-img {
    width: calc((1560 / 1680) * 100%);
  }
}

@media (max-width: 639px) {
  .philanthropy-image-row-5 .philanthropy-img {
    width: 100%;
  }
}

.philanthropy-image-row-3 .philanthropy-img {
  margin-left: calc((113 / 320) * 100%);
  margin-top: 0.625rem;
  width: calc((166 / 320) * 100%);
}

@media (min-width: 640px) {
  .philanthropy-image-row-3 .philanthropy-img {
    margin-left: 0;
    margin-right: calc((122 / 1023) * 100%);
    margin-top: 1rem;
    width: calc((460 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .philanthropy-image-row-3 .philanthropy-img {
    margin-right: calc((181 / 1440) * 100%);
    width: calc((639 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .philanthropy-image-row-3 .philanthropy-img {
    margin-right: calc((192 / 1680) * 100%);
    width: calc((638 / 1680) * 100%);
  }
}

.philanthropy-image-row-3 p {
  margin-left: calc((40 / 320) * 100%);
  margin-top: 2.5rem;
  position: relative;
  width: calc((197 / 320) * 100%);
}

@media (min-width: 640px) {
  .philanthropy-image-row-3 p {
    margin-bottom: 6.25rem;
    margin-left: 0;
    margin-right: calc((80 / 1023) * 100%);
    margin-top: auto;
    width: calc((240 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .philanthropy-image-row-3 p {
    margin-bottom: 8.125rem;
    margin-right: calc((129 / 1440) * 100%);
    width: calc((309 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .philanthropy-image-row-3 p {
    margin-bottom: 12.5rem;
    margin-right: calc((130 / 1680) * 100%);
    width: calc((309 / 1680) * 100%);
  }
}

.philanthropy-image-row-3 p:after {
  background-color: #ffffff;
  bottom: 0;
  content: '';
  height: calc(100% + 70px);
  right: -1.5rem;
  position: absolute;
  width: 0.0625rem;
  z-index: 2;
}

@media (min-width: 640px) {
  .philanthropy-image-row-3 p:after {
    bottom: auto;
    height: 0.125rem;
    left: 0;
    right: auto;
    top: -1.875rem;
    width: 23.625rem;
  }
}

@media (min-width: 1024px) {
  .philanthropy-image-row-3 p:after {
    height: 0.1875rem;
    top: -2.5rem;
    width: 32.875rem;
  }
}

.philanthropy-image-row-4 {
  margin-top: 12.5rem;
  position: relative;
}

@media (min-width: 640px) {
  .philanthropy-image-row-4 {
    margin-top: 15.375rem;
  }
}

@media (min-width: 1024px) {
  .philanthropy-image-row-4 {
    margin-top: 16.5rem;
  }
}

@media (min-width: 1440px) {
  .philanthropy-image-row-4 {
    margin-top: 15.625rem;
  }
}

.philanthropy-image-row-4 p {
  margin-bottom: 2.5rem;
  margin-left: calc((65 / 320) * 100%);
  position: relative;
  width: calc((214 / 320) * 100%);
}

@media (min-width: 640px) {
  .philanthropy-image-row-4 p {
    margin-bottom: 5.625rem;
    margin-left: calc((121 / 1023) * 100%);
    margin-top: auto;
    width: calc((190 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .philanthropy-image-row-4 p {
    margin-left: calc((181 / 1440) * 100%);
    width: calc((200 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .philanthropy-image-row-4 p {
    margin-left: calc((301 / 1680) * 100%);
    width: calc((200 / 1680) * 100%);
  }
}

.philanthropy-image-row-4 p:before {
  background-color: #ffffff;
  content: '';
  height: 17.1875rem;
  left: -1.875rem;
  position: absolute;
  top: 0;
  width: 0.0625rem;
  z-index: 2;
}

@media (min-width: 640px) {
  .philanthropy-image-row-4 p:before {
    height: 17.875rem;
    left: -2.5rem;
    width: 0.125rem;
  }
}

@media (min-width: 1024px) {
  .philanthropy-image-row-4 p:before {
    height: 22.25rem;
    width: 0.1875rem;
  }
}

.philanthropy-image-row-4 .philanthropy-img {
  margin-left: calc((65 / 320) * 100%);
  width: calc((239 / 320) * 100%);
}

@media (min-width: 640px) {
  .philanthropy-image-row-4 .philanthropy-img {
    margin-left: calc((50 / 1023) * 100%);
    width: calc((620 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .philanthropy-image-row-4 .philanthropy-img {
    margin-left: calc((129 / 1440) * 100%);
    width: calc((858 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .philanthropy-image-row-4 .philanthropy-img {
    margin-left: calc((129 / 1680) * 100%);
    width: calc((858 / 1680) * 100%);
  }
}

@media (min-width: 640px) {
  .philanthropy-image-row-5 {
    display: flex;
    justify-content: flex-end;
  }
}

.philanthropy-image-row-6 {
  margin-bottom: 5.625rem;
}

.philanthropy-image-row-6 p {
  margin-left: calc((89 / 320) * 100%);
  margin-top: 2.5rem;
  position: relative;
  width: calc((197 / 320) * 100%);
}

@media (min-width: 640px) {
  .philanthropy-image-row-6 p {
    margin-left: calc((100 / 1023) * 100%);
    margin-top: 10.125rem;
    width: calc((220 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .philanthropy-image-row-6 p {
    margin-left: calc((129 / 1440) * 100%);
    margin-top: 15.1875rem;
    width: calc((258 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .philanthropy-image-row-6 p {
    margin-bottom: 8.125rem;
    margin-left: calc((129 / 1680) * 100%);
    margin-top: auto;
    width: calc((309 / 1680) * 100%);
  }
}

.philanthropy-image-row-6 p:before {
  background-color: #ffffff;
  bottom: 0;
  content: '';
  height: 10.8125rem;
  left: -1.875rem;
  position: absolute;
  width: 0.0625rem;
  z-index: 2;
}

@media (min-width: 640px) {
  .philanthropy-image-row-6 p:before {
    bottom: auto;
    height: 0.125rem;
    left: auto;
    right: 0;
    top: -1.875rem;
    width: 23.625rem;
  }
}

@media (min-width: 1024px) {
  .philanthropy-image-row-6 p:before {
    height: 0.1875rem;
    top: -3.1875rem;
    width: 30rem;
  }
}

@media (min-width: 1440px) {
  .philanthropy-image-row-6 p:before {
    top: -2.5625rem;
    width: 32.8125rem;
  }
}

.philanthropy-image-row-6 .philanthropy-img {
  margin-left: calc((40 / 320) * 100%);
  margin-top: 0.625rem;
  width: calc((165 / 320) * 100%);
}

@media (min-width: 640px) {
  .philanthropy-image-row-6 .philanthropy-img {
    margin-left: calc((121 / 1023) * 100%);
    width: calc((460 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .philanthropy-image-row-6 .philanthropy-img {
    margin-left: calc((181 / 1440) * 100%);
    width: calc((639 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .philanthropy-image-row-6 .philanthropy-img {
    margin-left: calc((192 / 1680) * 100%);
    width: calc((638 / 1680) * 100%);
  }
}

.ch-statistic-philanthropy-2 {
  position: relative;
}

.ch-statistic-container-philanthropy {
  padding-bottom: 8.75rem;
}

@media (min-width: 640px) {
  .ch-statistic-container-philanthropy {
    padding-bottom: 15.625rem;
  }
}

@media (min-width: 1024px) {
  .ch-statistic-container-philanthropy {
    padding-bottom: 23.125rem;
  }
}

@media (min-width: 640px) and (max-width: 750px) {
  .ch-statistic-philanthropy-2 .ch-statistic {
    font-size: 6.25rem;
    line-height: 5.9375rem;
  }
}

.ch-statistic-philanthropy-2 .ch-statistic span {
  position: relative;
  display: inline-block;
}

.ch-statistic-philanthropy-2 .ch-statistic-written-note {
  bottom: 0;
  height: 5.9375rem;
  left: 50%;
  position: absolute;
  transform: translate(-20%, 80px);
  width: 10.1875rem;
}

@media (min-width: 640px) {
  .ch-statistic-philanthropy-2 .ch-statistic-written-note {
    height: 11.5625rem;
    left: auto;
    right: 0;
    transform: translate(-5px, 150px);
    width: 20.3125rem;
  }
}

@media (min-width: 640px) and (max-width: 750px) {
  .ch-statistic-philanthropy-2 .ch-statistic-written-note {
    transform: translate(-8px, 130px);
  }
}

@media (min-width: 1024px) {
  .ch-statistic-philanthropy-2 .ch-statistic-written-note {
    height: 15.9375rem;
    transform: translate(52px, 210px);
    width: 28.4375rem;
  }
}

.ch-quote-signature-kevin {
  left: auto;
  max-width: 8.25rem;
  right: 2.5625rem;
  width: calc((132 / 320) * 100%);
}

@media (min-width: 640px) {
  .ch-quote-signature-kevin {
    bottom: auto;
    right: calc((77 / 1023) * -200%);
    top: calc(100% * 375 / 640);
    transform: translateY(50%);
    max-width: 13.125rem;
    width: calc((210 / 1023) * 200%);
  }
}

@media (min-width: 1024px) {
  .ch-quote-signature-kevin {
    right: calc((101 / 1440) * -200%);
    top: calc(100% * 524 / 900);
    transform: translateY(35%);
    max-width: 23.125rem;
    width: calc((370 / 1440) * 200%);
  }
}

@media (min-width: 1440px) {
  .ch-quote-signature-kevin {
    right: calc((10 / 1680) * -200%);
    transform: translateY(9%);
    width: calc((370 / 1680) * 200%);
  }
}

.ch-quote-signature-elizabeth {
  bottom: 0.25rem;
  left: auto;
  max-width: 12.375rem;
  right: 2.125rem;
  width: calc((198 / 320) * 100%);
}

@media (min-width: 640px) {
  .ch-quote-signature-elizabeth {
    right: calc((52 / 1023) * -200%);
    max-width: 20.3125rem;
    width: calc((325 / 1023) * 200%);
  }
}

@media (min-width: 1024px) {
  .ch-quote-signature-elizabeth {
    bottom: 0;
    right: calc((70 / 1440) * -200%);
    max-width: 36rem;
    width: calc((576 / 1440) * 200%);
  }
}

@media (min-width: 1440px) {
  .ch-quote-signature-elizabeth {
    bottom: 3.4375rem;
    right: calc((10 / 1680) * -200%);
    max-width: 35.625rem;
    width: calc((570 / 1680) * 200%);
  }
}

.ch-quote-signature-carter {
  left: auto;
  right: 3.125rem;
  max-width: 8.125rem;
  width: calc((130 / 320) * 100%);
}

@media (min-width: 640px) {
  .ch-quote-signature-carter {
    bottom: auto;
    left: calc((57 / 1023) * -200%);
    right: auto;
    top: calc(100% * 375 / 640);
    transform: translateY(50%);
    max-width: 12.5rem;
    width: calc((200 / 1023) * 200%);
  }
}

@media (min-width: 1024px) {
  .ch-quote-signature-carter {
    left: calc((70 / 1440) * -200%);
    top: calc(100% * 524 / 900);
    transform: translateY(35%);
    max-width: 21.25rem;
    width: calc((340 / 1440) * 200%);
  }
}

@media (min-width: 1440px) {
  .ch-quote-signature-carter {
    left: calc((74 / 1680) * -200%);
    max-width: 23.125rem;
    transform: translateY(9%);
    width: calc((370 / 1680) * 200%);
  }
}

.philanthropy-footer {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 5.625rem;
}

@media (min-width: 640px) {
  .philanthropy-footer {
    padding-top: 6.25rem;
  }
}

@media (min-width: 1024px) {
  .philanthropy-footer {
    padding-top: 7rem;
  }
}

.philanthropy-footer-logo {
  height: 7.5625rem;
  margin-bottom: 1.25rem;
  width: 11.8125rem;
}

@media (min-width: 640px) {
  .philanthropy-footer-logo {
    margin-bottom: 1.875rem;
    height: 9.8125rem;
    width: 15.25rem;
  }
}

@media (min-width: 1024px) {
  .philanthropy-footer-logo {
    margin-bottom: 2.625rem;
    height: 11rem;
    width: 17.125rem;
  }
}

.philanthropy-footer-heading {
  color: #333333;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  max-width: 13.3125rem;
  padding-bottom: 0.625rem;
  text-align: center;
}

@media (min-width: 640px) {
  .philanthropy-footer-heading {
    font-size: 1.875rem;
    line-height: 2.25rem;
    max-width: none;
    padding-bottom: 1.625rem;
  }
}

@media (min-width: 1024px) {
  .philanthropy-footer-heading {
    font-size: 2.5rem;
    line-height: 2.625rem;
    padding-bottom: 1.25rem;
  }
}

.philanthropy-footer-link {
  color: #002c5e;
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-decoration: none;
}

.philanthropy-footer-link svg {
  margin-left: 0.5rem;
}

@media (min-width: 640px) {
  .philanthropy-footer-link {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .philanthropy-image-row-1,
  .philanthropy-image-row-2,
  .philanthropy-image-row-3,
  .philanthropy-image-row-4,
  .philanthropy-image-row-5,
  .philanthropy-image-row-6 {
    flex-shrink: 0;
  }
  .philanthropy-image-row-3 .ch-topic-image-caption,
  .philanthropy-image-row-4 .ch-topic-image-caption {
    align-self: flex-end;
  }
}

.ch-heading-note-bft {
  bottom: -3.125rem;
  height: 3.125rem;
  right: calc(100% * (14 / 320));
  width: 10rem;
}

@media (min-width: 640px) {
  .ch-heading-note-bft {
    bottom: -5.5rem;
    height: 5.625rem;
    right: calc(100% * (123 / 1023));
    width: 20rem;
  }
}

@media (min-width: 1024px) {
  .ch-heading-note-bft {
    bottom: -8.125rem;
    height: 8.875rem;
    right: calc(100% * (75 / 1440));
    width: 29.6875rem;
  }
}

@media (min-width: 1440px) {
  .ch-heading-note-bft {
    bottom: -9.0625rem;
    height: 9.0625rem;
    right: calc(100% * (194 / 1680));
    width: 30rem;
  }
}

.ch-paragraph-bft-1 {
  max-width: calc(100% * (288 / 320));
  padding-bottom: 4.375rem;
  padding-top: 5.625rem;
}

@media (min-width: 640px) {
  .ch-paragraph-bft-1 {
    max-width: 42.9375rem;
    padding-bottom: 12.5rem;
    padding-top: 12.6875rem;
  }
}

@media (min-width: 1024px) {
  .ch-paragraph-bft-1 {
    max-width: 53.625rem;
    padding-bottom: 15.0625rem;
    padding-top: 18.75rem;
  }
}

.bft-image-row-4 p {
  margin-bottom: 2.5rem;
  margin-left: calc((114 / 320) * 100%);
  position: relative;
  width: calc((165 / 320) * 100%);
}

@media (min-width: 640px) {
  .bft-image-row-4 p {
    margin-bottom: 5.625rem;
    margin-left: calc((121 / 1023) * 100%);
    margin-top: 6.1875rem;
    width: calc((190 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .bft-image-row-4 p {
    margin-left: calc((72 / 1440) * 100%);
    width: calc((309 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .bft-image-row-4 p {
    margin-left: calc((192 / 1680) * 100%);
    width: calc((309 / 1680) * 100%);
  }
}

.bft-image-row-4 p:before {
  background-color: #ffffff;
  content: '';
  height: calc(100% + 70px);
  left: -1.875rem;
  position: absolute;
  top: 0;
  width: 0.0625rem;
  z-index: 2;
}

@media (min-width: 640px) {
  .bft-image-row-4 p:before {
    height: 0.125rem;
    left: 0;
    top: -1.875rem;
    width: calc(100vw * (300 / 1023));
  }
}

@media (min-width: 1024px) {
  .bft-image-row-4 p:before {
    height: 0.1875rem;
    width: 32.8125rem;
  }
}

.bft-image-row-4 .bft-img {
  margin-left: calc((65 / 320) * 100%);
  width: calc((239 / 320) * 100%);
}

@media (min-width: 640px) {
  .bft-image-row-4 .bft-img {
    align-self: flex-start;
    flex: 1;
    margin-left: calc((50 / 1023) * 100%);
    padding-right: 2.625rem;
    width: calc((620 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .bft-image-row-4 .bft-img {
    margin-left: calc((129 / 1440) * 100%);
    padding-right: 4.5rem;
    width: calc((858 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .bft-image-row-4 .bft-img {
    margin-left: calc((130 / 1680) * 100%);
    padding-right: 12rem;
    width: calc((858 / 1680) * 100%);
  }
}

.bft-image-row-2 .bft-img,
.bft-image-row-5 .bft-img {
  margin-top: 0.625rem;
  width: calc((309 / 320) * 100%);
}

@media (min-width: 640px) {
  .bft-image-row-2 .bft-img,
  .bft-image-row-5 .bft-img {
    margin-top: 1rem;
    width: calc((981 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .bft-image-row-2 .bft-img,
  .bft-image-row-5 .bft-img {
    width: calc((1368 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .bft-image-row-2 .bft-img,
  .bft-image-row-5 .bft-img {
    width: calc((1560 / 1680) * 100%);
  }
}

@media (max-width: 639px) {
  .bft-image-row-5 .bft-img {
    width: 100%;
  }
}

@media (min-width: 640px) {
  .bft-image-row-5 {
    justify-content: flex-end;
  }
}

.bft-image-row-6 {
  position: relative;
  padding-bottom: 21.875rem;
}

@media (min-width: 640px) {
  .bft-image-row-6 {
    align-items: flex-start;
    padding-bottom: 25.625rem;
  }
}

@media (min-width: 1024px) {
  .bft-image-row-6 {
    padding-bottom: 28.1875rem;
  }
}

@media (min-width: 1440px) {
  .bft-image-row-6 {
    padding-bottom: 31.3125rem;
  }
}

.bft-image-row-6 p {
  margin-left: calc((89 / 320) * 100%);
  margin-top: 2.5rem;
  position: relative;
  width: calc((197 / 320) * 100%);
  z-index: 2;
}

@media (min-width: 640px) {
  .bft-image-row-6 p {
    margin-left: calc((100 / 1023) * 100%);
    margin-top: 10.125rem;
    width: calc((220 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .bft-image-row-6 p {
    margin-left: calc((129 / 1440) * 100%);
    margin-top: 15.1875rem;
    width: calc((258 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .bft-image-row-6 p {
    margin-bottom: 8.125rem;
    margin-left: calc((129 / 1680) * 100%);
    margin-top: 17.1875rem;
    width: calc((309 / 1680) * 100%);
  }
}

.bft-image-row-6 p:before {
  background-color: #ffffff;
  bottom: 0;
  content: '';
  height: 21.25rem;
  left: -1.875rem;
  position: absolute;
  width: 0.0625rem;
  z-index: 2;
}

@media (min-width: 640px) {
  .bft-image-row-6 p:before {
    bottom: auto;
    height: 0.125rem;
    left: auto;
    right: 0;
    top: -1.875rem;
    width: 23.625rem;
  }
}

@media (min-width: 1024px) {
  .bft-image-row-6 p:before {
    height: 0.1875rem;
    top: -3.1875rem;
    width: 30rem;
  }
}

@media (min-width: 1440px) {
  .bft-image-row-6 p:before {
    top: -2.5625rem;
    width: 32.8125rem;
  }
}

.bft-image-row-6 .bft-img {
  margin-left: calc((40 / 320) * 100%);
  margin-top: 0.625rem;
  position: relative;
  width: calc((165 / 320) * 100%);
}

@media (min-width: 640px) {
  .bft-image-row-6 .bft-img {
    margin-left: calc((121 / 1023) * 100%);
    width: calc((460 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .bft-image-row-6 .bft-img {
    margin-left: calc((181 / 1440) * 100%);
    width: calc((639 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .bft-image-row-6 .bft-img {
    margin-left: calc((192 / 1680) * 100%);
    width: calc((638 / 1680) * 100%);
  }
}

.bft-image-row-6-bg {
  bottom: -5.625rem;
  max-width: none;
  position: absolute;
  right: -6.4375rem;
  width: 40rem;
}

@media (min-width: 640px) {
  .bft-image-row-6-bg {
    bottom: -8.125rem;
    left: 0;
    margin: 0 auto;
    right: 0;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .bft-image-row-6-bg {
    bottom: -15.875rem;
  }
}

@media (min-width: 1440px) {
  .bft-image-row-6-bg {
    bottom: -15.3125rem;
    max-width: 1440px;
  }
}

.bft-image-row-7 {
  position: relative;
}

.bft-image-row-7 .mcl-card {
  position: relative;
  width: calc((238 / 320) * 100%);
  margin-top: 0.625rem;
  margin-left: calc((16 / 320) * 100%);
  z-index: 1;
}

@media (min-width: 640px) {
  .bft-image-row-7 .mcl-card {
    width: calc((619 / 1023) * 100%);
    margin-top: 1rem;
    margin-left: calc((42 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .bft-image-row-7 .mcl-card {
    width: calc((857 / 1440) * 100%);
    margin-left: calc((72 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .bft-image-row-7 .mcl-card {
    width: calc((857 / 1680) * 100%);
    margin-left: calc((192 / 1680) * 100%);
  }
}

.bft-image-row-7 p {
  position: relative;
  width: calc((197 / 320) * 100%);
  margin-top: 2.5rem;
  margin-left: calc((65 / 320) * 100%);
  z-index: 2;
}

@media (min-width: 640px) {
  .bft-image-row-7 p {
    width: calc((220 / 1023) * 100%);
    margin-top: 3.75rem;
    margin-left: calc((100 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .bft-image-row-7 p {
    width: calc((258 / 1440) * 100%);
    margin-top: 7.5rem;
    margin-left: calc((129 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .bft-image-row-7 p {
    width: calc((309 / 1680) * 100%);
    margin-top: 12.5rem;
    margin-left: calc((129 / 1680) * 100%);
  }
}

.bft-image-row-7 p:before {
  content: '';
  width: 0.0625rem;
  height: calc(100% + 70px);
  position: absolute;
  bottom: 0;
  left: -1.875rem;
  background-color: #ffffff;
  z-index: 2;
}

@media (min-width: 640px) {
  .bft-image-row-7 p:before {
    width: 23.625rem;
    height: 0.125rem;
    top: -1.875rem;
    right: 0;
    bottom: auto;
    left: auto;
  }
}

@media (min-width: 1024px) {
  .bft-image-row-7 p:before {
    width: 30rem;
    height: 0.1875rem;
    top: -3.1875rem;
  }
}

@media (min-width: 1440px) {
  .bft-image-row-7 p:before {
    width: 32.8125rem;
    height: 0.1875rem;
    top: -2.5625rem;
  }
}

.ch-statistic-container-bft-1 {
  padding-bottom: 9.9375rem;
}

@media (min-width: 640px) {
  .ch-statistic-container-bft-1 {
    padding-bottom: 18.625rem;
  }
}

@media (min-width: 1024px) {
  .ch-statistic-container-bft-1 {
    padding-bottom: 26.5rem;
  }
}

@media (min-width: 1440px) {
  .ch-statistic-container-bft-1 {
    padding-bottom: 22.5625rem;
  }
}

.ch-statistic-container-bft-1 .ch-statistics {
  position: relative;
}

.ch-statistic-container-bft-1 .ch-statistic-written-note {
  height: 5.9375rem;
  left: 50%;
  position: absolute;
  top: 85%;
  transform: translateX(-30%);
  width: 10.1875rem;
}

@media (min-width: 640px) {
  .ch-statistic-container-bft-1 .ch-statistic-written-note {
    height: 11.5625rem;
    transform: translateX(-0.375rem);
    width: 20.3125rem;
  }
}

@media (min-width: 1024px) {
  .ch-statistic-container-bft-1 .ch-statistic-written-note {
    height: 15.9375rem;
    top: 87%;
    transform: translateX(3.125rem);
    width: 28.4375rem;
  }
}

@media (min-width: 1440px) {
  .ch-statistic-container-bft-1 .ch-statistic-written-note {
    transform: translateX(calc(100vw * (165 / 1680)));
  }
}

.ch-paragraph-bft-2 {
  max-width: calc(100% * (275 / 320));
  padding-bottom: 3.75rem;
  padding-top: 5.625rem;
}

@media (min-width: 640px) {
  .ch-paragraph-bft-2 {
    max-width: 44.3125rem;
    padding-bottom: 9.375rem;
    padding-top: 12.5rem;
  }
}

@media (min-width: 1024px) {
  .ch-paragraph-bft-2 {
    max-width: 60.5rem;
    padding-bottom: 12.5rem;
    padding-top: 15.625rem;
  }
}

@media (min-width: 640px) {
  .bft-fuel-container {
    padding-bottom: 12.5rem;
  }
}

.bft-fuel-list-container {
  overflow: hidden;
  position: relative;
}

@media (min-width: 640px) {
  .bft-fuel-list-container {
    max-width: 61.3125rem;
  }
}

@media (min-width: 1024px) {
  .bft-fuel-list-container {
    max-width: 85.5rem;
  }
}

.bft-fuel-list-bg {
  display: none;
}

@media (min-width: 640px) {
  .bft-fuel-list-bg {
    display: block;
    min-height: 100%;
    opacity: 0.5;
    position: absolute;
    top: 0;
    max-width: 100%;
  }
}

.bft-fuel-list {
  color: #ffffff;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0 1rem;
  position: relative;
  z-index: 1;
}

@media (min-width: 640px) {
  .bft-fuel-list {
    flex-direction: row;
    justify-content: space-around;
    padding: 8.875rem 0;
  }
}

@media (min-width: 1024px) {
  .bft-fuel-list {
    flex-direction: row;
    padding: 15rem 0;
  }
}

@media (min-width: 1440px) {
  .bft-fuel-list {
    flex-direction: row;
    padding: 18.375rem 0;
  }
}

.bft-fuel-list-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3.125rem;
}

@media (min-width: 640px) {
  .bft-fuel-list-item {
    margin-bottom: 0;
  }
}

.bft-fuel-list-item-icon {
  margin: auto 0;
}

.bft-fuel-list-item:nth-of-type(1) img {
  height: 7.5rem;
  width: 5.25rem;
}

.bft-fuel-list-item:nth-of-type(2) img {
  height: 7.625rem;
  width: 7.125rem;
}

.bft-fuel-list-item:nth-of-type(3) {
  margin-bottom: 3.6875rem;
}

@media (min-width: 640px) {
  .bft-fuel-list-item:nth-of-type(3) {
    margin-bottom: 0;
  }
}

.bft-fuel-list-item:nth-of-type(3) img {
  height: 7.6875rem;
  width: 7.6875rem;
}

.bft-fuel-list-item:nth-of-type(4) {
  margin-bottom: 5.625rem;
}

@media (min-width: 640px) {
  .bft-fuel-list-item:nth-of-type(4) {
    margin-bottom: 0;
  }
}

.bft-fuel-list-item:nth-of-type(4) img {
  height: 6.375rem;
  width: 7.5rem;
}

.bft-fuel-list-item-heading {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 500;
  padding-top: 1.25rem;
  text-align: center;
}

@media (min-width: 640px) {
  .bft-fuel-list-item-heading {
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-top: auto;
  }
}

@media (min-width: 1024px) {
  .bft-fuel-list-item-heading {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.bft-fuel-list-item-des {
  font-weight: 400;
  line-height: 1.375rem;
  max-width: 14.8125rem;
  text-align: center;
}

@media (min-width: 640px) {
  .bft-fuel-list-item-des {
    font-size: 1.125rem;
    line-height: 1.5rem;
    padding-top: 0.3125rem;
  }
}

@media (min-width: 1440px) {
  .bft-fuel-list-item-des {
    padding-top: 0;
  }
}

.ch-quote-signature-john {
  height: 7.9375rem;
  left: auto;
  right: 5rem;
  transform: translateY(64%) rotate(-26deg);
  width: 6.25rem;
}

@media (min-width: 640px) {
  .ch-quote-signature-john {
    bottom: auto;
    height: 9.6875rem;
    right: calc(100% * (35 / 512));
    top: calc(100% * 375 / 640);
    transform: translateY(50%) rotate(-26deg);
    width: 12.8125rem;
  }
}

@media (min-width: 1024px) {
  .ch-quote-signature-john {
    height: 17.5rem;
    width: 22.5rem;
    right: calc(-100% * (250 / 1440));
    top: calc(100% * 524 / 900);
    transform: translateY(22%) rotate(-26deg);
  }
}

@media (min-width: 1440px) {
  .ch-quote-signature-john {
    right: -2%;
    transform: translateY(8%) rotate(-26deg);
  }
}

.ch-paragraph-bft-3 {
  max-width: calc(100% * (264 / 320));
  padding-top: 5.625rem;
}

@media (min-width: 640px) {
  .ch-paragraph-bft-3 {
    max-width: 38.75rem;
    padding-bottom: 2.375rem;
    padding-top: 12.5rem;
  }
}

@media (min-width: 1024px) {
  .ch-paragraph-bft-3 {
    max-width: 53rem;
    padding-bottom: 3.0625rem;
    padding-top: 15.625rem;
  }
}

@media (min-width: 1440px) {
  .ch-paragraph-bft-3 {
    padding-bottom: 0;
  }
}

.bft-image-row-1 {
  position: relative;
  padding-top: 10.625rem;
}

@media (min-width: 640px) {
  .bft-image-row-1 {
    flex-direction: column;
    padding-top: 9.375rem;
  }
}

@media (min-width: 1024px) {
  .bft-image-row-1 {
    padding-top: 15.8125rem;
  }
}

@media (min-width: 1440px) {
  .bft-image-row-1 {
    padding-top: 22.125rem;
  }
}

.bft-image-row-1-bg {
  position: absolute;
  top: 0;
}

.bft-image-row-1 p {
  padding-bottom: 2.5rem;
  margin-left: calc((65 / 320) * 100%);
  max-width: calc((214 / 320) * 100%);
  position: relative;
  z-index: 2;
}

@media (min-width: 640px) {
  .bft-image-row-1 p {
    margin-left: calc((121 / 1023) * 100%);
    padding-bottom: 3.75rem;
    width: calc((320 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .bft-image-row-1 p {
    margin-left: calc((181 / 1440) * 100%);
    padding-bottom: 5.875rem;
    width: 19.375rem;
  }
}

@media (min-width: 1440px) {
  .bft-image-row-1 p {
    margin-left: calc((181 / 1680) * 100%);
    padding-bottom: 5.875rem;
  }
}

.bft-image-row-1 p:after {
  background-color: #ffffff;
  content: '';
  height: calc(100% + 30px);
  left: calc(-30px);
  position: absolute;
  top: 0;
  width: 0.0625rem;
  z-index: 2;
}

@media (min-width: 640px) {
  .bft-image-row-1 p:after {
    height: calc(100% + 60px);
    left: -2.5rem;
    width: 0.125rem;
  }
}

@media (min-width: 1024px) {
  .bft-image-row-1 p:after {
    height: calc(100% + 88px);
    width: 0.1875rem;
  }
}

@media (min-width: 1440px) {
  .bft-image-row-1 p:after {
    height: calc(100% + 100px);
  }
}

.bft-image-row-1 .bft-img {
  margin-left: calc((16 / 320) * 100%);
  width: calc((238 / 320) * 100%);
  position: relative;
  z-index: 1;
}

@media (min-width: 640px) {
  .bft-image-row-1 .bft-img {
    margin-left: calc((42 / 1023) * 100%);
    width: calc((619 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .bft-image-row-1 .bft-img {
    margin-left: calc((72 / 1440) * 100%);
    width: calc((857 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .bft-image-row-1 .bft-img {
    margin-left: calc((192 / 1680) * 100%);
    width: calc((857 / 1680) * 100%);
  }
}

.bft-image-row-3 .bft-img {
  margin-left: calc((113 / 320) * 100%);
  margin-top: 0.625rem;
  width: calc((166 / 320) * 100%);
}

@media (min-width: 640px) {
  .bft-image-row-3 .bft-img {
    margin-left: 0;
    margin-right: calc((122 / 1023) * 100%);
    margin-top: 1rem;
    width: calc((460 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .bft-image-row-3 .bft-img {
    margin-right: calc((181 / 1440) * 100%);
    width: calc((639 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .bft-image-row-3 .bft-img {
    margin-right: calc((192 / 1680) * 100%);
    width: calc((638 / 1680) * 100%);
  }
}

.bft-image-row-3 p {
  margin-left: calc((40 / 320) * 100%);
  margin-top: 2.5rem;
  position: relative;
  width: calc((197 / 320) * 100%);
}

@media (min-width: 640px) {
  .bft-image-row-3 p {
    margin-top: 9.0625rem;
    margin-left: 0;
    margin-right: calc((80 / 1023) * 100%);
    width: calc((240 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .bft-image-row-3 p {
    margin-top: 19.75rem;
    margin-right: calc((129 / 1440) * 100%);
    width: calc((309 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .bft-image-row-3 p {
    margin-top: 22.5rem;
    margin-right: calc((130 / 1680) * 100%);
    width: calc((309 / 1680) * 100%);
  }
}

.bft-image-row-3 p:after {
  background-color: #ffffff;
  bottom: 0;
  content: '';
  height: calc(100% + 70px);
  right: -1.5rem;
  position: absolute;
  width: 0.0625rem;
  z-index: 2;
}

@media (min-width: 640px) {
  .bft-image-row-3 p:after {
    bottom: auto;
    height: 0.125rem;
    left: 0;
    right: auto;
    top: -1.875rem;
    width: 23.625rem;
  }
}

@media (min-width: 1024px) {
  .bft-image-row-3 p:after {
    height: 0.1875rem;
    top: -2.5rem;
    width: 32.875rem;
  }
}

.ch-statistic-container-bft-2 {
  padding-bottom: 4rem;
  padding-top: 1.875rem;
  margin-top: 0rem;
}

@media (min-width: 640px) {
  .ch-statistic-container-bft-2 {
    padding-bottom: 12.5rem;
    margin-top: -4.375rem;
  }
}

@media (min-width: 1024px) {
  .ch-statistic-container-bft-2 {
    padding-bottom: 15.625rem;
    margin-top: -8.125rem;
  }
}

.ch-statistic-container-bft-2 .ch-statistics {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.ch-statistic-container-bft-2 .ch-statistic {
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
}

@media (min-width: 640px) {
  .ch-statistic-container-bft-2 .ch-statistic {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .ch-statistic-container-bft-2 .ch-statistic {
    margin-bottom: -0.5625rem;
    margin-top: 0.25rem;
  }
}

@media (min-width: 1440px) {
  .ch-statistic-container-bft-2 .ch-statistic {
    margin-bottom: -0.3125rem;
    margin-top: -0.25rem;
  }
}

.ch-statistic-container-bft-2 .ch-statistic-link {
  align-items: center;
  align-self: center;
  color: #ffffff;
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding-top: 1.25rem;
  text-align: center;
  text-decoration: none;
}

@media (min-width: 640px) {
  .ch-statistic-container-bft-2 .ch-statistic-link {
    padding-top: 2.5rem;
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

@media (min-width: 1024px) {
  .ch-statistic-container-bft-2 .ch-statistic-link {
    padding-top: 3.125rem;
  }
}

.ch-statistic-container-bft-2 .ch-statistic-link svg {
  height: 0.625rem;
  margin-left: 0.5rem;
  width: 0.4375rem;
}

.ch-statistic-container-bft-3 {
  text-align: center;
  padding-bottom: 5.3125rem;
}

@media (min-width: 640px) {
  .ch-statistic-container-bft-3 {
    padding-bottom: 10.625rem;
  }
}

@media (min-width: 1024px) {
  .ch-statistic-container-bft-3 {
    padding-bottom: 15.9375rem;
  }
}

.ch-statistic-container-bft-3 .ch-statistics {
  position: relative;
}

.ch-statistic-container-bft-3 .ch-statistic-written-note {
  width: 10.1875rem;
  height: 5.9375rem;
  left: 50%;
  position: absolute;
  top: 85%;
  transform: translateX(-30%);
}

@media (min-width: 640px) {
  .ch-statistic-container-bft-3 .ch-statistic-written-note {
    width: 20.3125rem;
    height: 11.5625rem;
    transform: translateX(-0.375rem);
  }
}

@media (min-width: 1024px) {
  .ch-statistic-container-bft-3 .ch-statistic-written-note {
    top: 87%;
    width: 28.4375rem;
    height: 15.9375rem;
    transform: translateX(3.125rem);
  }
}

@media (min-width: 1440px) {
  .ch-statistic-container-bft-3 .ch-statistic-written-note {
    transform: translateX(calc(100vw * (165 / 1680)));
  }
}

.ch-statistic-container-bft-3 .ch-statistic-link {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.25rem;
  text-align: center;
  text-decoration: none;
  align-items: center;
  align-self: center;
  margin-top: 7.5rem;
}

@media (min-width: 640px) {
  .ch-statistic-container-bft-3 .ch-statistic-link {
    font-size: 1rem;
    line-height: 1.375rem;
    margin-top: 10rem;
  }
}

@media (min-width: 1024px) {
  .ch-statistic-container-bft-3 .ch-statistic-link {
    margin-top: 14.375rem;
  }
}

.ch-statistic-container-bft-3 .ch-statistic-link svg {
  display: inline-block;
  height: 0.625rem;
  margin-left: 0.5rem;
  width: 0.4375rem;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ch-quote-photos .ch-quote-portrait,
  .bft-image-row-1 .bft-img,
  .bft-image-row-2 .bft-img img,
  .bft-image-row-3 .bft-img,
  .bft-image-row-1, .bft-image-row-2, .bft-image-row-3,
  .bft-image-row-4, .bft-image-row-5, .bft-image-row-6 {
    flex-shrink: 0;
  }
}

@charset "UTF-8";
.happy-drivers-topic-heading {
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 2.125rem;
  margin: 4.8125rem 0 5.9375rem;
  position: relative;
  text-align: center;
}

.happy-drivers-topic-heading-note {
  bottom: -3.125rem;
  height: 3.125rem;
  left: 70%;
  position: absolute;
  transform: translateX(-50%);
  width: 6.3125rem;
}

.happy-drivers-topic-hero-image-container {
  background-color: #ffffff;
}

.happy-drivers-topic-hero-image {
  display: block;
  width: 100%;
}

.happy-drivers-topic-hide-hero-image {
  z-index: -1 !important;
  opacity: 0 !important;
}

.happy-drivers-topic-body {
  display: flex;
  flex-direction: column;
}

.happy-drivers-topic-body-transparent {
  padding: 6.875rem 0 5rem;
  position: relative;
}

.happy-drivers-topic-paragraph {
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  margin: 0 1rem;
  z-index: 1;
}

.happy-drivers-topic-paragraph:not(:last-child) {
  margin-bottom: 5.625rem;
}

.happy-drivers-topic-body-content {
  position: relative;
}

.happy-drivers-confidence-paragraph {
  margin: 0;
  padding: 0 4.125rem 0 1rem;
  position: relative;
}

.happy-drivers-redefined-paragraph {
  margin-left: 1rem;
  margin-right: 3.75rem;
}

.happy-drivers-and-more-paragraph {
  margin: 0;
  padding: 0 5.625rem 0 1rem;
  position: relative;
}

.happy-drivers-confidence-heart-image {
  bottom: -11.5rem;
  height: 10.625rem;
  left: 60%;
  position: absolute;
  transform: translateX(-50%);
  width: 10.25rem;
  z-index: -1;
}

.happy-drivers-and-more-image {
  bottom: -1.875rem;
  height: 1.875rem;
  left: 9.375rem;
  position: absolute;
  width: 5rem;
}

.happy-drivers-together-image {
  top: -3.125rem;
  height: 3.125rem;
  left: 5.9375rem;
  position: absolute;
  width: 5rem;
}

.happy-drivers-underline {
  display: inline-flex;
  font-style: normal;
  position: relative;
}

.happy-drivers-underlined-text {
  z-index: 2;
}

.happy-drivers-underline-image {
  left: 0;
  max-height: 0.75rem;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
}

.happy-drivers-topic-body-padding {
  padding: 5.625rem 0;
}

.happy-drivers-topic-last-body-padding {
  padding: 5.625rem 0 3.75rem;
}

.happy-drivers-topic-body-light {
  background-color: #1a1a1a;
}

.happy-drivers-topic-body-dark {
  background-color: #0f0f0f;
}

.happy-drivers-topic-container .tooltip-trigger {
  color: #ffffff;
  height: 0.75rem;
  vertical-align: top;
  width: 0.75rem;
}

.happy-drivers-topic-image-collection-container {
  display: flex;
  flex-direction: column;
}

.happy-drivers-image-1-container,
.happy-drivers-image-3-container,
.happy-drivers-image-4-container {
  display: flex;
  flex-direction: column;
  position: relative;
}

.happy-drivers-image-1-video-wrapper,
.happy-drivers-image-4-video-wrapper {
  position: relative;
}

.happy-drivers-image-1,
.happy-drivers-image-4 {
  height: 100%;
  width: 100%;
}

.happy-drivers-image-1-caption,
.happy-drivers-image-3-caption,
.happy-drivers-image-4-caption {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.375rem;
  position: absolute;
}

.happy-drivers-image-1-caption-header,
.happy-drivers-image-3-caption-header,
.happy-drivers-image-4-caption-header {
  font-weight: 700;
}

.happy-drivers-caption-link {
  align-items: center;
  color: #ffffff;
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-top: 1.25rem;
  text-decoration: none;
}

.happy-drivers-caption-link .icon {
  height: 0.625rem;
  margin-left: 0.5rem;
  width: 0.625rem;
}

.happy-drivers-image-1-container,
.happy-drivers-image-2 {
  margin-bottom: 0.625rem;
}

.happy-drivers-image-1-video-wrapper {
  margin-left: 1rem;
  width: calc(10 * ((100vw - (16px * 2) -6.55px * 11) / 11) + 9 * 6.55px);
}

.happy-drivers-image-1-container {
  align-items: flex-start;
  margin-top: 20rem;
}

@media (min-width: 640px) {
  .happy-drivers-image-1-container {
    flex-flow: row;
  }
}

.happy-drivers-image-1-caption {
  display: inline-block;
  position: absolute;
  width: calc((215 / 320) * 100%);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  margin-top: -9.5rem;
  margin-left: calc((45 / 320) * 100%);
  vertical-align: top;
  z-index: 2;
}

@media (min-width: 640px) {
  .happy-drivers-image-1-caption {
    position: relative;
    width: calc((220 / 1023) * 100%);
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: 6.75rem;
    margin-left: calc((50 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .happy-drivers-image-1-caption {
    width: calc((258 / 1440) * 100%);
    margin-top: 12.5rem;
    margin-left: calc((78 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .happy-drivers-image-1-caption {
    width: calc((309 / 1680) * 100%);
    margin-top: 17.25rem;
    margin-left: calc((78 / 1680) * 100%);
  }
}

.happy-drivers-image-2 {
  width: calc(100vw - 16px);
}

.happy-drivers-history {
  position: relative;
  margin-bottom: 21.875rem;
}

.happy-drivers-history p:after {
  background-color: #ffffff;
  content: '';
  height: calc(100% - 40px);
  right: -2.5rem;
  position: absolute;
  top: -6rem;
  width: 0.125rem;
  z-index: 2;
}

@media (min-width: 1024px) {
  .happy-drivers-history p:after {
    height: calc(100% + 88px);
    width: 0.1875rem;
    top: -15rem;
  }
}

@media (min-width: 1440px) {
  .happy-drivers-history p:after {
    height: calc(100% + 100px);
    top: -15rem;
  }
}

.happy-drivers-history-caption {
  position: absolute;
  top: 3.125rem;
  right: 24%;
  max-width: 18.75rem;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  margin-left: 0.625rem;
  vertical-align: top;
  z-index: 2;
}

@media (min-width: 640px) {
  .happy-drivers-history-caption {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.happy-drivers-history-caption span {
  display: block;
  font-weight: 700;
  margin-bottom: 0.375rem;
}

@media (min-width: 640px) {
  .happy-drivers-history-caption span {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.625rem;
  }
}

@media (min-width: 1440px) {
  .happy-drivers-history-caption span {
    margin-bottom: 0.625rem;
  }
}

.happy-drivers-image-3 {
  align-self: flex-end;
  margin-right: calc(16px + ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 6.55px);
  width: calc(7 * ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 6 * 6.55px);
}

.happy-drivers-image-3-container {
  margin-bottom: 12.9375rem;
}

.happy-drivers-image-3-container:after {
  background-color: #ffffff;
  bottom: -12.5rem;
  content: "";
  height: calc(200px + (0.136 * ((7 * ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 6 * 6.55px) / 0.8)));
  position: absolute;
  right: calc((16px + ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 6.55px) + (0.152 * (7 * ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 6 * 6.55px)));
  width: 0.0625rem;
}

.happy-drivers-image-3-caption {
  bottom: -12.9375rem;
  right: calc(24px + ((16px + ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 6.55px) + (0.152 * (7 * ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 6 * 6.55px))));
  width: 11.875rem;
}

.happy-drivers-image-4-video-wrapper {
  width: calc(100vw - 16px);
}

.happy-drivers-image-4-container {
  margin-top: 12.1875rem;
}

.happy-drivers-image-4-container:after {
  background-color: #ffffff;
  content: "";
  height: calc(122px + (0.181 * ((100vw - 16px) / 1.78)));
  left: calc(0.109 * (100vw - 16px));
  position: absolute;
  top: -7.625rem;
  width: 0.0625rem;
}

.happy-drivers-image-4-caption {
  bottom: calc(100% + 40px);
  left: calc(32px + (0.109 * (100vw - 16px)));
  width: 9.0625rem;
}

.happy-drivers-topic-quote-container {
  position: relative;
  z-index: 1;
}

.happy-drivers-topic-quote-photos {
  background-color: #002957;
  padding: 5.125rem 4.0625rem;
  position: relative;
}

.happy-drivers-topic-quote-background {
  bottom: 0;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.happy-drivers-topic-quote-portrait {
  display: block;
  position: relative;
  width: 100%;
  z-index: 1;
}

.happy-drivers-topic-quote-signature {
  position: absolute;
  z-index: 2;
}

.happy-drivers-topic-quote-bryn .happy-drivers-topic-quote-signature {
  bottom: 0.9375rem;
  height: 5.625rem;
  right: 2.875rem;
  width: 8.4375rem;
}

.happy-drivers-topic-quote-bradley .happy-drivers-topic-quote-signature {
  bottom: 0.6875rem;
  height: 7.8125rem;
  right: 3.4375rem;
  width: 10.625rem;
}

.happy-drivers-topic-quote-wrapper {
  background-color: #1a1a1a;
  padding: 3.25rem 3.4375rem;
}

.happy-drivers-topic-quote {
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin: 0;
  text-align: center;
}

.happy-drivers-topic-quote:before {
  color: #888888;
  content: "“";
  display: block;
  font-size: 2.5rem;
  line-height: 0.75rem;
  margin: 0 auto 1.25rem;
  text-align: center;
}

.happy-drivers-topic-quote-citation {
  color: #bababa;
  display: block;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: center;
}

.happy-drivers-topic-quote-citation:before {
  background-color: #9b9b9b;
  content: "";
  display: block;
  height: 0.8125rem;
  margin: 1.125rem auto;
  width: 0.0625rem;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .happy-drivers-topic-quote-citation:before {
    border: 1px solid #9b9b9b;
  }
}

.happy-drivers-topic-statistics + .happy-drivers-topic-statistics:before {
  background-color: rgba(255, 255, 255, 0.4);
  content: "";
  display: block;
  height: 0.0625rem;
  margin: 2.5rem auto;
  width: 8.8125rem;
}

.happy-drivers-topic-statistic-note-header {
  margin-bottom: 0.625rem;
}

.happy-drivers-topic-statistic {
  color: #ffffff;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 2.5rem;
  margin: 0 1rem 0.625rem;
  text-align: center;
}

.happy-drivers-topic-statistic-note-header,
.happy-drivers-topic-statistic-note {
  color: #bababa;
  font-family: "Hyundai Sans Head", "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  text-align: center;
}

.happy-drivers-topic-learn-more-link {
  align-items: center;
  color: #ffffff;
  display: inline-flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin: 3.125rem auto 0;
  text-decoration: none;
}

.happy-drivers-topic-learn-more-link .icon {
  height: 0.625rem;
  margin-left: 0.375rem;
  width: 0.625rem;
}

.happy-drivers-wrench {
  text-align: center;
  position: absolute;
  width: 22%;
  top: 0;
  left: 0;
}

@media (max-width: 640px) {
  .happy-drivers-wrench {
    left: 0;
  }
}

.happy-drivers-battery {
  text-align: center;
  position: absolute;
  width: 22%;
  top: 57%;
  right: 3%;
}

@media (max-width: 640px) {
  .happy-drivers-battery {
    right: 0;
  }
}

.happy-drivers-1mm-background {
  bottom: 100%;
  left: 0;
  max-width: none;
  position: absolute;
  width: 100%;
}

.happy-drivers-topic-statistic-disclaimer {
  color: #bababa;
  font-size: 0.625rem;
  line-height: 0.875rem;
  margin: 1.125rem auto 0;
  text-align: center;
  width: 11.875rem;
}

@media (min-width: 640px) {
  .happy-drivers-topic-heading {
    font-size: 5rem;
    line-height: 4.75rem;
    margin: 9.375rem 0 13.625rem;
  }
  .happy-drivers-topic-heading-note {
    bottom: -5.375rem;
    height: 4.5rem;
    left: 71%;
    width: 12.125rem;
  }
  .happy-drivers-topic-paragraph {
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 3.375rem;
    margin: 0 7.625rem 0 2.625rem;
  }
  .happy-drivers-topic-paragraph:not(:last-child) {
    margin-bottom: 8.4375rem;
  }
  .happy-drivers-confidence-paragraph,
  .happy-drivers-and-more-paragraph {
    margin: 0;
  }
  .happy-drivers-confidence-paragraph {
    padding: 0 30% 0 2.625rem;
  }
  .happy-drivers-redefined-paragraph {
    margin-right: 17.5rem;
  }
  .happy-drivers-confidence-heart-image {
    bottom: -10.25rem;
    height: 17rem;
    left: 66.5%;
    transform: none;
    width: 16.4375rem;
  }
  .happy-drivers-and-more-paragraph {
    padding: 0 2.625rem;
  }
  .happy-drivers-and-more-image {
    bottom: -3.203125rem;
    height: 3.515625rem;
    left: 50%;
    width: 9.375rem;
  }
  .happy-drivers-together-image {
    top: -6.6484375rem;
    height: 6.703125rem;
    left: 28%;
    width: 9.375rem;
  }
  .happy-drivers-topic-body-transparent {
    padding: 11.5625rem 0;
  }
  .happy-drivers-topic-body-padding,
  .happy-drivers-topic-last-body-padding {
    padding: 12.5rem 0;
  }
  .happy-drivers-topic-paragraph .tooltip-trigger {
    height: 1.125rem;
    width: 1.125rem;
  }
  .happy-drivers-image-1-caption,
  .happy-drivers-image-3-caption,
  .happy-drivers-image-4-caption {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .happy-drivers-image-1-caption-header,
  .happy-drivers-image-3-caption-header,
  .happy-drivers-image-4-caption-header {
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.625rem;
    margin-bottom: 0.625rem;
  }
  .happy-drivers-caption-link {
    font-size: 1rem;
    line-height: 1.375rem;
    margin-top: 0.9375rem;
  }
  .happy-drivers-image-1-container,
  .happy-drivers-image-2-container {
    margin-bottom: 0.9375rem;
  }
  .happy-drivers-image-1-video-wrapper {
    margin-left: 2.625rem;
    width: calc((8 * ((100vw - (2 * 42px) -11 * 20px) / 12)) - -7 * 20px);
  }
  .happy-drivers-image-1-container {
    margin-top: 4.0625rem;
  }
  .happy-drivers-image-1-container:after {
    height: 0.125rem;
    left: calc(42px + (1 - (59 / 619)) * ((8 * ((100vw - (2 * 42px) -11 * 20px) / 12)) - -7 * 20px));
    top: calc(0.12 * (((8 * ((100vw - (2 * 42px) -11 * 20px) / 12)) - -7 * 20px) / 1.78));
    width: calc(219px + (59 / 619) * ((8 * ((100vw - (2 * 42px) -11 * 20px) / 12)) - -7 * 20px));
  }
  .happy-drivers-image-1-caption-header {
    margin-bottom: 0.375rem;
  }
  .happy-drivers-image-2 {
    width: calc(100vw - 42px);
  }
  .happy-drivers-image-3 {
    margin-right: calc(42px + ((100vw - (2 * 42px) - (11 * 20px)) / 12) + 20px);
    width: calc((6 * ((100vw - (2 * 42px) - (11 * 20px)) / 12)) + (5 * 20px));
  }
  .happy-drivers-image-3-container {
    margin-bottom: 0;
  }
  .happy-drivers-image-3-container:after {
    height: 0.125rem;
    right: calc(42px + ((100vw - (2 * 42px) - (11 * 20px)) / 12) + 20px + (1 - (59 / 460)) * ((6 * ((100vw - (2 * 42px) - (11 * 20px)) / 12)) + (5 * 20px)));
    top: calc((130 / 575) * (((6 * ((100vw - (2 * 42px) - (11 * 20px)) / 12)) + (5 * 20px)) / 0.8));
    width: calc(269px + (59 / 460) * ((6 * ((100vw - (2 * 42px) - (11 * 20px)) / 12)) + (5 * 20px)));
  }
  .happy-drivers-image-3-caption {
    right: calc(50px + (7 * ((100vw - (2 * 42px) - (11 * 20px)) / 12)) + (6 * 20px) + 42px);
    top: calc(31px + ((130 / 575) * (((6 * ((100vw - (2 * 42px) - (11 * 20px)) / 12)) + (5 * 20px)) / 0.8)));
    width: 13.75rem;
  }
  .happy-drivers-image-4-video-wrapper {
    margin-left: 2.625rem;
    width: calc(100vw - 42px);
  }
  .happy-drivers-image-4-container {
    margin-top: 16.5625rem;
  }
  .happy-drivers-image-4-container:after {
    height: calc(192px + (59 / 551) * ((100vw - 42px) / 1.78));
    left: calc(42px + (117 / 981) * (100vw - 42px));
    top: -12rem;
    width: 0.125rem;
  }
  .happy-drivers-image-4-caption {
    bottom: calc(100% + 90px);
    left: calc(41px + (42px + (117 / 981) * (100vw - 42px)));
    width: 13.75rem;
  }
  .happy-drivers-topic-quote-container {
    display: flex;
  }
  .happy-drivers-topic-quote-photos,
  .happy-drivers-topic-quote-wrapper {
    display: flex;
    flex-basis: 50%;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
  }
  .happy-drivers-topic-quote-photos {
    padding: 13.78% 8.9% 12.1% 11.8%;
  }
  .happy-drivers-topic-quote-bryn .happy-drivers-topic-quote-signature {
    bottom: 3.125%;
    height: calc(0.21 * 100vw * (90 / 135));
    right: 7%;
    width: calc(0.21 * 100vw);
  }
  .happy-drivers-topic-quote-bradley .happy-drivers-topic-quote-signature {
    bottom: 0;
    height: calc(0.28 * 100vw * (125 / 170));
    right: 56.5%;
    width: calc(0.28 * 100vw);
  }
  .happy-drivers-topic-quote-wrapper {
    padding: 9.25%;
  }
  .happy-drivers-topic-quote {
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.875rem;
  }
  .happy-drivers-topic-quote:before {
    font-size: 3.25rem;
    margin: 0 auto 1.875rem;
  }
  .happy-drivers-topic-quote-citation {
    font-size: 1rem;
    line-height: 1.375rem;
  }
  .happy-drivers-topic-quote-citation:before {
    height: 2.25rem;
    margin: 1.25rem auto;
  }
  .happy-drivers-topic-statistics + .happy-drivers-topic-statistics:before {
    margin: 5rem auto;
    width: 62%;
  }
  .happy-drivers-topic-statistic-note-header {
    margin-bottom: 1.25rem;
  }
  .happy-drivers-topic-statistic {
    font-size: 8.125rem;
    line-height: 7.8125rem;
    margin: 0 2.625rem 1.25rem;
  }
  .happy-drivers-topic-statistic-smaller {
    font-size: 4.375rem;
  }
  .happy-drivers-topic-statistic-note-header,
  .happy-drivers-topic-statistic-note {
    font-size: 1.5rem;
    line-height: 1.875rem;
    max-width: none;
  }
  .happy-drivers-topic-learn-more-link {
    font-size: 1rem;
    justify-content: center;
    line-height: 1.375rem;
    margin-top: 4.375rem;
  }
  .happy-drivers-1mm-background {
    left: 0;
    width: 100%;
  }
  .happy-drivers-topic-statistic-disclaimer {
    font-size: 0.8125rem;
    line-height: 1rem;
    margin-top: 2.5rem;
    width: auto;
  }
}

@media (min-width: 1024px) {
  .happy-drivers-topic-heading {
    font-size: 7.125rem;
    line-height: 6.75rem;
    margin: 13.125rem 0 16.5625rem;
  }
  .happy-drivers-topic-heading-note {
    bottom: -7.375rem;
    height: 6.75rem;
    left: 70%;
    width: 18.1875rem;
  }
  .happy-drivers-topic-paragraph {
    font-size: 4.375rem;
    line-height: 4.5rem;
    margin: 0 4.5rem;
  }
  .happy-drivers-topic-paragraph:not(:last-child) {
    margin-bottom: 8.125rem;
  }
  .happy-drivers-confidence-paragraph,
  .happy-drivers-and-more-paragraph {
    margin: 0;
    padding: 0 4.5rem;
  }
  .happy-drivers-confidence-paragraph {
    width: 75%;
  }
  .happy-drivers-and-more-paragraph {
    width: 85%;
  }
  .happy-drivers-redefined-paragraph {
    margin-right: 25rem;
  }
  .happy-drivers-confidence-heart-image {
    height: 28.75rem;
    left: 80%;
    top: 9.0625rem;
    width: 27.5rem;
  }
  .happy-drivers-and-more-image {
    bottom: -5.2265625rem;
    height: 5.2265625rem;
    left: 48.75%;
    width: 13.9375rem;
  }
  .happy-drivers-together-image {
    top: -9.375rem;
    height: 9.1875rem;
    left: 27.75%;
    width: 13.9375rem;
  }
  .happy-drivers-topic-body-transparent {
    padding: 16.875rem 0;
  }
  .happy-drivers-topic-body-padding {
    padding: 18.75rem 0;
  }
  .happy-drivers-topic-last-body-padding {
    padding: 18.75rem 0 12.5rem;
  }
  .happy-drivers-topic-paragraph .tooltip-trigger {
    height: 1.25rem;
    width: 1.25rem;
  }
  .happy-drivers-image-1-video-wrapper {
    margin-left: 4.5rem;
    width: calc((8 * ((100vw - (2 * 72px) -11 * 20px) / 12)) - -7 * 20px);
  }
  .happy-drivers-image-1-container {
    margin-top: 7.5rem;
  }
  .happy-drivers-image-1-container:after {
    height: 0.1875rem;
    left: calc(72px + (1 - (89 / 857)) * ((8 * ((100vw - (2 * 72px) -11 * 20px) / 12)) - -7 * 20px));
    top: calc((217 / 482) * (((8 * ((100vw - (2 * 72px) -11 * 20px) / 12)) - -7 * 20px) / 1.78));
    width: calc(367px + (89 / 857) * ((8 * ((100vw - (2 * 72px) -11 * 20px) / 12)) - -7 * 20px));
  }
  .happy-drivers-image-1-caption-header {
    margin-bottom: 0.625rem;
  }
  .happy-drivers-image-2 {
    width: calc(100vw - 72px);
  }
  .happy-drivers-image-3 {
    margin-right: calc(72px + ((100vw - (2 * 72px) - (11 * 20px)) / 12) + 20px);
    width: calc((6 * ((100vw - (2 * 72px) - (11 * 20px)) / 12)) + (5 * 20px));
  }
  .happy-drivers-image-3-container:after {
    height: 0.1875rem;
    right: calc(72px + ((100vw - (2 * 72px) - (11 * 20px)) / 12) + 20px + (1 - (89 / 639)) * ((6 * ((100vw - (2 * 72px) - (11 * 20px)) / 12)) + (5 * 20px)));
    top: calc((201 / 799) * (((6 * ((100vw - (2 * 72px) - (11 * 20px)) / 12)) + (5 * 20px)) / 0.8));
    width: calc(437px + (89 / 639) * ((6 * ((100vw - (2 * 72px) - (11 * 20px)) / 12)) + (5 * 20px)));
  }
  .happy-drivers-image-3-caption {
    right: calc(130px + 72px + (7 * ((100vw - (2 * 72px) - (11 * 20px)) / 12)) + (6 * 20px));
    top: calc(38px + ((201 / 799) * (((6 * ((100vw - (2 * 72px) - (11 * 20px)) / 12)) + (5 * 20px)) / 0.8)));
    width: 19.375rem;
  }
  .happy-drivers-image-4-video-wrapper {
    margin-left: 0;
    width: calc(100vw - 72px);
  }
  .happy-drivers-image-4-container {
    margin-top: 25.3125rem;
  }
  .happy-drivers-image-4-container:after {
    height: calc(236px + (100 / 770) * ((100vw - 72px) / 1.78));
    left: calc((139 / 1368) * (100vw - 72px));
    top: -14.75rem;
    width: 0.1875rem;
  }
  .happy-drivers-image-4-caption {
    bottom: calc(100% + 163px);
    left: calc(42px + ((139 / 1368) * (100vw - 72px)));
    width: 16.5625rem;
  }
  .happy-drivers-image-4-caption-header {
    margin-bottom: 0.375rem;
  }
  .happy-drivers-topic-quote-photos {
    padding: 13.15% 10.5%;
  }
  .happy-drivers-topic-quote-bryn .happy-drivers-topic-quote-signature {
    bottom: 6.3%;
    height: calc(0.27 * 100vw * (90 / 135));
    right: -11%;
    width: calc(0.27 * 100vw);
  }
  .happy-drivers-topic-quote-bradley .happy-drivers-topic-quote-signature {
    bottom: -2%;
    height: calc(0.38 * 100vw * (125 / 170));
    right: 40%;
    width: calc(0.38 * 100vw);
  }
  .happy-drivers-topic-quote-wrapper {
    padding: 10.5%;
  }
  .happy-drivers-topic-quote {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .happy-drivers-topic-quote:before {
    font-size: 4.0625rem;
  }
  .happy-drivers-topic-quote-citation {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .happy-drivers-topic-quote-citation:before {
    margin: 1.875rem auto 2.5rem;
  }
  .happy-drivers-statistics + .happy-drivers-statistics:before {
    margin: 5.625rem auto;
    width: 40rem;
  }
  .happy-drivers-topic-statistic {
    font-size: 11.875rem;
    line-height: 11.5625rem;
    margin: 0 72px 0.625rem;
  }
  .happy-drivers-topic-statistic-smaller {
    font-size: 4.375rem;
  }
  .happy-drivers-topic-statistic-note-header,
  .happy-drivers-topic-statistic-note {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .happy-drivers-topic-statistic-disclaimer {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

@media (min-width: 1440px) {
  .happy-drivers-topic-paragraph {
    margin: 0 12rem;
  }
  .happy-drivers-confidence-paragraph,
  .happy-drivers-and-more-paragraph {
    margin: 0;
    padding: 0 12rem;
  }
  .happy-drivers-redefined-paragraph {
    margin-right: 32.5rem;
  }
  .happy-drivers-topic-body-transparent {
    padding: 21.5625rem 0;
  }
  .happy-drivers-topic-paragraph .tooltip-trigger {
    height: 1.375rem;
    width: 1.375rem;
  }
  .happy-drivers-image-1-video-wrapper {
    margin-left: 12rem;
    width: calc((8 * ((100vw - (2 * 192px) -11 * 20px) / 12)) - -7 * 20px);
  }
  .happy-drivers-image-1-caption-header {
    margin-bottom: 0.375rem;
  }
  .happy-drivers-image-2 {
    width: calc(100vw - 120px);
  }
  .happy-drivers-image-3 {
    margin-right: 12rem;
    width: calc((6 * ((100vw - (2 * 192px) - (11 * 20px)) / 12)) + (5 * 20px));
  }
  .happy-drivers-image-3-container:after {
    right: calc(192px + (1 - (89 / 638)) * ((6 * ((100vw - (2 * 192px) - (11 * 20px)) / 12)) + (5 * 20px)));
    top: calc((201 / 798) * (((6 * ((100vw - (2 * 192px) - (11 * 20px)) / 12)) + (5 * 20px)) / 0.8));
    width: calc(437px + (89 / 638) * ((6 * ((100vw - (2 * 192px) - (11 * 20px)) / 12)) + (5 * 20px)));
  }
  .happy-drivers-image-3-caption {
    right: calc(192px + 130px + ((6 * ((100vw - (2 * 192px) - (11 * 20px)) / 12)) + (5 * 20px)));
    top: calc(38px + ((201 / 798) * (((6 * ((100vw - (2 * 192px) - (11 * 20px)) / 12)) + (5 * 20px)) / 0.8)));
  }
  .happy-drivers-image-4-video-wrapper {
    width: calc(100vw - 120px);
  }
  .happy-drivers-image-4-container:after {
    height: calc(236px + (100 / 878) * ((100vw - 120px) / 1.78));
    left: calc((259 / 1560) * (100vw - 120px));
  }
  .happy-drivers-image-4-caption {
    left: calc(42px + ((259 / 1560) * (100vw - 120px)));
  }
  .happy-drivers-topic-quote-photos {
    padding: 15.65% 12.5%;
  }
  .happy-drivers-topic-quote-bryn .happy-drivers-topic-quote-signature {
    bottom: 11.4%;
    height: calc(0.23 * 100vw * (90 / 135));
    right: 4.5%;
    width: calc(0.23 * 100vw);
  }
  .happy-drivers-topic-quote-bradley .happy-drivers-topic-quote-signature {
    bottom: 2.85%;
    height: calc(0.32 * 100vw * (125 / 170));
    right: 50%;
    width: calc(0.32 * 100vw);
  }
  .happy-drivers-topic-quote-wrapper {
    padding: 12.5%;
  }
  .happy-drivers-topic-statistics + .happy-drivers-topic-statistics:before {
    width: 46.875rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .happy-drivers-topic-quote-photos .happy-drivers-topic-quote-portrait {
    flex-shrink: 0;
  }
  .happy-drivers-image-1-container,
  .happy-drivers-image-4-container {
    flex-direction: row;
  }
  .happy-drivers-image-1-container .happy-drivers-image-1-video-wrapper,
  .happy-drivers-image-4-container .happy-drivers-image-4-video-wrapper {
    display: block;
  }
}

.happy-drivers-topic-image-collection-container-mile {
  display: flex;
  flex-direction: column;
}

.happy-drivers-millionth-mile-club-container {
  margin-bottom: 3.75rem;
}

@media (min-width: 640px) {
  .happy-drivers-millionth-mile-club-container {
    margin-bottom: 9.375rem;
  }
}

@media (min-width: 1024px) {
  .happy-drivers-millionth-mile-club-container {
    margin-bottom: 12.5rem;
  }
}

@media (min-width: 1440px) {
  .happy-drivers-millionth-mile-club-container {
    margin-bottom: 15.625rem;
  }
}

.happy-drivers-image-1-container-mile,
.happy-drivers-image-3-container-million {
  display: flex;
  flex-direction: column;
  position: relative;
}

.happy-drivers-image-1-container-mile {
  margin-bottom: 0.625rem;
}

.happy-drivers-image-1-container-mile {
  margin-top: 20rem;
}

.happy-drivers-image-1-container-mile:after {
  background-color: #ffffff;
  content: "";
  height: calc(178px + (0.224 * ((10 * ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 9 * 6.55px) / 1.78)));
  left: calc(16px + (0.071 * (10 * ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 9 * 6.55px)));
  position: absolute;
  top: -11.125rem;
  width: 0.0625rem;
}

.happy-drivers-1mm-background-mile {
  bottom: 100%;
  left: -86.56%;
  max-width: none;
  position: absolute;
  width: 200%;
}

.happy-drivers-image-1-video-wrapper-mile,
.happy-drivers-image-3-video-wrapper-mile {
  position: relative;
}

.happy-drivers-image-1-video-wrapper-mile {
  width: calc(100vw - 16px);
}

.happy-drivers-image-1-video-wrapper-mile {
  margin-left: 1rem;
  width: calc(10 * ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 9 * 6.55px);
}

.happy-drivers-image-1-caption-header-mile,
.happy-drivers-image-3-caption-header-million {
  font-weight: 700;
}

.happy-drivers-image-1-caption-mile,
.happy-drivers-image-3-caption-million {
  color: #ffffff;
  font-size: 1.125rem;
  line-height: 1.375rem;
  position: absolute;
}

.happy-drivers-image-1-caption-mile {
  left: calc(32px + (16px + (0.071 * (10 * ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 9 * 6.55px))));
  top: -11.5625rem;
  width: 11.875rem;
}

.happy-drivers-image-1-caption-mile {
  left: calc(32px + (16px + (0.071 * (10 * ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 9 * 6.55px))));
  top: -11.5625rem;
  width: 11.875rem;
}

.happy-drivers-image-3-container-million {
  margin-bottom: 12.9375rem;
}

.happy-drivers-image-3-container-million:after {
  background-color: #ffffff;
  bottom: -12.5rem;
  content: "";
  height: calc(200px + (0.136 * ((7 * ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 6 * 6.55px) / 0.8)));
  position: absolute;
  right: calc((16px + ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 6.55px) + (0.152 * (7 * ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 6 * 6.55px)));
  width: 0.0625rem;
}

.happy-drivers-image-3-millionVideo {
  align-self: flex-end;
  margin-right: calc(16px + ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 6.55px);
  width: calc(7 * ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 6 * 6.55px);
}

.happy-drivers-image-2-video-wrapper-million {
  position: relative;
}

.happy-drivers-image-3-caption-million {
  bottom: -12.9375rem;
  right: calc(24px + ((16px + ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 6.55px) + (0.152 * (7 * ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 6 * 6.55px))));
  width: 11.875rem;
}

.happy-drivers-image-2-video-wrapper-million {
  width: calc(10 * ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 9 * 6.55px);
}

@media (min-width: 640px) {
  .happy-drivers-image-1-container-mile {
    margin-bottom: 0.9375rem;
  }
  .happy-drivers-image-3-caption-million {
    right: calc(115px + (7 * ((100vw - (2 * 42px) - (11 * 20px)) / 12)) + (6 * 20px) + 42px);
    top: calc(17px + ((90 / 575) * (((4 * ((100vw - (2 * 42px) - (11 * 20px)) / 12)) + (5 * 20px)) / 0.8)));
    width: 11.75rem;
  }
  .happy-drivers-image-2-video-wrapper-million {
    margin-left: 4rem;
    width: calc((8 * ((100vw - (2 * 42px) - (11 * 20px)) / 12)) + (7 * 20px));
  }
  .happy-drivers-image-3-container-million:after {
    height: 0.15rem;
    right: calc(92px + ((100vw - (2 * 42px) - (11 * 20px)) / 12) + 20px + (1 - (59 / 460)) * ((6 * ((100vw - (2 * 42px) - (11 * 20px)) / 12)) + (5 * 20px)));
    top: calc((70 / 575) * (((4 * ((100vw - (2 * 42px) - (11 * 20px)) / 12)) + (5 * 20px)) / 0.8));
    width: calc(245px + (59 / 460) * ((8 * ((100vw - (2 * 42px) - (11 * 20px)) / 12)) + (5 * 20px)));
  }
  .happy-drivers-image-1-container-mile {
    margin-top: 4.0625rem;
  }
  .happy-drivers-image-1-container-mile:after {
    height: 0.135rem;
    left: calc(42px + (1 - (59 / 619)) * ((8 * ((100vw - (2 * 42px) - (11 * 20px)) / 12)) + (7 * 20px)));
    top: calc(0.12 * (((8 * ((100vw - (2 * 42px) - (11 * 20px)) / 12)) + (7 * 20px)) / 1.78));
    width: calc(246px + (59 / 619) * ((8 * ((100vw - (2 * 42px) - (11 * 20px)) / 12)) + (7 * 20px)));
  }
  .happy-drivers-image-1-caption-mile {
    left: calc(42px + 30px + ((8 * ((100vw - (2 * 42px) - (11 * 20px)) / 12)) + (7 * 20px)));
    top: calc(21px + (0.12 * (((8 * ((100vw - (2 * 42px) - (11 * 20px)) / 12)) + (7 * 20px)) / 1.78)));
    width: 12.5rem;
  }
  .happy-drivers-image-1-video-wrapper-mile {
    margin-left: 2.625rem;
    width: calc((8 * ((100vw - (2 * 42px) - (11 * 20px)) / 12)) + (7 * 20px));
  }
  .happy-drivers-image-1-caption-mile {
    bottom: -12.9375rem;
    right: calc(24px + ((16px + ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 6.55px) + (0.152 * (7 * ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 6 * 6.55px))));
    width: 11.875rem;
  }
  .happy-drivers-image-1-caption-header-mile,
  .happy-drivers-image-3-caption-header-million {
    font-family: "Hyundai Sans Head", "Arial", sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.625rem;
    margin-bottom: 0.625rem;
  }
  .happy-drivers-image-1-caption-header-mile {
    margin-bottom: 0.375rem;
  }
}

@media (min-width: 1024px) {
  .happy-drivers-image-3-container-million:after {
    height: 0.1875rem;
    right: calc(160px + ((100vw - (2 * 72px) - (11 * 20px)) / 12) + 20px + (1 - (89 / 639)) * ((6 * ((100vw - (2 * 72px) - (11 * 20px)) / 12)) + (5 * 20px)));
    top: calc((80 / 799) * (((6 * ((100vw - (2 * 72px) - (11 * 20px)) / 12)) + (5 * 20px)) / 0.8));
    width: calc(308px + (89 / 639) * ((6 * ((100vw - (2 * 72px) - (11 * 20px)) / 12)) + (5 * 20px)));
  }
  .happy-drivers-image-3-caption-million {
    right: calc(180px + 72px + (7 * ((100vw - (2 * 72px) - (11 * 20px)) / 12)) + (6 * 20px));
    top: calc(40px + ((80 / 599) * (((4 * ((100vw - (2 * 72px) - (11 * 20px)) / 12)) + (5 * 20px)) / 0.8)));
    width: 13.32rem;
  }
  .happy-drivers-image-2-video-wrapper-million {
    margin-left: calc(-182px + ((100vw - (2 * 72px) - (11 * 20px)) / 12) + 20px);
    width: calc((8 * ((100vw - (2 * 52px) - (11 * 20px)) / 12)) + (7 * 20px));
  }
  .happy-drivers-image-3-millionVideo {
    margin-right: calc(72px + ((100vw - (2 * 72px) - (11 * 20px)) / 12) + 20px);
    width: calc((6 * ((100vw - (2 * 72px) - (11 * 20px)) / 12)) + (5 * 20px));
  }
  .happy-drivers-image-1-container-mile {
    margin-top: 7.5rem;
  }
  .happy-drivers-image-1-container-mile:after {
    height: 0.1875rem;
    left: calc(60px + (1 - (89 / 857)) * ((8 * ((100vw - (2 * 72px) - (11 * 20px)) / 12)) + (7 * 20px)));
    top: calc((217 / 482) * (((2 * ((100vw - (2 * 72px) - (11 * 20px)) / 12)) + (7 * 20px)) / 1.78));
    width: calc(340px + (89 / 857) * ((8 * ((100vw - (2 * 72px) - (11 * 20px)) / 12)) + (7 * 20px)));
  }
  .happy-drivers-image-1-video-wrapper-mile {
    margin-left: 4.5rem;
    width: calc((8 * ((100vw - (2 * 72px) - (11 * 20px)) / 12)) + (7 * 20px));
  }
  .happy-drivers-image-1-caption-mile {
    left: calc(60px + 72px + ((8 * ((100vw - (2 * 72px) - (11 * 20px)) / 12)) + (7 * 20px)));
    top: calc(20px + ((200 / 482) * (((4 * ((100vw - (2 * 72px) - (11 * 20px)) / 12)) + (7 * 20px)) / 1.78)));
    width: 13.32rem;
  }
  .happy-drivers-image-1-caption-header-mile {
    margin-bottom: 0.625rem;
  }
}

@media (min-width: 1440px) {
  .happy-drivers-image-3-container-million:after {
    right: calc(107px + (1 - (89 / 638)) * ((10 * ((100vw - (2 * 192px) - (11 * 20px)) / 12)) + (5 * 20px)));
    top: calc((201 / 798) * (((4 * ((100vw - (2 * 300px) - (11 * 20px)) / 12)) + (5 * 20px)) / 0.8));
    width: calc(430px + (89 / 638) * ((8 * ((100vw - (2 * 192px) - (11 * 20px)) / 12)) + (5 * 20px)));
  }
  .happy-drivers-image-2-video-wrapper-million {
    margin-left: -3rem;
    width: calc((10 * ((100vw - (2 * 225px) - (11 * 20px)) / 12)) + (7 * 20px));
  }
  .happy-drivers-image-3-caption-million {
    right: calc(100px + 180px + (8 * ((100vw - (2 * 72px) - (11 * 20px)) / 12)) + (6 * 20px));
    top: calc(20px + ((201 / 798) * (((4 * ((100vw - (2 * 192px) - (11 * 20px)) / 12)) + (5 * 20px)) / 0.8)));
  }
  .happy-drivers-image-3-millionVideo {
    margin-right: 12rem;
    width: calc((8 * ((100vw - (2 * 192px) - (11 * 20px)) / 12)) + (5 * 20px));
  }
  .happy-drivers-image-1-container-mile:after {
    left: calc(218px + (1 - (89 / 857)) * ((8 * ((100vw - (2 * 192px) - (11 * 20px)) / 12)) + (7 * 20px)));
    top: calc((219 / 482) * (((4 * ((100vw - (2 * 192px) - (11 * 20px)) / 12)) + (7 * 20px)) / 1.78));
    width: calc(452px + (89 / 857) * ((6 * ((100vw - (2 * 192px) - (11 * 20px)) / 12)) + (7 * 20px)));
  }
  .happy-drivers-image-1-video-wrapper-mile {
    margin-left: 8rem;
    width: calc((9 * ((100vw - (2 * 172px) - (11 * 20px)) / 12)) + (7 * 20px));
  }
  .happy-drivers-image-1-caption-mile {
    left: calc(130px + ((10 * ((100vw - (2 * 192px) - (11 * 20px)) / 12)) + (7 * 20px)));
    top: calc(32px + ((219 / 482) * (((4 * ((100vw - (2 * 192px) - (11 * 20px)) / 12)) + (7 * 20px)) / 1.78)));
  }
  .happy-drivers-image-1-caption-header-mile {
    margin-bottom: 0.375rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .happy-drivers-image-1-container-mile,
  .happy-drivers-image-3-container-mile {
    flex-direction: row;
  }
  .happy-drivers-image-1-container-mile
.happy-drivers-image-1-video-wrapper-mile,
  .happy-drivers-image-3-container-million,
  .happy-drivers-image-2-video-wrapper-million {
    display: block;
  }
}

@media (max-width: 600px) {
  .happy-drivers-image-3-millionVideo {
    margin-left: 1rem;
    align-self: flex-start;
    margin-right: calc(16px + ((100vw - (2 * 42px) - (11 * 20px)) / 12) + 20px);
    width: calc((8 * ((100vw - (2 * 42px) - (11 * 4px)) / 12)) + (7 * 24px));
  }
  .happy-drivers-image-1-caption-mile {
    left: calc(48px + (16px + (0.071 * (10 * ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 9 * 6.55px))));
    top: -11.5625rem;
    width: 11.875rem;
  }
  .happy-drivers-image-1-caption-mile:after {
    height: calc(178px + (0.224 * ((10 * ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 9 * 6.55px) / 1.78)));
    left: calc(61px + (0.071 * (10 * ((100vw - (16px * 2) - (6.55px * 11)) / 11) + 9 * 6.55px)));
    position: absolute;
    top: -11.125rem;
    width: 0.0625rem;
  }
}

.happy-drivers-image-5-container {
  display: flex;
  align-items: flex-start;
  flex-flow: column;
  position: relative;
  margin-top: 0.625rem;
}

@media (min-width: 640px) {
  .happy-drivers-image-5-container {
    flex-flow: row;
    margin-top: 0.9375rem;
  }
}

.happy-drivers-image-5-card {
  position: relative;
  width: calc((238 / 320) * 100%);
  margin-left: calc((16 / 320) * 100%);
  vertical-align: top;
  z-index: 1;
}

@media (min-width: 640px) {
  .happy-drivers-image-5-card {
    width: calc((619 / 1023) * 100%);
    margin-left: calc((42 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .happy-drivers-image-5-card {
    width: calc((857 / 1440) * 100%);
    margin-left: calc((72 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .happy-drivers-image-5-card {
    width: calc((1000 / 1680) * 100%);
    margin-left: calc((192 / 1680) * 100%);
  }
}

.happy-drivers-image-5-caption {
  display: inline-block;
  position: relative;
  width: calc((215 / 320) * 100%);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  margin-top: 2.5rem;
  margin-left: calc((65 / 320) * 100%);
  vertical-align: top;
  z-index: 2;
}

@media (min-width: 640px) {
  .happy-drivers-image-5-caption {
    width: calc((220 / 1023) * 100%);
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: 3.75rem;
    margin-left: calc((100 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .happy-drivers-image-5-caption {
    width: calc((258 / 1440) * 100%);
    margin-top: 7.5rem;
    margin-left: calc((78 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .happy-drivers-image-5-caption {
    width: calc((309 / 1680) * 100%);
    margin-top: 10.375rem;
    margin-left: calc((78 / 1680) * 100%);
  }
}

.happy-drivers-image-5-caption:before {
  content: '';
  width: 0.0625rem;
  height: calc(100% + 70px);
  position: absolute;
  bottom: 0;
  left: -1.875rem;
  background-color: #ffffff;
  z-index: 2;
}

@media (min-width: 640px) {
  .happy-drivers-image-5-caption:before {
    width: 23.625rem;
    height: 0.125rem;
    top: -1.875rem;
    right: 0;
    bottom: auto;
    left: auto;
  }
}

@media (min-width: 1024px) {
  .happy-drivers-image-5-caption:before {
    width: 32.8125rem;
    height: 0.1875rem;
    top: -2.3125rem;
    right: -6.5rem;
  }
}

@media (min-width: 1440px) {
  .happy-drivers-image-5-caption:before {
    width: 32.8125rem;
    height: 0.1875rem;
    top: -2.3125rem;
    right: 0;
  }
}

.happy-drivers-image-5-caption span {
  display: block;
  font-weight: 700;
}

@media (min-width: 640px) {
  .happy-drivers-image-5-caption span {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.625rem;
    margin-bottom: 0.375rem;
  }
}

@media (min-width: 1440px) {
  .happy-drivers-image-5-caption span {
    margin-bottom: 0.625rem;
  }
}

.happy-drivers-image-6-container {
  display: flex;
  align-items: flex-start;
  flex-flow: column;
  position: relative;
  margin-top: 0.625rem;
  margin-bottom: 3.125rem;
}

@media (min-width: 640px) {
  .happy-drivers-image-6-container {
    flex-flow: row;
    margin-top: 0.9375rem;
  }
}

.happy-drivers-image-6-card {
  order: 1;
  width: calc((238 / 320) * 100%);
  margin-left: calc((66 / 320) * 100%);
  z-index: 1;
}

@media (min-width: 640px) {
  .happy-drivers-image-6-card {
    order: 2;
    width: calc((619 / 1023) * 100%);
    margin-left: 0;
  }
}

@media (min-width: 1024px) {
  .happy-drivers-image-6-card {
    width: calc((857 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .happy-drivers-image-6-card {
    width: calc((1000 / 1680) * 100%);
  }
}

.happy-drivers-image-6-caption {
  order: 2;
  position: relative;
  width: calc((197 / 320) * 100%);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  margin-top: 2.5rem;
  margin-right: calc((15 / 320) * 100%);
  margin-left: calc((58 / 320) * 100%);
  z-index: 2;
}

@media (min-width: 640px) {
  .happy-drivers-image-6-caption {
    order: 1;
    width: calc((220 / 1023) * 100%);
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: 3.75rem;
    margin-right: calc((100 / 1023) * 100%);
    margin-left: calc((42 / 1023) * 100%);
  }
}

@media (min-width: 1024px) {
  .happy-drivers-image-6-caption {
    width: calc((258 / 1440) * 100%);
    margin-top: 7.5rem;
    margin-right: calc((192 / 1440) * 100%);
    margin-left: calc((72 / 1440) * 100%);
  }
}

@media (min-width: 1440px) {
  .happy-drivers-image-6-caption {
    width: calc((309 / 1680) * 100%);
    margin-top: 7.8125rem;
    margin-right: calc((78 / 1680) * 100%);
    margin-left: calc((192 / 1680) * 100%);
  }
}

.happy-drivers-image-6-caption:before {
  content: '';
  position: absolute;
  width: 0.0625rem;
  height: calc(100% + 70px);
  bottom: 0;
  right: -1.875rem;
  background-color: #ffffff;
  z-index: 2;
}

@media (min-width: 640px) {
  .happy-drivers-image-6-caption:before {
    width: 23.625rem;
    height: 0.125rem;
    top: -1.875rem;
    right: auto;
    bottom: auto;
    left: auto;
  }
}

@media (min-width: 1024px) {
  .happy-drivers-image-6-caption:before {
    width: 30rem;
    height: 0.1875rem;
    top: -3.1875rem;
  }
}

@media (min-width: 1440px) {
  .happy-drivers-image-6-caption:before {
    width: 32.8125rem;
    height: 0.1875rem;
    top: -2.5625rem;
  }
}

.happy-drivers-image-6-caption span {
  display: block;
  font-weight: 700;
}

@media (min-width: 640px) {
  .happy-drivers-image-6-caption span {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.625rem;
    margin-bottom: 0.375rem;
  }
}

@media (min-width: 1440px) {
  .happy-drivers-image-6-caption span {
    margin-bottom: 0.625rem;
  }
}