.payment {
  display: flex;
}
.payment-sec {
  margin-top: 70px;
}
.payment-content {
  display: flex;
  flex-direction: column;
  margin-left: 190px;
  flex: 1;
}
.payment__top {
  font-size: 30px;
  color: var(--dark-blue);
  transform: translateX(350px);
  text-transform: uppercase;
}
.payment__title {
  max-width: 820px;
  font-size: 75px;
  font-weight: 700;
  color: var(--dark-blue);
  text-transform: uppercase;
  letter-spacing: -2px;
}
.payment__desc {
  max-width: 251px;
  font-size: 15px;
  transform: translate(370px, -70px);
}
.payment__yur {
  margin-left: auto;
  padding-left: 30px;
  max-width: -moz-max-content;
  max-width: max-content;
  color: var(--light-blue);
  padding-bottom: 25px;
  padding-top: 25px;
}
.payment__yur::after {
  height: 100%;
  border-color: var(--light-blue);
}

.steps {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 60px;
}
.steps-sec {
  margin-top: 130px;
}
.steps__title {
  max-width: 400px;
  font-size: 30px;
  color: var(--dark-blue);
  margin: 0 auto;
  text-transform: uppercase;
  transform: translateX(200px);
}
.steps-item {
  min-width: 193px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  max-width: 255px;
  border: 1px solid #e6e6e6;
  border-radius: 20px;
  margin-bottom: 30px;
}
.steps-item-2 {
  max-width: 216px;
}
.steps-item-3 {
  max-width: 278px;
}
.steps-item:nth-child(1) {
  width: 193px;
}
.steps-item-top {
  display: flex;
  align-items: flex-end;
}
.steps-item__num {
  font-size: 90px;
  font-weight: 500;
  line-height: 1;
  color: var(--light-blue);
}
.steps-item__title {
  color: #000;
  text-transform: uppercase;
  font-size: 20px;
  margin-left: 2px;
  padding-bottom: 10px;
}
.steps-item__desc {
  margin-top: 20px;
}
.steps-arrow {
  margin-right: 20px;
}

@media (max-width: 1399px) {
  .payment-content {
    margin-left: 40px;
  }
}
@media (max-width: 1024px) {
  .payment__title {
    font-size: 36px;
  }
  .payment__top {
    font-size: 22px;
    transform: translateX(120px);
  }
  .payment__desc {
    font-size: 13px;
    transform: translate(170px, -30px);
  }
  .steps-item {
    min-width: 0px;
    width: calc(50% - 31px) !important;
    max-width: 100%;
  }
  .steps-arrow {
    max-width: 60px;
    margin-right: 2px;
  }
  .steps-arrow-2, .steps-arrow-4 {
    display: none;
  }
}
.steps__title.mob {
  display: none;
}

