/* General Styles */
.media-and-text-wrapper {
  padding: 4px 0;
}

.media-and-content-wrapper {
  display: flex;
  flex-direction: row;
  padding-bottom: 16px;
  background-color: #fff;
  gap: 24px;
}

.flex-right-column-70.category-container-container .media-and-text-container .heading {
  padding-bottom: 16px;
}

.media-section {
  flex: 1;
}

.media-and-text-container .content-section {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.media-and-text-container .content-section ul {
  margin: 0;
  padding-left: 20px;
}

.media-and-text-container .content-section ul.success-icon {
  padding-left: 0;
}

.media-and-text-container .content-section ul li {
  margin-bottom: 4px;
  margin-left: 4px;
  color: #000;
  font-family: "HyundaiSansText-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.media-and-text-container .content-section ul li a  {
  color: #002C5F;
  font-family: "HyundaiSansText-Medium";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.media-and-text-container .icon-green-checkmark {
  margin-right: 4px;
  width: 24px;
  height: 24px;
}

.media-and-text-container .content-section ul li:last-child {
  margin-bottom: 0;
}

.media-and-text-container .heading {
  display: flex;
  align-items: center;
}

.media-and-text-container .content-heading.titlexs , .media-and-text-container .body-copy-heading.titlexs {
  color: #000;
  font-family: "HyundaiSansHead-Medium";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
}

.media-and-text-container .content-heading.titles , .media-and-text-container .body-copy-heading.titles {
  color:  #000;
  font-family: "HyundaiSansHead-Medium";
  font-size:  20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140% ;
}

.media-and-text-container .icon-info {
  cursor: pointer;
  margin-left: 4px;
}

.media-and-text-container .body-copy-head {
  display: flex;
  align-items: center;
}

.media-and-text-container .body-copy-heading {
  color: #000;
  font-family: "HyundaiSansHead-Medium";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.media-and-text-container .body-copy {
  color: #000;
  font-family: "HyundaiSansText-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  align-self: stretch;
}

.media-and-text-container .cta-container .primary-cta-link,
.media-and-text-container .cta-container .secondary-cta-link {
  color: #002C5F;
  font-family: "HyundaiSansText-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  display: flex;
  gap: 8px;
  align-items: center;
}

.media-and-text-container .cta-container {
  display: flex;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}

.media-and-text-container .icon-external-link,
.media-and-text-container .icon-icon-download {
  color: #002C5F;
}

.media-and-text-container .success-icon li {
  list-style-type: none;
}

.media-and-text-container .media-text-play {
  position: absolute;
  cursor: pointer;
  z-index: 10;
  font-size: 60px;
  height: 100%;
  width: 100%;
  left: 0;
  display: flex;
  top: 0;
  justify-content: center;
  align-items: center;
}

.media-and-text-container .mediaandtext--videowrapper {
  position: relative;
}

.media-and-text-container .media-section picture img,
.media-and-text-container .media-and-text-vwrapper iframe,
.media-and-text-container .mediaandtext--videowrapper-video {
  min-height: calc(627px * (9 / 16));
  height: 100%;
  width: 100%;
}

ul[data-list-type="linkGroup"] li {
  list-style: none;
  padding-left: 40px;
}

.media-and-text-container .content-section ul[data-list-type="linkGroup"] li {
  margin-left: 0;
}

@media (max-width: 1199px) and (min-width: 768px) {
  /* Tablet Specific CSS */
  .media-and-text-wrapper {
    padding: 4px 0;
  }

  .media-and-text-container .media-section {
    width: 100%;
    height: 100%;
  }
  
  .media-and-content-wrapper {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  /* Mobile Specific CSS */
  .media-and-text-wrapper {
    padding: 0;
  }

  .media-and-text-container .media-and-content-wrapper {
    flex-direction: column;
    gap: 16px;
    padding: 16px 0 12px;
  }
  
  .media-and-text-container .content-section {
    gap: 12px;
  }
  
  .media-and-text-container .cta-container {
    gap: 16px;
  }

  .media-and-text-container .body-copy {
    font-size: 14px;
    line-height: 18px;
  }

  .flex-right-column-70 .media-and-text-container .media-and-content-wrapper {
    padding: 0;
  }

  .accordion-wrapper.expanded + .media-and-text-wrapper .media-and-text {
    padding-bottom: 12px;
  }

    .media-and-text-container .content-heading.titlexs {
      font-size: 14px;
      line-height: 128.571%;
  
    }
  
    .media-and-text-container .content-heading.titles {
      font-size: 18px;
      line-height: 133.333%;
    }
}