@font-face {
  font-family: "Opensans light";
  src: url("/assets/new/fonts/opensans-light.woff2 ") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "roboto-condensed";
  src: url("/assets/new/fonts/roboto-condensed-bold.woff2 ") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "roboto-condensed";
  src: url("/assets/new/fonts/roboto-condensed-medium.woff2 ") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "roboto-condensed";
  src: url("/assets/new/fonts/roboto-condensed-regular.woff2 ") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

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

li {
  list-style: none;
}

img {
  display: block;
}

input,
button,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

button {
  cursor: pointer;
  background-color: inherit;
  color: inherit;
  border: none;
}

.header__info_wrapper {
  color: #fff;
  margin-right: auto;
}

body {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  color: #212121;
  overflow-x: hidden;
}
body.header-top-hidden .header {
  top: 0px;
}

section .about__desc p {
  font-weight: inherit;
}

.section__inner.column {
  flex-direction: column;
}

section .about__desc a {
  text-decoration: underline;
}
.section--hero {
  position: relative;
}
.no-scroll {
  overflow: hidden;
  background: rgba(0, 62, 71, 0.0012);
}

.contacts__link.flex.opac .email {
  opacity: 0;
}

.contacts__wrapper .email {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M17.767%209.27452C18.462%209.61782%2019.2434%209.81054%2020.0695%209.81054C20.4284%209.81054%2020.7789%209.77415%2021.1175%209.70484V21.4355C21.1175%2022.0192%2020.6483%2022.4923%2020.0695%2022.4923H1.20397C0.625131%2022.4923%200.155884%2022.0192%200.155884%2021.4355V4.52646C0.155884%203.9428%200.625131%203.46964%201.20397%203.46964H14.9339C14.8651%203.81111%2014.829%204.16453%2014.829%204.52646C14.829%205.83344%2015.2996%207.0296%2016.0793%207.95204L10.7002%2012.6459L3.97847%206.8913L2.62179%208.50252L10.7133%2015.4297L17.767%209.27452ZM20.0695%207.69691C18.3329%207.69691%2016.9252%206.27744%2016.9252%204.52646C16.9252%202.77547%2018.3329%201.35601%2020.0695%201.35601C21.806%201.35601%2023.2137%202.77547%2023.2137%204.52646C23.2137%206.27744%2021.806%207.69691%2020.0695%207.69691Z%22%20fill%3D%22%23212121%22%2F%3E%0A%3Cpath%20d%3D%22M20.1393%207.69697C18.3883%207.69697%2016.9689%206.27751%2016.9689%204.52652C16.9689%202.77553%2018.3883%201.35607%2020.1393%201.35607C21.8904%201.35607%2023.3098%202.77553%2023.3098%204.52652C23.3098%206.27751%2021.8904%207.69697%2020.1393%207.69697Z%22%20fill%3D%22%23CE0000%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

body.header-top-hidden .header__top {
  opacity: 0;
  height: 0;
  overflow: hidden;
}

body.header-top-hidden .hide-menu .header__top {
  opacity: 1;
  height: auto;
  overflow: visible;
}

.container {
  max-width: 1790px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}

/* .header__info_wrapper a {
  display: flex;
  align-items: center;
  gap: 5px;
}

@media (max-width: 1790px) {
  .container {
    padding: 0 10px;
  }
}
.header {
  position: fixed;
  top: 10px;
  width: 100%;
  z-index: 100;
  transition: top linear 0.3s;
  
}
.header__top {
  display: none;
}
.header__middle {
  /* background: #212121;
  position: relative;
  min-height: 100px;
  backdrop-filter: blur(24px);
  padding: 8px;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;  

      align-items: center;
    gap: 10px;
    background: #212121;
    position: relative;
    min-height: 64px;
    border: 1px solid #ededed;
    backdrop-filter: blur(24px);
    border-radius: 40px;
    padding: 8px;
    display: flex;
    justify-content: space-between;
}
.header__logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 992px) {
  .header {
    top: 0;
  }
  .header__middle {
    min-height: 100px;
    position: relative;
  }
  .header__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition:
      height ease 0.3s,
      opacity linear 0.3s;
  }
  .header__info {
    display: flex;
    gap: 40px;
    align-items: center;
  }
  .header__info_wrapper {
    display: flex;
    gap: 4px;
    align-items: center;
  }
  .header__middle {
    gap: 20px;
    align-items: center;
  }
  .header__logo svg {
    width: 51px;
    height: 60px;
  }
  .header__logo svg .first-letter {
    transition: fill ease-in 0.3s;
  }
  .header__logo svg .rotate-element {
    transition: transform linear 0.3s;
    transform-origin: 20px 20px;
  }
  .header__logo:hover svg .first-letter {
    fill: #ce0000;
  }
  .header__logo:hover .rotate-element {
    transform: rotate(360deg);
  }
  .flex {
    display: flex;
    gap: 10px;
    align-items: center;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .header__logo {
    position: static;
    transform: translateX(0);
    margin: 0 auto;
  }
} */

/* Новый код для хедера */
.header {
  position: fixed;
  width: 100%;
  z-index: 100;
  transition: top linear 0.3s;
}
.header__top {
  display: none;
}

header .container {
    max-width:100%;
    padding:0;
}
.header__middle {
  background: #212121;
  position: relative;
  min-height: 64px;
  backdrop-filter: blur(24px);
  padding: 8px;
  display: flex;
  justify-content: space-between;
}
.header__logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 992px) {

  .header__middle {
    min-height: 80px;
    position: relative;
  }
  .header__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition:
      height ease 0.3s,
      opacity linear 0.3s;
    margin-bottom: 10px;
  }
  .header__info {
    display: flex;
    gap: 40px;
    align-items: center;
  }
  .header__info_item span {
    position: relative;
  }
  .header__info_item span::before {
    position: absolute;
    content: "";
    bottom: -4px;
    left: 50%;
    width: 0;
    height: 2px;
    background: #ce0000;
    transition: width linear 0.3s;
    transform: translateX(-50%);
  }
  .header__info_item:hover span::before {
    width: 100%;
  }
  .header__info_wrapper {
    display: flex;
    gap: 4px;
    align-items: center;
  }
  .header__middle {
    gap: 20px;
    align-items: center;
  }
  .header__logo svg {
    width: 51px;
    height: 60px;
  }
  .header__logo svg .first-letter {
    transition: fill ease-in 0.2s;
  }
  .header__logo svg .rotate-element {
    transition: transform linear 0.2s;
    transform-origin: 20px 20px;
  }
  .header__logo:hover .rotate-element {
    transform: rotate(-180deg);
  }
  .flex {
    display: flex;
    gap: 10px;
    align-items: center;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .header__logo {
    position: static;
    transform: translateX(0);
    margin: 0 auto;
  }
}
.btn-circle {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 4px 4px 4px 28px;
  border-radius: 40px;
}
.btn-circle .circle {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background: rgb(255, 255, 255);
}
.btn-circle .circle .first-line,
.btn-circle .circle .second-line {
  transition:
    stroke 0.3s ease,
    opacity 0.3s ease;
}
.btn-circle--white {
  background: #fff;
  border-radius: 40px;
  transition:
    box-shadow 0.3s ease-in-out,
    background ease 0.3s,
    transform 0.3s ease-in-out;
}
.btn-circle--white .circle {
  background: #efefef;
}
.btn-circle--gray {
  background: #efefef;
  border-radius: 40px;
  transition:
    box-shadow 0.3s ease-in-out,
    background ease 0.3s,
    transform 0.3s ease-in-out;
}
.btn-circle--gray .text {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: -2%;
}
.btn-circle--gray .circle {
  background: #fff;
}
.btn-circle--red {
  background: #ce0000;
}
.about__content h1 {
  font-size: 60px;
}
.btn-circle--red .text {
  color: #fff;
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: -2%;
}
.btn-circle--black {
  background: #212121;
}
.btn-circle--black .text {
  color: #fff;
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: -2%;
}
.btn-circle.mobile-red {
  background: #ce0000;
}
.btn-circle.mobile-red .text {
  color: #fff;
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: -2%;
}
.btn-circle--footer {
  justify-content: space-between;
  max-width: 235px;
  margin: 0 auto;
}
.btn-circle--footer .text {
  color: #212121;
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: -2%;
}

.btn-phone {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: -2%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background: rgb(255, 255, 255);
}
.btn-phone__svg {
  width: 18px;
  height: 18px;
}
.btn-phone .main-icon {
  color: #212121;
}
.btn-phone .text {
  display: none;
}
.btn-phone .first-line,
.btn-phone .second-line {
  transition:
    stroke 0.3s ease,
    opacity 0.3s ease;
}
.btn-phone .first-line {
  stroke: #ce0000;
}
.btn-phone .second-line {
  color: #212121;
}

@media (min-width: 768px) {
  .btn-circle {
    position: relative;
    overflow: hidden;
  }
  .btn-circle::before {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
  }
  .btn-circle.mobile-red {
    transition: background ease-in-out 0.3s;
    background: linear-gradient(to right, rgb(239, 239, 239), rgb(239, 239, 239));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    background-position: left;
    background-color: rgb(255, 255, 255);
  }
  .btn-circle.mobile-red .text {
    color: #212121;
  }
  .btn-circle.mobile-red:hover {
    background-size: 100% 100%;
  }
  @keyframes lineCycleFirst {
    0% {
      stroke: #ce0000;
      opacity: 0;
    }
    50% {
      stroke: #212121;
      opacity: 1;
    }
    100% {
      stroke: #ce0000;
      opacity: 0;
    }
  }
  .btn-circle.mobile-red:hover .first-line {
    animation: lineCycleFirst 1.2s linear infinite;
  }
  @keyframes lineCycleSecond {
    0% {
      stroke: #212121;
      opacity: 0;
    }
    50% {
      stroke: #ce0000;
      opacity: 1;
    }
    100% {
      stroke: #212121;
      opacity: 0;
    }
  }
  .btn-circle.mobile-red:hover .second-line {
    animation: lineCycleSecond 1.2s linear infinite;
  }
  .btn-circle .circle {
    background: #efefef;
    z-index: 1;
    transition:
      background linear 0.3s,
      transform 0.3s linear;
  }
  .btn-circle:hover .circle {
    background: rgb(255, 255, 255);
    transform: rotate(360deg);
  }
  .btn-circle:hover::before {
    left: 120%;
  }
  .btn-circle--red:hover {
    background: rgba(206, 0, 0, 0.8);
  }
  .btn-circle--black:hover {
    background: rgba(0, 0, 0, 0.8);
  }
  .btn-circle--white {
    transition: background ease-in-out 0.3s;
    background: linear-gradient(to right, rgba(225, 225, 225, 0.7)), rgba(75, 75, 75, 0.1);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    background-position: left;
    background-color: rgb(255, 255, 255);
  }
  .btn-circle--white .text {
    font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: -2%;
  }
  .btn-circle--white:hover {
    background-size: 100% 100%;
  }
  .btn-circle--gray .circle {
    background: #fff;
  }
  .btn-phone {
    display: flex;
    gap: 12px;
    align-items: center;
    width: auto;
    height: auto;
    background: inherit;
  }
  .btn-phone__svg {
    width: 28px;
    height: 28px;
  }
  .btn-phone .main-icon {
    color: #fff;
  }
  .btn-phone .second-line {
    color: #fff;
  }
  .btn-phone .text {
    font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: -2%;
    display: block;
    color: #ffffff;
  }
  @keyframes lineCycleFirst {
    0% {
      stroke: #ce0000;
      opacity: 0;
    }
    50% {
      stroke: #fff;
      opacity: 1;
    }
    100% {
      stroke: #ce0000;
      opacity: 0;
    }
  }
  .btn-phone:hover .first-line {
    animation: lineCycleFirst 1.2s linear infinite;
  }
  @keyframes lineCycleSecond {
    0% {
      stroke: #fff;
      opacity: 0;
    }
    50% {
      stroke: #ce0000;
      opacity: 1;
    }
    100% {
      stroke: #fff;
      opacity: 0;
    }
  }
  .btn-phone:hover .second-line {
    animation: lineCycleSecond 1.2s linear infinite;
  }
}
.burger {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  border-radius: 40px;
  background: rgb(255, 255, 255);
}
.burger.open {
  position: relative;
}
.burger.open span {
  position: absolute;
}
.burger.open span:nth-child(1) {
  transform: rotate(45deg);
}
.burger.open span:nth-child(2) {
  transform: rotate(-45deg);
}
.burger__line {
  width: 20px;
  height: 2.5px;
  background: #212121;
  transition: transform linear 0.3s;
}
.burger__line_wrapper {
  display: flex;
  gap: 1px;
  transition: transform linear 0.3s;
}
.burger__line_wrapper i {
  height: 2.5px;
  transition: width 0.4s ease;
}
.burger__line_wrapper i:first-child {
  width: 14.5px;
  background: #212121;
}
.burger__line_wrapper i:nth-child(2) {
  width: 4.5px;
  background: #ce0000;
}

.nav__link {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 120%;
  letter-spacing: 0%;
  color: #212121;
  padding: 10px;
  width: 100%;
  text-align: center;
}
.nav__link:active {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
}
.nav__arrow {
  padding: 5px;
  min-width: 20px;
  height: 20px;
  cursor: pointer;
}
.nav__item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.nav__lists {
  display: flex;
  flex-direction: column;
}
.nav__list {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nav__list.active {
  padding: 0;
}
.nav__list.active .submenu {
  display: block;
}
.nav__list.active .nav__arrow {
  transform: rotate(180deg);
}
.nav__arrow {
  transition: transform ease 0.3s;
}
.nav__btn {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}
.nav__bottom {
  border-top: 1px solid #fff;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 40px 10px;
}
.nav__bottom .header__info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.nav__bottom .header__info_wrapper {
  display: flex;
  gap: 4px;
}

.submenu {
  display: none;
  width: 100%;
}
.submenu__lists {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.submenu__link {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 120%;
  letter-spacing: 0%;
  color: #212121;
  padding: 10px;
  display: block;
}
.submenu__img {
  display: none;
}

.hide-menu {
  position: absolute;
  left: -2000px;
  opacity: 0;
  z-index: -100;
  transition: left ease-in 0.3s;
}
.hide-menu.open {
  background: #efefef;
  top: -10px;
  left: 0;
  width: 100%;
  padding-top: 114px;
  padding-bottom: 30px;
  z-index: -1;
  max-height: calc(100vh + 10px);
  min-height: 100vh;
  overflow-y: auto;
  opacity: 1;
}
.hide-menu.open .hide-menu::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.hide-menu.open .hide-menu::-webkit-scrollbar-button {
  display: none;
}
.hide-menu.open .hide-menu::-webkit-scrollbar-track {
  background: transparent;
}
.hide-menu.open .nav {
  position: relative;
}
.hide-menu.open .nav__lists {
  display: flex;
  flex-direction: column;
}
.hide-menu.open .nav__list {
  display: flex;
  justify-content: center;
}
.hide-menu.open .nav__list.active {
  align-items: flex-start;
  justify-content: start;
  padding: 0 10px;
  position: absolute;
  top: 0px;
  left: 0;
  height: 100vh;
  width: 100%;
  background: #efefef;
  z-index: 10;
}
.hide-menu.open .nav__list.active .nav__item {
  flex-direction: row-reverse;
}
.hide-menu.open .nav__list.active .nav__link {
  font-size: 20px;
  font-weight: 700;
}
.hide-menu.open .nav__list.active .nav__arrow {
  transform: rotate(90deg);
}
.hide-menu.open .nav__list.active .submenu__lists {
  align-items: flex-start;
}
.hide-menu.open .nav__list.active .submenu__list {
  padding: 0 24px;
  width: 100%;
}
.hide-menu.open .nav__list.active .submenu__link {
  width: 100%;
}
.hide-menu.open .btn-circle {
  margin: 40px auto;
}
.hide-menu .header__top {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #fff;
  gap: 20px;
  padding: 40px 10px;
}
.hide-menu .header__info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.hide-menu .header__info_wrapper {
  flex-direction: row;
  display: flex;
  align-items: center;
  gap: 4px;
}
.hide-menu .header__info_item {
  gap: 4px;
  align-items: center;
}

.hero {
  margin: 0 -10px;
}
.hero h1 {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .hero h1 {
    font-size: 91px;
  }
}
.hero__visual {
  position: relative;
  height: 400px;
  display: flex;
  flex-direction: column;
  border-radius: 0 0 20px 20px;
  overflow: hidden;
}
.hero__img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
}
.hero__cards {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  margin: auto 20px 15px 10px;
}
.hero__content {
  margin-top: 20px;
  padding: 0 10px;
}
.hero__content p {
  font-family: "Opensans light", "Arial", "Helvetica", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 140%;
}
@media (min-width: 768px) {
  .hero__content p {
    font-size: 17px;
  }
}
.hero__content p {
  color: #535353;
}
.hero__desc {
  margin: 10px 0 30px;
  max-width: 630px;
}

.mini-card {
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  gap: 10px;
  background: rgba(239, 239, 239, 0.8);
  border: 1px solid #e6e6e6;
  backdrop-filter: blur(8px);
  max-width: 140px;
}
.mini-card strong {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .mini-card strong {
    font-size: 56px;
  }

  .header__info_wrapper {
    margin-right: 0;
  }
}
.mini-card strong {
  color: #212121;
}
.mini-card span {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  text-align: center;
}
@media (min-width: 992px) {
  .mini-card span {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .hero {
    position: relative;
  }
}

@media (min-width: 768px) {
  .hero {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    height: 1000px;
  }
  .hero__visual {
    height: auto;
    position: static;
    width: 35%;
  }
  .hero__img {
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .hero__content {
    max-width: 1100px;
    padding: 0;
    padding: 307px 65px 301px;
  }
  .hero__content .btn-circle {
    align-self: flex-start;
  }
  .hero__content h1 {
    margin-bottom: 20px;
  }
  .hero__content p {
    margin-bottom: 10px;
  }
  .hero__desc {
    margin-bottom: 60px;
  }
  .hero__cards {
    flex-direction: row;
    position: absolute;
    bottom: 50px;
    right: 115px;
  }
  .mini-card {
    max-width: 314px;
    width: 100%;
  }
  .mini-card span {
    text-wrap: nowrap;
  }
}

@media (min-width: 1200px) {
  .burger {
    display: none;
  }
  .burger:hover .burger__line_wrapper i:first-child {
    width: 4.5px;
  }
  .burger:hover .burger__line_wrapper i:nth-child(2) {
    width: 14.5px;
  }
  .btn-phone {
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
  }
  .btn-circle.mobile-red {
    order: 2;
  }
  .nav {
    display: flex;
  }
  .nav__lists {
    flex-direction: row;
    align-items: center;
  }
  .nav__list {
    padding: 15px 13px;
    transition: background linear 0.3s;
    border-radius: 20px;
  }
  .nav__list:hover {
    background: rgba(53, 53, 53, 0.8);
  }
  .nav__list:hover .submenu--services {
    display: flex;
    position: absolute;
    top: 85px;
    left: 0;
    width: 100%;
    background: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1019607843);
    border-radius: 20px;
  }
  .nav__list:hover .submenu--services .submenu__lists {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
  }
  .nav__list:hover .submenu--services .submenu__list {
    width: calc((100% - 60px) / 4);
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .nav__list:hover .submenu--services .submenu__img {
    width: 66px;
    height: 66px;
    border-radius: 10px;
    object-fit: cover;
  }
  .nav__list:hover .submenu--default {
    display: flex;
    position: absolute;
    top: 85px;
    left: 0;
    width: auto;
    background: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1019607843);
    border-radius: 20px;
    padding: 20px;
  }
  .nav__list:hover .submenu--default .submenu__lists {
    align-items: flex-start;
  }
  .nav__list:hover .submenu__link {
    color: #212121;
  }
  .nav__link {
    padding: 0;
    color: #fff;
  }
  .nav__arrow {
    color: #fff;
  }
  .submenu {
    position: relative;
  }
  .submenu::after {
    position: absolute;
    top: -24px;
    left: 0;
    width: 100%;
    height: 50px;
    content: "";
    z-index: -1;
  }
  .submenu--services {
    transition:
      width linear 0.3s,
      opacity ease-in-out 0.3s;
  }
  .submenu--services .submenu__list {
    position: relative;
  }
  .submenu--services .submenu__list::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 2px;
    height: 100%;
    background: #ce0000;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.3s ease;
  }
  .submenu--services .submenu__list:hover::after {
    transform: scaleY(1);
  }
  .submenu--services .submenu__list:hover {
    padding-left: 6px;
  }
  .submenu__link {
    color: #fff;
  }
  .submenu__link--icon {
    position: relative;
  }
  .submenu__link--icon::after {
    position: absolute;
    left: 0;
    top: 11px;
    content: "";
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.87988L2.08273 4.27466L11.1043 9.38078V19.3948L10.1259 20L9.04317 19.3948V10.5251L7.08633 9.41556V17.2104L6.03597 17.7808L4.98561 17.2104V8.20512L3.02878 7.09555V16.1356L1 15.026V8.20512V4.87988Z' fill='%232B2B2B'/%3E%3Cpath d='M17.4449 7.65161H14.1768V14.9711H17.4449V7.65161Z' fill='%23CE0000'/%3E%3Cpath d='M8.04676 1.06783L10 0L19 4.9009V14.8697L12.964 18.1706L12.7914 8.17049L4 3.26611L5.91727 2.19828L14.9532 7.16527L16.9748 6.03134V8.29919L14.9532 9.49919L14.9173 14.8662L16.9748 13.767V6.03482L8.04676 1.06783Z' fill='%232B2B2B'/%3E%3C/svg%3E%0A")
      center/cover no-repeat;
    width: 15px;
    height: 17px;
    opacity: 0;
    transition:
      left linear 0.3s,
      opacity ease 0.3s;
  }
  .submenu__link:hover::after {
    left: -11px;
    opacity: 1;
  }
  .submenu__img {
    display: block;
  }
  .submenu__list {
    transition:
      color ease-in-out 0.3s,
      font-weight linear 0.3s,
      padding linear 0.2s,
      border-color ease 0.3s;
  }
  .submenu__list:hover .submenu__link::first-letter {
    color: #ce0000;
    font-weight: 700;
  }
}
@media (min-width: 1280px) {
  .nav__list {
    padding: 15px 24px;
  }
}
h1 {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  h1 {
    font-size: 72px;
    line-height: 120%;
  }
}

h2 {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 100%;
  text-transform: uppercase;
}
@media (min-width: 575px) {
  h2 {
    font-size: 36px;
  }
}
@media (min-width: 1200px) {
  h2 {
    font-size: 64px;
  }
}

h3 {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 110%;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  h3 {
    font-size: 32px;
  }
}

h4 {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 110%;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  h4 {
    font-size: 28px;
  }
}

h5 {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 120%;
}
@media (min-width: 575px) {
  h5 {
    font-size: 24px;
  }
}

.flex {
  display: flex;
}

[data-animate] {
  opacity: 0;
  transition:
    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.8s ease;
}

[data-animate="left"] {
  transform: translateX(-120px);
}

[data-animate="right"] {
  transform: translateX(120px);
}

[data-animate="top"] {
  transform: translateY(-120px);
}

[data-animate="bottom"] {
  transform: translateY(120px);
}

[data-animate="fade"] {
  transform: none;
}

[data-animate="zoom"] {
  transform: scale(0.85);
}

[data-delay="100"] {
  transition-delay: 0.1s;
}

[data-delay="200"] {
  transition-delay: 0.2s;
}

[data-delay="300"] {
  transition-delay: 0.3s;
}

[data-delay="400"] {
  transition-delay: 0.4s;
}

[data-delay="500"] {
  transition-delay: 0.5s;
}

[data-animate].visible {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate] {
    transition: none;
    opacity: 1;
    transform: none;
  }
}
.another-services-1--right,
.another-services-1--left {
  display: none;
}
.another-services-1 {
  width: 100%;
}
.passport {
  width: 100%;
  padding: 20px 10px;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1607843137);
  background: #ffffff;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.location {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.location--column-rw {
  flex-direction: column-reverse;
}
.location__map {
  height: 350px;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
}
.location__map .ymaps-2-1-79-map {
  width: 100% !important;
  height: 100% !important;
}
.location__object {
  width: 100%;
  border-radius: 20px;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1607843137);
}

