.page__drips-hero {
  padding-top: 2.375rem;
}

.page__drips-hero:not(:last-child) {
  margin-bottom: 10.0625rem;
}

.page__partnership:not(:last-child) {
  margin-bottom: 7.5rem;
}

.drips-hero__title {
  max-width: 56.0625rem;
  margin: 0 auto;
}

.drips-hero__title span {
  display: block;
  text-align: right;
}

.drips-hero__images {
  position: relative;
  aspect-ratio: 859/466;
  max-width: 53.6875rem;
  margin: 0 auto;
  margin-top: -1.5rem;
  z-index: 2;
}

.drips-hero__image {
  position: absolute;
}

.drips-hero__image:nth-child(1) {
  aspect-ratio: 253/289;
  left: 0;
  top: 22.532189%;
  width: 29.452852%;
  -webkit-transform: rotate(4.149deg);
  -ms-transform: rotate(4.149deg);
  transform: rotate(4.149deg);
  -webkit-filter: blur(6.5px);
  filter: blur(6.5px);
}

.drips-hero__image:nth-child(2) {
  aspect-ratio: 399/466;
  top: 0;
  left: 24.447031%;
  z-index: 2;
  width: 46.44936%;
  -webkit-transform: rotate(-8.543deg);
  -ms-transform: rotate(-8.543deg);
  transform: rotate(-8.543deg);
}

.drips-hero__image:nth-child(3) {
  aspect-ratio: 302/344;
  right: 0;
  top: 13.090129%;
  width: 35.157159%;
  -webkit-transform: rotate(12.163deg);
  -ms-transform: rotate(12.163deg);
  transform: rotate(12.163deg);
}

.page__steps:not(:last-child) {
  margin-bottom: 9.0625rem;
}

.steps-section {
  position: relative;
}

.no-webp .steps-section--orange-bg::before {
  background: url("../image/new-pages/steps/orange-bg.png") no-repeat center right/contain;
}

.steps-section--orange-bg::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  pointer-events: none;
  aspect-ratio: 1326/1310;
  width: 82.875rem;
}

.no-webp .steps-section--orange-bg.steps-section--reverse-bg::before {
  background: url("../image/new-pages/steps/orange-left-bg.png") no-repeat center
    left/contain;
}

.steps-section--orange-bg.steps-section--reverse-bg::before {
  left: 0;
}

.no-webp .steps-section--red-bg::before {
  background: url("../image/new-pages/about/red-bg.png") no-repeat center left/contain;
}

.steps-section--red-bg::before {
  content: "";
  position: absolute;
  bottom: 0;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  left: 0;
  aspect-ratio: 1296/1307;
  width: 70%;
  pointer-events: none;
  max-width: 81rem;
  min-width: 43.75rem;
}

.steps-section__container {
  position: relative;
  z-index: 2;
}

.steps-section__title {
  text-align: center;
  max-width: 68.875rem;
  margin: 0 auto;
}

.steps-section__title:not(:last-child) {
  margin-bottom: 4.625rem;
}

.steps-section__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.steps-section__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5625rem;
}

.steps-section__item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.steps-section__image img {
  -o-object-position: top;
  object-position: top;
}

.item-steps {
  border-radius: 1.25rem;
  background: rgba(243, 237, 228, 0.07);
  padding: 1.875rem;
}

.item-steps__count {
  color: #f47953;
  font-family: "Ermilov", sans-serif;
  font-size: 2.375rem;
  font-weight: 700;
  text-transform: uppercase;
}

.item-steps__count:not(:last-child) {
  margin-bottom: 1.625rem;
}

.item-steps__title {
  font-family: "Ermilov", sans-serif;
  font-size: 2.125rem;
  font-weight: 700;
  text-transform: uppercase;
}

.item-steps__title--small {
  font-size: 1.875rem;
}

.item-steps__title:not(:last-child) {
  margin-bottom: 1.0625rem;
}

.item-steps__text {
  color: #f3ede4;
  line-height: 1.3;
}

.page__drips-details:not(:last-child) {
  margin-bottom: 11.5625rem;
}

.page__drips-contacts {
  margin-bottom: 9.625rem;
}

