.advantage-section {
  background-color: var(--neutrals-white);
  padding: 160px 0;
  overflow: hidden;
}
.advantage-section .content {
  max-width: var(--max-width);
}
.advantage-section.dark {
  background-color: var(--green-dark);
}
.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: 40px 12px 0;
}
.itd-wrapper img {
  margin-bottom: 24px;
  max-width: 12rem;
}
.lottie {
  max-width: 120px;
  max-height: 120px;
}
.itd-wrapper p {
  margin-top: 16px;
  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;
  }
}