.contacts {
  padding: 30px 20px 20px;
  border-radius: 20px;
  background: #efefef;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contacts__wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contacts__wrapper span {
  font-family: "Opensans light", "Arial", "Helvetica", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 140%;
}
@media (min-width: 768px) {
  .contacts__wrapper span {
    font-size: 17px;
  }
}
.contacts__wrapper span {
  color: #2b2b2b;
}
.contacts__wrapper strong {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 120%;
  letter-spacing: 0%;
}
@media (min-width: 575px) {
  .contacts__wrapper strong {
    font-size: 24px;
  }
}
.contacts__link {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 120%;
}
@media (min-width: 575px) {
  .contacts__link {
    font-size: 24px;
  }
}
.contacts__link {
  gap: 10px;
}
.contacts__link .location-icon {
  min-width: 24px;
}
.contacts__link--pl {
  padding-left: 35px;
}
.contacts__btns {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contacts__btns button {
  justify-content: space-between;
}

.contacts-page {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contacts-page__wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.contacts-page__wrapper .contacts__wrapper {
  width: calc(50% - 10px);
}
.contacts-page__wrapper .contacts__wrapper--w100 {
  width: 100%;
}
.contacts-page__title {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 110%;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .contacts-page__title {
    font-size: 32px;
  }
}
.contacts-page__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px 20px;
  border-radius: 20px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1019607843);
}

.loaded {
  display: none;
}

.upBtn {
  position: fixed;
  bottom: 40px;
  right: 10px;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #2b2b2b;
  border: 1px solid #ededed;
  z-index: 100;
  transition: all ease-in-out 0.3s;
}
.upBtn::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 9.56226L9.15034 0.499996L17.8007 9.56226' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.1499 0.500496L9.1499 18.1404' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
}
.upBtn:active {
  background: #ce0000;
}

.main-pt {
  padding-top: 84px;
}

.breadcrumb {
  display: flex;
  align-items: flex-end;
}
.breadcrumb--mb {
  margin-bottom: 10px;
}
.breadcrumb li {
  color: #494949;
  position: relative;
  padding: 0 2px;
  font-family: "Opensans light", "Arial", "Helvetica", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 140%;
}
@media (min-width: 768px) {
  .breadcrumb li {
    font-size: 17px;
  }
}
.breadcrumb li:first-child a {
  position: relative;
  width: 23px;
  height: 23px;
  display: block;
  overflow: hidden;
}
.breadcrumb li:first-child a::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("../images/icons/common/arrow-left.svg") center/cover no-repeat;
}
.breadcrumb li:first-child a::before {
  opacity: 0;
}
.breadcrumb li::after {
  content: none;
}

.flex-start {
  align-self: flex-start;
}

.police h2 {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 110%;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .police h2 {
    font-size: 32px;
  }
}
.police h2 {
  margin-bottom: 20px;
}
.police__menu {
  margin-bottom: 20px;
}
.police__item {
  margin-bottom: 60px;
}
.police__menu {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.police__link.active span::first-letter {
  color: #ce0000;
  font-weight: 700;
}
.police__link span {
  display: inline-block;
  position: relative;
}
.police__link span::after {
  position: absolute;
  width: 100%;
  height: 1px;
  background: #000000;
  content: "";
  left: 0;
  bottom: 0;
  transition:
    background linear 0.3s,
    width linear 0.3s;
}
.police__link:hover span::after {
  width: 0;
}

.inputs {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  z-index: 100;
}
.inputs__container {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  background: inherit;
  position: relative;
  display: flex;
  flex-direction: column;
  border: none;
  width: 100%;
  transition: border 0.3s ease-in-out;
}
.inputs__container:hover input {
  border-bottom: 2px solid #ce0000;
}
.inputs__container input {
  outline: none;
  background: inherit;
  border: none;
  width: 100%;
  border-bottom: 2px solid #212121;
  transition: border-color ease-in 0.3s;
  font-family: "Opensans light", "Arial", "Helvetica", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 140%;
}
@media (min-width: 768px) {
  .inputs__container input {
    font-size: 17px;
  }
}
.inputs__container input[type="number"] {
  -moz-appearance: textfield;
}
.inputs__container input[type="number"]::-webkit-inner-spin-button,
.inputs__container input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.inputs__container input:focus {
  border-bottom: 2px solid #ce0000;
}
.inputs__container label {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #212121;
}
.inputs__container textarea {
  outline: none;
  background: inherit;
  border: none;
  width: 100%;
  font-family: "Opensans light", "Arial", "Helvetica", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 140%;
}
@media (min-width: 768px) {
  .inputs__container textarea {
    font-size: 17px;
  }
}
.inputs__container textarea {
  height: 104px;
  resize: none;
  color: #212121;
  font-weight: 400;
  transition: background ease-in 0.3s;
}
.inputs__container input:-webkit-autofill,
.inputs__container textarea:-webkit-autofill {
  background-color: inherit !important;
  transition: background-color 9999s ease-in-out 0s;
}
.inputs__container.input-error {
  border: 1px solid #ad5451;
}
.inputs__container.input-error input {
  color: #949494;
}
.inputs__container.input-error label {
  color: #ad5451;
}
.inputs__container.input-valid {
  border: 1px solid #8a8f6f;
  color: #fff;
}
.inputs__container.input-error span {
  display: block;
  position: absolute;
  bottom: -15px;
}

.form__police {
  display: flex;
}
.form__police span {
  font-family: "Opensans light", "Arial", "Helvetica", sans-serif;
  font-weight: 300;
  font-size: 17px;
  line-height: 140%;
  color: #212121;
  cursor: pointer;
  text-align: left;
}
.form__police a {
  color: #ce0000;
  font-weight: 400;
}
.form__police input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  cursor: pointer;
  min-width: 24px;
  height: 24px;
  border: 2px solid #ce0000;
  margin-right: 8px;
  transition: box-shadow ease-in-out 0.3s;
  border-radius: 4px;
}
.form__police input[type="checkbox"]:checked {
  background: #ce0000;
}
.form__police input[type="checkbox"]:after {
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2212%22%20viewBox%3D%220%200%2016%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M2%205.78947L6.13793%2010L14%202%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center/cover no-repeat;
  width: 15px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  transform: translate(-50%, -50%);
}