.drips-details {
  position: relative;
}

.drips-details__container {
  position: relative;
  z-index: 2;
}

.drips-details__title {
  text-align: center;
}

.drips-details__title:not(:last-child) {
  margin-bottom: 3.75rem;
}

.drips-details__body .shipping-info__item {
  padding: 0.75rem 1.25rem 2.375rem;
}

.drips-details__body .shipping-info__item:last-child {
  border-right: none !important;
}

.drips-details__body .shipping-info__image {
  width: 4.375rem;
  height: 4.375rem;
}

.drips-details__body .shipping-info__image:not(:last-child) {
  margin-bottom: 2.75rem;
}

.contact-form__grid .--fill {
  grid-column: 1/-1;
}

.contact-form__grid .sel-wrapper .select__value {
  font-size: 0.875rem !important;
  padding: 0.8125rem 0.9375rem;
}

.contact-form__grid
  .sel-wrapper
  .select:not(._select-active)
  .select__value::after {
  border-top-color: rgba(255, 255, 255, 0.3);
}

.contact-form__grid .sel-wrapper .select__option {
  font-size: 0.875rem !important;
}

/* Quantity field (replaces select): label + input + minus/plus buttons — layout by mockup, style by form */
.contact-form__grid .qty-field {
  width: 100%;
}

.contact-form__grid .qty-field__label {
  display: flex;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.3);
  margin-bottom: 0.5rem;
  margin-top: 10px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.contact-form__grid .qty-field__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}

.contact-form__grid .qty-field__input-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
}

.contact-form__grid .qty-field__input {
  width: 100%;
  height: 2.5rem;
  padding: 0 0.9375rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: transparent;
  border: 0.0625rem solid rgba(255, 255, 255, 0.2);
  border-radius: 9999px;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: none;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  box-sizing: border-box;
}

.contact-form__grid .qty-field__input::-webkit-outer-spin-button,
.contact-form__grid .qty-field__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.contact-form__grid .qty-field__input[readonly] {
  cursor: default;
}

.contact-form__grid .qty-field__btn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  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;
  font-size: 1.25rem;
  line-height: 1;
  color: #fff;
  background-color: transparent;
  border: 0.0625rem solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: border-color 0.3s, color 0.3s;
  transition: border-color 0.3s, color 0.3s;
}

.contact-form__grid .qty-field__btn--plus {
  margin-left: -0.5rem;
}

@media (hover: hover) {
  .contact-form__grid .qty-field__input:hover {
    border-color: rgba(255, 255, 255, 0.35);
  }
  .contact-form__grid .qty-field__input:focus {
    outline: none;
    border-color: #f47953;
  }
  .contact-form__grid .qty-field__btn:hover {
    border-color: #f47953;
    color: #f47953;
  }
}

.contacts--drips .contacts__bottom {
  padding-top: 12.5rem;
  translate: none !important;
}

.contacts--drips .contacts__bottom:not(:last-child) {
  margin-bottom: 4.3125rem;
}

.contacts--drips::after {
  display: none !important;
}

.contacts--drips .contact-form__text {
  font-size: 1rem !important;
  color: #f3ede4;
}

.contacts--drips .contact-form__text:not(:last-child) {
  margin-bottom: 2.75rem;
}

.contacts--drips .contacts__images {
  pointer-events: none;
}

.contacts--drips .contacts__img picture,
.contacts--drips .contacts__img img {
  -o-object-fit: contain;
  object-fit: contain;
}

.contacts--drips .contacts__img {
  aspect-ratio: 273/344;
  width: 21.328125%;
  /* 273/1280 */
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  translate: none;
  height: auto !important;
}

.contacts--drips .contacts__img:nth-child(1) {
  aspect-ratio: 352/220;
  width: 27.5%;
  /* 352/1280 */
  left: auto;
  top: 0;
  right: 8.203125%;
}

.contacts--drips .contacts__img:nth-child(2) {
  left: 0;
  top: auto;
  right: 4.140625%;
  bottom: 8.5625rem;
}

.contacts--drips .contacts__img:nth-child(3) {
  left: auto;
  top: auto;
  right: 4.140625%;
  bottom: 0;
}

