/* stylelint-disable */
/* stylelint-disable max-line-length */
:root {
  --breakpoint-xxl: 1920px;
  --breakpoint-xxls: 1600px;
  --breakpoint-xl: 1440px;
  --breakpoint-lg: 1280px;
  --breakpoint-md: 1024px;
  --breakpoint-md-s: 992px;
  --breakpoint-sm: 768px;
  --breakpoint-ssm: 650px;
  --breakpoint-xs: 512px;
  --breakpoint-xxs: 390px;
}

/* stylelint-disable */
/* stylelint-disable */
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top);
*/
.hero-block {
  position: relative;
  margin-top: clamp(30px, 0.2857142857px + 0.0386904762 * 100vw, 56px);
  margin-bottom: clamp(20px, -14.2857142857px + 0.0446428571 * 100vw, 50px);
  padding-bottom: clamp(20px, -31.4285714286px + 0.0669642857 * 100vw, 65px);
}
.hero-block .title {
  margin: 0;
  line-height: 1.1;
  font-size: clamp(32px, -6.8571428571px + 0.0505952381 * 100vw, 66px);
  letter-spacing: clamp(1px, -5.8571428571px + 0.0089285714 * 100vw, 7px);
  font-weight: 700;
  z-index: 2;
  position: relative;
}
.hero-block .content-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: clamp(15px, -19.2857142857px + 0.0446428571 * 100vw, 45px);
}
@media (max-width: 650px) {
  .hero-block .content-wrapper {
    flex-direction: column;
  }
}
.hero-block .buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(10px, -236.1538461538px + 0.2403846154 * 100vw, 110px);
}
.hero-block .buttons-wrapper .button {
  padding: clamp(5px, -13.2857142857px + 0.0238095238 * 100vw, 21px) clamp(15px, -10.1428571429px + 0.0327380952 * 100vw, 37px);
  font-size: clamp(20px, 1.7142857143px + 0.0238095238 * 100vw, 36px);
  letter-spacing: 0.4px;
  border-width: clamp(1px, -1.2857142857px + 0.0029761905 * 100vw, 3px);
}
.hero-block .image-wrapper {
  flex: 1 0 56%;
  margin-top: -55px;
  position: relative;
}
.hero-block .image-wrapper picture img {
  max-width: 100%;
  display: block;
}
.hero-block .image-wrapper .hat {
  position: absolute;
  top: clamp(40px, 17.9310344828px + 0.0431034483 * 100vw, 80px);
  left: clamp(10px, 4.2857142857px + 0.0074404762 * 100vw, 15px);
  width: clamp(80px, 32px + 0.0625 * 100vw, 122px);
  height: auto;
}
.hero-block .image-wrapper .arrow_down {
  position: absolute;
  width: clamp(20px, -2.8571428571px + 0.0297619048 * 100vw, 40px);
  left: 16px;
  bottom: -66px;
}
@media (max-width: 1440px) {
  .hero-block .image-wrapper .arrow_down {
    bottom: -20px;
  }
}
@media (max-width: 650px) {
  .hero-block .image-wrapper {
    flex: 1;
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
  }
  .hero-block .image-wrapper picture img {
    max-height: 500px;
  }
  .hero-block .image-wrapper .arrow_down {
    transform: scale(-1, 1);
  }
}
.hero-block .list-wrapper {
  list-style: none;
  padding-left: clamp(40px, 17.1428571429px + 0.0297619048 * 100vw, 60px);
  margin: 0;
  margin-top: 20px;
}
.hero-block .list-wrapper .list-item {
  position: relative;
  margin-bottom: clamp(10px, -18.5714285714px + 0.037202381 * 100vw, 35px);
  font-size: clamp(18px, 6.5714285714px + 0.0148809524 * 100vw, 28px);
  line-height: 1.2;
}
.hero-block .list-wrapper .list-item:last-child {
  margin-bottom: 0;
}
.hero-block .list-wrapper .list-item::before {
  content: "";
  background: url(../../../resources/img/galochka.png);
  display: block;
  width: clamp(26px, 8.8571428571px + 0.0223214286 * 100vw, 41px);
  height: clamp(16px, 5.7142857143px + 0.0133928571 * 100vw, 25px);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: calc(100% + 18px);
}
@media (max-width: 768px) {
  .hero-block .list-wrapper .list-item::before {
    right: calc(100% + 10px);
  }
}
.hero-block::after {
  content: "";
  height: 1px;
  background: var(--color-green);
  display: block;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  width: clamp(300px, -8.5714285714px + 0.4017857143 * 100vw, 570px);
}