.dropdown {
  position: relative;
}
.dropdown__item {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
}
.dropdown__wrapper {
  position: relative;
  width: 100%;
  background: #efefef;
  border-radius: 12px;
}
.dropdown__wrapper.active .dropdown__icon:before {
  top: 20%;
  transition-delay: 0s;
  transform: rotate(-45deg);
}
.dropdown__wrapper.active .dropdown__icon:after {
  top: 20%;
  transition-delay: 0.15s;
  transform: rotate(45deg);
}
.dropdown__wrapper.active .dropdown__lists {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.dropdown__wrapper.active .dropdown__list {
  opacity: 1;
  transform: translateY(0px);
}
.dropdown__selected {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  padding: 12px 20px;
  border-radius: 30px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: border ease-in-out 0.3s;
}
.dropdown__selected span {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: 0%;
}
.dropdown__icon {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 10px;
}
.dropdown__icon::before,
.dropdown__icon::after {
  content: "";
  position: absolute;
  top: 40%;
  width: 9px;
  height: 2px;
  background: #212121;
  transition:
    top 0.3s ease,
    transform 0.3s ease;
  border-radius: 0px 0px 1px 1px;
}
.dropdown__icon::before {
  left: 0;
  transform: rotate(45deg);
}
.dropdown__icon::after {
  right: 0;
  transform: rotate(-45deg);
}
.dropdown__lists {
  position: absolute;
  top: 100%;
  right: 0px;
  width: 100%;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition:
    opacity ease 0.3s,
    visibility ease-in-out 0.3s,
    transform ease-out 0.3s;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1019607843);
  overflow: hidden;
  z-index: 1000;
}
.dropdown__list {
  padding: 12px 20px;
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity ease 0.3s,
    transform ease-in 0.3s;
  border-bottom: 1px solid #f5f5f5;
  transition:
    background ease-in-out 0.3s,
    color ease-in 0.3s;
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  cursor: pointer;
}
.dropdown__list:last-child {
  border-bottom: 0;
}
.dropdown__list:hover {
  background: #dadada;
}