@media (max-width: 768px) {
  .delivery-plate__winter {
    display: block;
    margin-top: auto;
    width: calc(50% - 10px);
  }
  .steps-sec {
    margin-top: 80px;
  }
  .payment {
    flex-direction: column;
  }
  .payment-content {
    width: 100%;
    margin-left: 0px;
  }
  .payment__title {
    max-width: 400px;
  }
  .payment__yur {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .steps-item__title {
    font-size: 16px;
    padding-bottom: 0px;
    word-break: break-word;
  }
  .steps-item__title.desk {
    display: none;
  }
  .steps-item__title.mob {
    display: block;
  }
  .steps-item__desc {
    font-size: 14px;
    margin-top: 10px;
  }
  .steps-item__num {
    font-size: 60px;
  }
  .steps__title.mob {
    display: block;
    transform: none;
    font-size: 14px;
    max-width: -moz-max-content;
    max-width: max-content;
  }
  .steps__title.desk {
    display: none;
  }
}
@media (max-width: 580px) {
  .steps-item {
    padding: 14px;
  }
  .steps-item__title {
    font-size: 14px;
  }
  .steps-arrow {
    max-width: 36px;
  }
  .steps-item__num {
    font-size: 40px;
    transform: translateY(-7px);
  }
  .payment__title {
    font-size: 35px;
  }
  .payment__top {
    font-size: 14px;
    transform: translateX(170px);
  }
}
@media (max-width: 390px) {
  .payment__title {
    font-size: 28px;
  }
  .payment__desc {
    font-size: 12px;
    max-width: 161px;
    transform: translate(130px, -20px);
  }
  .payment__top {
    font-size: 14px;
    transform: translateX(100px);
  }
}
.delivery {
  display: flex;
}
.delivery-sec {
  margin-top: 130px;
}
.delivery-content {
  display: flex;
  flex-direction: column;
  margin-left: 20%;
}
.delivery__top {
  font-size: 30px;
  max-width: 320px;
  text-transform: uppercase;
  color: var(--dark-blue);
  transform: translateX(300px);
}
.delivery__title {
  text-transform: uppercase;
  font-size: 75px;
  font-weight: 700;
  color: var(--dark-blue);
  transform: translateX(35px);
}
.delivery__text {
  max-width: 320px;
  font-size: 15px;
  transform: translateX(300px);
}
.delivery-plates {
  margin-top: 60px;
  display: flex;
}
.delivery-plate {
  width: 292px;
  height: 207px;
  border: 1px solid var(--gray);
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.delivery-plate:not(:last-child) {
  margin-right: 30px;
}
.delivery-plate__img {
  width: 80px;
}
.delivery-plate__title {
  margin-top: 10px;
  text-transform: uppercase;
  text-align: center;
  font-size: 20px;
  color: #000;
}
.delivery-plate.blue {
  border: none;
}
.delivery-plate.blue > * {
  color: var(--light-blue);
}
.delivery-plate__text {
  font-size: 15px;
  margin-top: 6px;
  text-align: center;
}

@media (max-width: 1399px) {
  .delivery {
    flex-direction: column;
  }
  .delivery-content {
    margin-left: 0px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .delivery__title {
    font-size: 48px;
  }
  .delivery__top {
    font-size: 22px;
    transform: translateX(200px);
  }
  .delivery__text {
    transform: translateX(200px);
  }
  .delivery-plates {
    flex-wrap: wrap;
  }
  .delivery-plate {
    width: calc(50% - 10px);
    margin-right: 20px !important;
    height: 190px;
    margin-bottom: 20px;
  }
  .delivery-plate:nth-child(2n) {
    margin-right: 0px !important;
  }
  .delivery-plate__title {
    font-size: 16px;
  }
  .delivery-sec {
    margin-top: 70px;
  }
}
@media (max-width: 580px) {
  .delivery__title {
    font-size: 35px;
    margin-left: auto;
    transform: none;
  }
  .delivery-plate__img {
    width: auto;
    height: 80px;
  }
  .delivery__top {
    font-size: 12px;
    margin-left: auto;
    max-width: 130px;
    transform: translateX(-30px);
  }
  .delivery__text {
    font-size: 12px;
    max-width: 180px;
    margin-left: auto;
    transform: none;
  }
  .delivery-plate__winter {
    font-size: 12px;
    max-width: 174px;
    padding-bottom: 40px;
  }
}
@media (max-width: 390px) {
  .delivery-plate {
    height: auto;
  }
  .delivery-plate__title {
    font-size: 14px;
  }
}
.price {
  padding-left: 290px;
}
.price-sec {
  margin-top: 120px;
}
.price__top {
  font-size: 30px;
  color: var(--dark-blue);
  text-transform: uppercase;
  transform: translateX(340px);
}
.price__title {
  font-size: 75px;
  max-width: 760px;
  font-weight: 700;
  color: var(--dark-blue);
  text-transform: uppercase;
}
.price__text {
  max-width: 293px;
  font-size: 15px;
}
.price__text:nth-child(1) {
  margin-right: 15px;
}
.price__text-wrap {
  display: flex;
  transform: translate(400px, -60px);
}

@media (max-width: 1399px) {
  .price {
    padding-left: 40px;
  }
}
@media (max-width: 1024px) {
  .price {
    padding-left: 0px;
  }
  .price__title {
    font-size: 48px;
  }
  .price__text-wrap {
    flex-direction: column;
    transform: translate(200px, -40px);
    max-width: -moz-max-content;
    max-width: max-content;
  }
  .price__text-wrap .price__text:nth-child(1) {
    margin-bottom: 15px;
  }
  .price__top {
    font-size: 16px;
    transform: translateX(200px);
  }
}
.companies-sec {
  margin-top: 130px;
}

@media (max-width: 580px) {
  .companies-sec {
    margin-top: 80px;
  }
  .price__title {
    max-width: 500px;
    width: 100%;
    font-size: 35px;
  }
  .price__top {
    font-size: 14px;
    max-width: -moz-max-content;
    max-width: max-content;
    width: -moz-max-content;
    width: max-content;
    transform: none;
    margin-left: auto;
  }
  .price__text-wrap {
    max-width: 170px;
    margin-left: auto;
    transform: translate(0, -30px);
    margin-left: auto;
  }
  .price__text-wrap div {
    font-size: 12px;
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 390px) {
  .price__title {
    font-size: 30px;
  }
}/*# sourceMappingURL=deliveryPayment.css.map */