.text-on-arrows .text-on-arrows__list {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
}
@media only screen and (max-width: 992px) {
  .text-on-arrows .text-on-arrows__list {
    row-gap: 0;
  }
}
.text-on-arrows .text-on-arrows__list .text-on-arrows__item {
  list-style: none outside none;
  grid-column: span 4;
  position: relative;
  margin: 0;
}
@media only screen and (max-width: 992px) {
  .text-on-arrows .text-on-arrows__list .text-on-arrows__item {
    grid-column: span 12;
  }
}
.text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__content {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 156px);
  display: inline-block;
  margin: 30px 56px 20px 100px;
  transition: initial;
}
@media only screen and (max-width: 1200px) {
  .text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__content {
    margin: 35px 30px 20px 70px;
    width: calc(100% - 110px);
  }
}
@media only screen and (max-width: 992px) {
  .text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__content {
    position: relative;
    height: auto;
    left: initial;
    margin: 0;
    padding: 30px 50px;
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__content {
    padding: 10px 30px;
  }
}
.text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__content h3, .text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__content h4, .text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__content h5 {
  margin: 0;
  color: #ffffff;
}
@media only screen and (max-width: 1400px) {
  .text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__content h3, .text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__content h4, .text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__content h5 {
    font-size: 26px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 992px) {
  .text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__content h3, .text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__content h4, .text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__content h5 {
    margin: 0 0 20px;
  }
}
.text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__content p {
  margin: 0;
  color: #ffffff;
  hyphens: auto;
}
@media only screen and (max-width: 1400px) {
  .text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__content p {
    font-size: 20px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 992px) {
  .text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__content p {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 576px) {
  .text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__content p {
    font-size: 20px;
    line-height: 26px;
  }
}
.text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__arrow-top {
  display: none;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__arrow-top {
    display: block;
  }
}
.text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__arrow-bottom {
  display: none;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__arrow-bottom {
    display: block;
  }
}
.text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__arrow-bottom {
  position: relative;
}
.text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__arrow {
  width: 100%;
  aspect-ratio: 448/197;
}
@media only screen and (max-width: 992px) {
  .text-on-arrows .text-on-arrows__list .text-on-arrows__item .text-on-arrows__arrow {
    display: none;
  }
}