.text-block-wrapper-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    padding: 0;
}

.text-block-wrapper-container p {
    margin: 0;
}

.text-block-title.titlexs {
    color:  #000;
    font-family: "HyundaiSansHead-Medium";
    font-size:  16px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
}

.text-block-title.titles {
    color:  #000;
    font-family: "HyundaiSansHead-Medium";
    font-size:  20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140% ;
}

.text-block-text {
    color: #000;
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    font-style: normal;
    line-height: 150%;
}

.text-block-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.text-block-wrapper .text-block {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
    padding-left: 16px;
    padding-right: 16px;
}

.text-block-heading {
    display: flex;
    gap: 4px;
}

.info-icon {
    width: 24px;
    height: 24px;
}

.text-block-body-text {
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    line-height: 150%;
    color: #000;
}

.text-block-cta-wrapper {
    display: flex;
    gap: 24px;
}

.text-link {
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    line-height: 1.25em;
    color: #002c5f;
    text-decoration: none;
}

.text-block-content .text-block-cta-wrapper .primary-cta-link,
.text-block-content .text-block-cta-wrapper .secondary-cta-link {
    color: #002c5f;
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    font-style: normal;
    line-height:  125% ;
    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;
}

.text-block-content .icon-external-link,
.text-block-content .icon-icon-download {
    width: 16px;
    height: 16px;
    color: #002c5f;
}

.list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}

.list.textlist {
    color: var(--text-primary, #000);
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 0;
    padding-inline-start: 28px;
}

.list.textlist.number  li{
    padding-left: 4px;

}

.list.textlist.bullet li {
    max-width: 600px;
    padding-left: 4px;
    list-style-type: disc;
    font-family: "HyundaiSansText-Regular";
}

.list.textlist.successIcon li {
    list-style-type: none;
}

.list.textlist.number {
    list-style-type: decimal;
}

.list.linkGroup {
    padding: 0  16px 0 40px;
    margin-bottom: 0;
    gap: 0;
}

.list.textlist li a,
.list.linkGroup li a{
    color: var(--hyundai-blue, #002c5f);
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    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;
}

.list.linkGroup li {
    list-style-type: none;
    padding: 12px 0;
}

ul li::marker {
    font-size: 16px; 
  }

.icon-green-checkmark {
    margin-right: 8px;
    width: 20px;
    height: 20px;
}
  
  .tooltip.align-left::after {
    left: 4px;
    transform: none;
  }
  
  .tooltip.align-right::after {
    left: calc(100% - 10px);
    transform: translateX(-100%);
  }

  .text-block-wrapper {
    max-width: 1912px;
    padding: 0 80px;
    margin: 0 auto;
  }

  .text-block-body-text a {
    color:  #002C5F;
    font-family: "HyundaiSansText-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    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;
  }
  
  .content-block-subsection-content-container .text-block-wrapper-container .text-block-body-text ol,
  .content-block-subsection-content-container .text-block-wrapper-container .text-block-body-text ul {
    margin-left: 80px;
  }
  
  @media (max-width: 1199px) {
    .text-block-wrapper {
          padding: 0 16px;
    }
  }


@media (max-width: 767px) {
    .text-block-content {
        gap:12px;
        width: 100%;
    }

    .list{
        gap:2px;
    }

    .text-block-cta-wrapper {
        gap:16px;
    }

    .text-block-wrapper-container {
        padding: 0;
        word-break: break-word;
    }

    .tooltip-box {
        max-width: 160px;
        bottom: 115%;
    }
    
    .text-block-title.titlexs {
        font-size:  14px;
        line-height:  128.571% ;

    }

    .text-block-title.titles {
        font-size:  18px;
        line-height: 133.333% ;
    }

    .text-block-wrapper .text-block {
        padding-left: 12px;
        padding-right: 12px;
    }
}