.advantage-section {
  background-color: var(--neutrals-light-grey);
  padding: 160px 0;
  overflow: hidden;
}

.advantage-section .content {
  max-width: var(--max-width);
}

.advantage-section.dark {
  background-color: var(--neutrals-obsidian);
}

.advantage-section .inner-content {
  row-gap: 40px;
  margin: 40px -12px 80px;
}

.advantage-section h3 {
  max-width: 550px;
}

.itd-wrapper {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 12px;
}

.itd-wrapper img {
  margin-bottom: 24px;
  max-width: 12rem;
}

.lottie {
  max-width: 120px;
  max-height: 120px;
}

.itd-wrapper p {
  margin-top: 8px;
  opacity: 0.8;
}

@media screen and (max-width: 1352px) {
  .advantage-section {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 1199px) {
  .itd-wrapper {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .advantage-section h3,
  .advantage-section p {
    max-width: 75%;
  }
}

@media screen and (max-width: 991px) {
  .advantage-section .inner-content .itd-wrapper {
    padding-top: 24px;
  }
}

@media screen and (max-width: 767px) {
  .advantage-section {
    padding: 120px 0;
  }

  .advantage-section .content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .advantage-section h3 {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }

  .itd-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .advantage-section .inner-content .itd-wrapper:nth-child(n + 3) {
    margin-top: 40px;
  }
}