.hero {
  background-color: #070123;
  border-radius: 0 0 20px 20px;
  height: 100%;
  position: relative;
}
.hero-main__swiper-container {
  height: 640px;
  overflow: hidden;
  padding: 0;
}

.hero-main__swiper-container,
.hero-main__swiper-container .swiper-slide {
  cursor: default;
  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;
  width: 100%;
}
.hero-main__swiper-container .swiper-slide {
  background-color: var(--black);
  color: var(--white);
  font-size: 2rem;
  height: 100%;
  opacity: 0;
}
.hero-main__swiper-container .slide-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-bottom: 80px;
}
.hero-main__swiper-container .slide-content:after {
  background: #060022;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#060022),
    color-stop(50%, hsla(0, 0%, 100%, 0))
  );
  background: -o-linear-gradient(bottom, #060022 0, hsla(0, 0%, 100%, 0) 50%);
  background: linear-gradient(0deg, #060022, hsla(0, 0%, 100%, 0) 50%);
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.hero-main__swiper-container .slide-content__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  max-width: 700px;
  padding: 0 10px;
  text-align: center;
}
.hero-main__swiper-container .slide-content img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.hero-main__swiper-container .slide-content video {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 57px;
  width: 100%;
}
.hero-thumbnail__swiper-container {
  overflow: hidden;
  padding: 60px 0;
  position: relative;
  width: 100%;
}
.no-js .hero-thumbnail__swiper-container .swiper-wrapper {
  gap: 20px;
}

.hero-thumbnail__swiper-container .swiper-slide {
  border-radius: var(--border-r);
  cursor: pointer;
  height: 150px;
  overflow: hidden;
  position: relative;
  width: 248px;
}
.no-js .hero-thumbnail__swiper-container .swiper-slide {
  width: calc(20% - 20px);
}
@media (hover: hover) {
  .hero-thumbnail__swiper-container .swiper-slide:hover .autoplay-progress {
    opacity: 0;
  }
  .hero-thumbnail__swiper-container
    .swiper-slide:hover.swiper-slide-thumb-active
    .autoplay-progress {
    opacity: 1;
  }
}
.thumbnail {
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  height: 100%;
  position: relative;
  width: 100%;
}
.autoplay-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 10;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: var(--white);
  font-size: 30px;
  font-weight: 700;
  justify-content: center;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.autoplay-progress .progress-line {
  --progress: 0;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100% * (1 - var(--progress)));
  z-index: 10;
}
.new-services__flex-container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
.new-services__swiper-container {
  width: 80%;
  -ms-flex-negative: 0;
  border-radius: var(--border-r);
  flex-shrink: 0;
  margin-right: 20px;
  overflow: hidden;
  position: static;
}
.no-js .new-services__swiper-container .swiper-wrapper {
  gap: 20px;
}
.no-js .new-services__swiper-container .swiper-slide {
  max-width: calc(25% - 10px);
}
.new-services__slide {
  /* max-width: 456px; */
  width: 100%;
}
.service {
  border-radius: var(--border-r);
  color: var(--white);
  display: block;
  height: 400px;
  min-width: 248px;
  overflow: hidden;
  padding: var(--padding);
  position: relative;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  width: 100%;
}
.service,
.service:focus {
  background-color: var(--bg-block-dark-blue);
}
.service:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='270' height='235' fill='none' viewBox='0 0 270 235'%3E%3Cpath fill='%236F5E91' d='M188.957 174.331c-9.359-1.386-20.916 5.268-21.967 5.707l-.36.149c-.012-.01-.013-.02-.027-.031-1.265-.994-11.335-7.271-11.335-7.271-5.13-2.962-10.401-5.541-11.897-6.142-.016-.008-.024-.003-.04-.008l-.05-.385c-.144-1.128-.161-14.464-6.043-21.879-6.906-8.713-19.395-12.072-19.395-12.072s7.85 4.427 7.453 13.368c-.296 6.731-5.444 8.931-5.444 8.931s4.551.781 7.222 7.372c1.774 4.381-.737 12.711-.737 12.711s6.337 1.898 8.453 4.737c4.957 6.637 6.311 12.972 6.678 15.662-2.424 4.071-5.067 8.094-5.7 8.427-2.421 1.27-4.535.154-5.985-.256-1.442-.414-2.573-.897-2.356.065.321 1.422 6.995 5.166 7.209 5.283.208.127 6.787 4.034 8.179 3.601.94-.291-.04-1.029-1.121-2.072-1.08-1.051-3.104-2.324-3.213-5.055-.026-.715 2.132-5.017 4.45-9.149 2.511-1.028 8.676-3.022 16.899-2.049 3.516.413 8.331 4.953 8.331 4.953s5.958-6.343 10.636-6.996c7.047-.98 9.998 2.57 9.998 2.57s-.667-5.556 5.012-9.18c7.544-4.815 15.304-.229 15.304-.229s-9.156-9.138-20.154-10.762m-46.182 9.074c-.544-2.217-1.633-8.186-1.633-8.186s1.868 3.979 2.462 7.993c.614 4.187-.581 9.286-.606 9.329s.255-7.187-.223-9.136m10.673 5.202c-1.926.56-8.056 4.419-8.029 4.372.026-.045 3.843-3.626 7.781-5.187 3.774-1.497 8.152-1.864 8.152-1.864s-5.709 2.035-7.904 2.679M221.512 56.182c-5.88 7.413-5.897 20.749-6.041 21.878-.016.121-.036.264-.051.386-.015.006-.024.001-.041.008-1.493.6-11.964 6.181-11.964 6.181-5.13 2.962-10 6.237-11.268 7.232-.015.01-.014.02-.026.031-.114-.048-.248-.102-.36-.15-1.048-.438-12.605-7.092-21.968-5.706-10.999 1.625-20.152 10.762-20.152 10.762s7.758-4.585 15.303.229c5.682 3.622 5.013 9.18 5.013 9.18s2.952-3.551 9.995-2.569c4.681.655 10.64 6.994 10.64 6.994s4.812-4.539 8.328-4.952c8.226-.974 14.39 1.021 16.903 2.048 2.314 4.134 4.476 8.435 4.448 9.15-.11 2.732-2.135 4.004-3.214 5.055-1.079 1.042-2.063 1.779-1.123 2.073 1.393.432 7.972-3.475 8.181-3.602.214-.117 6.887-3.861 7.208-5.283.218-.959-.911-.48-2.355-.065-1.45.41-3.564 1.527-5.984.256-.633-.336-3.279-4.355-5.698-8.429.365-2.689 1.72-9.025 6.674-15.66 2.116-2.839 8.456-4.738 8.456-4.738s-2.515-8.331-.741-12.71c2.675-6.592 7.224-7.373 7.224-7.373s-5.145-2.2-5.443-8.93c-.398-8.94 7.453-13.368 7.453-13.368s-12.492 3.36-19.397 12.072m-15.233 44.533c-2.192-.638-7.906-2.68-7.906-2.68s4.38.372 8.153 1.865c3.934 1.561 7.751 5.146 7.776 5.189s-6.096-3.814-8.023-4.374m9.842-6.642c-.479 1.947-.202 9.185-.229 9.139-.025-.045-1.218-5.142-.601-9.332.591-4.017 2.461-7.992 2.461-7.992s-1.092 5.961-1.631 8.185'/%3E%3C/svg%3E");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  width: 100%;
}
.service__title {
  color: inherit;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}