.contacts--drips .contacts__form {
  padding: 0 !important;
  position: relative;
  z-index: 3;
  margin-bottom: 0 !important;
}

.contacts--drips .contact-form__btn {
  margin-top: 0 !important;
}

.contacts--drips .contacts__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 2.5rem 5.625rem;
}

.contacts--drips .contacts__items:not(:last-child) {
  margin-bottom: 4.9375rem;
}

.contacts--drips .contacts__item {
  gap: 0.9375rem;
}

.contacts--drips .contacts__item-text {
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
  font-size: 0.875rem;
}

.contacts--drips .contact-form__item {
  max-width: 30rem !important;
}

.contact-form__title--drips {
  text-align: center;
}

.contact-form__title--drips:not(:last-child) {
  margin-bottom: 3.75rem;
}

.drips-contacts__contacts:not(:last-child) {
  margin-bottom: 5rem;
}

.banner-drips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2.8125rem 1.25rem;
  border-radius: 1.25rem;
  background-color: #f47953;
}

.banner-drips__title {
  text-align: center;
  font-family: "Ermilov", sans-serif;
  font-size: 1.625rem;
  font-weight: 700;
  text-transform: uppercase;
}

.banner-drips__title:not(:last-child) {
  margin-bottom: 1.875rem;
}

.banner-drips__text {
  color: #f3ede4;
  text-align: center;
  line-height: 1.3;
}

.banner-drips__text:not(:last-child) {
  margin-bottom: 0.5rem;
}

.banner-drips__link {
  color: #f3ede4;
  text-align: center;
  font-weight: 700;
  line-height: 1.3;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.125rem;
  text-underline-offset: 0.1875rem;
}

.banner-drips__link:not(:last-child) {
  margin-bottom: 0.5rem;
}

.wrapper--partnership {
  position: relative;
}

.no-webp .wrapper--partnership::before {
  background: url("../image/new-pages/partnership/hero/bg.webp") no-repeat center
    right/contain;
}

.wrapper--partnership::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 49.75rem;
  aspect-ratio: 1278/796;
}

.background--partnership {
  height: 49.875rem;
}

.background--partnership::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(27, 26, 26, 0)),
    to(#1b1a1a)
  );
  background: linear-gradient(180deg, rgba(27, 26, 26, 0) 0%, #1b1a1a 100%);
  z-index: 2;
}

.partnership__about {
  min-height: 50rem;
}

.partnership__about:not(:last-child) {
  margin-bottom: 7.5rem;
}

.partnership__about .about-school__title:not(:last-child) {
  margin-bottom: 2.25rem;
}

.partnership__about .about-school__text {
  color: #f3ede4;
}

.partnership__about .about-school__container {
  max-width: 73.5rem;
}

.hero-partnership {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  z-index: 3;
}

.hero-partnership__image {
  position: relative;
  aspect-ratio: 633/694;
  z-index: 2;
}

.hero-partnership__image::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 35.158501%;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#1b1a1a),
    to(rgba(27, 26, 26, 0))
  );
  background: linear-gradient(0deg, #1b1a1a 0%, rgba(27, 26, 26, 0) 100%);
  z-index: 2;
}

.hero-partnership__container {
  width: 100%;
}

.hero-partnership__title {
  max-width: 61.375rem;
  position: relative;
  z-index: 3;
}

.partnership__benefits:not(:last-child) {
  margin-bottom: 17.25rem;
}

.benefits-partnership {
  position: relative;
}

.no-webp .benefits-partnership::before {
  background: url("../image/new-pages/partnership/benefits/bg.webp") no-repeat center
    left/contain;
}

.benefits-partnership::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  aspect-ratio: 1108/1110;
  width: 80%;
  pointer-events: none;
  max-width: 69.25rem;
}

.benefits-partnership__title {
  text-align: center;
}

.benefits-partnership__title:not(:last-child) {
  margin-bottom: 5rem;
}

.benefits-partnership__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.benefits-partnership__item {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
}

.benefits-partnership__image {
  aspect-ratio: 2/1;
  border-radius: 1.25rem;
  overflow: hidden;
}

