.no-list { background-color: var(--no-list-background-color); display: block; }
.no-list__container { z-index: 1; background-color: rgb(247, 241, 249); border: 2px solid rgb(0, 0, 0); border-radius: 32px; padding: 38px 22px; position: relative; }
@media screen and (width >= 750px) {
  .no-list__container { justify-content: space-between; padding: 21px; display: flex; }
}
.no-list__content { text-align: center; margin-bottom: 24px; }
@media screen and (width >= 750px) {
  .no-list__content { text-align: left; flex-shrink: 0; max-width: 40vw; margin-bottom: 0px; padding: 48px 0px; }
}
@media screen and (width >= 1025px) {
  .no-list__content { max-width: 29.4445vw; padding: 1.8055vw 16px 1.8055vw 26px; }
  .no-list--large .no-list__content { max-width: 40%; }
}
.no-list__content h2 { margin-bottom: 4vw; }
@media screen and (width >= 750px) {
  .no-list__content h2 { margin-bottom: 1.5vw; }
}
.no-list--large .no-list__content h2 { margin-bottom: 6vw; }
@media screen and (width >= 750px) {
  .no-list--large .no-list__content h2 { margin-bottom: 2vw; }
}
@media screen and (width >= 1025px) {
  .no-list--large .no-list__content h2 { font-size: 3.75vw; font-weight: 500; line-height: 3.75vw; }
}
@media screen and (width >= 1400px) {
  .no-list--large .no-list__content h2 { font-size: 5.5555vw; font-weight: 500; line-height: 5.5555vw; }
}
.no-list__content p { margin-bottom: 0px; }
.no-list--large .no-list__content p { font-size: 2.4rem; line-height: 3.2rem; }
@media screen and (width >= 750px) {
  .no-list__content .btn__wrapper { margin-top: 24px; }
  .no-list--large .no-list__content .btn__wrapper { margin-top: 36px; }
}
.no-list__list-wrapper { background-color: rgb(0, 0, 0); border-radius: 32px; margin: 0px 0px 24px; padding: 32px 16px; }
@media screen and (width >= 750px) {
  .no-list__list-wrapper { flex: 1 1 0%; max-width: 60vw; margin: 0px; }
}
@media screen and (width >= 1025px) {
  .no-list__list-wrapper { grid-template-columns: repeat(2, 1fr); gap: 0px 24px; padding: 48px; display: grid; }
}
@media screen and (width >= 750px) {
  .no-list--large .no-list__list-wrapper { max-width: 55vw; }
}
@media screen and (width >= 1025px) {
  .no-list--large .no-list__list-wrapper { max-width: 60%; }
}
.no-list__list { margin: 0px; list-style: none; }
@media screen and (width >= 750px) {
  .no-list__list { flex-direction: column; justify-content: center; display: flex; }
}
.no-list__list:last-of-type li:last-of-type { margin-bottom: 0px; }
.no-list__list li { color: rgb(255, 255, 255); white-space: nowrap; align-items: center; margin: 0px 0px 8px; display: flex; }
@media screen and (width >= 1025px) {
  .no-list__list li:last-of-type { margin-bottom: 0px; }
}
.no-list__list li svg { flex-shrink: 0; width: 24px; height: auto; margin-right: 4px; display: block; }
@media screen and (width >= 750px) {
  .no-list__list li svg { width: 20px; margin-right: 7px; }
}
@media screen and (width >= 1025px) {
  .no-list__list li svg { width: 24px; margin-right: 4px; }
}
.no-list__list li svg path { fill: rgb(255, 255, 255); }
.no-list__list li > span { display: block; position: relative; }
.no-list__list li > span::after { content: ""; width: 0px; height: 1px; transition: width 0.3s; background-color: rgb(255, 255, 255); position: absolute; top: 50%; left: 0px; transform: translateY(-50%); }
.no-list__list li > span.strike::after { width: 100%; transition-delay: var(--strike-transition-delay); }
.no-list__list li > span > span { text-transform: lowercase; }
@media screen and (width >= 1400px) {
  .no-list__item span { font-size: 2rem; line-height: 2rem; }
}