.service__description {
  color: var(--white);
  position: relative;
  z-index: 1;
}
.service:focus,
.service:focus-visible {
  -webkit-box-shadow: inset 0 0 27px 3px rgba(240, 244, 247, 0.4);
  box-shadow: inset 0 0 27px 3px rgba(240, 244, 247, 0.4);
}
.service:focus-visible:after,
.service:focus:after {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.service:focus .service__title,
.service:focus-visible .service__title {
  color: var(--primary-pink);
}
@media (hover: hover) {
  .new-services__slide:hover .service {
    -webkit-box-shadow: inset 0 0 27px 3px rgba(240, 244, 247, 0.4);
    box-shadow: inset 0 0 27px 3px rgba(240, 244, 247, 0.4);
  }
  .new-services__slide:hover .service:after {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  .new-services__slide:hover .service__title {
    color: var(--primary-pink);
  }
}
.button.button-new-services--mobile {
  display: none;
}
.button.button-new-services {
  border-radius: var(--border-r);
  font-size: 34px;
  height: 400px;
  line-height: 118%;
  padding: var(--padding);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  width: 100%;
  z-index: 1;
}
.button.button-new-services svg {
  margin-left: 13px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
@media (hover: hover) {
  .button.button-new-services:hover {
    -webkit-box-shadow: 0 4px 10px 3px var(--shadow-color);
    box-shadow: 0 4px 10px 3px var(--shadow-color);
  }
  .button.button-new-services:hover svg {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
.news__flex-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 25px;
  margin-bottom: 25px;
}
.news__item {
  border-radius: var(--border-r);
  -webkit-box-shadow: 0 1px 20px 3px var(--shadow-color);
  box-shadow: 0 1px 20px 3px var(--shadow-color);
  min-height: 400px;
  overflow: hidden;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.news__item:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.news__item-image {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  overflow: hidden;
}
.news__item-image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  width: 100%;
}
.news__item-content {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  padding: 25px 60px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: var(--bg-block);
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.news__item-text {
  color: var(--gray-600);
  font: var(--font-m);
  margin-bottom: 10px;
}
.news__item-link {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 4px;
}
.news__item-link:last-child,
.news__item-text:last-child {
  margin-bottom: 0;
}
.news__item-date {
  color: var(--gray-500);
}
.dark-theme .news__item-text {
  color: var(--white);
}
@media (hover: hover) {
  .news__item:hover {
    -webkit-box-shadow: 0 1px 50px 3px var(--shadow-color);
    box-shadow: 0 1px 50px 3px var(--shadow-color);
  }
  .news__item:hover .news__item-image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  .news__item-title:hover {
    color: var(--primary-pink);
  }
}
.button-news-more {
  margin: 0 auto;
  max-width: 255px;
}
@media screen and (max-width: 1399px) {
  .new-services__swiper-container {
    width: 75%;
  }
  .no-js .new-services__swiper-container .swiper-slide {
    max-width: calc(33% - 10px);
  }
}
@media screen and (max-width: 1199px) {
  .no-js .hero-thumbnail__swiper-container .swiper-slide {
    width: calc(25% - 20px);
  }
  .new-services__swiper-container {
    width: 66%;
  }
  .no-js .new-services__swiper-container .swiper-slide {
    max-width: calc(50% - 10px);
  }
  .news__item {
    min-height: 360px;
  }
}
@media screen and (max-width: 991px) {
  .no-js .hero-thumbnail__swiper-container .swiper-slide {
    width: calc(33.33% - 20px);
  }
  .hero-main__swiper-container {
    height: 610px;
  }
  .hero-main__swiper-container .slide-content video {
    top: 0;
  }
  .new-services__swiper-container {
    width: 50%;
  }
  .no-js .new-services__swiper-container .swiper-slide {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .hero {
    border-radius: 0 0 20px 20px;
  }
  .hero-thumbnail__swiper-container {
    padding: 25px 0;
  }
  .no-js .hero-thumbnail__swiper-container .swiper-slide {
    width: calc(50% - 10px);
  }
  .new-services__swiper-container {
    border-radius: 0;
    width: 100%;
  }
  .new-services__flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .no-js .new-services__swiper-container .swiper-slide {
    max-width: calc(50% - 10px);
  }
  .button.button-new-services--mobile {
    border-radius: var(--border-r-12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    margin-bottom: 25px;
    max-width: 133px;
  }
  .button.button-new-services {
    display: none;
  }
  .news__item,
  .news__item:nth-child(2n) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .news__item-image {
    max-height: 260px;
  }
  .news__item-content {
    padding: 20px 25px;
  }
}
@media screen and (max-width: 575px) {
  .hero-main__swiper-container {
    height: 648px;
  }
  .no-js .new-services__swiper-container .swiper-slide {
    max-width: 100%;
  }

  .button-join-team {
    max-width: none;
  }
}