.benefits-partnership__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 1rem;
  padding: 1.25rem 0;
  max-width: 30.5625rem;
}

.benefits-partnership__count {
  font-family: "Ermilov", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.4375rem;
  min-width: 3.4375rem;
  text-align: center;
  border-radius: 3.125rem;
  background-color: #f47953;
  display: inline-block;
}

.benefits-partnership__count:not(:last-child) {
  margin-bottom: 0.25rem;
}

.benefits-partnership__bl-title {
  font-family: "Ermilov", sans-serif;
  font-size: 2.375rem;
  font-weight: 700;
  text-transform: uppercase;
}

.benefits-partnership__text {
  color: #f3ede4;
  line-height: 1.3;
}

.partnership__mission:not(:last-child) {
  margin-bottom: 3.125rem;
}

.mission-partnership {
  position: relative;
}

.no-webp .mission-partnership::before {
  background: url("../image/new-pages/partnership/mission/bg.webp") no-repeat center
    right/contain;
}

.mission-partnership::before {
  content: "";
  position: absolute;
  top: 70%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  aspect-ratio: 955/1326;
  width: 80%;
  pointer-events: none;
  max-width: 81.25rem;
  min-width: 25rem;
  z-index: -1;
}

.mission-partnership__bg {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 48.5625rem;
  aspect-ratio: 1657/777;
}

.mission-partnership__title {
  text-align: center;
}

.mission-partnership__title:not(:last-child) {
  margin-bottom: 3.75rem;
}

.mission-partnership__label {
  text-align: center;
  font-family: "Ermilov", sans-serif;
  font-size: 2.125rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 1.25rem;
  background-color: #f47953;
  padding: 2.8125rem 6.5625rem;
  max-width: 66.75rem;
  margin: 0 auto;
}

.page__bag-hero:not(:last-child) {
  margin-bottom: 8.625rem;
}

.bag-hero {
  padding-top: 0.625rem;
}

.bag-hero__container {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-columns: 676fr 567fr;
  grid-template-columns: 676fr 567fr;
  gap: 1.875rem;
}

.bag-hero__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.875rem;
}

.bag-hero__subtitle {
  font-family: "Ermilov", sans-serif;
  font-size: 2.375rem;
  font-weight: 700;
  text-transform: uppercase;
}

.bag-hero__subtitle span {
  color: #f47953;
}

.bag-hero__image {
  aspect-ratio: 569/567;
}

.page__bag-benefits::before {
  display: none;
}

.page__bag-benefits:not(:last-child) {
  margin-bottom: 6.9375rem;
}

.page__bag-benefits .item-benefits-p__title {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.page__bag-price:not(:last-child) {
  margin-bottom: 1.25rem;
}

.bag-price {
  position: relative;
}

.no-webp .bag-price::before {
  background: url("../image/new-pages/bag/price.png") no-repeat center right/contain;
}

.bag-price::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  transform: translateY(-30%);
  right: 0;
  aspect-ratio: 1192/1194;
  width: 80%;
  pointer-events: none;
  max-width: 81.25rem;
  min-width: 56.25rem;
  z-index: -1;
}

.bag-price__container {
  position: relative;
  z-index: 2;
}

.bag-price__title {
  text-align: center;
}

.bag-price__title:not(:last-child) {
  margin-bottom: 4.3125rem;
}

.bag-price__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
}

.bag-price__item {
  padding: 2.8125rem 1.25rem;
  border-radius: 1.25rem;
  background-color: rgba(243, 237, 228, 0.07);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
  position: relative;
}

.bag-price__item:not(:last-child)::after {
  content: "+";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: calc(100% + 0.5rem);
  color: #f47953;
  text-align: center;
  font-family: "Ermilov", sans-serif;
  font-size: 2.8125rem;
  font-weight: 700;
  text-transform: uppercase;
}

.bag-price__label {
  color: #f3ede4;
  text-align: center;
  line-height: 1.3;
}

.bag-price__value {
  text-align: center;
  color: #f47953;
  font-family: "Ermilov", sans-serif;
  font-size: 2.8125rem;
  font-weight: 700;
  text-transform: uppercase;
}

