.page-lead-bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: center bottom/100% 100% url(../web/images/bg-base.jpg) #f6f7f9 no-repeat;
  height: 1108px;
  width: 100%;
}
@media (max-width: 1599px) {
  .page-lead-bg {
    height: 880px;
  }
}
@media (max-width: 1279px) {
  .page-lead-bg {
    height: 680px;
  }
}

.page-lead-decor {
  position: absolute;
  right: 0;
  bottom: 35px;
  width: 40%;
}

.page-lead-decor2 {
  position: absolute;
  aspect-ratio: 662/754;
  width: 36%;
  right: 0;
  bottom: 0;
  background-image: url(../web/images/f-primary.svg);
  background-size: 0;
  -webkit-mask-image: url(../web/images/f-primary.svg);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-clip: border-box;
  mask-image: url(../web/images/f-primary.svg);
  mask-size: 100% 100%;
  backdrop-filter: blur(10px);
}
.page-lead-decor2__filter {
  position: absolute;
  background: #00e588;
  opacity: 0.15;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.page-decor3 {
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  width: 500px;
  bottom: 0;
  background: right/contain url(../web/images/f-primary.svg) no-repeat;
}

.props-item {
  display: flex;
  padding: var(--gap-xs);
}

.props .props-item:nth-of-type(odd) {
  background-color: var(--muted);
}

.props-item__name {
  flex: 0 0 40%;
  max-width: 40%;
}

.props-item__value {
  flex: 0 0 60%;
  max-width: 60%;
  text-align: right;
  font-weight: 500;
}

@media (min-width: 960px) {
  .section-lead {
    padding-top: var(--gap);
  }
}

.base-content {
  background: linear-gradient(180deg, var(--base-background), var(--muted));
  position: relative;
}
.base-content > * {
  position: relative;
}

.base-content__bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.base-content__bg-img {
  mask-image: linear-gradient(transparent, #000);
}

.grid-news {
  --grid-columns-count: 4;
}
@media (max-width: 959px) {
  .grid-news {
    --grid-columns-count: 2;
  }
}
@media (max-width: 759px) {
  .grid-news {
    --grid-columns-count: 1;
  }
}

.grid-advantages {
  --grid-columns-count: 5;
}
@media (max-width: 959px) {
  .grid-advantages {
    --grid-columns-count: 3;
  }
}
@media (max-width: 559px) {
  .grid-advantages {
    --grid-columns-count: 2;
  }
}

.video-thumb {
  position: relative;
}

.contact-map {
  height: 400px;
}

.vacancies-map {
  height: 100%;
  min-height: 240px;
  max-height: 500px;
}

.modal-vacancy-action {
  flex: 0 0 210px;
  max-width: 100%;
}
@media (max-width: 759px) {
  .modal-vacancy-action {
    flex: 0 0 100%;
  }
}