.promo {
  margin: 5rem 0 6.25rem;
}
.promo__row {
  padding: 1rem;
  border-radius: 0.25rem;
  margin-bottom: 6.25rem;
  background-color: var(--bg);
}
.promo__title {
  max-width: 70.125rem;
  margin-left: auto;
  margin-right: auto;
}
.promo__title strong {
  color: #E3841A;
}
.promo__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 69%;
  margin: 0 auto;
}
.promo__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.promo__item-ico {
  position: relative;
  width: 3.75rem;
  height: 3.75rem;
  margin-bottom: 0.625rem;
}
.promo__item-ico > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.promo__item-text {
  font-size: max(1.125rem, 14px);
  color: var(--black);
  text-align: center;
}
.promo__item:not(:last-child) .promo__item-ico::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 12.5rem;
  height: 2rem;
  background-image: url('data:image/svg+xml,%3Csvg width="200" height="32" viewBox="0 0 200 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_111_1323)"%3E%3Ccircle cx="1.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="7.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="13.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="19.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="25.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="31.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="37.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="43.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="49.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="55.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="61.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="67.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="73.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="79.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="85.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="91.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="97.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="103.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="109.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="115.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="121.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="127.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="133.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="139.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="145.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="151.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="157.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="163.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="169.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="175.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="181.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="187.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="193.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3Ccircle cx="199.5" cy="16" r="1.5" fill="%23BEC2CA" /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_111_1323"%3E%3Crect width="200" height="32" fill="white" /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.promo__item--active .promo__item-ico::after {
  height: 0.125rem !important;
  background-image: unset !important;
  background-color: var(--orange);
}
.promo__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 70rem;
  margin: 0 auto;
}
.promo__list {
  line-height: 136%;
  margin-right: 6.25rem;
  width: 48.8%;
}
.promo__list > li:not(:last-child) {
  margin-bottom: 1.5rem;
}
.promo__block {
  padding: 1.5rem;
  border-radius: 0.25rem;
  background-color: var(--bg);
}
.promo__block-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 4.5rem;
  height: 4.5rem;
  margin: 0 auto 1.25rem;
  background-color: #ffe6c9;
  border-radius: 50%;
}
.promo__block-ico > svg {
  width: 44.5%;
  height: 44.5%;
  -o-object-fit: contain;
  object-fit: contain;
}
.promo__block-descr {
  text-align: center;
}
.promo__block-descr span {
  font-size: max(1.75rem, 12px);
  line-height: 125%;
  font-weight: 500;
  color: var(--black);
}
.promo__block-descr span > span {
  color: var(--orange);
}
@media (max-width: 768px) {
  .promo {
    margin: 24px 0 48px;
  }
  .promo__row, .promo__list {
    margin-bottom: 24px;
  }
  .promo__row {
    padding: 8px 4px;
  }
  .promo__items {
    width: 100%;
  }
  .promo__item-ico {
    width: 32px;
    height: 32px;
    margin-bottom: 7px;
  }
  .promo__item-text {
    font-size: 10px;
  }
  .promo__item:not(:last-child) .promo__item-ico::after {
    width: calc(24vw - 32px);
  }
  .promo__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .promo__list {
    width: 100%;
    margin-right: unset;
  }
  .promo__list > li {
    font-size: 16px;
    line-height: 150%;
  }
  .promo__list > li:not(:last-child) {
    margin-bottom: 16px;
  }
  .promo__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
  }
  .promo__block-ico {
    width: 44px;
    height: 44px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 8px 0 0;
  }
  .promo__block-descr {
    text-align: left;
    line-height: 0;
  }
  .promo__block-descr span {
    font-size: 18px;
  }
}