.bag-price__value--small {
  font-size: 1.375rem;
}

@media (min-width: 37.49875em) {
  .benefits-partnership__item:nth-child(even) .benefits-partnership__image {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
  }

  .benefits-partnership__item:nth-child(even) .benefits-partnership__content {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }

  .bag-hero__body {
    padding-top: 1.25rem;
  }
}

@media (min-width: 47.99875em) {
  .steps-section__body {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -1.25rem;
  }

  .steps-section__wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    padding: 0 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .no-webp .drips-details::before {
    background: url("../image/new-pages/drips/details/bg.png") no-repeat center
      right/contain;
  }

  .drips-details::before {
    content: "";
    position: absolute;
    top: 13rem;
    left: 0;
    aspect-ratio: 1108/1110;
    width: 69.25rem;
  }

  .contacts--drips .contact-form__text {
    max-width: 29.5625rem;
    margin: 0 auto;
  }

  .mission-partnership {
    min-height: 48.5625rem;
    padding-top: 11rem;
  }
}

@media (min-width: 61.99875em) {
  .hero-partnership {
    min-height: 49.875rem;
    padding-bottom: 10.125rem;
  }

  .hero-partnership__image {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
  }

  .benefits-partnership__item:nth-child(even) .benefits-partnership__content {
    margin-left: 4.375rem;
  }

  .page__bag-benefits .item-benefits-p:nth-child(odd) .item-benefits-p__title {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .page__bag-benefits
    .item-benefits-p:nth-child(even)
    .item-benefits-p__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

@media (min-width: 81.875em) {
  .partnership__about .about-school__title {
    font-size: 3.4375rem;
  }

  .page__hero {
    margin-bottom: 9.8125rem;
  }

  .page__hero-blog {
    margin-bottom: 9.8125rem;
  }

  .page__blog {
    margin-bottom: 9.8125rem;
  }

  .page__article {
    margin-bottom: 11.9375rem;
  }

  .page__contacts-block {
    margin-bottom: 9.8125rem;
  }
}

@media (max-width: 74.99875em) {
  .item-steps__title {
    font-size: 1.25rem;
  }

  .item-steps__title--small {
    font-size: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .drips-hero__title {
    max-width: 43.125rem;
  }

  .item-steps {
    padding: 1.25rem;
  }

  .contacts--drips .contacts__bottom {
    padding-top: 10rem;
    padding-bottom: 6.125rem;
  }

  .contacts--drips .contacts__bottom:not(:last-child) {
    margin-bottom: 1.375rem;
  }

  .contacts--drips .contacts__img {
    width: 6.8125rem;
  }

  .contacts--drips .contacts__img:nth-child(1) {
    width: 8.75rem;
    top: 5.8125rem;
    right: -4.875rem;
  }

  .contacts--drips .contacts__img:nth-child(2) {
    top: 0;
    left: 0;
  }

  .contacts--drips .contacts__img:nth-child(3) {
    left: 2.375rem;
    bottom: 0;
    right: auto;
  }

  .partnership__hero:not(:last-child) {
    margin-bottom: 7.5rem;
  }

  .partnership__about {
    min-height: 40.625rem;
  }

  .hero-partnership {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 2rem;
  }

  .hero-partnership__image {
    width: 71.388889%;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  .hero-partnership__image:not(:last-child) {
    margin-bottom: 0.75rem;
  }

  .benefits-partnership__bl-title {
    font-size: 1.5rem;
  }

  .bag-hero__subtitle {
    font-size: 1.5rem;
  }

  .bag-price__value {
    font-size: 1.625rem;
  }

  .bag-price__value--small {
    font-size: 1rem;
  }
}

@media (max-width: 47.99875em) {
  .page__drips-hero {
    padding-top: 6.75rem;
  }

  .page__drips-hero:not(:last-child) {
    margin-bottom: 3.75rem;
  }

  .drips-hero__title {
    font-size: 3rem;
    max-width: 31.875rem;
  }

  .drips-hero__images {
    margin-top: -0.75rem;
  }

  .page__steps:not(:last-child) {
    margin-bottom: 8.8125rem;
  }

  .steps-section--orange-bg.steps-section--reverse-bg::before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 50rem;
  }

  .steps-section--red-bg::before {
    bottom: -15.625rem;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .steps-section__body {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5625rem;
  }

  .steps-section__wrapper:has(.steps-section__image) {
    -webkit-box-ordinal-group: 100;
    -ms-flex-order: 99;
    order: 99;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  .steps-section__image {
    margin-top: -1.5625rem;
    aspect-ratio: 353/413;
    width: 100%;
    max-width: 22.0625rem;
    -webkit-transform: translateX(24.645892%) rotate(-16.377deg);
    -ms-transform: translateX(24.645892%) rotate(-16.377deg);
    transform: translateX(24.645892%) rotate(-16.377deg);
    position: relative;
    z-index: 2;
  }

  .item-steps__count {
    font-size: 1.875rem;
  }

  .item-steps__title:not(:last-child) {
    margin-bottom: 0.875rem;
  }

  .page__drips-details:not(:last-child) {
    margin-bottom: 7.5rem;
  }

  .page__drips-contacts {
    margin-bottom: 6.25rem;
  }

  .drips-details__title {
    text-align: left;
  }

  .drips-details__title:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .drips-details__body .shipping-info__items {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .drips-details__body .shipping-info__item {
    padding: 0.75rem 0.9375rem 2.375rem;
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.08) !important;
    border-top: none !important;
  }

  .drips-details__body .shipping-info__item:nth-child(2n + 1) {
    border-right: 0.0625rem solid rgba(255, 255, 255, 0.08) !important;
    padding-left: 0 !important;
  }

  .drips-details__body .shipping-info__item:nth-child(2n + 2) {
    padding-right: 0 !important;
  }

  .drips-details__body .shipping-info__item:nth-child(even):first-child {
    border-top: 0.0625rem solid rgba(255, 255, 255, 0.08) !important;
  }

  .drips-details__body .shipping-info__item:nth-child(even):nth-child(2),
  .drips-details__body .shipping-info__item:nth-child(odd):first-child {
    border-top: 0.0625rem solid rgba(255, 255, 255, 0.08) !important;
  }

  .drips-details__body .shipping-info__image {
    width: 3.125rem;
    height: 3.125rem;
  }

  .drips-details__body .shipping-info__image:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .drips-details__body .shipping-info__title-item {
    font-size: 0.875rem;
  }

  .contacts--drips .contact-form__text {
    font-size: 0.875rem;
    text-align: left;
  }

  .contacts--drips .contact-form__text:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .contacts--drips .contacts__items:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .contacts--drips .contacts__item-text {
    font-size: 0.75rem;
  }

  .contacts--drips .contacts__item-content {
    font-size: 1.125rem;
  }

  .contact-form__title--drips {
    text-align: left;
  }

  .contact-form__title--drips:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .drips-contacts__contacts:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .banner-drips {
    padding: 1.25rem;
  }

  .banner-drips__title {
    font-size: 1.125rem;
  }

  .banner-drips__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .banner-drips__text {
    font-size: 0.875rem;
  }

  .banner-drips__link {
    font-size: 0.875rem;
  }

  .wrapper--partnership::before {
    height: auto;
    width: 130%;
  }

  .background--partnership {
    height: 30.4375rem;
  }

  .partnership__about {
    min-height: 0;
  }

  .partnership__about .about-school__title {
    margin-bottom: 1.875rem;
  }

  .partnership__benefits:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .benefits-partnership::before {
    display: none;
  }

  .benefits-partnership__title:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .benefits-partnership__item {
    gap: 1.25rem;
  }

  .benefits-partnership__content {
    gap: 0.625rem;
  }

  .benefits-partnership__count:not(:last-child) {
    margin-bottom: 0.375rem;
  }

  .mission-partnership::before {
    top: 0;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
  }

  .mission-partnership__bg {
    position: relative;
    height: 18.875rem;
    width: 100%;
  }

  .mission-partnership__bg img {
    -o-object-position: center right;
    object-position: center right;
  }

  .mission-partnership__bg:not(:last-child) {
    margin-bottom: 3.125rem;
  }

  .mission-partnership__title:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .mission-partnership__label {
    padding: 1.25rem;
    font-size: 1.25rem;
  }

  .page__bag-hero:not(:last-child) {
    margin-bottom: 7.5rem;
  }

  .bag-hero__body {
    gap: 1.875rem;
  }

  .page__bag-benefits:not(:last-child) {
    margin-bottom: 7.5rem;
  }

  .page__bag-price:not(:last-child) {
    margin-bottom: 3.75rem;
  }

  .bag-price::before {
    display: none;
  }

  .bag-price__title:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .bag-price__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 2.8125rem;
    justify-items: center;
  }

  .bag-price__item {
    max-width: 20rem;
    width: 100%;
  }

  .bag-price__item:not(:last-child)::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
  }
}

@media (max-width: 37.49875em) {
  .benefits-partnership__item {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .benefits-partnership__item:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .benefits-partnership__content {
    padding: 0;
  }

  .bag-hero {
    padding-top: 3.125rem;
  }

  .bag-hero__container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 4rem;
  }

  .bag-hero__title {
    text-align: center;
  }

  .bag-hero__subtitle {
    text-align: center;
  }

  .bag-hero__image {
    -ms-grid-row: 1;
    grid-row: 1;
    max-width: 25rem;
    width: 62.5%;
    margin: 0 auto;
  }
}

@media (max-width: 31.24875em) {
  .drips-hero__title {
    font-size: 1.875rem;
    max-width: 19.6875rem;
  }

  .drips-hero__images {
    aspect-ratio: 330/419;
  }

  .drips-hero__image:nth-child(1) {
    width: 41.212121%;
    top: 39.618138%;
  }

  .drips-hero__image:nth-child(2) {
    width: 64.848485%;
    left: 10.97852%;
  }

  .drips-hero__image:nth-child(3) {
    width: 49.090909%;
    top: auto;
    bottom: 0;
    -webkit-transform: rotate(12.163deg);
    -ms-transform: rotate(12.163deg);
    transform: rotate(12.163deg);
  }

  .bag-price__label {
    font-size: 0.875rem;
  }
}

@media (max-width: 22.5em) {
  .partnership__about .about-school__title {
    font-size: 1.875rem;
  }
}

@media (min-width: 22.5em) and (max-width: 81.875em) {
  @supports (
    font-size: clamp(1.875rem, 1.2828947368rem + 2.6315789474vw, 3.4375rem)
  ) {
    .partnership__about .about-school__title {
      font-size: clamp(1.875rem, 1.2828947368rem + 2.6315789474vw, 3.4375rem);
    }
  }

  @supports not (
    font-size: clamp(1.875rem, 1.2828947368rem + 2.6315789474vw, 3.4375rem)
  ) {
    .partnership__about .about-school__title {
      font-size: calc(1.875rem + 1.5625 * (100vw - 22.5rem) / 59.375);
    }
  }
}

@media (any-hover: hover) {
  .banner-drips__link:hover {
    text-decoration-color: inherit;
  }
}

.webp .steps-section--orange-bg::before {
  background: url(../image/new-pages/steps/orange-left-bg.png) no-repeat center right/contain;
}

.webp .steps-section--orange-bg.steps-section--reverse-bg::before {
  background: url(../image/new-pages/steps/orange-left-bg.png) no-repeat center
    left/contain;
}

.webp .steps-section--red-bg::before {
  background: url(../image/new-pages/about/red-bg.png) no-repeat center left/contain;
}

.webp .wrapper--partnership::before {
  background: url(../image/new-pages/partnership/hero/bg.webp) no-repeat center
    right/contain;
}

.webp .benefits-partnership::before {
  background: url(../image/new-pages/partnership/benefits/bg.webp) no-repeat center
    left/contain;
}

.webp .mission-partnership::before {
  background: url(../image/new-pages/partnership/mission/bg.webp) no-repeat center
    right/contain;
}

.webp .bag-price::before {
  background: url(../image/new-pages/bag/price.webp) no-repeat center right/contain;
}

@media (min-width: 47.99875em) {
  .webp .drips-details::before {
    background: url(../image/new-pages/drips/details/bg.webp) no-repeat center right/contain;
  }
}