@media (min-width: 0px) and (max-width: 768px) {
  .breadcrumb li:not(:first-child, :nth-child(2)) {
    display: none;
  }
}
.why {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.why__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.why__item strong {
  color: #212121;
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .why__item strong {
    font-size: 56px;
  }
}
.why__item span {
  color: #212121;
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  text-align: center;
}
@media (min-width: 992px) {
  .why__item span {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .another-services-1--right,
  .another-services-1--left {
    display: block;
  }
  .passport {
    padding: 30px 20px;
  }
  .why {
    margin-top: 40px;
    width: 100%;
    justify-content: space-between;
  }
  .why__item {
    border-right: 1px solid #efefef;
    flex: 1;
  }
  .why__item:last-child {
    border-right: 0;
  }
  .why__item strong {
    color: #212121;
    font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .why__item strong {
    font-size: 56px;
  }
}
@media (min-width: 768px) {
  .why__item span {
    color: #212121;
    font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    text-align: center;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .why__item span {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .breadcrumb {
    display: flex;
    gap: 20px;
    align-items: flex-end;
  }
  .breadcrumb--mb {
    margin-bottom: 30px;
    align-items: center;
  }
  .breadcrumb li {
    color: #494949;
    position: relative;
    padding: 0 2px;
    font-family: "Opensans light", "Arial", "Helvetica", sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 140%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .breadcrumb li {
    font-size: 17px;
  }
}
@media (min-width: 768px) {
  .breadcrumb li::after {
    position: absolute;
    content: "";
    background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10L8.29289 6.70711C8.68342 6.31658 8.68342 5.68342 8.29289 5.29289L5 2' stroke='%23383838' stroke-linecap='round'/%3E%3C/svg%3E%0A")
      center/cover no-repeat;
    top: 50%;
    transform: translateY(-50%);
    right: -15px;
    width: 12px;
    height: 12px;
  }
  .breadcrumb li:first-child a {
    position: relative;
    width: 24px;
    height: 24px;
    display: block;
    overflow: hidden;
  }
  .breadcrumb li:first-child a::before,
  .breadcrumb li:first-child a::after {
    position: absolute;
    transition: top ease-in-out 0.3s;
    content: "";
    width: 24px;
    height: 24px;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    transition: opacity ease-in-out 0.3s;
  }
  .breadcrumb li:first-child a::after {
    background-image: url("../images/icons/common/home-default.svg");
  }
  .breadcrumb li:first-child a::before {
    background-image: url("../images/icons/common/home-hover.svg");
    opacity: 0;
  }
  .breadcrumb li:first-child a:hover::after {
    opacity: 0;
  }
  .breadcrumb li:first-child a:hover::before {
    opacity: 1;
  }
  .breadcrumb li:last-child::after {
    content: "";
    display: none;
  }
  .contacts__btns {
    flex-direction: row;
    flex-wrap: wrap;
    margin: 30px 0;
  }
  .location {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  .location__map {
    width: 50%;
    height: auto;
  }
  .location__contacts {
    width: 50%;
  }
}
.ymaps-2-1-79-balloon,
.ymaps-2-1-79-balloon__layout {
  border-radius: 20px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1019607843);
}

.api__wrapper {
  padding: 20px;
}
.api__title {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 110%;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .api__title {
    font-size: 28px;
  }
}
.api__address {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 120%;
  letter-spacing: 0%;
}

@media (min-width: 992px) {
  .main-pt {
    padding-top: 164px;
  }
  .upBtn {
    width: 68px;
    height: 68px;
    border-radius: 16px;
  }
  .upBtn::after {
    width: 24px;
    height: 24px;
  }
  .upBtn:hover {
    background: #ce0000;
  }
  .location__map {
    width: 65%;
    height: auto;
  }
  .location__contacts {
    width: 35%;
  }
  .location--object .location__map {
    width: 50%;
  }
  .location--object .location__object {
    width: 50%;
  }
  .location--maps {
    height: 700px;
  }
  .location--maps .location__map {
    width: 66%;
  }
  .location--maps .location__object {
    width: 34%;
  }
  .contacts__link {
    align-items: flex-start;
  }
  .contacts__btns .btn-circle {
    border: 1px solid #fff;
  }
}
.section {
  margin-bottom: 80px;
}
@media (min-width: 768px) {
  .section {
    margin-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .section {
    margin-bottom: 110px;
  }
}
.section {
  overflow: hidden;
}
.section--object {
  overflow: visible;
}
.section--location {
  margin-bottom: 30px;
}
.section--gallery {
  position: relative;
}
.section p {
  margin-bottom: 10px;
  font-family: "Opensans light", "Arial", "Helvetica", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 140%;
}
@media (min-width: 768px) {
  .section p {
    font-size: 17px;
  }
}
.section p {
  color: #494949;
}
.section__top {
  margin-bottom: 20px;
}
.section__inner {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.section__inner .btn-order-3 {
  order: 3;
  margin: 0 auto;
}
.section__btns {
  margin: 0 auto;
}

@media (min-width: 768px) {
  .section__top {
    margin-bottom: 40px;
  }
  .section__inner {
    gap: 40px;
  }
  .section__inner .btn-order-3 {
    order: 0;
    margin: 0;
    align-self: flex-start;
  }
}
.email {
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M17.767%209.27452C18.462%209.61782%2019.2434%209.81054%2020.0695%209.81054C20.4284%209.81054%2020.7789%209.77415%2021.1175%209.70484V21.4355C21.1175%2022.0192%2020.6483%2022.4923%2020.0695%2022.4923H1.20397C0.625131%2022.4923%200.155884%2022.0192%200.155884%2021.4355V4.52646C0.155884%203.9428%200.625131%203.46964%201.20397%203.46964H14.9339C14.8651%203.81111%2014.829%204.16453%2014.829%204.52646C14.829%205.83344%2015.2996%207.0296%2016.0793%207.95204L10.7002%2012.6459L3.97847%206.8913L2.62179%208.50252L10.7133%2015.4297L17.767%209.27452ZM20.0695%207.69691C18.3329%207.69691%2016.9252%206.27744%2016.9252%204.52646C16.9252%202.77547%2018.3329%201.35601%2020.0695%201.35601C21.806%201.35601%2023.2137%202.77547%2023.2137%204.52646C23.2137%206.27744%2021.806%207.69691%2020.0695%207.69691Z%22%20fill%3D%22%23000000%22%2F%3E%0A%3Cpath%20d%3D%22M20.1393%207.69697C18.3883%207.69697%2016.9689%206.27751%2016.9689%204.52652C16.9689%202.77553%2018.3883%201.35607%2020.1393%201.35607C21.8904%201.35607%2023.3098%202.77553%2023.3098%204.52652C23.3098%206.27751%2021.8904%207.69697%2020.1393%207.69697Z%22%20fill%3D%22%23CE0000%22%2F%3E%0A%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.phone {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M19.8881%2014.9201V17.9201C19.8892%2018.1986%2019.8322%2018.4743%2019.7206%2018.7294C19.6091%2018.9846%2019.4454%2019.2137%2019.2402%2019.402C19.035%2019.5902%2018.7927%2019.7336%2018.5289%2019.8228C18.265%2019.912%2017.9855%2019.9452%2017.7081%2019.9201C14.631%2019.5857%2011.6751%2018.5342%209.07812%2016.8501C6.66194%2015.3148%204.61345%2013.2663%203.07812%2010.8501C1.38809%208.2413%200.33636%205.27109%200.00811671%202.1801C-0.0168728%201.90356%200.0159916%201.62486%200.104617%201.36172C0.193243%201.09859%200.335688%200.856786%200.522883%200.651718C0.710078%200.44665%200.937922%200.282806%201.19191%200.170619C1.44589%200.0584315%201.72046%200.000358432%201.99812%209.69524e-05H4.99812C5.48342%20-0.00467949%205.95391%200.167176%206.32188%200.48363C6.68985%200.800084%206.93019%201.23954%206.99812%201.7201C7.12474%202.68016%207.35957%203.62282%207.69812%204.5301C7.83266%204.88802%207.86178%205.27701%207.78202%205.65098C7.70227%206.02494%207.51698%206.36821%207.24812%206.6401L5.97812%207.9101C7.40167%2010.4136%209.47457%2012.4865%2011.9781%2013.9101L13.2481%2012.6401C13.52%2012.3712%2013.8633%2012.1859%2014.2372%2012.1062C14.6112%2012.0264%2015.0002%2012.0556%2015.3581%2012.1901C16.2654%2012.5286%2017.2081%2012.7635%2018.1681%2012.8901C18.6539%2012.9586%2019.0975%2013.2033%2019.4146%2013.5776C19.7318%2013.9519%2019.9003%2014.4297%2019.8881%2014.9201Z%22%20fill%3D%22url%28%23paint0_linear_554_2651%29%22%2F%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_554_2651%22%20x1%3D%2222.2615%22%20y1%3D%22-2.98924%22%20x2%3D%22-6.90097%22%20y2%3D%2211.6022%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%2314848D%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23003E47%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
}
.phone-icon {
  display: inline-flex;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_388_10851)'%3E%3Cpath d='M23.1428 17.4722V21.8502C23.1428 22.5002 22.6402 23.0395 21.992 23.0853C21.4504 23.1236 21.0087 23.1426 20.6666 23.1426C9.72603 23.1426 0.857056 14.2737 0.857056 3.33312C0.857056 2.99105 0.876184 2.54925 0.914441 2.00774C0.960276 1.35945 1.49955 0.856934 2.14945 0.856934H6.52766C6.84545 0.856934 7.11162 1.09764 7.14352 1.41383C7.17217 1.69769 7.1988 1.92558 7.22343 2.09753C7.47387 3.84659 7.98542 5.51138 8.71735 7.05116C8.83483 7.29831 8.75822 7.59414 8.53554 7.7532L5.86336 9.66202C7.49018 13.4621 10.5376 16.5096 14.3377 18.1364L16.243 15.4688C16.4041 15.2435 16.7034 15.166 16.9535 15.2847C18.4932 16.016 20.1578 16.527 21.9067 16.7769C22.0775 16.8014 22.304 16.8277 22.5859 16.8562C22.9021 16.8882 23.1428 17.1544 23.1428 17.4722Z' fill='%23212121'/%3E%3Cpath d='M13.9988 6.1499C14.9577 6.33899 15.8376 6.81195 16.5244 7.5074C17.2112 8.20285 17.673 9.08868 17.85 10.0499' stroke='%23CE0000' stroke-width='1.71429' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.2988 0.950684C17.2861 1.16008 19.1424 2.04151 20.5608 3.4492C21.9791 4.85689 22.8745 6.70651 23.0988 8.69218' stroke='%23212121' stroke-width='1.71429' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_388_10851'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
}

.location-icon {
  display: inline-flex;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M17.862%2016.1472L11.5285%2022.4804L5.19495%2016.1472C1.69704%2012.6493%201.69704%206.97823%205.19495%203.48041C8.69285%20-0.0174022%2014.364%20-0.0174022%2017.862%203.48041C21.3599%206.97823%2021.3599%2012.6493%2017.862%2016.1472ZM11.5285%2011.8041C12.6278%2011.8041%2013.5189%2010.9131%2013.5189%209.81377C13.5189%208.71451%2012.6278%207.82338%2011.5285%207.82338C10.4291%207.82338%209.53803%208.71451%209.53803%209.81377C9.53803%2010.9131%2010.4291%2011.8041%2011.5285%2011.8041Z%22%20fill%3D%22%23212121%22%2F%3E%0A%3Cpath%20d%3D%22M13.519%209.81494C13.519%2010.9142%2012.6279%2011.8053%2011.5286%2011.8053C10.4293%2011.8053%209.53819%2010.9142%209.53819%209.81494C9.53819%208.71568%2010.4293%207.82456%2011.5286%207.82456C12.6279%207.82456%2013.519%208.71568%2013.519%209.81494Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M17.2514%2018.6852C16.9602%2018.6852%2016.7233%2018.9214%2016.723%2019.2125V22.4176H13.5189C13.3289%2022.4176%2013.1465%2022.342%2013.0121%2022.2077C12.8777%2022.0733%2012.8021%2021.8909%2012.8021%2021.7008V16.7252C12.8021%2016.6074%2012.8316%2016.4913%2012.8871%2016.3874C12.9427%2016.2834%2013.0234%2016.194%2013.1215%2016.1286L13.1205%2016.1276L16.8529%2013.6413C16.9707%2013.5627%2017.1098%2013.5202%2017.2514%2013.5202C17.3928%2013.5203%2017.5312%2013.5628%2017.6488%2013.6413L21.3803%2016.1286C21.4784%2016.194%2021.559%2016.2834%2021.6146%2016.3874C21.6702%2016.4913%2021.6996%2016.6074%2021.6996%2016.7252V21.7008C21.6996%2021.8909%2021.624%2022.0733%2021.4896%2022.2077C21.3553%2022.342%2021.1729%2022.4176%2020.9828%2022.4176H17.7787V19.2125L17.768%2019.1071C17.719%2018.8666%2017.5062%2018.6854%2017.2514%2018.6852Z%22%20fill%3D%22%23E31E24%22%20stroke%3D%22white%22%20stroke-width%3D%221.05495%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center/contain no-repeat;
}

.time {
  display: inline-flex;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11%2022C6.06395%2022%202.0625%2017.9985%202.0625%2013.0625C2.0625%208.12645%206.06395%204.125%2011%204.125C15.936%204.125%2019.9375%208.12645%2019.9375%2013.0625C19.9375%2017.9985%2015.936%2022%2011%2022ZM11.8938%2013.0625V8.59375H10.1062V14.85H15.4688V13.0625H11.8938Z%22%20fill%3D%22%231B1D1F%22%2F%3E%0A%3Cpath%20d%3D%22M7.1875%200.6875L14.8125%200.6875C15.3648%200.6875%2015.8125%201.13522%2015.8125%201.6875V1.75C15.8125%202.30228%2015.3648%202.75%2014.8125%202.75L7.1875%202.75C6.63522%202.75%206.1875%202.30228%206.1875%201.75V1.6875C6.1875%201.13522%206.63522%200.6875%207.1875%200.6875Z%22%20fill%3D%22%23E31E24%22%2F%3E%0A%3Cpath%20d%3D%22M11.9167%208.47928V13.0626H15.5834V14.8959H10.0834V8.47928H11.9167Z%22%20fill%3D%22%23F7F3F1%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center/contain no-repeat;
}

.builder {
  position: relative;
}
.builder::after {
  /* background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_601_1338)'%3E%3Cpath d='M6.03799 27.4285V18.1177L4.57485 18.7949C4.22128 18.9585 3.9928 19.3161 3.9928 19.7057V26.7683C3.9928 27.1324 4.28894 27.4285 4.65296 27.4285H6.03799Z' fill='white'/%3E%3Cpath d='M23.4361 26.7683V19.7056C23.4361 19.316 23.2076 18.9585 22.854 18.7949L21.3909 18.1177V27.4284H22.7759C23.1399 27.4284 23.4361 27.1323 23.4361 26.7683Z' fill='white'/%3E%3Cpath d='M12.9108 24.6822L9.30591 16.6055L7.64514 17.3742V27.4288H12.9108V24.6822Z' fill='white'/%3E%3Cpath d='M19.7836 17.3739L18.1657 16.625L14.5179 24.5539V27.4285H19.7836V17.3739Z' fill='white'/%3E%3Cpath d='M7.65589 8.17907H19.7729C20.137 8.17907 20.4331 7.88293 20.4331 7.51891V6.59464C20.4331 6.23063 20.137 5.93448 19.7729 5.93448C19.3355 5.93448 18.9784 5.58461 18.9695 5.14725C18.9324 3.32084 17.9428 1.71375 16.4854 0.799875V1.92354C16.4854 2.36732 16.1256 2.72711 15.6818 2.72711C15.238 2.72711 14.8782 2.36732 14.8782 1.92354V0.131893C14.5031 0.0456429 14.1135 0 13.7144 0C13.3152 0 12.9257 0.0456429 12.5506 0.131893V1.92359C12.5506 2.36738 12.1908 2.72716 11.747 2.72716C11.3032 2.72716 10.9435 2.36738 10.9435 1.92359V0.799929C9.486 1.7138 8.49642 3.32089 8.4593 5.1473C8.45041 5.58466 8.0933 5.93454 7.65589 5.93454C7.29187 5.93454 6.99573 6.23068 6.99573 6.5947V7.51896C6.99573 7.88293 7.29187 8.17907 7.65589 8.17907Z' fill='white'/%3E%3Cpath d='M13.7144 17.9778C12.9403 17.9778 12.1974 17.8424 11.5076 17.5948L13.6954 22.4966L15.9562 17.5825C15.2565 17.8382 14.5015 17.9778 13.7144 17.9778Z' fill='white'/%3E%3Cpath d='M13.7144 16.3707C16.4399 16.3707 18.6572 14.1533 18.6572 11.4279V9.78613H8.77173V11.4279C8.77173 14.1534 10.989 16.3707 13.7144 16.3707Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_601_1338'%3E%3Crect width='27.4286' height='27.4286' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") center/cover no-repeat; */

  width: 28px;
  height: 28px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.technic {
  position: relative;
}
.technic::after {
  background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_629_7470)'%3E%3Cpath d='M10.2369 5.87755H18.0737C18.6124 5.87755 19.0532 5.43673 19.0532 4.89796V3.91837C19.0532 2.84082 18.1716 1.95918 17.0941 1.95918H16.1145C16.1145 0.881633 15.2328 0 14.1553 0C13.0777 0 12.1961 0.881633 12.1961 1.95918H11.2165C10.139 1.95918 9.25732 2.84082 9.25732 3.91837V4.89796C9.25732 5.43673 9.69814 5.87755 10.2369 5.87755Z' fill='white'/%3E%3Cpath d='M21.992 3.91846H21.0124V4.89805C21.0124 6.51438 19.69 7.83682 18.0737 7.83682H10.2369C8.6206 7.83682 7.29815 6.51438 7.29815 4.89805V3.91846H6.31856C5.24101 3.91846 4.35938 4.80009 4.35938 5.87764V25.4695C4.35938 26.547 5.24101 27.4287 6.31856 27.4287H21.992C23.0696 27.4287 23.9512 26.547 23.9512 25.4695V5.87764C23.9512 4.80009 23.0696 3.91846 21.992 3.91846ZM9.27693 22.5307C8.73815 22.5307 8.29733 22.0899 8.29733 21.5511C8.29733 21.0123 8.72835 20.5715 9.27693 20.5715C9.8157 20.5715 10.2565 21.0123 10.2565 21.5511C10.2565 22.0899 9.8157 22.5307 9.27693 22.5307ZM9.27693 17.6327C8.73815 17.6327 8.29733 17.1919 8.29733 16.6532C8.29733 16.1144 8.72835 15.6736 9.27693 15.6736C9.8157 15.6736 10.2565 16.1144 10.2565 16.6532C10.2565 17.1919 9.8157 17.6327 9.27693 17.6327ZM9.27693 12.7348C8.73815 12.7348 8.29733 12.294 8.29733 11.7552C8.29733 11.2164 8.72835 10.7756 9.27693 10.7756C9.8157 10.7756 10.2565 11.2164 10.2565 11.7552C10.2565 12.294 9.8157 12.7348 9.27693 12.7348ZM19.0533 22.5307H13.1757C12.6369 22.5307 12.1961 22.0899 12.1961 21.5511C12.1961 21.0123 12.6369 20.5715 13.1757 20.5715H19.0533C19.592 20.5715 20.0328 21.0123 20.0328 21.5511C20.0328 22.0899 19.592 22.5307 19.0533 22.5307ZM19.0533 17.6327H13.1757C12.6369 17.6327 12.1961 17.1919 12.1961 16.6532C12.1961 16.1144 12.6369 15.6736 13.1757 15.6736H19.0533C19.592 15.6736 20.0328 16.1144 20.0328 16.6532C20.0328 17.1919 19.592 17.6327 19.0533 17.6327ZM19.0533 12.7348H13.1757C12.6369 12.7348 12.1961 12.294 12.1961 11.7552C12.1961 11.2164 12.6369 10.7756 13.1757 10.7756H19.0533C19.592 10.7756 20.0328 11.2164 20.0328 11.7552C20.0328 12.294 19.592 12.7348 19.0533 12.7348Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_629_7470'%3E%3Crect width='27.4286' height='27.4286' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    center/contain no-repeat;
  width: 28px;
  height: 28px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.brick {
  position: relative;
}
.brick::after {
  background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.78333 18.915H10.404V22.6983H3.78333V18.915Z' fill='white'/%3E%3Cpath d='M15.1332 15.2171V17.9693H21.7539V14.186H19.9758L15.1332 15.2171Z' fill='white'/%3E%3Cpath d='M10.1203 14.186H7.56665V17.9693H14.1874V15.4157L11.1702 16.0587C11.0955 16.0736 11.0195 16.0816 10.9431 16.0824C10.5577 16.078 10.2023 15.8735 10.0046 15.5427C9.80683 15.2119 9.79511 14.8019 9.97361 14.4604L10.1203 14.186Z' fill='white'/%3E%3Cpath d='M0.945876 16.0778H0V17.9693H6.62072V14.186H0V15.1319H0.945876C1.20704 15.1319 1.41881 15.3437 1.41881 15.6048C1.41881 15.866 1.20704 16.0778 0.945876 16.0778ZM2.83742 15.1319H4.72917C4.99033 15.1319 5.2019 15.3437 5.2019 15.6048C5.2019 15.866 4.99033 16.0778 4.72917 16.0778H2.83742C2.57626 16.0778 2.36448 15.866 2.36448 15.6048C2.36448 15.3437 2.57626 15.1319 2.83742 15.1319Z' fill='white'/%3E%3Cpath d='M11.3499 18.915H17.9706V22.6983H11.3499V18.915Z' fill='white'/%3E%3Cpath d='M16.0364 11.6322C15.8878 11.6312 15.7481 11.5613 15.6581 11.443C15.5022 11.234 15.5444 10.9381 15.7527 10.7809L17.7057 9.31503L15.5683 6.46798C15.5386 6.42697 15.4913 6.40248 15.4404 6.40186H15.431C15.3946 6.40437 15.3624 6.42592 15.3461 6.45857L10.8061 14.9047C10.7816 14.9585 10.7883 15.0215 10.8239 15.0688C10.8592 15.1161 10.9178 15.1401 10.9762 15.1317L20.3588 13.136C20.3956 13.1326 20.4262 13.1059 20.4345 13.0699C20.4532 13.0203 20.4442 12.9644 20.4109 12.9232L18.2733 10.0715L16.3202 11.5376C16.2379 11.5981 16.1385 11.6312 16.0364 11.6322Z' fill='white'/%3E%3Cpath d='M18.9163 18.915H25.5372V22.6983H18.9163V18.915Z' fill='white'/%3E%3Cpath d='M15.1332 23.644H21.7539V27.4273H15.1332V23.644Z' fill='white'/%3E%3Cpath d='M0 23.644H6.62072V27.4273H0V23.644Z' fill='white'/%3E%3Cpath d='M7.56665 23.644H14.1874V27.4273H7.56665V23.644Z' fill='white'/%3E%3Cpath d='M26.8803 0.566208C26.409 -0.0588652 25.5213 -0.18568 24.8939 0.282445L20.9924 3.20985C20.7842 3.36701 20.7419 3.6627 20.8978 3.87196L21.314 4.42526L20.3303 5.16292C19.8906 5.49167 19.6454 6.01944 19.6778 6.5675L19.7251 7.41879C19.7374 7.65023 19.6326 7.87226 19.4461 8.00975L17.7057 9.31514L18.2732 10.0716L20.0135 8.76645C20.4531 8.43958 20.6984 7.91349 20.6662 7.36668L20.6189 6.51539C20.6074 6.2829 20.712 6.05961 20.8978 5.91962L21.8816 5.18175L22.2976 5.73504C22.3742 5.83445 22.4859 5.90057 22.6098 5.91962C22.6316 5.92359 22.6538 5.92527 22.6759 5.92422C22.7783 5.92401 22.8779 5.89095 22.9597 5.82963L26.8612 2.90244C27.4878 2.43222 27.6148 1.54306 27.145 0.916099L26.8803 0.566208ZM26.2937 2.14574L22.7705 4.78938L22.3545 4.23608L21.9383 3.68279L25.4615 1.03915C25.6705 0.882826 25.9666 0.925097 26.1236 1.13373L26.3883 1.48362C26.4643 1.58344 26.4967 1.70963 26.4783 1.83372C26.4603 1.95803 26.3939 2.07019 26.2937 2.14574Z' fill='white'/%3E%3C/svg%3E%0A")
    center/contain no-repeat;
  width: 28px;
  height: 28px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.engineer {
  position: relative;
}
.engineer::after {
  background: url("data:image/svg+xml,%3Csvg width='26' height='28' viewBox='0 0 26 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.8778 5.73185V23.3407C25.8778 23.7743 25.5239 24.1282 25.0903 24.1282H24.055L11.3704 11.4392C11.0829 11.1517 10.7068 10.9968 10.3042 10.9968C9.46798 10.9968 8.78664 11.6737 8.78664 12.5099V24.1282H3.2518C2.06166 24.1282 1.00424 23.2566 0.89363 22.0753C0.769762 20.7215 1.83159 19.5889 3.15448 19.5889C4.40655 19.5889 5.42416 20.602 5.42416 21.8585V4.94434H25.0903C25.5239 4.94434 25.8778 5.29828 25.8778 5.73185Z' fill='white'/%3E%3Cpath d='M9.67151 12.5094V26.8006C9.67151 27.1475 9.95277 27.4288 10.2997 27.4288H24.5871C25.1467 27.4288 25.427 26.7522 25.0314 26.3564L10.744 12.0652C10.3483 11.6694 9.67151 11.9496 9.67151 12.5094ZM12.5871 24.5087V18.0359L19.0599 24.5087H12.5871Z' fill='white'/%3E%3Cpath d='M4.53936 4.71841V19.0223C4.11904 18.8187 3.65007 18.7037 3.15455 18.7037C1.49542 18.7037 0.128296 19.9956 0.0132571 21.6238C0.0044277 21.7034 0 21.7786 0 21.8583V4.71841C0 3.46632 1.01759 2.44873 2.26968 2.44873C3.52175 2.44873 4.53936 3.46633 4.53936 4.71841Z' fill='white'/%3E%3Cpath d='M12.2153 0.00244141H20.4757V3.85158H12.2153V0.00244141Z' fill='white'/%3E%3Cpath d='M11.3297 3.85088L8.2928 2.2774C8.00755 2.12961 8.00754 1.72161 8.29278 1.5738L11.3297 0V3.85088Z' fill='white'/%3E%3Cpath d='M22.796 3.85088H21.3612V0H22.796C23.7118 1.28363 23.7118 2.56725 22.796 3.85088Z' fill='white'/%3E%3C/svg%3E%0A")
    center/contain no-repeat;
  width: 28px;
  height: 28px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bulldozer {
  position: relative;
}
.bulldozer::after {
  background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_629_8498)'%3E%3Cpath d='M22.7088 0.0720159C21.6146 0.365206 20.8652 1.52069 21.266 2.62813L24.731 12.2017C24.9741 12.0014 25.2812 11.8866 25.6024 11.8865C26.1225 11.8762 26.6819 11.8779 27.1835 11.9088L25.2381 1.55939C25.0485 0.550934 24.0922 -0.0561559 23.123 0.00410607C22.9846 0.0127445 22.8455 0.0353888 22.7088 0.0720159ZM23.315 1.83171C23.5674 1.83171 23.7721 2.03632 23.7721 2.28879C23.7721 2.54126 23.5674 2.74591 23.315 2.74591C23.0625 2.74591 22.8579 2.54124 22.8579 2.28879C22.8579 2.03634 23.0625 1.83171 23.315 1.83171ZM12.6227 5.06903C11.4853 5.56436 10.793 6.63256 10.4406 7.62156L10.0612 8.68761H15.5752C15.7295 8.26949 15.9432 7.90814 16.5823 7.53678L21.0499 4.71725L20.4062 2.93878C20.2861 2.60684 20.2372 2.27343 20.2446 1.94866L12.6227 5.06903ZM9.60408 9.60181C8.85017 9.60181 8.31733 10.2402 8.2372 10.9214L8.24757 10.8642L7.41725 14.1739H1.37381C0.621988 14.1739 0.000674963 14.7925 0.000674963 15.5443V18.7469C0.000674963 19.4987 0.621988 20.1164 1.37381 20.1164H16.9168C17.6687 20.1164 18.3068 19.4999 18.2899 18.7361V15.5443C18.2894 15.4865 18.2778 15.4292 18.256 15.3755L16.4276 10.8035C16.3291 10.5574 16.2171 10.2892 16.0151 10.0472C15.8131 9.80528 15.4778 9.60175 15.091 9.60175L9.60408 9.60181ZM10.513 11.4312H10.5182H11.8886V15.089H9.78606C9.48415 15.0895 9.26454 14.8026 9.34412 14.5114L10.0762 11.7713C10.1287 11.5727 10.3075 11.4336 10.513 11.4312ZM12.803 11.4312H14.2708C14.4547 11.4311 14.6207 11.5413 14.6922 11.7107L16.4234 15.8247C16.4477 15.8811 16.4605 15.9418 16.4609 16.0033V17.8327C16.46 18.0837 16.2566 18.287 16.0055 18.288H13.2619C13.109 18.2885 12.9658 18.2125 12.8807 18.0853L12.8029 17.9684L12.803 11.4312ZM25.6024 12.8008C25.4572 12.8008 25.3207 12.8697 25.2345 12.9864L21.1213 18.4701C20.8948 18.771 21.1092 19.2014 21.4856 19.2022H24.2292C25.994 19.2022 27.4273 17.7681 27.4273 16.0033V13.2597C27.4282 13.0072 27.2244 12.8018 26.9719 12.8007L25.6024 12.8008ZM2.28125 15.9961C2.5379 15.9927 2.74672 16.2019 2.74374 16.4586V17.8327C2.75756 18.456 1.8155 18.456 1.82949 17.8327V16.4586C1.82604 16.2061 2.0288 15.9991 2.28125 15.9961ZM4.11062 15.9961C4.36727 15.9927 4.57609 16.2019 4.57311 16.4586V17.8327C4.58693 18.4555 3.64542 18.4555 3.65886 17.8327V16.4586C3.65541 16.2061 3.85817 15.9991 4.11062 15.9961ZM5.93641 15.9961C6.19411 15.991 6.40462 16.2009 6.40158 16.4586V17.8327C6.38776 18.4286 5.50072 18.4286 5.48733 17.8327V16.4586C5.48386 16.2072 5.68501 16.0006 5.93641 15.9961ZM3.20263 21.0307C1.43784 21.0307 0.00012207 22.4657 0.00012207 24.2305C0.00012207 25.9953 1.43784 27.4286 3.20263 27.4286H17.3724C19.1372 27.4286 20.5705 25.9953 20.5705 24.2305C20.5705 22.4657 19.1372 21.0307 17.3724 21.0307H3.20263ZM4.11777 22.8601C4.86973 22.86 5.48731 23.4786 5.48733 24.2305C5.48733 24.9825 4.86975 25.6037 4.11777 25.6037C3.36579 25.6037 2.74374 24.9825 2.74374 24.2305C2.74374 23.4786 3.36583 22.8601 4.11777 22.8601ZM8.23095 22.8601C8.98291 22.8601 9.60051 23.4786 9.60052 24.2305C9.60052 24.9825 8.98291 25.6037 8.23095 25.6037C7.47897 25.6037 6.85691 24.9825 6.85691 24.2305C6.85691 23.4786 7.47898 22.86 8.23095 22.8601ZM12.3441 22.8601C13.0961 22.86 13.7137 23.4786 13.7137 24.2305C13.7137 24.9825 13.0961 25.6037 12.3441 25.6037C11.5921 25.6037 10.9746 24.9825 10.9746 24.2305C10.9746 23.4786 11.5922 22.86 12.3441 22.8601ZM16.4573 22.8601C17.2093 22.86 17.8313 23.4786 17.8313 24.2305C17.8313 24.9825 17.2093 25.6037 16.4573 25.6037C15.7053 25.6037 15.0877 24.9825 15.0877 24.2305C15.0878 23.4786 15.7053 22.86 16.4573 22.8601Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_629_8498'%3E%3Crect width='27.4286' height='27.4286' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    center/contain no-repeat;
  width: 28px;
  height: 28px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.landscaping {
  position: relative;
}
.landscaping::after {
  background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_629_8514)'%3E%3Cpath d='M3.48181 17.6325H10.2322L9.66722 15.6733H4.04676L3.48181 17.6325Z' fill='white'/%3E%3Cpath d='M1.78699 23.51H11.9274L11.3623 21.5508H2.35194L1.78699 23.51Z' fill='white'/%3E%3Cpath d='M11.0798 20.5715L10.5147 18.6123H3.19935L2.6344 20.5715H11.0798Z' fill='white'/%3E%3Cpath d='M12.7348 24.4897H0.979714C0.438738 24.4897 0.00012207 24.9279 0.00012207 25.4693V26.4489C0.00012207 26.9904 0.438738 27.4285 0.979714 27.4285H12.7348C13.2758 27.4285 13.7144 26.9904 13.7144 26.4489V25.4693C13.7144 24.9279 13.2758 24.4897 12.7348 24.4897Z' fill='white'/%3E%3Cpath d='M9.38473 14.6937L9.02497 13.4462C8.77529 12.4504 7.88419 11.7549 6.85724 11.7549C5.8303 11.7549 4.9392 12.4504 4.6986 13.4127L4.32922 14.6937H9.38473Z' fill='white'/%3E%3Cpath d='M26.4491 14.6938H12.7348C12.1939 14.6938 11.7552 15.132 11.7552 15.6734V18.6122C11.7552 19.1537 12.1939 19.5918 12.7348 19.5918H14.694V26.449C14.694 26.9899 15.1326 27.4285 15.6736 27.4285C16.2147 27.4285 16.6532 26.9899 16.6532 26.449V19.5918H22.5308V26.449C22.5308 26.9899 22.9693 27.4285 23.5104 27.4285C24.0514 27.4285 24.4899 26.9899 24.4899 26.449V19.5918H26.4491C26.9901 19.5918 27.4287 19.1537 27.4287 18.6122V15.6734C27.4287 15.132 26.9901 14.6938 26.4491 14.6938ZM13.7144 18.6122H12.7348L13.7144 15.6734H14.694L13.7144 18.6122ZM15.6736 18.6122H14.694L15.6736 15.6734H16.6532L15.6736 18.6122ZM16.6532 18.6122L17.6328 15.6734H18.6124L17.6328 18.6122H16.6532ZM18.6124 18.6122L19.592 15.6734H20.5716L19.592 18.6122H18.6124ZM21.5512 18.6122H20.5716L21.5512 15.6734H22.5308L21.5512 18.6122ZM23.5104 18.6122H22.5308L23.5104 15.6734H24.4899L23.5104 18.6122ZM25.4695 18.6122H24.4899L25.4695 15.6734H26.4491L25.4695 18.6122Z' fill='white'/%3E%3Cpath d='M13.2246 11.2653C13.2246 10.9946 13.4437 10.7755 13.7144 10.7755C13.9852 10.7755 14.2042 10.9946 14.2042 11.2653V13.7143H22.5308L17.6328 0H14.2042V0.489796C14.2042 0.760523 13.9852 0.979592 13.7144 0.979592C13.4437 0.979592 13.2246 0.760523 13.2246 0.489796V0H9.79608L5.89355 10.9271C6.19962 10.8324 6.52212 10.7755 6.8573 10.7755C8.33386 10.7755 9.61623 11.7761 9.97545 13.2082L10.1215 13.7143H13.2246V11.2653ZM13.2246 2.44898C13.2246 2.17825 13.4437 1.95918 13.7144 1.95918C13.9852 1.95918 14.2042 2.17825 14.2042 2.44898V4.40816C14.2042 4.67889 13.9852 4.89796 13.7144 4.89796C13.4437 4.89796 13.2246 4.67889 13.2246 4.40816V2.44898ZM13.2246 6.36735C13.2246 6.09662 13.4437 5.87755 13.7144 5.87755C13.9852 5.87755 14.2042 6.09662 14.2042 6.36735V9.30612C14.2042 9.57685 13.9852 9.79592 13.7144 9.79592C13.4437 9.79592 13.2246 9.57685 13.2246 9.30612V6.36735Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_629_8514'%3E%3Crect width='27.4286' height='27.4286' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    center/contain no-repeat;
  width: 28px;
  height: 28px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.logistic {
  position: relative;
}
.logistic::after {
  background: url("data:image/svg+xml,%3Csvg width='28' height='20' viewBox='0 0 28 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5248 8.40757V10.0981C22.5248 10.5151 22.8579 10.851 23.2721 10.851H27.1065L26.4236 7.66309H23.2722C22.8578 7.66309 22.5248 7.99614 22.5248 8.40757Z' fill='white'/%3E%3Cpath d='M27.4171 12.2924L27.3472 11.9705H23.2721C22.2422 11.9705 21.4053 11.1309 21.4053 10.0981V8.40759C21.4053 7.38041 22.2422 6.54358 23.2721 6.54358H26.1829L26.0121 5.75431C25.875 5.09383 25.276 4.61238 24.5931 4.61238H20.4005C19.6028 4.61238 18.9535 5.26167 18.9535 6.05935V11.8165H7.12567V10.6971H16.8628L17.834 8.61754V6.16858L16.026 4.01067C15.9569 3.91092 15.8603 3.83453 15.788 3.80356H15.7853L7.76938 0.053143C7.75695 0.0408216 7.63717 0 7.53147 0L4.60953 0.00278581C3.93223 0.00278581 3.30807 0.397446 3.0198 1.01319L1.21177 4.87837C0.926287 5.49133 1.02143 6.22461 1.45525 6.748L3.19894 8.83032V11.8167H2.05702C0.923448 11.8167 -0.00012207 12.7403 -0.00012207 13.8738V15.2957C-0.00012207 16.1969 0.733216 16.9302 1.63439 16.9302H2.00945C1.79409 14.7217 3.56467 12.8775 5.69553 12.8775C6.68011 12.8775 7.75872 13.3042 8.47475 14.1397C9.15206 13.3644 10.1456 12.8775 11.254 12.8775C13.2944 12.8775 14.9569 14.5372 14.9569 16.5803C14.9569 16.6979 14.9513 16.8154 14.9401 16.9302H19.2475C19.2363 16.8154 19.2307 16.6979 19.2307 16.5803C19.2307 14.5372 20.8904 12.8775 22.9308 12.8775C24.9739 12.8775 26.6336 14.5372 26.6336 16.5803C26.6336 16.6447 26.6308 16.7063 26.628 16.7707C27.101 16.5384 27.4284 16.0457 27.4284 15.4804V12.4073C27.4283 12.368 27.4255 12.3288 27.4171 12.2924ZM6.00613 11.8167H4.31842V9.50762L6.00613 10.2969C6.00613 10.2968 6.00613 11.8167 6.00613 11.8167Z' fill='white'/%3E%3Cpath d='M5.69555 13.9971C4.27093 13.9971 3.11218 15.1558 3.11218 16.5804C3.11218 18.005 4.27093 19.1638 5.69555 19.1638C7.11734 19.1638 8.27608 18.005 8.27608 16.5804C8.27603 15.1558 7.11734 13.9971 5.69555 13.9971Z' fill='white'/%3E%3Cpath d='M11.254 19.1637C12.6807 19.1637 13.8373 18.0071 13.8373 16.5804C13.8373 15.1537 12.6807 13.9971 11.254 13.9971C9.82724 13.9971 8.67065 15.1537 8.67065 16.5804C8.67065 18.0071 9.82724 19.1637 11.254 19.1637Z' fill='white'/%3E%3Cpath d='M22.9306 13.9971C21.5088 13.9971 20.3501 15.1558 20.3501 16.5804C20.3501 18.005 21.5088 19.1638 22.9306 19.1638C24.3552 19.1638 25.514 18.005 25.514 16.5804C25.514 15.1558 24.3552 13.9971 22.9306 13.9971Z' fill='white'/%3E%3C/svg%3E%0A")
    center/contain no-repeat;
  width: 28px;
  height: 28px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.geodesic {
  position: relative;
}
.geodesic::after {
  background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_629_1753)'%3E%3Cg clip-path='url(%23clip1_629_1753)'%3E%3Cpath d='M10.5306 7.35693V15.6786H16.898V7.35693H10.5306ZM13.7143 13.7488C12.48 13.7488 11.4808 12.7496 11.4808 11.5153C11.4808 10.281 12.48 9.28183 13.7143 9.28183C14.9486 9.28183 15.9478 10.281 15.9478 11.5153C15.9478 12.7496 14.9486 13.7488 13.7143 13.7488Z' fill='white'/%3E%3Cpath d='M18.7984 18.5684H8.63023C8.26289 18.5684 7.96411 18.8671 7.96411 19.2345V24.2941C7.96411 24.6614 8.26289 24.9602 8.63023 24.9602H18.7984C19.1657 24.9602 19.4645 24.6614 19.4645 24.2941V19.2345C19.4645 18.8671 19.1657 18.5684 18.7984 18.5684ZM15.0955 22.6484C15.0955 22.908 14.8849 23.1186 14.6253 23.1186H10.4425C10.1829 23.1186 9.97227 22.908 9.97227 22.6484V20.8704C9.97227 20.6108 10.1829 20.4002 10.4425 20.4002H14.6253C14.8849 20.4002 15.0955 20.6108 15.0955 20.8704V22.6484ZM17.6572 23.0843H16.8882C16.6188 23.0843 16.3984 22.8639 16.3984 22.5945C16.3984 22.3251 16.6188 22.1047 16.8882 22.1047H17.6572C17.9266 22.1047 18.147 22.3251 18.147 22.5945C18.147 22.8639 17.9266 23.0843 17.6572 23.0843ZM17.6572 21.4141H16.8882C16.6188 21.4141 16.3984 21.1937 16.3984 20.9243C16.3984 20.6549 16.6188 20.4345 16.8882 20.4345H17.6572C17.9266 20.4345 18.147 20.6549 18.147 20.9243C18.147 21.1937 17.9266 21.4141 17.6572 21.4141Z' fill='white'/%3E%3Cpath d='M25.0874 9.60978V10.8294C25.0874 11.4416 24.5878 11.9412 23.9756 11.9412H23.0107V22.0506C23.0107 23.0596 22.1927 23.8775 21.1838 23.8775H20.4442V19.2294C20.4442 18.3233 19.7046 17.5886 18.7985 17.5886H17.8776V6.06366C17.8776 5.69141 18.1764 5.38774 18.5536 5.38774H19.2589V2.82611C19.2589 2.57631 19.058 2.3755 18.8082 2.3755H8.62049C8.3707 2.3755 8.16988 2.57631 8.16988 2.82611V5.38774H8.87519C9.25233 5.38774 9.5511 5.69141 9.5511 6.06366V17.5886H8.63029C7.72417 17.5886 6.98457 18.3233 6.98457 19.2294V23.8775H6.24498C5.236 23.8775 4.41804 23.0596 4.41804 22.0506V21.1053H3.45315C2.8409 21.1053 2.34131 20.6057 2.34131 19.9935V18.7739C2.34131 18.1567 2.8409 17.6571 3.45315 17.6571H4.41804V7.21958C4.41804 6.36243 5.0058 5.65223 5.79927 5.45141V1.77794C5.79927 0.798352 6.59274 0.00488281 7.56743 0.00488281H19.8613C20.836 0.00488281 21.6295 0.798352 21.6295 1.77794V5.45141C22.4229 5.65223 23.0107 6.36243 23.0107 7.21958V8.49305H23.9756C24.5878 8.49305 25.0874 8.99264 25.0874 9.60978Z' fill='white'/%3E%3Cpath d='M9.21802 26.5762C9.21802 27.0464 9.59516 27.4236 10.0654 27.4236H17.3633C17.8335 27.4236 18.2107 27.0464 18.2107 26.5762V25.9346H9.21802V26.5762Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_629_1753'%3E%3Crect width='27.4286' height='27.4286' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_629_1753'%3E%3Crect width='23.5102' height='27.4286' fill='white' transform='translate(1.95923)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    center/contain no-repeat;
  width: 28px;
  height: 28px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.about {
  display: flex;
  flex-direction: column;
}
.about--bg-gray {
  padding: 10px;
  background: #efefef;
  border-radius: 20px;
  width: 100%;
}

.about__visual picture img {
  max-height: 640px;
}
.about--bg-gray .about__visual {
  height: 250px;
}
.about__visual {
  width: 100%;
  height: 350px;
  border-radius: 20px;
  overflow: hidden;
}
.about__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.about__content {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  flex: 1;
}
.about__content h2 {
  margin-bottom: 10px;
}
.about__content .btn-circle {
  display: inline-flex;
}
.about__desc {
  margin-bottom: 30px;
}
.about__infos {
  display: flex;
  align-items: center;
  gap: 10px;
}
.about__info {
  font-family: "Opensans light", "Arial", "Helvetica", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 140%;
}

.header__info_wrapper a {
  font-size: 0;
  width: 48px;
  height: 48px;
  background: #fff;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  margin-left: 9px;
}

/* .email {
  margin-left: 9px;
} */
@media (min-width: 768px) {
  .header__info_wrapper a {
    font-size: inherit;
    width: auto;
    height: auto;
    background: transparent;
    border-radius: 0;
  }

  .header__middle {
    gap: 20px;
    align-items: center;
  }
  .email {
    margin-left: 0;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M17.767%209.27452C18.462%209.61782%2019.2434%209.81054%2020.0695%209.81054C20.4284%209.81054%2020.7789%209.77415%2021.1175%209.70484V21.4355C21.1175%2022.0192%2020.6483%2022.4923%2020.0695%2022.4923H1.20397C0.625131%2022.4923%200.155884%2022.0192%200.155884%2021.4355V4.52646C0.155884%203.9428%200.625131%203.46964%201.20397%203.46964H14.9339C14.8651%203.81111%2014.829%204.16453%2014.829%204.52646C14.829%205.83344%2015.2996%207.0296%2016.0793%207.95204L10.7002%2012.6459L3.97847%206.8913L2.62179%208.50252L10.7133%2015.4297L17.767%209.27452ZM20.0695%207.69691C18.3329%207.69691%2016.9252%206.27744%2016.9252%204.52646C16.9252%202.77547%2018.3329%201.35601%2020.0695%201.35601C21.806%201.35601%2023.2137%202.77547%2023.2137%204.52646C23.2137%206.27744%2021.806%207.69691%2020.0695%207.69691Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3Cpath%20d%3D%22M20.1393%207.69697C18.3883%207.69697%2016.9689%206.27751%2016.9689%204.52652C16.9689%202.77553%2018.3883%201.35607%2020.1393%201.35607C21.8904%201.35607%2023.3098%202.77553%2023.3098%204.52652C23.3098%206.27751%2021.8904%207.69697%2020.1393%207.69697Z%22%20fill%3D%22%23CE0000%22%2F%3E%0A%3C%2Fsvg%3E");
  }
  .about__info {
    font-size: 17px;
  }
}
.about__info {
  color: #212121;
  padding: 10px 20px;
  border-radius: 40px;
  background: #ffffff;
}

@media (min-width: 575px) {
  .about {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .about {
    flex-direction: row-reverse;
    gap: 30px;
  }
  .about--bg-gray {
    padding: 40px;
  }
  .about--bg-gray .about__visual {
    height: 640px;
  }
  .about__visual {
    width: 50%;
    height: 580px;
  }
  .about__visual--w40 {
    width: 40%;
  }
  .about__content {
    width: 50%;
    gap: 20px;
  }
  .about__content .btn-circle {
    align-self: flex-start;
  }
}
.principles {
  overflow: hidden;
}
.principles__head {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
.principles__head_title {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 100%;
  text-transform: uppercase;
}
@media (min-width: 575px) {
  .principles__head_title {
    font-size: 36px;
  }
}
@media (min-width: 1200px) {
  .principles__head_title {
    font-size: 64px;
  }
}
.principles__title {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 110%;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .principles__title {
    font-size: 32px;
  }
}
.principles__grid {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.principles__card {
  background: #efefef;
  border-radius: 30px;
  padding: 20px;
  min-height: 250px;
  display: flex;
  gap: 12px;
  flex-direction: column;
  justify-content: center;
}
.principles__photo {
  height: 250px;
  border-radius: 20px;
  overflow: hidden;
}
.principles__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.principles__grid > *:nth-child(1) {
  transition-delay: 0s;
}

.principles__grid > *:nth-child(2) {
  transition-delay: 0.1s;
}

.principles__grid > *:nth-child(3) {
  transition-delay: 0.2s;
}

.principles__grid > *:nth-child(4) {
  transition-delay: 0.15s;
}

.principles__grid > *:nth-child(5) {
  transition-delay: 0.25s;
}

.principles__grid > *:nth-child(6) {
  transition-delay: 0.1s;
}

.principles__grid > *:nth-child(7) {
  transition-delay: 0.2s;
}

.principles__grid > *:nth-child(8) {
  transition-delay: 0.05s;
}

@media (min-width: 768px) {
  .principles__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 8px;
  }
  .principles__photo,
  .principles__card {
    min-height: 350px;
  }
}
@media (min-width: 992px) {
  .principles__grid {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
  .principles__head {
    flex-direction: row;
    margin-bottom: 40px;
  }
  .principles__head_title {
    width: 40%;
  }
  .principles__desc {
    width: 60%;
  }
}
@media (min-width: 1200px) {
  .principles__grid {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}
.activity {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.activity-card {
  padding: 84px 20px 20px;
  background: #efefef;
  border-radius: 0 20px 20px 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}
.activity-card.swiper-slide {
  display: flex !important;
}
.activity-card.hidden {
  display: none;
}
.activity-card__images {
  border-radius: 20px;
  padding: 10px;
}
.activity-card__img {
  border-radius: 20px;
  height: 200px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.activity-card__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 58px;
  height: 58px;
  background: #fff;
  padding: 0 10px 10px 0;
  border-radius: 0 0 20px 0;
}
.activity-card__wrapper::before {
  position: absolute;
  top: 0;
  right: -20px;
  width: 20px;
  height: 20px;
  content: "";
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.9018%2027.673C15.5917%2031.5812%2019.9723%2034.6813%2024.7934%2036.7963C29.6145%2038.9114%2034.7817%2040%2040%2040L-1.74846e-06%2040L0%200C0.789474%205.56521%201.57895%2010.7826%203.28794%2014.019C5.28491%2019.1253%208.2119%2023.7649%2011.9018%2027.673Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center/cover no-repeat;
  transform: rotate(90deg);
}
.activity-card__wrapper::after {
  position: absolute;
  bottom: -20px;
  left: 0px;
  width: 20px;
  height: 20px;
  content: "";
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.9018%2027.673C15.5917%2031.5812%2019.9723%2034.6813%2024.7934%2036.7963C29.6145%2038.9114%2034.7817%2040%2040%2040L-1.74846e-06%2040L0%200C0.789474%205.56521%201.57895%2010.7826%203.28794%2014.019C5.28491%2019.1253%208.2119%2023.7649%2011.9018%2027.673Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center/cover no-repeat;
  transform: rotate(90deg);
}
.activity-card__icon {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2b2b2b;
  transition: background ease-in-out 0.3s;
}
.activity-card__title {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 110%;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .activity-card__title {
    font-size: 32px;
  }
}
.activity-card__title {
  color: #212121;
  padding-left: 20px;
  position: relative;
  margin-top: auto;
  transition:
    color ease-in 0.3s,
    font-weight ease 0.3s;
}
.activity-card__title::before {
  position: absolute;
  top: 0px;
  left: 0;
  content: "/";
  color: #ce0000;
  width: 10px;
  height: 20px;
}

@media (min-width: 575px) {
  .activity {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .activity-card {
    width: calc((100% - 10px) / 2);
  }
}
@media (min-width: 768px) {
  .activity-card:hover .activity-card__icon {
    background: #ce0000;
  }
}
@media (min-width: 992px) {
  .activity {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .activity-card {
    width: calc((100% - 20px) / 3);
    min-height: 450px;
  }
  .activity-card:hover .activity-card__desc {
    max-height: 300px;
    opacity: 1;
  }
  .activity-card:hover .activity-card__desc::first-letter {
    color: #ce0000;
    font-weight: 700;
  }
  .activity-card__images {
    gap: 0;
    padding: 20px;
    max-height: 450px;
  }
  .activity-card__images .activity-card__title {
    margin-bottom: 10px;
  }
  .activity-card__images .activity-card__desc {
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .activity-card__images:hover .activity-card__img {
    height: 253px;
  }
  .activity-card__images:hover .activity-card__desc {
    height: 72px;
    margin-bottom: auto;
  }
  .activity-card__img {
    height: 325px;
    transition: height linear 0.3s;
  }
  .activity-card__desc {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 0;
    opacity: 0;
    transition:
      max-height 0.4s linear,
      opacity 0.4s ease;
  }
  .activity-card__icon {
    width: 70px;
    height: 70px;
  }
  .activity-card__icon::after {
    width: 40px;
    height: 40px;
  }
  .activity-card__wrapper {
    width: 80px;
    height: 80px;
  }
  .activity-card__wrapper::before {
    top: 0;
    right: -30px;
    width: 30px;
    height: 30px;
  }
  .activity-card__wrapper::after {
    bottom: -30px;
    left: 0px;
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 1600px) {
  .activity-card {
    width: calc((100% - 30px) / 4);
  }
}
.projects--page {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 50px;
  column-gap: 10px;
}
.projects--page .projects-card {
  width: 100%;
}

.projects-card {
  display: flex;
  flex-direction: column;
  /* gap: 20px; */
  position: relative;
}
.projects-card.hidden {
  display: none;
}
.projects-card__date {
  position: absolute;
  top: 30px;
  right: 20px;
  background: #efefef;
  border-radius: 40px;
  font-family: "Opensans light", "Arial", "Helvetica", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 140%;
}
@media (min-width: 768px) {
  .projects-card__date {
    font-size: 17px;
  }
}
.projects-card__date {
  padding: 10px 20px;
  z-index: 10;
}
.projects-card__visual {
  height: 350px;
  border-radius: 30px;
  overflow: hidden;
}
.projects-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform linear 0.3s;
}
.projects-card__title {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 110%;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .projects-card__title {
    font-size: 32px;
  }
}
.projects-card__title {
  color: #212121;
  margin-top: 20px;
  transition: color linear 0.3s;
}

@media (min-width: 768px) {
  .projects-card__title {
    margin-top: 30px;
  }
  .projects-card__visual {
    height: 400px;
  }
  .projects-card:hover .projects-card__img {
    transform: scale(1.1);
  }
  .projects-card:hover .projects-card__title {
    color: #ce0000;
  }
  .projects--page .projects-card {
    width: calc((100% - 10px) / 2);
  }
}
@media (min-width: 1200px) {
  .projects--page .projects-card {
    width: calc((100% - 20px) / 3);
  }
}
.slider {
  position: relative;
}
.slider__btn {
  position: absolute;
  top: 50%;
  width: 58px;
  height: 68px;
  border-bottom: 10px solid #fff;
  border-top: 10px solid #fff;
  transform: translateY(-50%);
  background: #fff;
  z-index: 10;
}
.slider__btn--left {
  border-left: 1px solid #fff;
  border-right: 10px solid #fff;
  border-radius: 0 20px 20px 0;
  left: 0;
}
.slider__btn--left::before {
  position: absolute;
  bottom: -30px;
  left: -1px;
  width: 20px;
  height: 20px;
  content: "";
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.9018%2027.673C15.5917%2031.5812%2019.9723%2034.6813%2024.7934%2036.7963C29.6145%2038.9114%2034.7817%2040%2040%2040L-1.74846e-06%2040L0%200C0.789474%205.56521%201.57895%2010.7826%203.28794%2014.019C5.28491%2019.1253%208.2119%2023.7649%2011.9018%2027.673Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center/cover no-repeat;
  transform: rotate(90deg);
}
.slider__btn--left::after {
  position: absolute;
  top: -30px;
  left: -1px;
  width: 20px;
  height: 20px;
  content: "";
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.9018%2027.673C15.5917%2031.5812%2019.9723%2034.6813%2024.7934%2036.7963C29.6145%2038.9114%2034.7817%2040%2040%2040L-1.74846e-06%2040L0%200C0.789474%205.56521%201.57895%2010.7826%203.28794%2014.019C5.28491%2019.1253%208.2119%2023.7649%2011.9018%2027.673Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center/cover no-repeat;
  transform: rotate(0deg);
}
.slider__btn--right {
  border-left: 10px solid #fff;
  border-right: 1px solid #fff;
  border-radius: 20px 0 0 20px;
  right: 0;
}
.slider__btn--right::before {
  position: absolute;
  bottom: -30px;
  right: -1px;
  width: 20px;
  height: 20px;
  content: "";
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.9018%2027.673C15.5917%2031.5812%2019.9723%2034.6813%2024.7934%2036.7963C29.6145%2038.9114%2034.7817%2040%2040%2040L-1.74846e-06%2040L0%200C0.789474%205.56521%201.57895%2010.7826%203.28794%2014.019C5.28491%2019.1253%208.2119%2023.7649%2011.9018%2027.673Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center/cover no-repeat;
  transform: rotate(180deg);
}
.slider__btn--right::after {
  position: absolute;
  top: -30px;
  right: -1px;
  width: 20px;
  height: 20px;
  content: "";
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.9018%2027.673C15.5917%2031.5812%2019.9723%2034.6813%2024.7934%2036.7963C29.6145%2038.9114%2034.7817%2040%2040%2040L-1.74846e-06%2040L0%200C0.789474%205.56521%201.57895%2010.7826%203.28794%2014.019C5.28491%2019.1253%208.2119%2023.7649%2011.9018%2027.673Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center/cover no-repeat;
  transform: rotate(-90deg);
}
.slider__arrow {
  background: #2b2b2b;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  position: relative;
}
.slider__arrow::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 8px;
  content: "";
}
.slider__arrow--left::after {
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.174742 5.0466C0.0627954 4.93362 -9.33101e-06 4.781 -9.39423e-06 4.62195C-9.45745e-06 4.46291 0.0627952 4.31029 0.174742 4.19731L4.18083 0.191226C4.23584 0.132187 4.30218 0.0848341 4.37589 0.0519903C4.4496 0.0191471 4.52918 0.00148757 4.60986 6.36775e-05C4.69054 -0.00135954 4.77069 0.0134815 4.84551 0.0437042C4.92034 0.0739269 4.98831 0.118912 5.04537 0.175973C5.10243 0.233035 5.14741 0.301006 5.17764 0.375829C5.20786 0.450654 5.2227 0.530798 5.22128 0.611483C5.21986 0.692167 5.2022 0.77174 5.16935 0.845452C5.13651 0.919163 5.08915 0.985503 5.03012 1.04052L2.04959 4.02104L10.214 4.02104C10.3734 4.02104 10.5262 4.08435 10.6389 4.19705C10.7516 4.30974 10.8149 4.46258 10.8149 4.62195C10.8149 4.78133 10.7516 4.93417 10.6389 5.04686C10.5262 5.15956 10.3734 5.22287 10.214 5.22287L2.04959 5.22287L5.03012 8.20339C5.13626 8.31731 5.19405 8.46797 5.1913 8.62365C5.18855 8.77933 5.12549 8.92786 5.01539 9.03796C4.90529 9.14806 4.75676 9.21112 4.60108 9.21387C4.4454 9.21661 4.29474 9.15883 4.18083 9.05268L0.174742 5.0466Z' fill='white'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.slider__arrow--right::after {
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6402 5.0466C10.7521 4.93362 10.8149 4.781 10.8149 4.62195C10.8149 4.46291 10.7521 4.31029 10.6402 4.19731L6.63408 0.191226C6.57907 0.132187 6.51273 0.0848341 6.43902 0.0519903C6.36531 0.0191471 6.28574 0.00148757 6.20505 6.36775e-05C6.12437 -0.00135954 6.04422 0.0134815 5.9694 0.0437042C5.89457 0.0739269 5.8266 0.118912 5.76954 0.175973C5.71248 0.233035 5.6675 0.301006 5.63727 0.375829C5.60705 0.450654 5.59221 0.530798 5.59363 0.611483C5.59505 0.692167 5.61272 0.77174 5.64556 0.845452C5.6784 0.919163 5.72576 0.985503 5.7848 1.04052L8.76532 4.02104L0.600924 4.02104C0.441551 4.02104 0.288707 4.08435 0.176014 4.19705C0.0633209 4.30974 1.126e-05 4.46258 1.11757e-05 4.62195C1.10966e-05 4.78133 0.0633209 4.93417 0.176014 5.04686C0.288707 5.15956 0.441552 5.22287 0.600924 5.22287L8.76532 5.22287L5.7848 8.20339C5.67865 8.31731 5.62086 8.46797 5.62361 8.62365C5.62636 8.77933 5.68942 8.92786 5.79952 9.03796C5.90962 9.14806 6.05815 9.21112 6.21383 9.21387C6.36951 9.21661 6.52017 9.15883 6.63408 9.05268L10.6402 5.0466Z' fill='white'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.slider__dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}
.slider__dots--mt0 {
  margin-top: 0;
}
.slider__dot {
  width: 12px;
  height: 12px;
  border: 2px solid #212121;
  transition:
    border-color ease-in 0.3s,
    width linear 0.3s;
  border-radius: 10px;
}
.slider__dot.active {
  width: 32px;
  background: #ce0000;
  border: transparent;
}

@media (min-width: 768px) {
  .slider__dot {
    width: 20px;
    height: 20px;
    cursor: pointer;
  }
  .slider__dot:hover {
    border-color: #ce0000;
  }
  .slider__dot.active {
    width: 57px;
  }
  .slider__arrow::after {
    width: 12px;
    height: 12px;
  }
}
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 0px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 0px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition:
    0.2s transform,
    0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    0.2s transform,
    0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    0.2s transform,
    0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}

.news {
  width: 100%;
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}

.news-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 10px;
  background: #efefef;
  border-radius: 30px;
  width: 100%;
}
.news-card.hidden {
  display: none;
}
.news-card__visual {
  height: 250px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.news-card__date {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #efefef;
  border-radius: 40px;
  font-family: "Opensans light", "Arial", "Helvetica", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 140%;
}
@media (min-width: 768px) {
  .news-card__date {
    font-size: 17px;
  }
}
.news-card__date {
  padding: 10px 20px;
}
.news-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.news-card__content {
  position: relative;
  padding-bottom: 58px;
}
.news-card__wrapper {
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 58px;
  height: 58px;
  background: #fff;
  padding: 0 10px 10px 0;
  border-radius: 0 0 20px 0;
  transform: rotate(180deg);
}
.news-card__wrapper::before {
  position: absolute;
  top: 0;
  right: -20px;
  width: 20px;
  height: 20px;
  content: "";
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.9018%2027.673C15.5917%2031.5812%2019.9723%2034.6813%2024.7934%2036.7963C29.6145%2038.9114%2034.7817%2040%2040%2040L-1.74846e-06%2040L0%200C0.789474%205.56521%201.57895%2010.7826%203.28794%2014.019C5.28491%2019.1253%208.2119%2023.7649%2011.9018%2027.673Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center/cover no-repeat;
  transform: rotate(90deg);
}
.news-card__wrapper::after {
  position: absolute;
  bottom: -20px;
  left: 0px;
  width: 20px;
  height: 20px;
  content: "";
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.9018%2027.673C15.5917%2031.5812%2019.9723%2034.6813%2024.7934%2036.7963C29.6145%2038.9114%2034.7817%2040%2040%2040L-1.74846e-06%2040L0%200C0.789474%205.56521%201.57895%2010.7826%203.28794%2014.019C5.28491%2019.1253%208.2119%2023.7649%2011.9018%2027.673Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center/cover no-repeat;
  transform: rotate(90deg);
}
.news-card__icon {
  width: 48px;
  height: 48px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2b2b2b;
  transition: background ease-in-out 0.3s;
  position: relative;
  transition:
    transform ease-in-out 0.3s,
    background linear 0.3s;
}
.news-card__icon::after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0987 0C11.3372 0.00109587 11.5657 0.096354 11.7344 0.265051C11.9031 0.433748 11.9983 0.662236 11.9994 0.900807V9.39899C12.0037 9.51997 11.9836 9.64056 11.9402 9.75357C11.8969 9.86659 11.8312 9.96972 11.7472 10.0568C11.6631 10.1439 11.5623 10.2132 11.4509 10.2605C11.3395 10.3078 11.2197 10.3322 11.0987 10.3322C10.9776 10.3322 10.8578 10.3078 10.7464 10.2605C10.635 10.2132 10.5343 10.1439 10.4502 10.0568C10.3661 9.96972 10.3005 9.86659 10.2571 9.75357C10.2138 9.64056 10.1936 9.51996 10.1979 9.39899L10.1979 3.07634L1.53866 11.736C1.36963 11.905 1.14037 12 0.901326 12C0.662279 12 0.433024 11.905 0.263993 11.736C0.0949611 11.567 -1.28577e-08 11.3377 0 11.0986C1.28577e-08 10.8596 0.0949611 10.6303 0.263993 10.4613L8.92324 1.80162L2.60089 1.80162C2.36749 1.79338 2.1464 1.69486 1.9842 1.52683C1.822 1.3588 1.73135 1.13436 1.73135 0.900808C1.73135 0.667256 1.822 0.442821 1.9842 0.274787C2.1464 0.106753 2.36749 0.00823943 2.60088 4.69758e-07L11.0987 0Z' fill='white'/%3E%3C/svg%3E");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  transform: translate(-50%, -50%) rotate(180deg);
}
.news-card__title {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 110%;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .news-card__title {
    font-size: 28px;
  }
}
.news-card__title {
  color: #212121;
  margin-bottom: 10px;
  transition: color ease-in-out 0.3s;
}

@media (min-width: 768px) {
  .news-card {
    flex-direction: row;
  }
  .news-card__visual {
    width: 300px;
    height: 310px;
  }
  .news-card__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .news-card__date {
    right: auto;
    left: 10px;
    top: 10px;
  }
}
@media (min-width: 992px) {
  .news {
    gap: 20px;
  }
  .news-card {
    padding: 20px;
  }
  .news-card__wrapper {
    bottom: -20px;
    right: -20px;
  }
  .news-card__icon::after {
    width: 12px;
    height: 12px;
  }
  .news-card:hover .news-card__title {
    color: #ce0000;
  }
  .news-card:hover .news-card__icon {
    background: #ce0000;
    transform: rotate(-90deg);
  }
}
@media (min-width: 1200px) {
  .news-card {
    padding: 20px;
    width: calc(50% - 10px);
  }
}
.partners {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.partners__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.partners__lists {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.partners__list {
  width: calc((100% - 10px) / 2);
  padding: 32px 10px;
  background: #efefef;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.partners__img {
  width: 145px;
  height: 36px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (min-width: 768px) {
  .partners__list {
    width: calc((100% - 20px) / 3);
  }
}
@media (min-width: 1400px) {
  .partners {
    flex-direction: row;
  }
  .partners__content {
    max-width: 700px;
  }
  .partners__img {
    width: 200px;
    height: 50px;
  }
}
@media (min-width: 1600px) {
  .partners__list {
    width: calc((100% - 30px) / 4);
    padding: 50px 26px;
  }
}
.thanks--page {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
}
.thanks--page .thanks__item {
  width: 100%;
}
.thanks--page .thanks__item.hidden {
  display: none;
}
/* .thanks__item {
  height: 450px;
} */
.thanks__img {
  width: 100%;
  height: auto;
  /* -o-object-fit: contain;
  object-fit: contain; */
}

@media (min-width: 768px) {
  .thanks--page .thanks__item {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .thanks--page .thanks__item {
    width: 33.3333%;
  }
}
@media (min-width: 1200px) {
  .thanks--page .thanks__item {
    width: 25%;
  }
}
@media (min-width: 1790px) {
  .thanks--page .thanks__item {
    width: 20%;
  }
}
.tabs {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tabs__btn {
  padding: 12px 25px;
  background: #efefef;
  border-radius: 10px;
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .tabs__btn {
    font-size: 17px;
  }
}
.tabs__btn {
  color: #212121;
  transition:
    background ease-in-out 0.3s,
    color ease-in 0.3s;
}
.tabs__btn.active {
  background: #212121;
  color: #fff;
}

@media (min-width: 992px) {
  .tabs__btn {
    padding: 16px 28px;
  }
  .tabs__btn:hover {
    background: #dbdbdb;
  }
}
.object-info {
  width: 100%;
  border-radius: 20px;
  padding: 30px 20px;
  background: #ffffff;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.object-info__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.object-info__top {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 120%;
}
@media (min-width: 575px) {
  .object-info__top {
    font-size: 24px;
  }
}
.object-info__top {
  color: #212121;
}
.object-info__desc {
  font-family: "Opensans light", "Arial", "Helvetica", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 140%;
}
@media (min-width: 768px) {
  .object-info__desc {
    font-size: 17px;
  }
}

.objects-map {
  padding: 10px;
  height: 600px;
}
.objects-map__wrapper {
  padding-right: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
}
.objects-map__wrapper::-webkit-scrollbar {
  width: 4px;
}
.objects-map__wrapper::-webkit-scrollbar-track {
  background: #efefef;
  border-radius: 10px;
}
.objects-map__wrapper::-webkit-scrollbar-thumb {
  background: #212121;
  border-radius: 10px;
}
.objects-map__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 10px;
  background: #efefef;
  border-radius: 10px;
}
.objects-map__title {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 110%;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .objects-map__title {
    font-size: 28px;
  }
}
.objects-map__title {
  color: #26292e;
}
.objects-map__desc {
  color: #494949;
  font-family: "Opensans light", "Arial", "Helvetica", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 140%;
}
@media (min-width: 768px) {
  .objects-map__desc {
    font-size: 17px;
  }
}
.objects-map__address {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 120%;
  letter-spacing: 0%;
  color: #212121;
}
.objects-map__link {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 120%;
}
@media (min-width: 992px) {
  .objects-map__link {
    font-size: 20px;
  }
}
.objects-map__link {
  color: #212121;
  position: relative;
  align-self: flex-start;
}
.objects-map__link::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 1px;
  background: #212121;
  transform: translateX(-50%);
  transition: width linear 0.3s;
}

@media (min-width: 768px) {
  .object-info {
    padding: 0;
    gap: 0;
  }
  .object-info__item {
    width: 50%;
    gap: 0;
  }
  .object-info__top {
    padding: 20px;
    background: #efefef;
  }
  .object-info__desc {
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .objects-map {
    padding: 20px;
    height: 100%;
  }
  .objects-map__item {
    transition: background ease-in-out 0.3s;
  }
  .objects-map__item:hover {
    background: #dbdbdb;
  }
  .objects-map__link:hover::after {
    width: 0;
  }
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10001;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}
.modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5019607843);
}
.modal__close {
  position: absolute;
  top: 30px;
  right: 30px;
  background: none;
  color: rgb(0, 0, 0);
  transform-origin: center;
  transition: transform ease-in-out 0.3s;
}
.modal__close svg {
  display: block;
  transition: transform 0.3s ease-in-out;
  transform-origin: center;
}
.modal__close:hover svg {
  transform: rotate(180deg);
}
.modal__title {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 110%;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .modal__title {
    font-size: 32px;
  }
}
.modal__title {
  color: #212121;
}
.modal__content {
  background: #ffffff;
  padding: 50px 30px 30px;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: center;
  z-index: 100;
  position: relative;
  max-width: 340px;
}
.modal__content .contacts__wrapper {
  align-items: flex-start;
}
.modal__content .contacts__wrapper strong {
  text-align: left;
}
.modal__content .inputs__container label {
  text-align: left;
}
.modal__content p {
  font-family: "Opensans light", "Arial", "Helvetica", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 140%;
}
@media (min-width: 768px) {
  .modal__content p {
    font-size: 17px;
  }
}
.modal__content p {
  color: #212121;
}
.modal__form {
  border: none;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.modal__inputs {
  display: flex;
  flex-direction: column;
}
.modal__btn {
  text-transform: uppercase;
  align-self: center;
}
.modal__success {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media (min-width: 768px) {
  .modal__content {
    max-width: 500px;
  }
  .modal__success {
    gap: 20px;
  }
  .modal__inputs {
    gap: 40px;
  }
}
.loader {
  max-width: 90%;
  padding: 135px 30px;
  width: 100%;
  z-index: 100;
  background: #fff;
  border-radius: 30px;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1019607843);
}
.loader--map {
  max-width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  z-index: 10;
}
.loader__inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.loader__icon {
  position: relative;
  display: block;
  width: 54px;
  height: 54px;
}
.loader__icon::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 54px;
  height: 54px;
  background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M49.2002 27C49.2002 14.7393 39.2607 4.7998 27 4.7998C14.7393 4.7998 4.7998 14.7393 4.7998 27C4.7998 39.2607 14.7393 49.2002 27 49.2002V54C12.0883 54 0 41.9117 0 27C0 12.0883 12.0883 0 27 0C41.9117 0 54 12.0883 54 27C54 41.9117 41.9117 54 27 54V49.2002C39.2607 49.2002 49.2002 39.2607 49.2002 27Z' fill='%23EFEFEF'/%3E%3Cmask id='path-2-inside-1_853_11096' fill='white'%3E%3Cpath d='M27 51.5773C27 52.9153 28.087 54.0113 29.4197 53.8914C35.6934 53.3272 41.6019 50.5819 46.0919 46.0919C51.1554 41.0284 54 34.1609 54 27C54 19.8392 51.1554 12.9716 46.0919 7.90812C41.6019 3.41813 35.6934 0.67284 29.4197 0.108566C28.087 -0.0112961 27 1.08468 27 2.4227C27 3.76072 28.088 4.83168 29.4181 4.97768C34.4044 5.52504 39.0848 7.7535 42.6657 11.3343C46.8205 15.4891 49.1546 21.1242 49.1546 27C49.1546 32.8758 46.8205 38.5109 42.6657 42.6657C39.0848 46.2465 34.4044 48.475 29.4181 49.0223C28.088 49.1683 27 50.2393 27 51.5773Z'/%3E%3C/mask%3E%3Cpath d='M29.4197 53.8914L28.5239 43.9316L29.4197 53.8914ZM29.4197 53.8914L30.3155 63.8512C38.913 63.0779 47.0098 59.3161 53.163 53.163L46.0919 46.0919L39.0208 39.0208C36.194 41.8477 32.4737 43.5764 28.5239 43.9316L29.4197 53.8914ZM46.0919 46.0919L53.163 53.163C60.1018 46.2241 64 36.813 64 27L54 27L44 27C44 31.5087 42.2089 35.8327 39.0208 39.0208L46.0919 46.0919ZM54 27L64 27C64 17.187 60.1018 7.7759 53.163 0.837053L46.0919 7.90812L39.0208 14.9792C42.2089 18.1673 44 22.4913 44 27L54 27ZM46.0919 7.90812L53.163 0.837053C47.0098 -5.31608 38.9131 -9.07794 30.3155 -9.85123L29.4197 0.108566L28.5239 10.0684C32.4737 10.4236 36.194 12.1523 39.0208 14.9792L46.0919 7.90812ZM29.4181 4.97768L28.3269 14.918C31.0624 15.2182 33.6303 16.4411 35.5946 18.4054L42.6657 11.3343L49.7367 4.26327C44.5394 -0.934085 37.7465 -4.16817 30.5092 -4.96261L29.4181 4.97768ZM42.6657 11.3343L35.5946 18.4054C37.874 20.6848 39.1546 23.7764 39.1546 27L49.1546 27L59.1546 27C59.1546 18.4721 55.7669 10.2934 49.7367 4.26327L42.6657 11.3343ZM49.1546 27L39.1546 27C39.1546 30.2236 37.874 33.3152 35.5946 35.5946L42.6657 42.6657L49.7367 49.7367C55.7669 43.7066 59.1546 35.5279 59.1546 27L49.1546 27ZM42.6657 42.6657L35.5946 35.5946C33.6303 37.5589 31.0624 38.7817 28.3269 39.082L29.4181 49.0223L30.5092 58.9626C37.7464 58.1682 44.5394 54.9341 49.7367 49.7367L42.6657 42.6657ZM29.4181 49.0223L28.3269 39.082C22.6147 39.7091 17 44.4753 17 51.5773H27H37C37 56.0033 33.5613 58.6276 30.5092 58.9626L29.4181 49.0223ZM29.4197 0.108566L30.3155 -9.85123C22.5307 -10.5514 17 -4.17285 17 2.4227L27 2.4227L37 2.4227C37 6.34221 33.6434 10.5288 28.5239 10.0684L29.4197 0.108566ZM27 2.4227L17 2.4227C17 9.5247 22.6147 14.2909 28.3269 14.918L29.4181 4.97768L30.5092 -4.96261C33.5613 -4.62758 37 -2.00326 37 2.4227L27 2.4227ZM29.4197 53.8914L28.5239 43.9316C33.6434 43.4712 37 47.6578 37 51.5773H27H17C17 58.1729 22.5307 64.5514 30.3155 63.8512L29.4197 53.8914Z' fill='url(%23paint0_linear_853_11096)' mask='url(%23path-2-inside-1_853_11096)'/%3E%3Cpath d='M18 21.8799L19.0827 21.2747L28.1043 26.3808V36.3948L27.1259 37L26.0432 36.3948V27.5251L24.0863 26.4156V34.2104L23.036 34.7808L21.9856 34.2104V25.2051L20.0288 24.0955V33.1356L18 32.026V25.2051V21.8799Z' fill='%23212121'/%3E%3Cpath d='M34.4449 24.6516H31.1768V31.9711H34.4449V24.6516Z' fill='%23CE0000'/%3E%3Cpath d='M25.0468 18.0678L27 17L36 21.9009V31.8697L29.964 35.1706L29.7914 25.1705L21 20.2661L22.9173 19.1983L31.9532 24.1653L33.9748 23.0313V25.2992L31.9532 26.4992L31.9173 31.8662L33.9748 30.767V23.0348L25.0468 18.0678Z' fill='%23212121'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_853_11096' x1='29' y1='2.5' x2='29.5' y2='57' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0246349' stop-color='%23282828' stop-opacity='0'/%3E%3Cstop offset='0.368088' stop-color='%23282828'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  animation: rotate 1s linear infinite;
}
.loader__wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
.loader__text {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 110%;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .loader__text {
    font-size: 28px;
  }
}

@media (min-width: 768px) {
  .loader {
    max-width: 511px;
  }
  .loader--map {
    max-width: 100%;
  }
  .loader__inner {
    gap: 40px;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.gallery__item img {
  height: 350px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 30px;
}
.gallery__btn {
  display: block;
}
.gallery .zoom {
  position: absolute;
  width: 48px;
  height: 48px;
  background: url("../images/icons/common/zoom.svg") center/cover no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition:
    opacity linear 0.3s,
    transform ease 0.3s;
}

@media (min-width: 768px) {
  .gallery__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    width: 100%;
    height: 100%;
  }
  .gallery__item:hover .zoom {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(360deg);
  }
  .gallery__item {
    position: relative;
    width: 100%;
  }
  .gallery__item img {
    border-radius: 30px;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 250px;
    height: 100%;
    width: 100%;
  }
  /* .gallery__item:nth-child(1) {
    grid-area: 1/1/2/2;
  }
  .gallery__item:nth-child(2) {
    grid-area: 2/1/3/2;
  }
  .gallery__item:nth-child(3) {
    grid-area: 1/2/3/3;
    height: 500px;
  }
  .gallery__item:nth-child(4) {
    grid-area: 1/3/2/5;
  }
  .gallery__item:nth-child(5) {
    grid-area: 2/3/3/4;
  }
  .gallery__item:nth-child(6) {
    grid-area: 2/4/3/5;
  }
  .gallery__item:nth-child(7) {
    grid-area: 3/1/4/2;
  }
  .gallery__item:nth-child(8) {
    grid-area: 3/2/4/3;
  }
  .gallery__item:nth-child(9) {
    grid-area: 4/1/5/3;
  }
  .gallery__item:nth-child(10) {
    grid-row: 3/5;
    grid-column: 3/5;
    height: 500px;
  }
  .gallery__item:nth-child(11) {
    grid-area: 5/1/6/2;
  }
  .gallery__item:nth-child(12) {
    grid-area: 6/1/7/2;
  }
  .gallery__item:nth-child(13) {
    grid-area: 5/2/7/3;
    height: 500px;
  }
  .gallery__item:nth-child(14) {
    grid-area: 5/3/6/5;
  }
  .gallery__item:nth-child(15) {
    grid-area: 6/3/7/4;
  }
  .gallery__item:nth-child(16) {
    grid-area: 6/4/7/5;
  } */

  .gallery__item:nth-child(10n + 1) {
    grid-area: 1/1/2/2;
    height: 375px;
  }
  .gallery__item:nth-child(10n + 2) {
    grid-area: 2/1/3/2;
    height: 375px;
  }
  .gallery__item:nth-child(10n + 3) {
    grid-area: 1/2/3/3;
  }
  .gallery__item:nth-child(10n + 4) {
    grid-area: 1/3/2/5;
    height: 375px;
  }
  .gallery__item:nth-child(10n + 5) {
    grid-area: 2/3/3/4;
    height: 375px;
  }
  .gallery__item:nth-child(10n + 6) {
    grid-area: 2/4/3/5;
    height: 375px;
  }
  .gallery__item:nth-child(10n + 7) {
    grid-area: 3/1/4/2;
    height: 375px;
  }
  .gallery__item:nth-child(10n + 8) {
    grid-area: 3/2/4/3;
    height: 375px;
  }
  .gallery__item:nth-child(10n + 9) {
    grid-area: 4/1/5/3;
    height: 375px;
  }
  .gallery__item:nth-child(10n + 10) {
    grid-row: 3/5;
    grid-column: 3/5;
    height: 760px;
  }

  .gallery__btn {
    display: none;
  }
}
@media (min-width: 992px) {
  .gallery__item img {
    min-height: 375px;
  }
  .gallery__item:nth-child(3) {
    height: 760px;
  }
  .gallery__item:nth-child(10) {
    height: 760px;
  }
  .gallery__item:nth-child(13) {
    height: 760px;
  }
}
.footer {
  background: #212121;
  border-radius: 20px;
  color: #fff;
}
.footer__inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 40px 20px;
}
.footer__lists {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.footer__list {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.footer__list--last {
  flex-direction: column;
  gap: 20px;
}
.footer__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.footer__big-link {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 110%;
  text-align: center;
}
.footer__link {
  font-family: "roboto-condensed", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 120%;
  letter-spacing: 0%;
}
.footer__link--accent {
  position: relative;
  color: #fff;
}
.footer__link--accent::after {
  position: absolute;
  width: 100%;
  height: 1px;
  background: #ffffff;
  content: "";
  left: 0;
  bottom: 0;
  transition: background linear 0.3s;
}
.footer__logo svg {
  display: block;
  margin: 0 auto;
  width: 200px;
  height: 44px;
}
.footer__logo svg .first-letter {
  transition: color ease-in-out 0.4s;
}
.footer__logo svg .rotate-element {
  transition: transform linear 0.3s;
  transform-origin: 45px 45px;
}
.footer__info {
  color: #cbcbcb;
  font-family: "Opensans light", "Arial", "Helvetica", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 140%;
}
@media (min-width: 768px) {
  .footer__info {
    font-size: 17px;
  }
}
.footer__info {
  text-align: center;
}
.footer__bottom {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-top: 1px solid #2b2b2b;
}

@media (min-width: 768px) {
  .footer__list--middle {
    flex-direction: column;
  }
  .footer__item {
    flex-direction: row;
    justify-content: center;
  }
  .footer__info {
    transition: color linear 0.3s;
  }
  .footer__logo:hover .first-letter {
    color: #ce0000;
  }
  .footer__link--accent {
    transition: color ease-in-out 0.3s;
  }
  .footer__link--accent:hover {
    color: #ce0000;
  }
  .footer__link--accent:hover::after {
    background: #ce0000;
  }
  .footer a.footer__info:hover {
    color: #fff;
  }
  .footer__big-link span {
    position: relative;
  }
  .footer__big-link span::after {
    position: absolute;
    content: "";
    bottom: -4px;
    left: 50%;
    width: 0;
    height: 2px;
    background: #ce0000;
    transition: width linear 0.3s;
    transform: translateX(-50%);
  }
  .footer__big-link:hover span::after {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .footer__lists {
    flex-direction: row;
    justify-content: space-between;
  }
  .footer__list--middle {
    justify-content: start;
  }
  .footer__item {
    gap: 30px;
  }
  .footer__link {
    display: block;
    position: relative;
  }
  .footer__link::first-letter {
    transition: color 0.3s ease;
  }
  .footer__link::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: url("data:image/svg+xml,%3Csvg width='15' height='17' viewBox='0 0 15 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4.14775L0.893193 3.6333L8.33548 7.97356V16.4856L7.52834 17L6.63515 16.4856V8.94628L5.02087 8.00313V14.6288L4.15439 15.1137L3.2879 14.6288V6.97424L1.67362 6.03109V13.7152L0 12.7721V6.97424V4.14775Z' fill='white'/%3E%3Cpath d='M13.5659 6.50415H10.8698V12.7258H13.5659V6.50415Z' fill='%23CE0000'/%3E%3Cpath d='M5.81317 0.90767L7.42448 0L14.849 4.16582V12.6394L9.86963 15.4452L9.72719 6.94501L2.47482 2.77623L4.05646 1.86856L11.5106 6.09056L13.1783 5.12671V7.0544L11.5106 8.07442L11.4809 12.6364L13.1783 11.7021V5.12967L5.81317 0.90767Z' fill='white'/%3E%3C/svg%3E%0A")
      center/cover no-repeat;
    width: 15px;
    height: 17px;
    opacity: 0;
    transition:
      left linear 0.3s,
      opacity ease 0.3s;
  }
  .footer__link:hover::after {
    left: -20px;
    opacity: 1;
  }
  .footer__logo svg {
    width: 340px;
    height: 67px;
  }
  .footer__bottom {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (min-width: 1400px) {
  .footer__logo svg {
    width: 440px;
    height: 97px;
  }
}