body {
  --top-notify-height: 0px;
  background-color: #f8f8f8;
}

main {
  position: relative;
}

main::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 120vh;
  background: linear-gradient(0deg, rgba(248, 248, 248, 1) 0%, rgba(253, 246, 236, 1) 29%, rgba(247, 241, 233, 1) 100%);
  background-size: contain;
  -webkit-background-size: contain;
  z-index: -1;
}

@media (min-width: 541px) {
  main::before {
    height: 2000px;
    background: url("/wp-content/uploads/2024/01/gradient_bg_top.webp") no-repeat top center;
    background-size: cover;
  }
}

.top-notify {
  /*position: fixed;*/
  /*top: 0;*/
  /*left: 0;*/
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0;
  background-color: var(--bg-color, #FBCF54);
  /*min-height: var(--top-notify-height, 31px);*/
  min-height: 31px;
  width: 100%;
  overflow: hidden;
  z-index: 9;
  padding: 0 20px;
}

.top-notify-text {
  display: flex;
  align-items: center;
  gap: 10px;
}

.top-notify-text > p {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 5px;
  margin: 0 5px;
}

@media (max-width: 610px) {
  .top-notify {
    /*font-size: 12px;*/
    text-align: center;
    padding: 5px 23px 5px 26px;
  }

  .top-notify:has(+ .header-menu.open) {
    display: none;
  }

  .top-notify>div {
    padding: 0 5px;
  }

  .rocket-icon {
    vertical-align: bottom;
    margin-right: 5px;
    position: absolute;
    left: 10px;
  }

  .top-notify__close {
    position: absolute;
    right: 10px;
  }
}

.top-notify img {
  margin-right: 8px;
}

.top-notify a {
  color: #000;
  font-weight: 600;
  text-decoration-line: underline;
  text-transform: capitalize;
}

.top-notify__close {
  cursor: pointer;
  position: absolute;
  right: 10px;
  /*inset: 0 8px 0 auto;*/
  height: 24px;
  width: 24px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4 12L19.7 5.7C20.1 5.3 20.1 4.7 19.7 4.3C19.3 3.9 18.7 3.9 18.3 4.3L12 10.6L5.7 4.3C5.3 3.9 4.7 3.9 4.3 4.3C3.9 4.7 3.9 5.3 4.3 5.7L10.6 12L4.3 18.3C4.1 18.5 4 18.7 4 19C4 19.6 4.4 20 5 20C5.3 20 5.5 19.9 5.7 19.7L12 13.4L18.3 19.7C18.5 19.9 18.7 20 19 20C19.3 20 19.5 19.9 19.7 19.7C20.1 19.3 20.1 18.7 19.7 18.3L13.4 12Z' fill='%23000'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75%;
}

.home-page {
  position: relative;
}

.container--home {
  max-width: 1255px;
}

.home-page .first-section {
  padding-top: 67px;
}

.home-page .first-section__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
}

.home-page .first-section__label {
  display: flex;
  padding: 10px 16px 8px;
  gap: 8px;
  border-radius: 20px;
  background-color: transparent;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  align-items: center;
  text-transform: none;
  border: 0.5px solid #5C5C5C;
}

.home-page .home-page.first-section__label span {
  line-height: 1;
  padding-top: 2px;
}

