@font-face {
  font-family: 'Gilroy';
  font-display: swap;
  src: url('./assets/fonts/Gilroy-Regular.eot');
  src: url('./assets/fonts/Gilroy-Regular.woff') format('woff'),
    url('./assets/fonts/Gilroy-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  font-display: swap;
  src: url('./assets/fonts/Gilroy-SemiBold.eot');
  src: url('./assets/fonts/Gilroy-SemiBold.woff') format('woff'),
    url('./assets/fonts/Gilroy-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  font-display: swap;
  src: url('./assets/fonts/Gilroy-Bold.eot');
  src: url('./assets/fonts/Gilroy-Bold.woff') format('woff'), url('./assets/fonts/Gilroy-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  font-display: swap;
  src: url('./assets/fonts/Gilroy-ExtraBold.eot');
  src: url('./assets/fonts/Gilroy-ExtraBold.woff') format('woff'),
    url('./assets/fonts/Gilroy-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  font-display: swap;
  src: url('./assets/fonts/Gilroy-Heavy.eot');
  src: url('./assets/fonts/Gilroy-Heavy.woff') format('woff'), url('./assets/fonts/Gilroy-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

:root {
  --desktop-global-padding-inline: 102px;
  --tablet-global-padding-inline: 40px;
  --mobile-global-padding-inline: 20px;

  --color-white: #ffffff;
  --color-black: #212529;
  --color-lime: #8cc449;
  --color-blue: #00adeb;
  --color-orange: #e6723c;
}

* {
  box-sizing: border-box;
}

body {
  font-family: 'Gilroy', sans-serif;
  margin: 0;
}

input {
  border: none;
  outline: none;
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

ul {
  padding: 0;
}

p,
ul {
  margin: 0;
}

button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

h1,
h2,
h3 {
  margin: 0;
  color: var(--color-black);
}

h2 {
  font-weight: 700;
  font-size: 50px;
  line-height: 110.00000000000001%;
  letter-spacing: 0%;
}

h3 {
  font-family: Gilroy;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0%;
}

picture {
  display: block;
}

hr {
  border: none;
  margin: 0;
  padding: 0;
}

.logo {
  width: 120px;
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 140px;
  background-color: var(--color-white);
  padding-bottom: 5px;
  z-index: 10;

  svg {
    width: 15px;
  }

  .header__top-bar--desktop,
  .header__main-content--desktop {
    margin-inline: auto;
    width: 1440px;
  }

  .header__top-bar--desktop {
    padding-inline: var(--desktop-global-padding-inline);
    display: flex;
    justify-content: space-between;
    background-color: #f5f9fb;
    color: #212529;
    height: 60px;
  }

  .header__contact-info {
    display: flex;
    align-items: center;
    gap: 90px;
  }

  .header__item--email {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
  }

  .header__language-list {
    display: flex;
    align-items: center;
    gap: 24px;
  }

  .header__main-content--desktop {
    padding-inline: var(--desktop-global-padding-inline);
    display: flex;
    justify-content: space-between;
    height: 60px;
    align-items: center;
  }

  .header__nav {
    color: var(--color-black);
  }
  .header__menu {
    display: flex;
    gap: 24px;
  }

  .header__mobile {
    display: none;
  }

  .header__cta-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 224px;
    height: 40px;
    border: none;
    background-color: var(--color-lime);
    color: var(--color-white);

    svg {
      margin-bottom: -2px;
    }
  }
}

main {
  overflow: hidden;
  margin-top: 244px;
  display: flex;
  flex-direction: column;
  gap: 110px;
  width: 1440px;
  margin-inline: auto;

  .foamiran-wholesale-supplies {
    display: flex;
    gap: 35px;
    padding-inline: var(--desktop-global-padding-inline);

    .foamiran-wholesale-supplies__wrapper {
      display: flex;
      flex-direction: column;
      height: 479px;
      justify-content: space-between;
    }

    .foamiran-wholesale-supplies__content {
      width: 707px;
      display: flex;
      flex-direction: column;
      gap: 45px;
    }

    .foamiran-wholesale-supplies__title {
      font-weight: 900;
      font-size: 57px;
      line-height: 110.00000000000001%;
      letter-spacing: -1%;
      text-transform: uppercase;
    }

    .foamiran-wholesale-supplies__title--green {
      color: var(--color-lime);
    }
    .foamiran-wholesale-supplies__subtitle {
      width: 90%;
    }

    .foamiran-wholesale-supplies__features-list {
      display: flex;
      justify-content: space-between;
    }
    .foamiran-wholesale-supplies__feature-item {
      font-weight: 400;
      font-size: 17px;
      line-height: 150%;
      letter-spacing: 0%;
      display: flex;
      gap: 14px;
      color: #212529cc;
    }
    .foamiran-wholesale-supplies__feature-icon {
      width: 38.414451599121094px;
      height: 39.33334732055664px;
    }

    .foamiran-wholesale-supplies__form {
      display: flex;
      gap: 9px;
    }
    .foamiran-wholesale-supplies__input {
      width: 217px;
      height: 56px;
      background-color: #eaf4f9;
      font-weight: 400;
      font-size: 17px;
      line-height: 150%;
      letter-spacing: 0%;
      color: #21252999;
      padding-left: 21px;
    }

    .foamiran-wholesale-supplies__button {
      width: 208px;
      height: 56px;
      font-weight: 600;
      font-size: 18px;
      line-height: 120%;
      letter-spacing: 0%;
      color: var(--color-white);
      background-color: var(--color-lime);
    }

    .foamiran-wholesale-supplies__picture {
      width: 495px;
      height: 479px;
    }
    .foamiran-wholesale-supplies__image {
      width: 495px;
      height: 479px;
    }
  }

  .offer {
    display: flex;
    background-color: #fff4d6;

    .offer__media-wrapper {
      position: relative;
    }

    .offer__picture {
      width: 667px;
      height: 724px;
    }
    .offer__image {
      width: 667px;
      height: 724px;
    }
    .offer-puzzle {
      position: absolute;
    }

    .offer__puzzle--top-right {
      top: 75px;
      right: -24px;
      transform: rotate(270deg);
    }

    .offer__puzzle--bottom-left {
      bottom: 0;
      left: 100px;
    }

    .offer__content {
      width: 600px;
      margin: auto;
      display: flex;
      flex-direction: column;
      gap: 40px;
    }

    .specs {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .specs__item {
      display: flex;
      flex-direction: column;
      gap: 5px;
      width: 283px;
      font-weight: 800;
      font-size: 47px;
      line-height: 120%;
      letter-spacing: 0%;
    }

    .specs__value-group {
      display: flex;
      justify-content: space-between;
    }

    .specs__value {
      display: flex;
      gap: 14px;
      color: #00adeb;
      font-size: 47px;
    }
    .specs__unit {
      font-weight: 700;
      font-size: 23px;
      line-height: 120%;
      letter-spacing: 0%;
    }

    .specs__icon {
      width: 64px;
      height: 64px;
    }

    .specs__label {
      font-family: Gilroy;
      font-weight: 700;
      font-size: 15px;
      line-height: 140%;
      letter-spacing: 6%;
      text-transform: uppercase;
    }

    .specs__item--1,
    .specs__item--2 {
      height: 82px;
      margin-bottom: 55px;
    }

    .specs__item--3 {
      position: relative;
    }
    .specs__item--3 .specs__value {
      z-index: 2;
    }

    .specs__item--3 .specs__icon {
      position: absolute;
      right: 0;
    }

    .specs__item--3 .specs__subtitle {
      font-weight: 400;
      font-style: Regular;
      font-size: 17px;
      line-height: 140%;
      letter-spacing: 0%;
      vertical-align: bottom;
      color: #212529cc;
    }

    .material-properties {
      display: flex;
      flex-direction: column;
      gap: 23px;
    }

    .material-properties__list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .material-properties__item {
      display: flex;
      align-items: center;
      gap: 14px;
      width: 283px;
      font-weight: 400;
      font-size: 17px;
      line-height: 150%;
      letter-spacing: 0%;
      color: #212529cc;
    }

    .material-properties__bullet {
      width: 8px;
      height: 8px;
    }
  }

  .application-ways {
    display: flex;
    flex-direction: column;
    gap: 50px;

    .application-ways__title {
      text-align: center;
    }

    .application-ways__flex {
      display: flex;
      flex-wrap: wrap;
      gap: 35px;
      justify-content: center;
    }

    .application-ways__card {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 8px;
      width: 283px;
      height: 246px;
      padding: 30px;
      background-color: #fff4d6;
    }

    .application-ways__card-header {
      display: flex;
      gap: 12px;
    }

    .application-ways__icon {
      width: 40px;
      height: 40px;
    }

    .application-ways__heading {
      font-size: 24px;
    }

    .application-ways__list {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .application-ways__item {
      display: flex;
      align-items: center;
      gap: 14px;
    }

    .application-ways__item-icon {
      width: 8px;
      height: 8px;
    }

    .application-ways__item-title {
      font-weight: 400;
      font-size: 17px;
      line-height: 150%;
      letter-spacing: 0%;
      color: #212529cc;
    }
  }

  .advantages {
    padding-inline: var(--desktop-global-padding-inline);
    display: flex;
    gap: 35px;

    .feature-card {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 35px;
      width: 707px;
    }

    .feature-card__header {
      display: flex;
      flex-direction: column;
      gap: 23px;
    }

    .feature-card__title--blue {
      color: var(--color-blue);
    }

    .feature-card__underline {
      width: 39px;
      height: 3px;
      background-color: var(--color-blue);
    }

    .feature-card__grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 20px;
    }

    .feature-card__item {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 15px;
      width: 335.53px;
    }

    .feature-card__icon {
      width: 55px;
      height: 60px;
    }

    .feature-card__item:nth-child(2) .feature-card__icon,
    .feature-card__item:nth-child(7) .feature-card__icon {
      transform: translate(59px, 0) rotate(90deg);
    }

    .feature-card__item:nth-child(3) .feature-card__icon,
    .feature-card__item:nth-child(6) .feature-card__icon {
      transform: translate(-3px, 60px) rotate(270deg);
    }

    .feature-card__item:nth-child(4) .feature-card__icon,
    .feature-card__item:nth-child(5) .feature-card__icon {
      transform: translate(55px, 60px) rotate(180deg);
    }

    .feature-card__text {
      font-weight: 400;
      font-size: 17px;
      line-height: 150%;
      letter-spacing: 0%;
      color: #212529cc;
      width: 260.53px;
    }

    .form-promo {
      width: 495px;
      display: flex;
      flex-direction: column;
      gap: 45px;
    }

    .form-promo__content {
      width: 495px;
      height: 443px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      padding: 32px;
      position: relative;
      background: linear-gradient(162deg, #ff6f00 27%, #7cb342 0%);
    }

    .form-promo__puzzle {
      width: 66px;
      height: 101px;
      position: absolute;
    }

    .form-promo__content .form-promo__puzzle:first-of-type {
      transform: rotate(270deg) scaleY(-1);
      top: -18px;
      left: -13px;
    }
    .form-promo__content .form-promo__puzzle:nth-of-type(2) {
      top: 5px;
      right: 0;
    }

    .form-promo__icon-handshake {
      width: 72px;
      height: 57px;
    }

    .form-promo__title {
      text-align: center;
    }

    .form-promo__title--white {
      color: var(--color-white);
    }

    .form-promo__form {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }
    .form-promo__input {
      width: 431px;
      height: 50px;
      background-color: #ffffff;
      padding-left: 21px;
      font-weight: 400;
      font-size: 15px;
      line-height: 150%;
      letter-spacing: 0%;
    }
    .form-promo__button {
      width: 431px;
      height: 56px;
      background-color: var(--color-blue);
      font-weight: 600;
      line-height: 120%;
      letter-spacing: 0%;
      color: var(--color-white);
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
    }

    .form-promo__button--arrow {
      width: 13px;
      height: 11px;
    }
    .form-promo__warranty {
      display: flex;
      gap: 10px;
      align-items: center;
    }
    .form-promo__waranty-icon {
      width: 40px;
      height: 40px;
    }
    .form-promo__warranty-text {
      font-weight: 700;
      font-size: 15px;
      line-height: 140%;
      letter-spacing: 6%;
      text-transform: uppercase;
    }
  }

  .wholesale-benefit {
    padding-inline: var(--desktop-global-padding-inline);
    display: flex;
    flex-direction: column;
    gap: 38px;

    .wholesale-benefit__title {
      margin-inline: auto;
      text-align: center;
      max-width: 813px;
    }

    .wholesale-benefit__title--blue {
      color: var(--color-blue);
    }

    .wholesale-benefit__grid {
      display: grid;
      grid-template-rows: repeat(3, 283px);
      grid-template-columns: repeat(4, 283px);
      gap: 35px;
    }

    .benefit-item {
      background-repeat: no-repeat;
      background-size: cover;
      padding-bottom: 35px;
      display: flex;
    }

    .benefit-item__gift-shops {
      background-image: url(./assets/images/benefit-item__gift-shops.webp);
    }

    .benefit-item__handmade-stores {
      background-image: url(./assets/images/benefit-item__handmade-stores.webp);
    }
    .benefit-item__game-toy-manufacturers {
      background-image: url(./assets/images/benefit-item__game-toy-manufacturers.webp);
      grid-area: 2 / 1 / 4 / 2;
    }
    .benefit-item__footwear-manufacturers {
      background-image: url(./assets/images/benefit-item__footwear-manufacturers.webp);
    }
    .benefit-item__model-making-studios {
      background-image: url(./assets/images/benefit-item__model-making-studios.webp);
    }
    .benefit-item__florists {
      background-image: url(./assets/images/benefit-item__florists.webp);
      grid-area: 1 / 3 / 2 / 5;
    }
    .benefit-item__designers {
      background-image: url(./assets/images/benefit-item__designers.webp);
      grid-area: 2 / 3 / 3 / 4;
    }
    .benefit-item__children {
      background-image: url(./assets/images/benefit-item__children.webp);
      grid-area: 2 / 4 / 3 / 5;
    }
    .benefit-item__crafters {
      background-image: url(./assets/images/benefit-item__crafters.webp);
    }

    .benefit-item .benefit-item__text {
      border-color: var(--color-lime);
    }
    .benefit-item__handmade-stores .benefit-item__text {
      border-color: var(--color-orange);
    }
    .benefit-item__game-toy-manufacturers .benefit-item__text {
      border-color: var(--color-blue);
    }
    .benefit-item__footwear-manufacturers .benefit-item__text {
      border-color: var(--color-lime);
    }
    .benefit-item__model-making-studios .benefit-item__text {
      border-color: var(--color-orange);
    }
    .benefit-item__florists .benefit-item__text {
      border-color: var(--color-blue);
    }
    .benefit-item__designers .benefit-item__text {
      border-color: var(--color-orange);
    }
    .benefit-item__children .benefit-item__text {
      border-color: var(--color-lime);
    }
    .benefit-item__crafters .benefit-item__text {
      border-color: var(--color-blue);
    }

    .benefit-item__text {
      margin-top: auto;
      font-weight: 700;
      font-size: 24px;
      line-height: 120%;
      letter-spacing: 0%;
      padding-left: 28px;
      border-left: 8px solid;
      color: var(--color-white);
    }

    .wholesale-callout {
      padding: 58px 30px;
      display: flex;
      gap: 6px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .wholesale-callout__text {
      font-weight: 700;
      font-size: 15px;
      line-height: 140%;
      letter-spacing: 6%;
      text-transform: uppercase;
      color: #212529;
    }
  }

  .wholesale-callout__count {
    display: flex;
    gap: 14px;
    font-weight: 800;
    font-size: 47px;
    letter-spacing: 0%;
    color: var(--color-blue);
    position: relative;
    width: 100%;
  }

  .wholesale-callout__count--text {
    font-size: 23px;
    font-weight: 700;
    height: 28px;
  }

  .wholesale-callout__image {
    position: absolute;
    right: 0;
  }

  .request-wholesale {
    background-color: var(--color-lime);
    width: 1237px;
    height: 306px;
    padding: 70px;
    position: relative;
    overflow: hidden;
    margin-inline: var(--desktop-global-padding-inline);

    .request-wholesale__content {
      display: flex;
      flex-direction: column;
      gap: 35px;
      width: 777px;
      height: 146px;
    }

    .request-wholesale__title--white {
      color: var(--color-white);
    }

    .request-form {
      display: flex;
      gap: 15px;
    }

    .request-form__input {
      width: 217px;
      height: 56px;
      padding-left: 20px;
      font-weight: 400;
      font-size: 15px;
      line-height: 150%;
      letter-spacing: 0%;
      color: #21252999;
      background-color: var(--color-white);
    }

    .request-form__button {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 206px;
      height: 56px;
      gap: 10px;
      background-color: var(--color-blue);
      color: var(--color-white);
      font-weight: 600;
      font-size: 18px;
      line-height: 120%;
      letter-spacing: 0%;
    }

    .request-wholesale__image {
      position: absolute;
      top: -20px;
      right: 72px;
      z-index: 3;
    }

    .request-wholesale__bacgkround--wrapper {
      position: absolute;
      top: 0;
      right: 0;
    }

    .request-wholesale__gradient {
      position: absolute;
      top: 0;
      width: 195px;
      height: 305px;
      background: linear-gradient(270deg, rgba(140, 196, 73, 0) 0%, #8cc449 100%);
    }

    .request-wholesale__puzzle {
      position: absolute;
      height: 66px;
      width: 101px;
    }

    .request-wholesale__puzzle--top {
      top: -1px;
      right: 350px;
      transform: rotate(180deg) scaleX(-1);
    }

    .request-wholesale__puzzle--right {
      top: 136px;
      right: -18px;
      transform: rotate(270deg);
    }
  }

  .cooperation-options {
    display: flex;
    flex-direction: column;
    gap: 35px;
    padding-inline: var(--desktop-global-padding-inline);

    .cooperation-options__header {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 23px;
    }

    .cooperation-options__title--blue {
      color: var(--color-blue);
    }

    .cooperation-options__header--underline {
      width: 39px;
      height: 3px;
      background-color: var(--color-blue);
    }

    .cooperation-options__content {
      display: flex;
      gap: 35px;
    }

    .cooperation-options__image {
      width: 601px;
      height: 467px;
    }

    .cooperation-options__option {
      width: 283px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      padding: 30px;
      background-color: #fff4d6;
    }

    .cooperation-options__option-title {
      color: var(--color-blue);
    }

    .cooperation-options__option-subtitle {
      font-weight: 700;
      font-size: 15px;
      line-height: 140%;
      letter-spacing: 6%;
      text-transform: uppercase;
      color: #212529;
    }

    .cooperation-options__list {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .cooperation-options__list-item {
      display: flex;
      gap: 14px;
    }

    .cooperation-options__list-item--blue-circle {
      width: 8px;
      height: 8px;
      margin-top: 8px;
    }

    .cooperation-options__list-item-text {
      font-weight: 400;
      font-size: 17px;
      line-height: 150%;
      letter-spacing: 0%;
      color: #212529cc;
    }

    .cooperation-options__option--finished--wrapper {
      display: flex;
      flex-direction: column;
      gap: 93px;
    }

    .cooperation-options__delivery-info {
      display: flex;
      gap: 10px;
      width: 283px;
    }

    .cooperation-options__delivery-icon {
      width: 40px;
      height: 40px;
    }

    .cooperation-options__delivery-text {
      font-weight: 700;
      font-size: 15px;
      line-height: 140%;
      letter-spacing: 6%;
      text-transform: uppercase;
      color: #212529;
    }
  }

  .workflow {
    width: 1440px;
    height: 629px;
    background-color: #f5f9fb;
    padding: 90px var(--desktop-global-padding-inline);
    display: flex;
    flex-direction: column;
    gap: 35px;

    .workflow__header {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 23px;
    }

    .workflow__title-highlight {
      color: var(--color-blue);
    }

    .workflow__underline {
      width: 39px;
      height: 3px;
      background-color: var(--color-blue);
    }
    .workflow__subtitle {
      font-weight: 400;
      font-size: 17px;
      line-height: 150%;
      letter-spacing: 0%;
      text-align: center;
      color: #212529cc;
    }

    .workflow__steps-container {
      display: flex;
      flex-wrap: wrap;
      gap: 33px;
    }

    .workflow__step {
      display: flex;
      gap: 14px;
      align-items: center;
      position: relative;
      width: 283px;
      flex-wrap: wrap;
    }

    .workflow__step--1 .workflow__step--number,
    .workflow__step--2 .workflow__step--number,
    .workflow__step--3 .workflow__step--number {
      top: 12px;
    }

    .workflow__step--margin-top {
      margin-top: 25px;
    }

    .workflow__step--number {
      font-weight: 800;
      font-size: 30px;
      line-height: 120%;
      letter-spacing: 0%;
      color: var(--color-white);
      position: absolute;
      top: 6px;
      left: 20px;
    }

    .workflow__text {
      font-weight: 400;
      font-size: 17px;
      line-height: 150%;
      letter-spacing: 0%;
      color: #212529cc;
    }
  }

  .working {
    padding-inline: var(--desktop-global-padding-inline);
    display: flex;
    gap: 35px;

    .working__content {
      display: flex;
      flex-direction: column;
      gap: 30px;
      width: 707px;
    }

    .working__content-header {
      display: flex;
      flex-direction: column;
      gap: 23px;
    }

    .working__title-highlight {
      color: var(--color-blue);
    }

    .working__divider {
      width: 39px;
      height: 3px;
      background-color: var(--color-blue);
    }

    .working__features-list {
      display: flex;
      gap: 35px;
      flex-wrap: wrap;
    }

    .working__feature-item {
      width: 283px;
      display: flex;
      gap: 10px;
    }

    .working__feature-icon {
      height: 40px;
      width: 40px;
    }

    .working__feature-text {
      font-weight: 400;
      font-size: 17px;
      line-height: 150%;
      letter-spacing: 0%;
      color: #212529;
    }

    .working__form-pillar {
      width: 495px;
      height: 475px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      padding: 32px;
      position: relative;
      background: linear-gradient(162deg, #ff6f00 27%, #7cb342 0%);
    }

    .working__form-puzzle {
      height: 66px;
      width: 101px;
      position: absolute;
    }

    .working__form-puzzle-1 {
      transform: rotate(270deg) scaleY(-1);
      top: 16px;
      left: -18px;
    }
    .working__form-puzzle-2 {
      top: 35px;
      right: -1px;
    }
    .working__form-icon {
      height: 76px;
      width: 76px;
    }
    .working__form-text--white {
      color: var(--color-white);
    }

    .working__form {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }

    .working__form-input {
      width: 431px;
      height: 50px;
      background-color: #ffffff;
      padding-left: 21px;
      font-weight: 400;
      font-size: 15px;
      line-height: 150%;
      letter-spacing: 0%;
    }
    .working__form-button {
      width: 431px;
      height: 56px;
      background-color: var(--color-blue);
      font-weight: 600;
      line-height: 120%;
      letter-spacing: 0%;
      color: var(--color-white);
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
    }

    .working-form__button--arrow {
      width: 13px;
      height: 11px;
    }
  }

  .gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 283px);
    grid-template-rows: repeat(2, 283px);
    gap: 35px;
    padding-inline: var(--desktop-global-padding-inline);
  }
  .gallery__item--velvet-bows {
    grid-area: 1/1/3/2;
  }

  .gallery__item--wings,
  .gallery__item--cherry-blossoms,
  .gallery__item--paper-roses {
    grid-area: 2;
  }

  .gallery__item--hydrangea-flowers {
    grid-area: 1 / 3;
  }
}

.footer {
  display: flex;
  flex-direction: column;
  margin-top: 110px;

  .footer__top {
    background-color: var(--color-white);
    display: flex;
    justify-content: space-between;
    padding: 60px var(--desktop-global-padding-inline);
    border-top: 1px solid var(--color-black);
  }

  .footer__list--wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .footer__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .footer__item {
    font-weight: 400;
    font-size: 17px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #212529cc;
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
  }

  .footer__logo--item {
    margin-top: 20px;
  }

  .footer__logo--image {
    width: 150px;
  }

  .footer__list--offices-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 330px;
  }

  .footer__item--black-text {
    color: var(--color-black);
    word-break: break-all;
  }

  .footer__bottom {
    background-color: #c9dce8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: var(--desktop-global-padding-inline);
    height: 70px;
    position: relative;
  }

  .footer__bottom--text {
    font-weight: 400;
    font-size: 17px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #212529cc;
    position: absolute;
    left: var(--desktop-global-padding-inline);
  }

  .footer__bottom--socials {
    display: flex;
    gap: 8px;
    align-items: center;
  }
  .footer__social-link {
    display: flex;
  }

  .facebook-icon {
    height: 25px;
    width: 25px;
  }

  .instagram-icon {
    height: 20px;
    width: 20px;
  }

  .youtube-icon {
    height: 30px;
    width: 30px;
  }
}

@media (max-width: 1439px) {
  h2 {
    font-size: 45px;
  }

  .header {
    height: 75px;
    padding-inline: 15px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    svg {
      height: 22px;
      width: auto;
    }

    .header__top-bar--desktop,
    .header__main-content--desktop {
      display: none;
    }

    .header__mobile {
      display: flex;
      justify-content: space-between;
      width: 770px;
      margin-inline: auto;
      padding-inline: 16px;
    }
  }

  main {
    margin-top: 145px;
    margin-inline: auto;
    width: 770px;

    .foamiran-wholesale-supplies {
      flex-direction: column;
      gap: 40px;
      padding-inline: var(--tablet-global-padding-inline);

      .foamiran-wholesale-supplies__wrapper {
        height: 400px;
        width: 690px;
      }

      .foamiran-wholesale-supplies__content {
        width: 690px;
      }

      .foamiran-wholesale-supplies__title {
        font-size: 50px;
      }

      .foamiran-wholesale-supplies__subtitle {
        font-size: 45px;
        width: 100%;
      }

      .foamiran-wholesale-supplies__input {
        width: 232px;
      }

      .foamiran-wholesale-supplies__picture {
        width: 690px;
        height: 376px;
      }
      .foamiran-wholesale-supplies__image {
        width: 690px;
        height: 376px;
      }
    }

    .offer {
      flex-direction: column-reverse;

      .offer__picture {
        width: 770px;
        height: 600px;
      }
      .offer__image {
        width: 770px;
        height: 600px;
      }

      .offer__puzzle--top-right {
        top: 23px;
        right: 18px;
      }

      .offer__puzzle--bottom-left {
        bottom: 0;
        left: 192px;
      }

      .offer__content {
        padding-block: 65px;
        width: 690px;
      }
      .specs__item {
        width: 335px;
      }

      .material-properties__item {
        width: 335px;
      }
    }

    .application-ways {
      .application-ways__flex {
        gap: 20px;
      }
      .application-ways__card {
        width: 335px;
      }
    }

    .advantages {
      flex-direction: column;
      padding-inline: var(--tablet-global-padding-inline);

      .feature-card {
        width: 692px;
      }

      .form-promo {
        flex-direction: column-reverse;
        gap: 30px;
        width: 690px;
      }

      .form-promo__content {
        width: 690px;
        height: 313px;

        /* background: linear-gradient(152deg, #ff6f00 27%, #7cb342 0%); */
      }

      .form-promo__form {
        flex-direction: row;
      }
      .form-promo__input {
        width: 195px;
        height: 56px;
      }

      .form-promo__button {
        width: 206px;
      }
    }

    .wholesale-benefit {
      padding-inline: var(--tablet-global-padding-inline);
      gap: 30px;

      .wholesale-benefit__grid {
        grid-template-columns: repeat(2, 335px);
        grid-template-rows: repeat(6, 283px);
        gap: 20px;
      }

      .wholesale-callout {
        padding-block: 68.5px;
      }

      .benefit-item__florists {
        grid-area: 4 / 1 / 5 / 3;
      }
      .benefit-item__designers {
        grid-area: 5 / 1 / 6 / 2;
      }
      .benefit-item__children {
        grid-area: 5 / 2 / 6 / 3;
      }
    }

    .request-wholesale {
      width: 770px;
      height: 468px;
      padding-left: 40px;
      margin: 0;

      .request-wholesale__content {
        width: 424px;
        height: 355px;
        gap: 20px;
        position: relative;
        z-index: 2;
        background-color: var(--color-lime);
      }

      .request-form {
        flex-direction: column;
        gap: 15px;
      }

      .request-form__input {
        width: 424px;
      }

      .request-form__button {
        width: 424px;
      }

      .request-wholesale__image {
        top: 61px;
        right: 18px;
      }

      .request-wholesale__bacgkround--wrapper {
        top: 0px;
        right: -320px;
      }

      .request-wholesale__bacgkround {
        height: 468px;
        width: 713px;
        opacity: 0.9;
        position: relative;
        right: 20px;
      }

      .request-wholesale__gradient {
        width: 195px;
        height: 468px;
      }

      .request-wholesale__puzzle--top {
        right: 275px;
      }

      .request-wholesale__puzzle--right {
        display: none;
      }
    }

    .cooperation-options {
      gap: 30px;
      padding-inline: var(--tablet-global-padding-inline);

      .cooperation-options__content {
        gap: 20px;
        flex-wrap: wrap;
      }

      .cooperation-options__image {
        width: 690px;
        height: 537px;
        margin-top: 10px;
        order: 3;
      }

      .cooperation-options__option {
        width: 335px;
      }

      .cooperation-options__option--finished--wrapper {
        gap: 33px;
      }

      .cooperation-options__delivery-info {
        width: 335px;
      }
    }
    .workflow {
      gap: 30px;
      width: 770px;
      height: 840px;
      padding: 70px var(--tablet-global-padding-inline);

      .workflow__steps-container {
        gap: 20px;
      }

      .workflow__step {
        width: 335px;
      }

      .workflow__step--1 .workflow__step--number,
      .workflow__step--2 .workflow__step--number,
      .workflow__step--3 .workflow__step--number {
        top: 6px;
      }

      .workflow__step--margin-top {
        margin-top: 0px;
      }
    }

    .working {
      flex-direction: column;
      gap: 30px;
      padding-inline: var(--tablet-global-padding-inline);

      .working__content {
        width: 690px;
      }

      .working__features-list {
        gap: 20px;
      }

      .working__feature-item {
        width: 335px;
      }

      .working__form-pillar {
        width: 690px;
        height: 347px;
      }

      .working__form {
        flex-direction: row;
      }

      .working__form-input {
        width: 195px;
        height: 56px;
      }

      .working__form-button {
        width: 206px;
      }
    }

    .gallery-grid {
      grid-template-columns: repeat(2, 334px);
      grid-template-rows: repeat(4, 283px);
      gap: 20px;
      padding-inline: var(--tablet-global-padding-inline);

      .gallery__item--velvet-bows .gallery__image {
        width: 333px;
        height: 586px;
      }

      .gallery__item--pink-roses .gallery__image,
      .gallery__item--wings .gallery__image,
      .gallery__item--paper-roses .gallery__image,
      .gallery__item--cherry-blossoms .gallery__image {
        width: 333px;
        height: 283px;
      }

      .gallery__item--hydrangea-flowers {
        grid-area: 3;
      }

      .gallery__item--hydrangea-flowers .gallery__image {
        width: 688px;
        height: 283px;
      }
      .gallery__item--paper-roses {
        grid-area: 4/1/5/2;
      }
      .gallery__item--cherry-blossoms {
        grid-area: 4;
      }
    }
  }

  .footer {
    .footer__top {
      padding: 40px 10px;
    }

    .footer__list--business-wrapper {
      width: 200px;
    }

    .footer__list--offices-wrapper {
      width: 200px;
    }

    .footer__bottom {
      padding-inline: 10px;
      height: 140px;
    }

    .footer__bottom--text {
      left: 10px;
      width: 300px;
    }
  }
}

@media (max-width: 771px) {
  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 23px;
  }

  .header {
    .header__mobile {
      width: 375px;
      padding-inline: var(--mobile-global-padding-inline);
    }
  }

  main {
    margin-top: 125px;
    width: 375px;
    margin-inline: auto;

    .foamiran-wholesale-supplies {
      padding-inline: var(--mobile-global-padding-inline);

      .foamiran-wholesale-supplies__wrapper {
        width: 335px;
        height: fit-content;
        gap: 40px;
      }

      .foamiran-wholesale-supplies__content {
        width: 335px;
        gap: 30px;
      }

      .foamiran-wholesale-supplies__content {
        font-size: 40px;
      }
      .foamiran-wholesale-supplies__subtitle {
        font-size: 30px;
      }

      .foamiran-wholesale-supplies__features-list {
        gap: 30px;
        flex-direction: column;
      }
      .foamiran-wholesale-supplies__feature-item {
        display: flex;
        align-items: center;
      }

      .foamiran-wholesale-supplies__form {
        flex-direction: column;
      }

      .foamiran-wholesale-supplies__input,
      .foamiran-wholesale-supplies__button {
        width: 335px;
      }

      .foamiran-wholesale-supplies__picture {
        width: 335px;
        height: 280px;
      }

      .foamiran-wholesale-supplies__image {
        width: 335px;
        height: 280px;
      }
    }

    .offer {
      .offer__picture {
        width: 375px;
        height: 292px;
      }

      .offer__image {
        width: 375px;
        height: 292px;
      }

      .offer-puzzle {
        width: 65px;
        height: 100px;
      }

      .offer__puzzle--top-right {
        top: -18px;
        right: -12px;
      }

      .offer__puzzle--bottom-left {
        bottom: -30px;
        left: 0px;
      }

      .offer__content {
        width: 335px;
        gap: 30px;
        flex-direction: column;
        padding-block: 45px;
      }

      .specs__item {
        position: relative;
      }

      .specs__value {
        font-size: 30px;
      }

      .specs__icon {
        position: absolute;
        right: 0;
      }

      .specs__item--1,
      .specs__item--2 {
        margin: 0;
      }
    }

    .application-ways {
      gap: 20px;

      .application-ways__flex {
        gap: 10px;
      }

      .application-ways__card {
        height: 236px;
      }

      .application-ways__heading {
        font-size: 20px;
      }
    }

    .advantages {
      padding-inline: var(--mobile-global-padding-inline);

      .feature-card__header {
        gap: 15px;
      }

      .feature-card {
        width: 335px;
      }

      .form-promo__content {
        width: 335px;
        height: 490px;
        padding: 60px 20px;

        /* background: linear-gradient(152deg, #ff6f00 27%, #7cb342 0%); */
      }
      .form-promo__form {
        flex-direction: column;
      }
      .form-promo__input {
        width: 294px;
        height: 50px;
      }

      .form-promo__button {
        width: 294px;
      }
      .form-promo__warranty {
        display: none;
      }
    }
    .wholesale-benefit {
      padding-inline: var(--mobile-global-padding-inline);

      .benefit-item {
        height: 133px;
        padding-bottom: 20px;
      }

      .benefit-item__gift-shops,
      .benefit-item__game-toy-manufacturers,
      .benefit-item__footwear-manufacturers,
      .benefit-item__children {
        background-position: center;
      }
      .benefit-item__handmade-stores,
      .benefit-item__designers {
        background-position-y: -65px;
      }
      .benefit-item__model-making-studios {
        background-position-y: -75px;
      }
      .benefit-item__crafters {
        background-position-y: -170px;
      }

      .benefit-item__text {
        padding-left: 15px;
        font-size: 18px;
      }

      .wholesale-benefit__grid {
        display: flex;
        flex-direction: column;
        gap: 10px;
      }

      .wholesale-callout {
        padding-block: 30px;
        height: 186px;
      }

      .wholesale-callout__count {
        font-size: 30px;
      }
    }

    .request-wholesale {
      width: 375px;
      height: 388px;
      padding: 50px 20px;
      margin-inline: auto;
      display: flex;
      align-items: center;

      .request-wholesale__content {
        width: 335px;
        height: 279px;
        gap: 15px;
      }

      .request-form__input {
        width: 335px;
      }

      .request-form__button {
        width: 335px;
      }

      .request-wholesale__image,
      .request-wholesale__puzzle,
      .request-wholesale__bacgkround--wrapper {
        display: none;
      }
    }

    .cooperation-options {
      padding-inline: var(--mobile-global-padding-inline);

      .cooperation-options__header {
        gap: 15px;
      }

      .cooperation-options__content {
        gap: 20px;
        flex-wrap: wrap;
      }
      .cooperation-options__content {
        flex-direction: column;
        gap: 10px;
      }

      .cooperation-options__image {
        width: 335px;
        height: 261px;
        margin-top: 20px;
      }

      .cooperation-options__option--finished--wrapper {
        gap: 20px;
      }
    }

    .workflow {
      width: 375px;
      height: 803px;
      padding: 50px var(--mobile-global-padding-inline);
      gap: 35px;

      .workflow__header {
        gap: 15px;
      }

      .workflow__steps-container {
        flex-direction: column;
      }

      .workflow__text {
        width: 264px;
      }

      .workflow__step--arrow {
        display: none;
      }
    }

    .working {
      padding-inline: var(--mobile-global-padding-inline);

      .working__content {
        width: 335px;
      }

      .working__content-header {
        gap: 15px;
      }

      .working__features-list {
        flex-direction: column;
        gap: 30px;
      }

      .working__form-pillar {
        width: 335px;
        height: 518px;
        padding: 60px 20px;
      }
      .working__form-icon {
        height: 60px;
        width: 60px;
      }
      .working__form {
        flex-direction: column;
      }

      .working__form-input {
        width: 294px;
        height: 50px;
      }

      .working__form-button {
        width: 294px;
      }
    }

    .gallery-grid {
      grid-template-columns: repeat(2, 157px);
      grid-template-rows: repeat(4, 133px);
      gap: 20px;
      padding-inline: var(--mobile-global-padding-inline);

      .gallery__item--velvet-bows .gallery__image {
        width: 157px;
        height: 286px;
      }

      .gallery__item--pink-roses .gallery__image,
      .gallery__item--wings .gallery__image,
      .gallery__item--paper-roses .gallery__image,
      .gallery__item--cherry-blossoms .gallery__image {
        width: 157px;
        height: 133px;
      }

      .gallery__item--hydrangea-flowers .gallery__image {
        width: 335px;
        height: 133px;
      }
    }
  }

  .footer {
    .footer__top {
      flex-direction: column;
      align-items: center;
      padding: 40px 10px;
      gap: 30px;
    }

    .footer__list--wrapper {
      gap: 16px;

      h3 {
        text-align: center;
      }
    }

    .footer__item {
      justify-content: center;
    }

    .footer__list--business-wrapper,
    .footer__list--offices-wrapper {
      width: auto;
    }

    .footer__bottom {
      flex-direction: column;
    }

    .footer__bottom--text {
      width: auto;
      position: static;
    }
  }
}