.home-page .first-section__text {
  max-width: 870px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.home-page .first-section__title {
  font-size: 74px;
  font-weight: 700;
  line-height: 74px;
  text-align: center;
  color: rgba(0, 0, 0, 1);
  letter-spacing: normal;
  margin: 0;
  text-transform: none;
}

.home-page .first-section__title span {
  background: linear-gradient(90.01deg, #409A65 16.94%, #87C6CE 47.9%, #F39325 65.85%, #FBCF54 100.11%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.home-page .first-section__desc {
  max-width: 600px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  color: #333333;
}

.home-page .hero__image {
  margin-top: 95px;
  /*margin-bottom: 136px;*/
  margin-bottom: 80px;
}

.home-page .hero__image img {
  width: 100%;
}

.home-page .company-logo {
  margin-bottom: 136px;
}

.company-logo {

    h2 {
        font-weight: 500;
        font-size: 22px;
        line-height: 1.5;
        text-align: center;
        color: rgba(102, 102, 102, 1);
    }

    p {
        margin: 0;
    }

    .company-logo__container {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 1300px;
    }

    .company-logo__list {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        /*max-width: 910px;*/
        gap: 4px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .company-logo__item {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 129px;
        min-height: 80px;
        background-color: rgba(255, 255, 255, 1);
        overflow: visible;
        cursor: pointer;
    }

    .company-logo__item::after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(255, 255, 255, 0.3);
        transition: opacity 0.3s ease;
    }

    .company-logo__item:hover::after {
        opacity: 0;
    }

    .company-logo__item-logo {
        max-width: 94px;
        max-height: 45px;
        object-fit: contain;
    }

    .company-logo__item-teg {
        position: absolute;
        top: 0;
        right: 0;
        padding: 4px;
        font-size: 8px;
        font-weight: 500;
        line-height: 1;
        color: rgb(251 251 253);
        background-color: rgb(64 154 101);
        z-index: 1;
    }

    .company-logo__item:hover {
        outline: 1px solid rgb(64 154 101);
    }



    .company-tooltip__wrapper {
        display: none;
    }

    .company-logo__item:hover .company-tooltip__wrapper {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        bottom: 100px;
        z-index: 100;
        min-width: 350px;
    }

    .company-tooltip {
        /*display: none;*/
        max-width: 350px;
        min-height: 165px;
        padding: 24px 16px 16px 16px;
        background-color: rgba(255, 255, 255, 1);
        border: 1px solid rgba(64, 154, 101, 1);
        line-height: 1.2;
        border-radius: 8px;
        box-shadow: 0px 5px 15px 0px rgba(0, 211, 127, 0.08);


        .company-tooltip__text {
            padding-bottom: 16px;
            margin-bottom: 16px;
            font-size: 14px;
            font-weight: 500;
            color: rgba(51, 51, 51, 1);
            border-bottom: 1px solid rgba(0, 0, 0, 1);
        }
    }


    .company-tooltip__bottom {
        display: flex;
        gap: 12px;
    }

    .company-tooltip__info-photo {
        width: 41px;
        height: 41px;
    }

    .company-tooltip__info-desc {
    }

    .company-tooltip__info-name {
        margin-bottom: 4px;
        font-size: 16px;
        font-weight: 700;
    }

    .company-tooltip__info-position {
        font-size: 14px;
        color: rgba(22, 22, 22, 0.4);
    }

    @media (max-width: 597px) {
        .button {
            width: 100%;
        }

        .company-logo__item {
            flex: 1;
            min-width: 106px;
        }

        .company-logo__item:hover {
            outline: unset;
        }

        .company-logo__item:hover .company-tooltip__wrapper {
            /*right: 0;*/
            /*left: auto;*/
            display: none;
        }

    }
}

.home-page .metrics {
  margin-top: 120px;
}

.home-page .metrics__boxes {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.home-page .metrics__boxes_item {
  width: 289px;
  padding: 66px 29px;
  border-radius: 24px;
  border: 1px solid #D5D9D9;
  background-color: #FBFBFD;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.home-page .metrics__boxes_item .text1 {
  display: flex;
  align-items: center;
  gap: 4px;
  color: black;
  font-size: 100px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
}

.home-page .metrics__boxes_item .text1 span {
  font-size: 34px;
}

.home-page .metrics__boxes_item .text2 {
  color: #00000099;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  margin-top: 10px;
}

.home-page .metrics__title {
  margin-bottom: 70px;
  font-size: 48px;
}

.home-page .section__label {
  display: flex;
  padding: 8px 15px;
  gap: 4px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 500;
  line-height: 0;
  text-transform: uppercase;
  align-items: center;
  width: fit-content;
  margin: 0 auto;
}

.home-page .section__label span {
  line-height: 1;
  padding-top: 2px;
}

.wholesalers {
  margin-top: 118px;
  overflow: hidden;
}

.wholesalers .title-section__line {
  left: 50%;
  bottom: -4px;
  transform: translateX(-50%) scaleY(1.5);
  width: 75%;
}

.wholesalers .wholesalers__title {
  color: #2F3040;
  line-height: 120%;
  letter-spacing: 0.4px;
  font-size: 48px;
  max-width: 540px;
  padding: 0;
  margin-top: 24px;
  margin-bottom: 30px;
  font-weight: 700;
}

.wholesalers .wholesalers__title span {
  color: #409A65;
}

.wholesalers-tabs__title {
  color: #000;
  font-size: 32px;
  font-weight: 700;
  line-height: 110%;
  text-transform: capitalize;
  margin: 0;
  padding: 0;
}

.wholesalers-tabs__title-icon {
  display: none;
}

.wholesalers-tabs__header {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 20px;
}

.wholesalers-tabs-nav {
  position: relative;
  width: 214px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14px 0;
  border: 2px solid #00000014;
  transition: .3s;
  cursor: pointer
}

.wholesalers-tabs-nav:hover {
  border: 2px solid #409A65;
  color: #409A65;
}

.wholesalers-tabs-nav.--active {
  background: white;
  border: 2px solid #F5F5F5;
  box-shadow: 0px 4px 6px -1px #409A651A;
  color: #409A65;
}

.wholesalers-tabs-nav.--active img, .wholesalers-tabs-nav:hover img {
  filter: invert(55%) sepia(18%) saturate(1282%) hue-rotate(92deg) brightness(91%) contrast(82%);
}

.wholesalers-tabs-nav__title {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  border-radius: 9px;
  padding: 13px 0 0 0;
}

.wholesalers-tabs__item {
  display: none;
  align-items: flex-start;
  background: white;
  border-radius: 32px;
  padding: 32px 24px;
  gap: 60px;
  box-shadow: -5px 3.33px 11.9px -0.83px #409A6514, 4px 1.66px 5.4px -1.66px #409A650F;
  margin-bottom: 10px
}

.wholesalers-tabs__item.--active {
  display: flex;
  background: #FBFBFB;
}

.wholesalers-tabs__image {
  image-rendering: -webkit-optimize-contrast;
  height: 344px;
  object-fit: contain;
  object-position: center;
  border-radius: 27px;
}

.wholesalers-tabs__desc {
  flex-basis: 224px;
  min-width: 224px;
  color: rgba(0, 0, 0, 0.80);
  font-size: 16px;
  font-weight: 500;
  line-height: 135%;
  letter-spacing: 0.16px;
  flex: 1;
}

.wholesalers-tabs__content {
  margin-top: 20px;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px
}

.wholesalers-tabs__content li {
  font-weight: 500;
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
}

.wholesalers-tabs__content li:last-child{
  /* margin-bottom: 26px;e */
}

.wholesalers-tabs__content li::before {
  content: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5 12.2041C21.5 17.1747 17.4706 21.2041 12.5 21.2041C7.52944 21.2041 3.5 17.1747 3.5 12.2041C3.5 7.23354 7.52944 3.2041 12.5 3.2041C13.9121 3.2041 15.2482 3.52929 16.4375 4.10886M19.8125 6.5791L11.9375 14.4541L9.6875 12.2041' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.wholesalers-tabs__link-more {
  display: inline-block;
  color: #409A65;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  margin-top: 20px;
}

.wholesalers-tabs__link-more::after {
  content: ' →';
  color: #409A65;
  font-size: 16px;
  font-weight: 600;
}

.wholesalers-tabs__item .btn-popup {
  background: #282823;
  margin-top: 10px;
}

.industries {
  margin-top: 118px;
}

.industries-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.industries-head-line {
  border-top: 1px solid #00000014;
  flex: 1;
  height: 0;
}

.industries-head h2 {
  font-size: 48px;
}

.industries-head h2 span {
  color: #409A65;
}

.industries-card {
  margin-top: 80px;
  background: #202125;
  color: white;
  padding: 40px;
  border-radius: 32px;
  position: relative;
}

.industries-card .btn-popup {
  cursor: pointer;
  color: white;
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 1;
  font-weight: 600;
  font-size: 17px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: none;
  border: none;
  padding: 0;
}

.industries-card .btn-popup:hover {
  color: #409A65;
}

.industries-card .btn-popup::before {
  content: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2674 1.04492L16.6107 7.70541M16.6107 7.70541L10.2674 14.3659M16.6107 7.70541L1.38672 7.70541' stroke='%2334A853' stroke-width='1.88892' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  height: 53px;
  width: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #34A853;
  border-radius: 100%;
  transition: .3s;
  line-height: 0;
}

.industries-card .btn-popup:hover::before {
  background: #34A8534D;
}

.industries-title {
  font-size: 48px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 20px;
  line-height: 120%;
  width: 60%;
  color: white;
}

.industries-title span {
  color: #409A65;
}

.industries-description {
  width: 50%;
  opacity: 70%;
  font-size: 18px;
  line-height: 150%;
}

.industries-items {
  display: flex;
  justify-content: space-between;
  margin-top: 70px;
}

.industries-item {
  border-radius: 16px;
  background: #333333;
  width: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px 0;
  transition: .3s;
  cursor: pointer;
}

.industries-item:hover {
  transform: translateY(-10px);
  background: #3e3e3e;
}

.industries-item__title {
  color: #F7F7FA;
  font-size: 16px;
  font-weight: 500;
}

.use-integrations {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #EAEEEA80;
  border-radius: 24px;
  padding: 50px 0;
  margin-top: 118px;
  text-align: center;
}

.use-integrations__title {
  font-size: 48px;
  margin-top: 20px;
  margin-bottom: 10px;
  color: black;
}

.use-integrations .text-section {
  text-align: center;
  max-width: 545px;
  color: #778479;
}


.use-integrations__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 40px 64px;
  max-width: 500px;
  margin: 50px 0 40px;
}

.use-integrations-image__text {
  font-weight: 600;
  font-size: 14px;
  color: #778479
}

.use-integrations__image {
  height: auto;
  object-fit: contain;
}


.use-integrations__button {
  display: inline-block;
  color: black;
  font-size: 20px;
  font-weight: 600;
  border: 1px solid #00000033;
  padding: 11px 16px;
  border-radius: 10px;
}

.use-integrations__button::before {
  content: '+';
  color: black;
  font-size: 20px;
  font-weight: 600;
  margin-right: 7px;
}

.whyus {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  margin-top: 118px;
}

.whyus-image img {
  max-width: 670px;
}

.whyus-title {
  font-weight: 700;
  font-size: 48px;
  color: black;
  line-height: 120%;
  margin: 0;
  margin-bottom: 40px;
}

.whyus-title.mobile {
  display: none;
}

.whyus-title span {
  color: #409A65;
}

.whyus-description {
  margin-bottom: 30px;
}

.whyus-description li {
  font-weight: 600;
  font-size: 18px;
  display: flex;
  gap: 16px;
  margin-bottom: 28px;
}

.whyus-description li::before {
  content: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.680664' width='11.6313' height='11.6313' rx='3' fill='%23409A65'/%3E%3C/svg%3E%0A");
}

.whyus .btn-popup {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  color: black;
  font-size: 17px;
  font-weight: 700;
  transition: .3s;
  background: none;
  border: none;
  padding: 0;
}

.whyus .btn-popup:hover {
  color: #409A65;
}

.whyus .btn-popup::before {
  content: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2674 1.04492L16.6107 7.70541M16.6107 7.70541L10.2674 14.3659M16.6107 7.70541L1.38672 7.70541' stroke='%2334A853' stroke-width='1.88892' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  height: 53px;
  width: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #34A853;
  border-radius: 100%;
  transition: .3s;
  line-height: 0;
}

.whyus .btn-popup:hover::before {
  background: #34A8534D;
}

.cta {
  background: linear-gradient(90deg, rgba(64, 154, 101, 0.3) -2.05%, rgba(135, 198, 206, 0.3) 24.81%, rgba(243, 147, 37, 0.3) 56.56%, rgba(251, 207, 84, 0.3) 90%);
  padding: 120px 0;
  margin-top: 118px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.cta-content {
  max-width: 500px;
  text-align: center;
}

.cta-title {
  font-size: 48px;
  font-weight: 800;
  line-height: 120%;
  margin: 0;
  color: black;
  margin-bottom: 20px;
}

.cta-description {
  color: black;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 500;
}

.cta-button {
  min-width: 220px;
  font-size: 18px;
  background: #282823;
  font-weight: 600;
}

@media (max-width: 597px) {
  body {
    padding-top: calc(55px + var(--top-notify-height, 0px))
  }

  .home-page .first-section {
    padding-top: 45px;
  }

  .home-page .first-section__label {
      padding: 7px 13px 7px;
      gap: 4px;
      font-size: 12px;

      img:first-of-type {
          height: 14px;
      }

      img:last-of-type {
          height: 16px;
      }
  }

  .home-page .first-section__text {
    gap: 20px
  }

  .home-page .first-section__title {
    font-size: 32px;
    line-height: 100%;
  }

  .home-page .first-section__desc {
    font-size: 16px;
    line-height: 22px;
    max-width: 315px;
  }

  .home-page .metrics__title {
    text-align: center;
    font-size: 32px;
    margin-bottom: 30px;
  }

  .home-page .metrics__boxes {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(158px, 1fr));
    gap: 16px;
  }

  .home-page .metrics__boxes_item {
    width: 100%;
    min-height: 180px;
    padding: 32px 10px;
  }

  .home-page .metrics__boxes_item .text1 {
    font-size: 72px;
    letter-spacing: -0.015em;
  }

  .home-page .metrics__boxes_item .text2 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .wholesalers__title {
    max-width: 214px;
    line-height: 1.2
  }

  .wholesalers-tabs__title {
    font-size: 18px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 20px;
    font-weight: 500;
  }

  .wholesalers-tabs__title::after {
    content: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10.1958L12.0008 14.7758L17 10.1958' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    display: flex;
    flex: 1;
    justify-content: end;
  }

  .wholesalers-tabs__item.--active .wholesalers-tabs__title::after {
    transform: rotate(.5turn);
    justify-content: flex-start;
  }

  .wholesalers-tabs__title-icon {
    display: block;
    filter: invert(55%) sepia(18%) saturate(1282%) hue-rotate(92deg) brightness(91%) contrast(82%);
  }
  
  .wholesalers-tabs-nav {
    font-size: 18px;
    gap: 6px;
  }

  .wholesalers .title-section__line {
    display: none;
  }

  .wholesalers-tabs__header {
    display: none;
  }

  .wholesalers-tabs__body {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .wholesalers-tabs__item {
    display: flex;
    background: transparent;
    border: 1px solid #00000014;
    border-radius: 16px;
    padding: 24px;
  }
  
  .wholesalers-tabs__image {
    display: none;
  }

  .wholesalers-tabs__content {
    display: none;
  }

  .wholesalers-tabs__item.--active .wholesalers-tabs__content {
    display: block;
  }

  .wholesalers-tabs__item.--active .wholesalers-tabs__title {
    font-weight: 700;
  }

  .industries {
    margin-top: 48px;
  }
  
  .industries-items {
    flex-direction: column;
    gap: 24px;
    margin-top: 30px;
  }

  .industries-head h2 {
    font-size: 24px;
    border-top: 1px solid #D5D9D9;
    border-bottom: 1px solid #D5D9D9;
    margin: 0;
    width: 100%;
    text-align: center;
    padding: 10px 0;
  }
  
  .industries-head-line {
    display: none;
  }

  .industries-card {
    padding: 40px 25px;
    padding-bottom: 30px;
    margin-top: 48px;
  }

  .industries-title {
    width: 100%;
    font-size: 24px;
  }

  .industries-description {
    width: 100%;
    font-size: 16px;
  }

  .industries-item {
    width: 100%;
  }

  .industries-card .btn-popup {
    position: relative;
    top: unset;
    right: unset;
    margin-top: 30px;
  }

  .use-integrations {
    padding: 30px 20px;
    margin-top: 40px;
  }

  .use-integrations__title {
    font-size: 32px;
  }
  
  .use-integrations__row {
    row-gap: 50px;
  }

  .whyus {
    flex-direction: column-reverse;
    margin-top: 74px;
    gap: 30px;
  }

  .whyus-title {
    font-size: 32px;
    text-wrap: balance;
    display: none;
  }

  .whyus-title.mobile {
    display: block;
  }

  .whyus-title span {
    display: block;
  }

  .whyus-description li {
    font-size: 16px;
    gap: 8px;
    margin-bottom: 24px;
  }

  .whyus-image img {
    width: 100%;
  }

  .cta {
    padding: 40px 20px;
    margin-top: 80px;
  }

  .cta-title {
    font-size: 24px;
    width: 90%;
    margin: 0 auto 20px;
    text-wrap: balance;
  }

  .cta-description {
    font-size: 16px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
  }

  .cta-button {
    width: 100%;
  }

  .container.container--home {
    padding: 0 20px;
  }

  .-desktop-only {
    display: none;
  }

  .home-page .hero__image {
    margin-top: 50px;
    margin-bottom: 0;
  }

  .home-page .first-section {
    padding-bottom: 40px;
  }

  .home-page .metrics {
    margin-top: 80px;
  }

  .home-page .metrics .metrics__boxes_item .text2 {
    white-space: normal;
  }

  .wholesalers {
    margin-top: 80px;
  }

  .wholesalers .wholesalers__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 38.4px;
    letter-spacing: -0.02em;
    text-wrap: balance;
  }
}