@charset "UTF-8";

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#preloader .loader {
  width: 60px;
  height: 60px;
  border: 5px solid #c9bfbf;
  border-top-color: #00cb62;
  border-radius: 50%;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/** {
  outline: 2px solid red;
}*/

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}

button {
  -webkit-transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}

a:focus,
a:focus-visible,
button:focus,
button:focus-visible,
input:focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible {
  outline: none;
}

h1,
h2,
h3,
h4,
p {
  padding: 0;
  margin: 0;
}

img {
  max-width: 100%;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
  min-width: 360px;
  font-family: var(--font-family);
  background-color: #FFF;
}

picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.overlay {
  position: fixed;
  z-index: 3;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  background-color: rgba(51, 51, 51, 0.8);
  -webkit-transition: visibility 0.4s ease-in-out, bottom 0.4s ease-in-out, opacity 0.4s ease-in-out, z-index 0.4s ease-in-out;
  transition: visibility 0.4s ease-in-out, bottom 0.4s ease-in-out, opacity 0.4s ease-in-out, z-index 0.4s ease-in-out;
}

.overlay--active {
  visibility: visible;
  bottom: 0px;
}

.overflow-hidden {
  overflow: hidden;
}

.list-reset {
  margin: 0;
  padding: 0;
  list-style: none;
}

.btn-reset {
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  border: none;
}

.container {
  max-width: 1416px;
  padding: 0 24px;
  margin: 0 auto;
}

.container-min {
  max-width: 964px;
  padding: 0 24px;
  margin: 0 auto;
}

.hidden {
  display: none !important;
}

:root {
  --font-family: "GolosText", sans-serif;
}

:root {
  --blue: #00cb62;
  --green: #00c974;
  --black: #000;
  --white: #fff;
  --gray: #f5f5f5;
  --gray-text: #c8c7c7;
  --gray-10: #eaeaea;
}

.uppercase {
  text-transform: uppercase;
}

.mt-148 {
  margin-top: 148px;
}

.mt-116 {
  margin-top: 116px;
}

.mt-96 {
  margin-top: 96px;
}

.mt-64 {
  margin-top: 64px;
}

.mt-44 {
  margin-top: 44px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-28 {
  margin-top: 28px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-16 {
  margin-top: 16px;
}

@font-face {
  font-family: "GolosText";
  src: local("GolosText-ExtraBold"), url("../fonts/GolosText-ExtraBold.woff2") format("woff2"), url("../fonts/GolosText-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GolosText";
  src: local("GolosText-Bold"), url("../fonts/GolosText-Bold.woff2") format("woff2"), url("../fonts/GolosText-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GolosText";
  src: local("GolosText-DemiBold"), url("../fonts/GolosText-DemiBold.woff2") format("woff2"), url("../fonts/GolosText-DemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GolosText";
  src: local("GolosText-Medium"), url("../fonts/GolosText-Medium.woff2") format("woff2"), url("../fonts/GolosText-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GolosText";
  src: local("GolosText-Regular"), url("../fonts/GolosText-Regular.woff2") format("woff2"), url("../fonts/GolosText-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.header {
  position: fixed;
  inset: 0 0 auto 0;
  padding-top: 24px;
  z-index: 5;
}

.header .header-scroll {
  display: none;
}

.header__wrapper {
  position: relative;
  padding: 0 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 20px;
}

.header__wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 20px;
  background-color: rgba(245, 245, 245, 0.25);
  backdrop-filter: blur(11px);
}

.header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 28px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--gray-10, #EAEAEA);
}

.header__group-btn-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}

.header__bottom {
  padding: 16px 0;
}

.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 36px;
}

.header__group-contacts-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.header.light .logo-head .dark {
  display: none;
}

.header.light .logo-head .white {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header.light .header__top {
  border-color: #727478;
}

.header.light .btn-contact {
  color: var(--white, #FFF);
}

.header.light .btn-burger {
  color: var(--white, #FFF);
}

.logo-head {
  position: relative;
  height: 48px;
  width: 100%;
  max-width: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.logo-head .white {
  display: none;
}

.logo-head__link {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.logo-head__link:focus-visible {
  outline: 1px solid rgb(177, 170, 170);
}

.logo-head__link.first {
  inset: 55% 0 0 0;
}

.logo-head__link.last {
  inset: 0 0 45% 0;
}

.modal-contacts__window {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 36px;
}

.modal-contacts__title {
  margin-bottom: 8px;
  color: var(--black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
}

.modal-contacts__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 5px 28px;
  height: 52px;
  color: var(--white, #FFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.24);
}

.box-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}

.box-contact .text {
  color: var(--black, #000);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.4;
}

.box-contact a {
  color: var(--black, #000);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 141.176%;
}

.box-contact.mail a {
  color: var(--blue, #004A97);
  text-decoration: underline;
}

.btn-type-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 48px;
  padding: 2px 28px;
  border-radius: 100px;
  color: var(--white, #FFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  background-color: var(--blue, #004A97);
  -webkit-transition: background-color 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
}

.btn-type-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 64px;
  padding: 2px 28px;
  border-radius: 100px;
  color: var(--white, #FFF);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 111.111%;
  background-color: var(--blue, #004A97);
  -webkit-transition: background-color 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
}

.btn-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn-burger {
  color: var(--black, #000);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  color: var(--black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.btn-back .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn-main {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 256px;
  height: 60px;
  padding: 5px 28px;
  color: var(--white, #FFF);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 111.111%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100px;
  border: 1px solid var(--white, #FFF);
  -webkit-transition: border-color 0.4s ease-in-out, background-color 0.4s ease-in-out;
  transition: border-color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}

.swiper-btn-type-1 {
  width: 64px;
  height: 64px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--black);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 1000px;
  border: 1px solid #EAEAEA;
  -webkit-transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, color 0.4s ease-in-out;
}

.swiper-btn-type-1 svg {
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

.swiper-btn-type-1.--next {
  width: 136px;
}

.swiper-btn-type-1.swiper-button-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.swiper-btn-type-2 {
  width: 48px;
  height: 48px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  color: var(--black);
  border: 1px solid #EAEAEA;
}

.swiper-btn-type-2 svg {
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

.swiper-btn-type-2:focus-visible,
.swiper-btn-type-2:hover {
  background-color: var(--blue);
  border-color: var(--blue);
  color: var(--white);
}

.swiper-btn-type-2:focus-visible svg,
.swiper-btn-type-2:hover svg {
  -webkit-transform: scaleX(0.5);
      -ms-transform: scaleX(0.5);
          transform: scaleX(0.5);
}

.swiper-btn-type-2.swiper-button-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.nav-link {
  position: relative;
  height: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.nav-link::before {
  pointer-events: none;
  opacity: 0;
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 1px;
  background-color: #00cb62;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.foot-nav-link {
  color: var(--black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.info-link {
  color: var(--gray-text, #C8C7C7);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 128.571%;
}

.all-link {
  padding: 5px 28px;
  width: 100%;
  max-width: 245px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  color: var(--black, #000);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.647%;
  border-radius: 100px;
  border: 1px solid var(--gray-10, #EAEAEA);
  -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}

.all-link .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: var(--blue, #004A97);
  border-radius: 100%;
  color: var(--white);
  -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}

.arrow-link {
  padding: 5px 28px;
  width: 324px;
  max-width: 100%;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  color: var(--white, #000);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.647%;
  border-radius: 100px;
  background-color: var(--blue, #EAEAEA);
  border: 1px solid var(--blue, #EAEAEA);
  -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}

.arrow-link .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: var(--white, #004A97);
  border-radius: 100%;
  color: var(--blue);
  -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}

.tile-link {
  padding: 24px;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 21px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid var(--gray-10, #EAEAEA);
}

.tile-link .top {
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}

.tile-link .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tile-link .bottom .text {
  color: var(--green, #00CB62);
  font-family: var(--font-family);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.647%;
}

.download-link {
  height: 64px;
  max-width: 100%;
  width: 360px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding: 10px 28px;
  border-radius: 100px;
  color: var(--white, #FFF);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border: 1px solid var(--gray-10, #EAEAEA);
  background-color: var(--green, #00CB62);
  -webkit-transition: border-color 0.4s ease-in-out;
  transition: border-color 0.4s ease-in-out;
}

.download-link:focus-visible,
.download-link:hover {
  border-color: var(--green, #00CB62);
}

.drop-down-type-1 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.drop-down-type-1__main-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  height: 23px;
  color: var(--black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.drop-down-type-1__main-btn::before {
  pointer-events: none;
  opacity: 0;
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 1px;
  background-color: var(--blue, #004A97);
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.drop-down-type-1__main-btn .svg {
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

.drop-down-type-1__main-btn .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 11px;
  height: 23px;
}

.drop-down-type-1__box {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  min-width: 170px;
  top: calc(100% + 5px);
  padding: 10px;
  border-radius: 5px;
  background-color: var(--white);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

.drop-down-type-1__box::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 5px;
  display: block;
  top: -5px;
  left: 0;
}

.drop-down-type-1__line-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 24px;
}

.drop-down-type-1__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
}

.drop-down-type-1__item-link {
  color: var(--black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.drop-down-type-1__name {
  color: var(--black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.footer {
  padding: 52px 0 40px;
  border-radius: 24px 24px 0 0;
  background-color: var(--gray, #F5F5F5);
}

.footer__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6.432748538%;
}

.footer__top-left {
  width: 40.2777777778%;
}

.footer__top-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: (1fr)[4];
  grid-template-rows: repeat(4, 1fr);
  grid-auto-flow: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 112px;
     -moz-column-gap: 112px;
          column-gap: 112px;
  row-gap: 30px;
}

.footer__address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  width: 36.7626886145%;
}

.footer__address .box-contact .text {
  color: var(--gray-text, #C8C7C7);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.footer__address .box-contact a {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.footer__address .box-contact .info {
  max-width: 190px;
  color: var(--black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.footer__address .box-contact .link-map {
  margin-top: 6px;
  color: var(--blue, #004A97);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: underline;
}

.footer__address .box-contact .link-map:focus-visible,
.footer__address .box-contact .link-map:hover {
  color: var(--black, #000);
}

.footer__bottom {
  padding-top: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer__bottom-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9px;
}

.footer__bottom-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer__bottom-right .linkX2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer__desc {
  color: var(--gray-text, #C8C7C7);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 128.571%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
}

.logo-foot {
  position: relative;
  height: 64px;
  width: 100%;
  max-width: 551px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.logo-foot__link {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.logo-foot__link.first {
  inset: 0 55% 0 0;
}

.logo-foot__link.last {
  inset: 0 0 0 45%;
}

.hero {
  position: relative;
  background-size: cover;
  min-height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 100px;
  padding-bottom: 40px;
}

.hero__background {
  position: absolute;
  inset: 0;
}

.hero__background::before {
  content: "";
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.44)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.28)), to(rgba(0, 0, 0, 0.28)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.44) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
}

.hero__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero .container {
  width: 100%;
}

.hero__wrapper {
  max-width: 650px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  padding-top: 120px;
  position: relative;
  width: 100%;
}

.hero__desc {
  color: #F5F5F5;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.48px;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-news__box-swiper {
  overflow: hidden;
}

.static-line-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  margin-bottom: 32px;
}

.static-min-line-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  margin-bottom: 28px;
}

.static-grour-btn {
  padding-top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.static-grour-swiper-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.static-box-p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  color: var(--black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.static-box-p a {
  color: var(--green);
  text-decoration: underline;
}

.static-box-p a:focus-visible,
.static-box-p a:hover {
  color: var(--black);
}

.static-box-min-p {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.static-box-p-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.static-box-p-ul ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.static-box-p-ul ul li {
  position: relative;
  padding-left: 32px;
}

.static-box-p-ul ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 8px;
  width: 8px;
  height: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: var(--blue);
  border-radius: 100%;
}

.static-box-p-ul a {
  color: var(--green, #00CB62);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-decoration: underline;
  -webkit-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}

.static-box-p-ul a:focus,
.static-box-p-ul a:focus-visible {
  outline: none;
}

.static-box-p-ul a:focus-visible,
.static-box-p-ul a:hover {
  color: var(--black);
}

.static-box-min-min-p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}

.static-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.static-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.static-tab:has(+ .static-tab .static-tab__btn.active) .static-tab__btn {
  border-color: transparent;
}

.static-tab__btn {
  width: 100%;
  padding: 26px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #000;
  font-family: var(--font-family);
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  border-bottom: 1px solid var(--gray-10, #EAEAEA);
  line-height: 130%;
}

.static-tab__btn svg {
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

.static-tab__btn .svg {
  border-radius: 100%;
  width: 31px;
  height: 31px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--blue);
}

.static-tab__btn.active {
  border-radius: 20px 20px 0 0;
  border-bottom: 1px solid var(--gray-10, #EAEAEA);
  background: var(--gray, #F5F5F5);
}

.static-tab__btn.active svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.static-tab__box {
  padding: 28px 32px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  border-radius: 0 0 20px 20px;
  background: var(--gray, #F5F5F5);
}

.static-tab__box.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.static-tab__box .static-tab__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.static-tab__box h4 {
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.static-tab__box ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.static-tab__box ul li {
  position: relative;
  padding-left: 31px;
}

.static-tab__box ul li::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 9px;
  width: 6px;
  height: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: var(--blue);
  border-radius: 100%;
}

.static-columns-two-p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.5087719298%;
}

.static-columns-two-p div {
  margin-bottom: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.static-middle-line-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 32px;
}

.section-title {
  color: var(--black, #000);
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
}

.swiper-line-news .swiper-slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: auto;
}

.card-line-news {
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.card-line-news__link {
  position: absolute;
  inset: 0;
  z-index: 2;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.card-line-news__box-img {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}

.card-line-news__box-img::before {
  content: "";
  display: block;
  padding-top: 66.36%;
}

.card-line-news__box-img picture {
  position: absolute;
  inset: 0;
}

.card-line-news__box-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

.card-line-news__title {
  color: var(--black, #000);
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.tag {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 32px;
  padding: 2px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 1000px;
  color: var(--black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  background-color: var(--white, #FFF);
  -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}

.tag-type-1 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 32px;
  padding: 2px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(34px);
  color: var(--white, #FFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}

.swiper-line-product .swiper-slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: auto;
}

.card-line-product {
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
  min-height: 392px;
}

.card-line-product__link {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card-line-product__link::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 24px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.card-line-product__link img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-line-product__tags {
  pointer-events: none;
  max-width: 450px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}

.card-line-product__title {
  pointer-events: none;
  position: relative;
  color: #F5F5F5;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.28px;
}

.swiper-line-partners .swiper-slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: auto;
  width: auto;
}

.swiper-line-partners .swiper-slide:first-child .card-line-partners::before {
  display: none;
}

.card-line-partners {
  position: relative;
  padding: 24px 48px;
  max-width: 352px;
  width: 100%;
  height: 166px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.card-line-partners::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  height: 83px;
  background-color: var(--gray-10, #EAEAEA);
}

.box-vacancies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 24px;
  overflow: hidden;
  min-height: 416px;
  background-color: var(--blue, #00cb62);
}

.box-vacancies__left {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 60px 0 60px 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-image: url("../img/box-vacancies/bg.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}

.box-vacancies__left::before {
  content: "";
  position: absolute;
  inset: 0 0 0 100%;
  width: 216px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 74, 151, 0)), to(#00cb62));
  background: linear-gradient(270deg, rgba(0, 74, 151, 0) 0%, #00cb62 100%);
}

.box-vacancies__right {
  width: 62.2076023392%;
}

.box-vacancies__right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.box-vacancies__title {
  color: var(--white, #FFF);
  font-size: 44px;
  font-style: normal;
  font-weight: 600;
  line-height: 113.636%;
}

.box-vacancies .all-link {
  max-width: 312px;
  color: var(--white);
}

.box-vacancies .all-link .svg {
  background-color: var(--white);
  color: var(--blue);
}

.box-about-for-background {
  position: relative;
}

.box-about-background {
  position: absolute;
  z-index: -1;
  inset: -74px 0 auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.box-about-background img {
  margin: 0 auto;
}

.box-about__line-supplies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.box-about__supplies-title {
  /*display: flex;
  align-items: end;
  gap: 24px;*/
}

.box-about__supplies-title h4 {
  display: inline-block;
  color: var(--blue, #004A97);
  font-size: 64px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.box-about__supplies-title p {
  max-width: 250px;
  padding-left: 24px;
  display: inline-block;
  color: var(--black, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.box-counter {
  padding-bottom: 72px;
  border-bottom: 1px solid var(--gray-10, #EAEAEA);
}

.box-counter__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}

.card-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card-counter.more .counter__number {
  padding-left: 42px;
  background-image: url("../img/card-counter/bol.svg");
  background-repeat: no-repeat;
  background-position: left center;
}

.card-counter .counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.card-counter .counter__number {
  color: var(--blue, #004A97);
  font-size: 76px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.card-counter .counter__number.hide {
  opacity: 0;
}

.card-counter .counter__number.number {
  position: absolute;
}

.card-counter .counter__number.number span {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.card-counter .counter__number.number span.active {
  opacity: 1;
}

.card-counter .counter__number span {
  padding-left: 5px;
  color: var(--blue, #004A97);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}

.card-counter .counter__desc {
  max-width: 250px;
  color: var(--wireframe-text, #5A5A5A);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.advantages__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  row-gap: 44px;
}

.card-advantages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.card-advantages__box-img {
  width: 78px;
  height: 52px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.card-advantages__box-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.card-advantages__box-info h4 {
  color: var(--black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.24px;
}

.card-advantages__box-info p {
  color: var(--black, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.map-objects-section {
  margin-top: 148px;
}

.map-objects-container {
  padding-left: 82px;
  max-width: 1816px;
  margin: 0 auto;
}

.box-location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 17px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.box-location:has(.box-location__content.active) {
  z-index: 1;
}

.box-location__name {
  position: absolute;
  top: calc(100% + 13px);
  color: var(--black, #000);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.box-location__btn {
  position: relative;
  width: 61px;
  height: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.box-location__btn.active .local.static {
  opacity: 0;
  visibility: hidden;
}

.box-location__btn.active .local.active {
  opacity: 1;
  visibility: visible;
}

.box-location__btn.active .count {
  width: 30px;
  height: 30px;
  top: -13px;
  right: -10px;
}

.box-location__btn .local {
  position: absolute;
  bottom: 0;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  visibility: hidden;
  -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

.box-location__btn .local.static {
  opacity: 1;
  visibility: visible;
}

.box-location__btn .count {
  outline: 4px solid var(--white, #FFF);
  pointer-events: none;
  position: absolute;
  width: 22px;
  height: 22px;
  z-index: 2;
  top: 9px;
  right: 0;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--white, #FFF);
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background-color: var(--green, #00C974);
  -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out, top 0.4s ease-in-out, right 0.4s ease-in-out;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out, top 0.4s ease-in-out, right 0.4s ease-in-out;
}

.box-location__content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: calc(100% + 22px);
  max-width: 544px;
  border-radius: 20px;
  z-index: 2;
  background: var(--white, #FFF);
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08), 0 0 4px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08), 0 0 4px 0 rgba(0, 0, 0, 0.04);
  -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

.box-location__content.active {
  opacity: 1;
  visibility: visible;
}

.box-location__content.move::after {
  display: none;
}

.box-location__content::after {
  content: "";
  position: absolute;
  height: 15px;
  inset: auto 0 -15px 0;
  background-image: url("../img/card-location/arrow-bottom.svg");
  background-repeat: no-repeat;
  background-position: top center;
}

.box-location__box-swiper {
  overflow: hidden;
}

.box-location__close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--white);
}

.box-location__line-nav {
  padding: 0 24px 24px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.card-location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
}

.card-location__box-img {
  height: 303px;
  max-height: 303px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 20px;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.card-location__box-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-location__info {
  padding: 24px;
}

.card-location__info h4 {
  color: var(--black, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0.18px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-location__info p {
  color: var(--gray-text, #C8C7C7);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.swiper-location .swiper-slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: auto;
}

.swiper-location-group-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.swiper-location-pagination {
  padding: 2px 11px;
  height: 48px;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--gray-text, #C8C7C7);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 1000px;
  border: 1px solid #EAEAEA;
}

.swiper-location-pagination .swiper-pagination-current {
  color: #000;
}

.box-point-wrapper {
  display: none;
}

.drop-down-type-2 {
  position: absolute;
  z-index: 3;
  inset: 0 0 auto 0;
  border-radius: 20px;
  background-color: var(--white);
  border: 1px solid #EAEAEA;
}

.drop-down-type-2__btn {
  padding: 2px 24px;
  width: 100%;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: var(--black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}

.drop-down-type-2__btn .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.drop-down-type-2__btn svg {
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

.drop-down-type-2__btn.active svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.drop-down-type-2__btn.active + .drop-down-type-2__box {
  display: block;
}

.drop-down-type-2__box {
  display: none;
}

.drop-down-type-2__box.active {
  display: block;
}

.drop-down-type-2__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.drop-down-type-2__btn-district {
  padding: 2px 24px;
  width: 100%;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: var(--black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}

.drop-down-type-2__btn-district .svg {
  border-radius: 100%;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: transparent;
  -webkit-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}

.drop-down-type-2__btn-district.active {
  color: var(--blue, #004A97);
}

.drop-down-type-2__btn-district.active .svg {
  background-color: var(--blue, #004A97);
}

.path {
  padding-top: 212px;
  padding-bottom: 32px;
}

.path__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.path__list li:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
}

.path__list li a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  white-space: nowrap;
  line-height: 143%;
  color: var(--gray-text, #C8C7C7);
  -webkit-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}

.path__list li a:focus,
.path__list li a:focus-visible {
  outline: none;
}

.path__list li a:focus-visible,
.path__list li a:hover,
.path__list li a:active {
  color: var(--blue);
}

.path__list li:not(:first-child) {
  position: relative;
  padding-left: 26px;
}

.path__list li:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 9px;
  width: 8px;
  height: 1px;
  background-color: var(--blue);
}

.path__list li:last-child a {
  pointer-events: none;
  color: var(--black);
}

.path__box-back {
  display: none;
}

.title-page__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}

.title-page .title {
  color: var(--black, #000);
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
}

.section-min-title {
  color: var(--black, #000);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
}

.box-back {
  margin-bottom: 36px;
}

.box-back__line {
  padding: 32px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid var(--gray-10, #EAEAEA);
}

.box-back__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: var(--black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.box-back__link .svg {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  background-color: var(--blue);
}

.box-back__link:focus,
.box-back__link:focus-visible {
  outline: none;
}

.section-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.section-news__top {
  padding-bottom: 62px;
  margin-bottom: 62px;
  border-bottom: 1px solid var(--gray-10, #EAEAEA);
}

.section-news__top *:last-child {
  margin-bottom: 0;
}

.section-news__line-tags {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.section-news__line-tags .tag {
  background-color: var(--gray, #F5F5F5);
}

.section-news__swiper {
  margin-bottom: 32px;
}

.section-news__bottom-title {
  margin-bottom: 32px;
  color: var(--black, #000);
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
}

.section-news .another-news .card-line-news__title .desc {
  display: none;
}

.swiper-section-news {
  overflow: hidden;
}

.swiper-section-news .swiper-slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: auto;
}

.card-section-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 24px;
  overflow: hidden;
}

.card-section-news__link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card-section-news__link:focus,
.card-section-news__link:focus-visible {
  outline: none;
}

.card-section-news__link img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.main-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-bottom: 32px;
  padding: 56px 52px 40px;
  background-image: url("../img/main-article/bg.svg");
  background-position: top left;
  background-repeat: no-repeat;
  border-top: 1px solid var(--gray-10, #EAEAEA);
  border-bottom: 1px solid var(--gray-10, #EAEAEA);
}

.main-article p {
  color: var(--black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}

.main-article__person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-article__box-img {
  width: 56px;
  height: 56px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 100%;
  overflow: hidden;
}

.main-article__box-img img {
  width: 56px;
  height: 56px;
  border-radius: 100%;
}

.main-article__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}

.main-article__info .name {
  color: var(--blue, #004A97);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
}

.main-article__info .desc {
  color: #9E9B9B;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.section-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 92px;
}

.section-contacts__group-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.section-contacts__group-info .border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  width: 1px;
  background-color: var(--gray-10, #EAEAEA);
}

.section-contacts__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.section-contacts__info.first .box-contact .text {
  font-size: 20px;
  line-height: 120%;
}

.section-contacts__info.first .box-contact .info {
  color: var(--black, #000);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.336px;
}

.section-contacts__info .box-contact {
  gap: 4px;
}

.section-contacts__info .box-contact .text {
  font-size: 18px;
  line-height: 120%;
}

.section-contacts__info .box-contact .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.section-contacts__info .box-contact a {
  font-size: 24px;
  line-height: 130%;
}

.section-contacts__info .box-contact a.link-map {
  color: var(--blue);
  text-decoration: underline;
}

.section-contacts .map-contacts {
  width: 100%;
  min-height: 524px;
  border-radius: 24px;
  overflow: hidden;
}

.section-contacts-requisites {
  padding: 36px;
  border-radius: 20px;
  border: 1px solid var(--gray-10, #EAEAEA);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 36px;
}

.section-contacts-requisites__line-top {
  position: relative;
  height: 36px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.section-contacts-requisites__title {
  pointer-events: none;
  position: absolute;
  inset: 0 150px 0 0;
  color: var(--black, #000);
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.section-contacts-requisites__btn {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.section-contacts-requisites__btn.active svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.section-contacts-requisites__btn .svg {
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  background-color: var(--blue);
}

.section-contacts-requisites__btn svg {
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

.section-contacts-requisites__btn:focus,
.section-contacts-requisites__btn:focus-visible {
  outline: none;
}

.section-contacts-requisites__box-info {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 36px;
}

.section-contacts-requisites__box-info.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section-contacts-requisites__group-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.section-contacts-requisites__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.section-contacts-requisites__info-title {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.section-contacts-requisites__main-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}

.section-contacts-requisites__btn-copy {
  width: 356px;
  height: 64px;
  padding: 5px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  color: var(--black, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
  border-radius: 100px;
  background-color: var(--gray, #F5F5F5);
  -webkit-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}

.section-contacts-requisites__btn-copy:focus,
.section-contacts-requisites__btn-copy:focus-visible {
  outline: none;
}

.section-contacts-requisites__btn-copy:focus-visible,
.section-contacts-requisites__btn-copy:hover {
  background-color: #dbd8d8;
}

.box-contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.box-contact-info .text {
  color: var(--gray-text, #C8C7C7);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.box-contact-info .info {
  color: var(--black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.form-type-1 {
  position: relative;
  min-height: 454px;
  padding: 44px;
  overflow: hidden;
  border-radius: 20px;
  background-color: var(--gray, #F5F5F5);
  background-image: url("../img/form-type-1/1.svg");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}

.form-type-1__form-success {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  inset: 0;
  z-index: 1;
  padding: 5px;
  text-align: center;
  background-color: rgba(245, 245, 245, 0.71);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: var(--black, #141414);
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.48px;
  -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

.form-type-1__form-success.active {
  opacity: 1;
  visibility: visible;
}

.form-type-1__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.form-type-1__left {
  max-width: 547px;
  color: var(--black, #141414);
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.48px;
}

.form-type-1__right {
  width: 38.4375%;
}

.form-type-1__desc {
  margin-bottom: 12px;
  color: var(--gray-text, #C8C7C7);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.form-type-1__group-input {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.form-type-1__group-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.form-type-1__submit {
  padding: 5px 20px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100px;
  background-color: var(--blue, #004A97);
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}

.form-type-1__submit:focus,
.form-type-1__submit:focus-visible {
  outline: none;
}

.form-type-1__submit:focus-visible,
.form-type-1__submit:hover {
  background-color: #03a652;
}

.input-type-1 {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-type-1__input {
  width: 100%;
  padding: 16px;
  border: none;
  border-radius: 16px;
  background-color: var(--white, #FFF);
  color: var(--black, #141414);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
  -webkit-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}

.input-type-1__input.error {
  background-color: rgba(222, 162, 162, 0.2509803922);
}

.input-type-1__input.error + .input-error-info {
  opacity: 1;
  visibility: visible;
}

.input-type-1__input::-webkit-input-placeholder {
  color: var(--gray-text, #C8C7C7);
}

.input-type-1__input::-moz-placeholder {
  color: var(--gray-text, #C8C7C7);
}

.input-type-1__input:-ms-input-placeholder {
  color: var(--gray-text, #C8C7C7);
}

.input-type-1__input::-ms-input-placeholder {
  color: var(--gray-text, #C8C7C7);
}

.input-type-1__input::placeholder {
  color: var(--gray-text, #C8C7C7);
}

.input-type-1__input:focus,
.input-type-1__input:focus-visible {
  outline: none;
}

.input-type-1 span.input-error-info {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 1px;
  right: 16px;
  pointer-events: none;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  color: rgb(138, 0, 0);
  -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

.input-type-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  cursor: pointer;
}

.input-type-checkbox__input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.input-type-checkbox__input:checked + .castom svg {
  opacity: 1;
}

.input-type-checkbox__input.error + .castom {
  border-color: rgb(138, 0, 0);
  background-color: rgba(222, 162, 162, 0.2509803922);
}

.input-type-checkbox .castom {
  margin: 2px;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  border: 1px solid var(--gray-10, #EAEAEA);
  background-color: var(--white, #FFF);
  -webkit-transition: border-color 0.4s ease-in-out, background-color 0.4s ease-in-out;
  transition: border-color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}

.input-type-checkbox .castom svg {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.input-type-checkbox__desc {
  color: var(--black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.input-type-checkbox__desc a {
  color: var(--blue, #004A97);
  text-decoration: underline;
}

.box-job-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.3391812865%;
}

.box-job-open__left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.box-job-open__right {
  width: 31.2865497076%;
}

.box-job-open__box-search {
  margin-bottom: 32px;
}

.card-contacts-hr {
  position: sticky;
  top: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
  background-color: var(--gray-10, #EAEAEA);
}

.card-contacts-hr__top {
  padding: 36px;
  border-radius: 20px;
  background-color: var(--gray, #F5F5F5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.card-contacts-hr__title {
  margin-bottom: 20px;
  color: var(--black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
}

.card-contacts-hr__group-contact {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.card-contacts-hr__group-contact .box-contact-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
}

.card-contacts-hr__group-contact .box-contact.mail a {
  color: var(--blue);
}

.card-contacts-hr__group-contact .box-contact .text {
  opacity: 1;
  color: var(--gray-text, #C8C7C7);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.card-contacts-hr__group-contact .box-contact .info {
  color: var(--black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.card-contacts-hr__desc {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.card-contacts-hr__box-link {
  padding: 36px;
}

.input-type-search {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url("../img/input-type-search/1.svg");
  background-repeat: no-repeat;
  background-position: left 16px center;
}

.input-type-search__input {
  padding: 19px 19px 19px 56px;
  border: 1px solid var(--gray-10, #EAEAEA);
  border-radius: 100px;
  width: 100%;
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.input-type-search__input::-webkit-input-placeholder {
  color: var(--gray-text, #C8C7C7);
}

.input-type-search__input::-moz-placeholder {
  color: var(--gray-text, #C8C7C7);
}

.input-type-search__input:-ms-input-placeholder {
  color: var(--gray-text, #C8C7C7);
}

.input-type-search__input::-ms-input-placeholder {
  color: var(--gray-text, #C8C7C7);
}

.input-type-search__input::placeholder {
  color: var(--gray-text, #C8C7C7);
}

.input-type-search__input:focus,
.input-type-search__input:focus-visible {
  outline: none;
}

.box-join {
  padding: 42px 52px;
  border-radius: 24px;
  background-color: var(--gray, #F5F5F5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  background-image: url("../img/box-join/bg.svg");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
}

.box-join__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 30px;
  font-style: normal;
  font-weight: 450;
  line-height: 135%;
}

.box-join__left span {
  color: var(--blue);
}

.line-filter-type-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}

.drop-down-filter-1 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.drop-down-filter-1__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 24px 20px 28px;
  border-radius: 100px;
  color: var(--black, #000);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.647%;
  border: 1px solid var(--gray-10, #EAEAEA);
  -webkit-transition: border-color 0.4s ease-in-out, background-color 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: border-color 0.4s ease-in-out, background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}

.drop-down-filter-1__btn .svg {
  width: 20px;
  height: 20px;
  background-color: var(--green);
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: border-color 0.4s ease-in-out, background-color 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: border-color 0.4s ease-in-out, background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}

.drop-down-filter-1__btn svg {
  -webkit-transition: color 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: color 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, color 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  color: var(--white);
}

.drop-down-filter-1__btn.active svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.drop-down-filter-1__btn:focus,
.drop-down-filter-1__btn:focus-visible {
  outline: none;
}

.drop-down-filter-1__box {
  opacity: 0;
  visibility: hidden;
  z-index: 5;
  width: 100%;
  position: absolute;
  top: calc(100% + 4px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 24px;
  background-color: #fff;
  overflow: hidden;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
}

.drop-down-filter-1__box.active {
  opacity: 1;
  visibility: visible;
}

.drop-down-filter-1__link {
  padding: 22px 54px 22px 28px;
  width: 100%;
  color: var(--black, #000);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.647%;
  -webkit-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}

.drop-down-filter-1__link.disabled {
  pointer-events: none;
  background-image: url("../img/drop-down-filter-1/icon.svg");
  background-repeat: no-repeat;
  background-position: center right 24px;
}

.drop-down-filter-1__link:focus,
.drop-down-filter-1__link:focus-visible {
  outline: none;
}

.products-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.products-search__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url("../img/box-products/search.svg");
  background-repeat: no-repeat;
  background-position: center left 16px;
}

.products-search__input {
  max-width: 100%;
  width: 314px;
  background-color: transparent;
  padding: 20px 32px 20px 56px;
  border-radius: 100px;
  border: 1px solid var(--gray-10, #EAEAEA);
}

.box-products__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.card-products {
  position: relative;
  max-height: 100%;
  height: 392px;
  overflow: hidden;
  border-radius: 24px;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.card-products picture {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-products img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-products__title {
  pointer-events: none;
  position: relative;
  z-index: 1;
  color: var(--white, #FFF);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.28px;
}

.card-products__link {
  position: absolute;
  inset: 0;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.card-products__link::before {
  content: "";
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.24)), to(rgba(0, 0, 0, 0.24)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.24) 100%);
}

.card-products__link:focus,
.card-products__link:focus-visible {
  outline: none;
}

.card-products__group-tags {
  position: relative;
  z-index: 3;
  pointer-events: none;
  max-width: 460px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.card-products__group-tags .tag {
  backdrop-filter: blur(34.0666656494px);
  background: rgba(255, 255, 255, 0.18);
  color: var(--white);
}

.card-products__background {
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  inset: 0;
  z-index: 2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  background-color: var(--green);
  background-image: url("../img/card-products/bg.svg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
  -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

.card-products__group-name {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(150%);
      -ms-transform: translateY(150%);
          transform: translateY(150%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

.card-products__group-name .title {
  color: var(--white, #FFF);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.28px;
}

.card-products__group-name .open {
  padding: 5px 28px;
  width: 100%;
  max-width: 245px;
  height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  color: var(--white);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.647%;
  border-radius: 100px;
  background-color: #04ac55;
  -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}

.card-products__group-name .open .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: var(--blue, #004A97);
  border-radius: 100%;
  color: var(--white);
  -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}

/* Стили для модалки */

.modal {
  display: none;
  /* Скрыта по умолчанию */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  /* Прозрачный фон */
  z-index: 9999;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: auto;
  padding: 60px 16px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.modal::-webkit-scrollbar {
  display: none;
}

.modal__body {
  position: relative;
  max-width: 100%;
  margin: auto 0;
}

/* Анимация для появления модалки */

.modal.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: fadeIn 0.3s ease-out;
          animation: fadeIn 0.3s ease-out;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.online-order__window {
  width: 512px;
  max-width: 100%;
  padding: 40px;
  border-radius: 24px;
  background-color: var(--gray, #F5F5F5);
}

.online-order__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--black);
}

.online-order__close:focus,
.online-order__close:focus-visible {
  outline: none;
}

.online-order__close:focus-visible,
.online-order__close:hover {
  color: var(--green);
}

.online-order__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 36px;
}

.online-order__title {
  padding: 0 20px;
  color: var(--black, #000);
  text-align: center;
  font-family: var(--font-family);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  /* 41.6px */
}

.online-order__group-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.online-order__group-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.textarea-type-1 {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.textarea-type-1__textarea {
  min-height: 150px;
  resize: none;
  width: 100%;
  padding: 16px;
  border: none;
  border-radius: 16px;
  background-color: var(--white, #FFF);
  color: var(--black, #141414);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
  -webkit-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.textarea-type-1__textarea::-webkit-scrollbar {
  display: none;
}

.textarea-type-1__textarea.error {
  background-color: rgba(222, 162, 162, 0.2509803922);
}

.textarea-type-1__textarea.error + .input-error-info {
  opacity: 1;
  visibility: visible;
}

.textarea-type-1__textarea::-webkit-input-placeholder {
  color: var(--gray-text, #C8C7C7);
}

.textarea-type-1__textarea::-moz-placeholder {
  color: var(--gray-text, #C8C7C7);
}

.textarea-type-1__textarea:-ms-input-placeholder {
  color: var(--gray-text, #C8C7C7);
}

.textarea-type-1__textarea::-ms-input-placeholder {
  color: var(--gray-text, #C8C7C7);
}

.textarea-type-1__textarea::placeholder {
  color: var(--gray-text, #C8C7C7);
}

.textarea-type-1__textarea:focus,
.textarea-type-1__textarea:focus-visible {
  outline: none;
}

.textarea-type-1 span.input-error-info {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 1px;
  right: 16px;
  pointer-events: none;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  color: rgb(138, 0, 0);
  -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

.input-type-file {
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-type-file__input {
  cursor: pointer;
  position: absolute;
  inset: 0;
  opacity: 0;
}

.input-type-file__input:focus,
.input-type-file__input:focus-visible {
  outline: none;
}

.input-type-file__input:focus-visible,
.input-type-file__input:hover + .input-type-file__castom {
  background-color: var(--green);
  border-color: var(--green);
  color: var(--white);
}

.input-type-file__input.error + .input-type-file__castom {
  border-color: rgb(138, 0, 0);
}

.input-type-file__castom {
  width: 100%;
  border-radius: 16px;
  border: 1.6px solid var(--gray-text, #C8C7C7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
  padding: 16px;
  color: var(--green, #00CB62);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
  -webkit-transition: color 0.4s ease-in-out, border-color 0.4s ease-in-out, background-color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out, border-color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}

.input-type-file__castom .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.line-skroll-nav {
  margin: 0 -24px;
}

.line-skroll-nav__list {
  padding: 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.line-skroll-nav__list::-webkit-scrollbar {
  display: none;
}

.line-skroll-nav__btn {
  height: 56px;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 28px;
  border-radius: 100px;
  border: 1px solid #EAEAEA;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 111.111%;
}

.line-skroll-nav__btn:focus,
.line-skroll-nav__btn:focus-visible {
  outline: none;
}

.line-skroll-nav__btn.active {
  background-color: var(--green);
  border-color: var(--green);
  color: var(--white);
}

.box-product__line-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}

.box-product__line-title .title {
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
}

.box-product__group-marker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.box-product__box-desc-swiper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.box-product__box-desc-swiper .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  width: calc(50% - 12px);
}

.box-product__box-desc-swiper .top {
  width: calc(50% - 12px);
}

.marker {
  height: 40px;
  padding: 5px 16px 5px 36px;
  border-radius: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--gray, #F5F5F5);
  background-repeat: no-repeat;
  background-position: center left 16px;
}

.marker.place {
  background-image: url("../img/marker/place.svg");
}

.marker.time {
  background-image: url("../img/marker/time.svg");
}

.count-info {
  margin: 0 0 0 -67px;
  position: relative;
  padding: 47px 10px 47px 67px;
}

.count-info img {
  z-index: -1;
  position: absolute;
  inset: 0 auto 0 0;
}

.count-info__top {
  color: var(--green, #00CB62);
  font-family: var(--font-family);
  font-size: 76px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.count-info__top i {
  font-size: 24px;
  font-style: normal;
  line-height: 83.333%;
}

.count-info__bottom {
  color: var(--wireframe-text, #5A5A5A);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.swiper-product {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}

.swiper-product::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(68.09%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 68.09%, rgba(0, 0, 0, 0.5) 100%);
}

.swiper-product .swiper-slide {
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.swiper-product__wrapper-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  z-index: 2;
  left: 32px;
  right: 32px;
  bottom: 32px;
}

.swiper-product-pagination {
  width: 56px;
  height: 56px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 100%;
  border: 1.2px solid var(--white, #FFF);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2px;
  color: #FFF;
  font-family: var(--font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}

.swiper-product .swiper-btn-type-1 {
  width: 56px;
  height: 56px;
  color: var(--white);
}

.swiper-product .swiper-btn-type-1.--next {
  width: 112px;
}

.card-product-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 24px;
  overflow: hidden;
}

.card-product-img picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-product-img img {
  max-height: 492px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.line-order {
  padding: 44px 78px 40px 52px;
  border-radius: 24px;
  background-color: var(--gray, #F5F5F5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-image: url("../img/line-order/bg.svg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
}

.line-order__desc {
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 30px;
  font-style: normal;
  font-weight: 450;
  line-height: 135%;
}

.line-order__btn {
  height: 64px;
  width: 304px;
  max-width: 100%;
  font-size: 20px;
}

.box-product-review {
  padding: 52px;
  border-radius: 24px;
  border: 1px solid var(--gray-10, #EAEAEA);
}

.box-product-review__title {
  margin-bottom: 24px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
}

.card-product-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card-product-review__left {
  width: 60.9486166008%;
}

.card-product-review__right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.card-product-review-hidden-mobile {
  display: none;
}

.card-product-review-hidden-mobile__top {
  margin-bottom: 12px;
}

.card-product-review-hidden-mobile__top .static-box-min-min-p {
  font-size: 16px;
}

.card-product-review-hidden-mobile__top.rest-height {
  max-height: 232px;
  overflow: hidden;
}

.card-product-review-hidden-mobile__top.rest-height .static-box-min-min-p {
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-product-review-hidden-mobile__top.rest-height .static-box-min-min-p p {
  margin-bottom: 20px;
}

.card-product-review-hidden-mobile__btn {
  height: 48px;
  padding: 5px 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  border-radius: 100px;
  background-color: var(--gray, #F5F5F5);
}

.card-product-review-hidden-mobile__btn svg {
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

.card-product-review-hidden-mobile__btn.open .open-text {
  display: inline;
}

.card-product-review-hidden-mobile__btn.open .text {
  display: none;
}

.card-product-review-hidden-mobile__btn.open .svg {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.card-product-review-hidden-mobile__btn .open-text {
  display: none;
}

.card-product-review-hidden-mobile__btn .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2px;
}

.card-product-review-hidden-mobile__btn:focus,
.card-product-review-hidden-mobile__btn:focus-visible {
  outline: none;
}

.card-product-review__author {
  padding-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}

.card-product-review__author span {
  color: #9E9B9B;
  font-family: var(--font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.card-product-review__author h4 {
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
}

.card-product-review__box-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.card-product-review__box-img img {
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 100%;
  height: 504px;
  border-radius: 16px;
  border: 1px solid var(--gray-10, #EAEAEA);
}

.swiper-about .swiper-slide {
  width: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.swiper-about .swiper-slide-active .card-about {
  width: 672px;
}

.swiper-about .swiper-slide-active .card-about__box-img img {
  min-height: 572px;
}

.swiper-about .swiper-slide-active .card-about__info {
  opacity: 1;
  visibility: visible;
}

.card-about {
  width: 596px;
  position: relative;
  -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
}

.card-about__box-img {
  border-radius: 24px;
  overflow: hidden;
}

.card-about__box-img img {
  border-radius: 24px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-height: 392px;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-about__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  height: 156px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: calc(100% + 24px);
  bottom: 0;
  -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

.card-about__title {
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-about__desc {
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.box-desc-link {
  margin-top: 72px;
  padding-top: 72px;
  border-top: 1px solid var(--gray-10, #EAEAEA);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.box-desc-link .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.box-desc-link .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.box-desc-link__group-link {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.box-history {
  padding: 64px 0;
  border-radius: 20px;
  background-color: var(--gray, #F5F5F5);
}

.box-history__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.box-history__title {
  margin-bottom: 32px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
}

.box-history__box-btn {
  padding-top: 17px;
}

.box-history__box-desc-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}

.box-history__box-desc-img .left {
  margin-bottom: 0;
  width: 53.2894736842%;
}

.box-history__box-desc-img .left__text-wrapper {
  display: -webkit-box;
  -webkit-line-clamp: 13;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.box-history__box-desc-img .left p {
  margin-bottom: 24px;
}

.box-history__box-desc-img .left *:last-child {
  margin-bottom: 0;
}

.box-history__box-desc-img .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 20px;
  overflow: hidden;
}

.box-history__box-desc-img .right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.modal-history__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.modal-history__window {
  padding: 64px;
  width: 948px;
  max-width: 100%;
  background-color: var(--white);
}

.modal-history__title {
  margin-bottom: 32px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
}

.modal-history__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  color: var(--black);
  font-family: var(--font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}

.modal-history__wrapper span {
  color: var(--green, #00CB62);
  font-weight: 600;
}

.modal-history__wrapper img {
  margin: 0 auto;
  border-radius: 16px;
}

.box-licenses {
  /*@media (max-width: 1000px) {
    &-swiper {
      margin: 0 -16px;
      padding: 0 16px;
    }
  }*/
}

.box-licenses .static-tab {
  border-radius: 20px;
  border: 1px solid transparent;
  -webkit-transition: border-color 0.4s ease-in-out;
  transition: border-color 0.4s ease-in-out;
}

.box-licenses .static-tab:has(.active) {
  border-color: var(--gray-10, #EAEAEA);
}

.box-licenses .static-tab__btn {
  padding: 40px 32px;
  font-size: 20px;
  font-weight: 500;
  gap: 16px;
}

.box-licenses .static-tab__btn .text {
  text-align: start;
}

.box-licenses .static-tab__btn.active {
  border-color: transparent;
  background: transparent;
}

.box-licenses .static-tab__box.active {
  background: transparent;
}

.section-middle-title {
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
}

.swiper-licenses {
  overflow: hidden;
}

.swiper-licenses .swiper-slide {
  width: auto;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.card-licenses {
  max-width: 100%;
  width: 308px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.card-licenses__box-img {
  position: relative;
}

.card-licenses__box-img .marker {
  padding: 6px 12px;
  position: absolute;
  top: 16px;
  left: 16px;
  font-size: 14px;
  color: var(--white, #FFF);
  background-color: var(--green);
}

.card-licenses__desc {
  color: var(--gray-text, #C8C7C7);
  font-family: var(--font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.box-film__desc {
  margin-bottom: 28px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}

.box-video {
  width: 100%;
  height: 616px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 20px;
  overflow: hidden;
}

.box-video img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.box-video video {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.box-video {
  cursor: pointer;
}

.box-video-play {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
}

.box-book {
  padding: 52px;
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: var(--gray, #F5F5F5);
}

.box-book__left {
  width: 49.0506329114%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.box-book__right {
  width: 42.4841772152%;
  border-radius: 16px;
  overflow: hidden;
}

.box-book__right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.box-book__mobile {
  display: none;
  border-radius: 16px;
  overflow: hidden;
}

.box-book__mobile img {
  width: 100%;
  height: 100%;
  max-height: 224px;
  -o-object-fit: cover;
     object-fit: cover;
}

.box-book__desc {
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.swiper-production {
  position: relative;
  overflow: hidden;
}

.swiper-production .swiper-slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: auto;
}

.swiper-production__wrapper-nav {
  position: absolute;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  left: 116px;
  right: 44px;
  bottom: 44px;
}

.swiper-production .swiper-btn-type-1 {
  color: var(--white);
}

.swiper-production-pagination {
  width: 64px;
  height: 64px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 100%;
  border: 1.2px solid var(--white, #FFF);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2px;
  color: #FFF;
  font-family: var(--font-family);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.647%;
}

.card-production {
  overflow: hidden;
  border-radius: 0 100px 0 200px;
}

.card-production img {
  width: 100%;
  height: 572px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 100px 0 200px;
}

.box-main-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 66.3742690058% 31.2865497076%;
  grid-template-columns: 66.3742690058% 31.2865497076%;
  gap: 32px;
}

.box-main-info__nav {
  -ms-grid-row-span: 2;
  grid-row: span 2;
}

.menu-aside {
  position: sticky;
  top: 130px;
  padding: 24px;
  border-radius: 24px;
  background-color: var(--gray, #F5F5F5);
}

.menu-aside__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.menu-aside__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  border-radius: 12px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  -webkit-transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}

.menu-aside__link:focus,
.menu-aside__link:focus-visible {
  outline: none;
}

.menu-aside__link:focus-visible,
.menu-aside__link:hover,
.menu-aside__link:active {
  background-color: var(--gray-10, #EAEAEA);
}

.menu-aside__link.active {
  color: var(--white);
  background-color: var(--green);
}

.box-hr-contacts {
  padding: 36px;
  border-radius: 20px;
  background-color: var(--gray, #F5F5F5);
  background-image: url("../img/box-hr-contacts/bg.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.box-hr-contacts__title {
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
}

.box-hr-contacts__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

.box-hr-contacts .box-contact .text {
  font-size: 18px;
  line-height: 120%;
}

.box-hr-contacts .box-contact .info {
  font-size: 18px;
  line-height: 130%;
}

.box-hr-contacts .box-contact a {
  font-size: 18px;
  line-height: 130%;
}

.nav-menu-mobile {
  display: none;
}

.drop-down-nav {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.drop-down-nav__btn {
  text-align: start;
  height: 56px;
  width: 100%;
  padding: 10px 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  border-radius: 100px;
  background-color: var(--gray, #F5F5F5);
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.647%;
  -webkit-transition: border-radius 0.4s ease-in-out;
  transition: border-radius 0.4s ease-in-out;
}

.drop-down-nav__btn svg {
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

.drop-down-nav__btn.active {
  border-radius: 24px 24px 0 0;
}

.drop-down-nav__btn.active svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.drop-down-nav__btn.active + .drop-down-nav__box {
  opacity: 1;
  visibility: visible;
}

.drop-down-nav__btn .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: var(--green);
  border-radius: 100%;
}

.drop-down-nav__btn:focus,
.drop-down-nav__btn:focus-visible {
  outline: none;
}

.drop-down-nav__btn-back {
  display: none;
}

.drop-down-nav__box {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 2;
  background-color: var(--gray, #F5F5F5);
  border-radius: 0 0 24px 24px;
  -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

.drop-down-nav__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 60px 16px 24px;
}

.drop-down-nav__link::before {
  opacity: 0;
  content: "";
  position: absolute;
  width: 24px;
  right: 24px;
  top: 0;
  bottom: 0;
  background-image: url("../img/drop-down-nav/ok.svg");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.drop-down-nav__link.active {
  pointer-events: none;
}

.drop-down-nav__link.active::before {
  opacity: 1;
}

.no-page {
  margin-top: 256px;
  height: 434px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("../img/404/bg.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.no-page-box {
  max-width: 100%;
  width: 260px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.no-page-box-img {
  padding: 25px 0;
}

.no-page-box-desc {
  margin-bottom: 20px;
  color: var(--black, #000);
  text-align: center;
  font-family: var(--font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.no-page-box-link {
  width: 100%;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 30px;
  border-radius: 100px;
  color: var(--green, #00CB62);
  font-family: var(--font-family);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: 1px solid var(--green, #00CB62);
  background-color: #FFF;
  -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}

.no-page-box-link:focus,
.no-page-box-link:focus-visible {
  outline: none;
}

@media (min-width: 1000px) {
  .modal-contacts__window .box-contact.mail a {
    color: var(--black, #000);
    text-decoration: none;
  }

  .modal-contacts__window .box-contact.mail a:hover {
    color: var(--blue, #004A97);
  }

  .box-contact a:focus-visible,
  .box-contact a:hover {
    color: var(--blue, #004A97);
  }

  .btn-type-1:focus-visible,
  .btn-type-1:hover {
    background-color: #04ac55;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  }

  .btn-type-3:focus-visible,
  .btn-type-3:hover {
    background-color: #04ac55;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  }

  .foot-nav-link:focus-visible,
  .foot-nav-link:hover {
    color: var(--blue, #004A97);
  }

  .info-link:focus-visible,
  .info-link:hover {
    color: var(--blue, #004A97);
  }

  .section-news__another-news .static-grour-btn {
    display: none;
  }

  .section-news .another-news .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }

  .section-news .another-news .card-line-news {
    min-height: 212px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 20px;
  }

  .section-news .another-news .card-line-news__box-img {
    width: 240px;
    height: 212px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .section-news .another-news .card-line-news__link {
    padding: 0 0 0 260px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .section-news .another-news .card-line-news__title {
    padding-top: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }

  .section-news .another-news .card-line-news__title .desc {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .section-news .another-news .tag {
    background-color: var(--gray, #F5F5F5);
  }
}

@media (min-width: 1001px) {
  .header__group-btn-mobile {
    display: none;
  }

  .header__menu .btn-close {
    display: none;
  }

  .header__group-contacts-mobile {
    display: none;
  }

  .header.light .box-contact .text {
    color: var(--white, #FFF);
  }

  .header.light .box-contact a {
    color: var(--white, #FFF);
  }

  .header.light .box-contact a:focus-visible,
  .header.light .box-contact a:hover {
    color: var(--blue, #004A97);
  }

  .header.light .modal-contacts__window .box-contact.mail a {
    color: var(--white, #FFF);
  }

  .header.light .modal-contacts__window .box-contact.mail a:focus-visible,
  .header.light .modal-contacts__window .box-contact.mail a:hover {
    color: var(--blue, #004A97);
  }

  .header.light .drop-down-type-1__main-btn {
    color: var(--white, #FFF);
  }

  .header.light .drop-down-type-1__main-btn:focus-visible,
  .header.light .drop-down-type-1__main-btn:hover {
    color: var(--blue, #004A97);
  }

  .header.light .nav-link {
    color: var(--white, #FFF);
  }

  .header.light .nav-link:focus-visible,
  .header.light .nav-link:hover {
    color: var(--blue, #004A97);
  }

  .modal-contacts__title {
    display: none;
  }

  .modal-contacts__close {
    display: none;
  }

  .btn-main:focus-visible,
  .btn-main:hover {
    background-color: var(--blue);
    border-color: var(--blue);
  }

  .swiper-btn-type-1.--next:focus-visible svg,
  .swiper-btn-type-1.--next:hover svg {
    -webkit-transform: scaleX(1.6);
        -ms-transform: scaleX(1.6);
            transform: scaleX(1.6);
  }

  .swiper-btn-type-1:focus-visible,
  .swiper-btn-type-1:hover {
    background-color: var(--blue);
    border-color: var(--blue);
    color: var(--white);
  }

  .nav-link:focus-visible,
  .nav-link:hover {
    color: var(--blue, #004A97);
  }

  .nav-link:focus-visible::before,
  .nav-link:hover::before {
    opacity: 1;
  }

  .all-link:focus-visible,
  .all-link:hover {
    background-color: var(--blue, #004A97);
    color: var(--white);
    border-color: var(--blue, #004A97);
  }

  .all-link:focus-visible .svg,
  .all-link:hover .svg {
    background-color: var(--white);
    color: var(--blue, #004A97);
  }

  .arrow-link:focus-visible,
  .arrow-link:hover {
    background-color: transparent;
    color: var(--black);
  }

  .arrow-link:focus-visible .svg,
  .arrow-link:hover .svg {
    background-color: var(--blue);
    color: var(--white, #004A97);
  }

  .drop-down-type-1__line-top {
    display: none;
  }

  .drop-down-type-1__item-link:focus-visible,
  .drop-down-type-1__item-link:hover {
    color: var(--blue, #004A97);
  }

  .card-line-news__link:focus-visible + .card-line-news__box-img img,
  .card-line-news__link:hover + .card-line-news__box-img img {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
  }

  .card-line-news__link:focus-visible .tag,
  .card-line-news__link:hover .tag {
    background-color: var(--blue);
    color: var(--white);
  }

  .drop-down-filter-1__btn:focus-visible,
  .drop-down-filter-1__btn:hover {
    background-color: var(--green);
    border-color: var(--green);
    color: var(--white);
  }

  .drop-down-filter-1__btn:focus-visible .svg,
  .drop-down-filter-1__btn:hover .svg {
    background-color: var(--white);
  }

  .drop-down-filter-1__btn:focus-visible svg,
  .drop-down-filter-1__btn:hover svg {
    color: var(--green);
  }

  .drop-down-filter-1__link:focus-visible,
  .drop-down-filter-1__link:hover {
    background-color: var(--gray);
  }

  .card-products__link:focus-visible + .card-products__background,
  .card-products__link:hover + .card-products__background {
    opacity: 1;
    visibility: visible;
  }

  .card-products__link:focus-visible + .card-products__background .card-products__group-name,
  .card-products__link:hover + .card-products__background .card-products__group-name {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  .line-skroll-nav__btn:focus-visible,
  .line-skroll-nav__btn:hover {
    background-color: var(--green);
    border-color: var(--green);
    color: var(--white);
  }

  .no-page-box-link:focus-visible,
  .no-page-box-link:hover {
    color: #FFF;
    background-color: var(--green, #00CB62);
  }
}

@media (min-width: 1101px) {
  .header.header-scroll-add .header__top {
    display: none;
  }

  .header.header-scroll-add .header-scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header.header-scroll-add .header-scroll__group-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }

  .header.header-scroll-add .header-scroll__group-btn .link-hidden {
    width: 48px;
    height: 48px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: none;
    color: var(--white);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 16px;
    background-color: var(--blue);
  }

  .header.header-scroll-add .header-scroll__group-btn .link-hidden:focus,
  .header.header-scroll-add .header-scroll__group-btn .link-hidden:focus-visible {
    outline: none;
  }

  .header.header-scroll-add .header-scroll__group-btn .btn-type-1 {
    border-radius: 16px;
  }

  .header.header-scroll-add .header__bottom {
    padding: 28px 0;
  }

  .header.header-scroll-add .header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .header.header-scroll-add .header__nav-list {
    gap: 10px;
  }

  .header.header-scroll-add .header__nav-list a {
    font-size: 15px;
  }

  .drop-down-type-1:has(.drop-down-type-1__box:hover) .drop-down-type-1__main-btn {
    color: var(--blue, #004A97);
  }

  .drop-down-type-1:has(.drop-down-type-1__box:hover) .drop-down-type-1__main-btn::before {
    opacity: 1;
  }

  .drop-down-type-1:has(.drop-down-type-1__box:hover) .drop-down-type-1__main-btn .svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .drop-down-type-1__main-btn:focus-visible,
  .drop-down-type-1__main-btn:hover {
    color: var(--blue, #004A97);
  }

  .drop-down-type-1__main-btn:focus-visible::before,
  .drop-down-type-1__main-btn:hover::before {
    opacity: 1;
  }

  .drop-down-type-1__main-btn:focus-visible + .drop-down-type-1__box,
  .drop-down-type-1__main-btn:hover + .drop-down-type-1__box {
    opacity: 1;
    visibility: visible;
  }

  .drop-down-type-1__main-btn:focus-visible .svg,
  .drop-down-type-1__main-btn:hover .svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .drop-down-type-1__box:hover,
  .drop-down-type-1__box:focus-visible {
    opacity: 1;
    visibility: visible;
  }
}

@media (min-width: 1101px) and (min-width: 1370px) {
  .header.header-scroll-add .header-scroll__group-btn .link-hidden {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 1101px) and (min-width: 1250px) {
  .header.header-scroll-add .header__nav-list {
    gap: 26px;
  }
}

@media (max-width: 1600px) {
  .map-objects-container {
    padding-left: 0px;
  }
}

@media (max-width: 1300px) {
  .map-objects-section {
    margin-top: 61px;
  }

  .map-objects-section {
    margin-top: 61px;
  }

  .map-objects-container {
    padding: 0 24px;
  }

  .box-location__name {
    top: calc(100% - 3px);
    font-size: 16px;
  }

  .box-location__btn {
    width: 40px;
    height: 51px;
  }

  .box-location__btn.active .local.active {
    width: 40px;
    height: 51px;
  }

  .box-location__btn.active .count {
    width: 19px;
    height: 19px;
    top: -20px;
    right: -10px;
  }

  .box-location__btn .local.static {
    width: 33px;
    height: 42px;
  }

  .box-location__btn .count {
    width: 17px;
    height: 17px;
    font-size: 13px;
    top: -7px;
    right: -4px;
  }

  .box-location__content {
    bottom: calc(100% + 35px);
    max-width: 432px;
  }

  .box-location__line-nav {
    padding: 0 16px 28px 16px;
  }

  .card-location__box-img {
    height: 236px;
    max-height: 236px;
  }

  .card-location__info {
    padding: 28px 16px 20px 16px;
  }
}

@media (max-width: 1100px) {
  .container-min {
    max-width: 100%;
  }

  .mt-148 {
    margin-top: 116px;
  }

  .mt-116 {
    margin-top: 94px;
  }

  .mt-96 {
    margin-top: 76px;
  }

  .mt-64 {
    margin-top: 48px;
  }

  .mt-44 {
    margin-top: 48px;
  }

  .mt-32 {
    margin-top: 28px;
  }

  .mt-28 {
    margin-top: 24px;
  }

  .header__wrapper {
    padding: 0 24px;
  }

  .header__top {
    padding-top: 24px;
    padding-bottom: 20px;
  }

  .header__nav-list {
    gap: 32px;
  }

  .logo-head {
    max-width: 119px;
    height: 44px;
  }

  .modal-contacts__window {
    gap: 28px;
  }

  .box-contact .text {
    font-size: 12px;
    line-height: 120%;
  }

  .box-contact a {
    font-size: 16px;
    line-height: 120%;
  }

  .btn-type-1 {
    height: 44px;
    padding: 2px 24px;
    font-size: 15px;
    line-height: 133.333%;
  }

  .btn-type-3 {
    height: 44px;
    padding: 2px 24px;
    font-size: 15px;
    line-height: 133.333%;
  }

  .btn-main {
    height: 56px;
  }

  .swiper-btn-type-1 {
    height: 56px;
    width: 56px;
  }

  .nav-link {
    font-size: 15px;
  }

  .all-link {
    height: 56px;
  }

  .arrow-link {
    width: 254px;
    height: 56px;
  }

  .tile-link {
    padding: 16px 24px;
  }

  .tile-link .top {
    font-size: 18px;
  }

  .tile-link .bottom .text {
    font-size: 16px;
  }

  .download-link {
    height: 56px;
    width: 285px;
  }

  .drop-down-type-1__main-btn {
    font-size: 15px;
  }

  .drop-down-type-1__main-btn.active .svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .drop-down-type-1__box.active {
    opacity: 1;
    visibility: visible;
  }

  .drop-down-type-1__item-link {
    font-size: 15px;
  }

  .footer {
    padding: 48px 0 40px;
  }

  .footer__top-left {
    position: absolute;
  }

  .footer__nav {
    padding-top: 104px;
  }

  .footer__address {
    padding-left: 9.0163934426%;
    width: 45.0819672131%;
    border-left: 1px solid var(--gray-10, #EAEAEA);
  }

  .footer__bottom {
    padding-top: 52px;
  }

  .logo-foot {
    height: 52px;
    max-width: 418px;
  }

  .hero {
    padding-top: 80px;
    padding-bottom: 30px;
  }

  .hero__wrapper {
    max-width: 460px;
    gap: 36px;
    padding-top: 106px;
  }

  .hero__desc {
    font-size: 36px;
    line-height: 120%;
    letter-spacing: -0.36px;
  }

  .line-news__box-swiper {
    margin: 0 -24px;
  }

  .line-news__box-swiper .static-grour-btn {
    padding: 0 24px;
  }

  .static-line-title {
    margin-bottom: 28px;
  }

  .static-min-line-title {
    margin-bottom: 24px;
  }

  .static-grour-btn {
    padding-top: 24px !important;
  }

  .static-box-p {
    gap: 24px;
    font-size: 20px;
    line-height: 125%;
  }

  .static-box-min-p {
    margin-bottom: 20px;
    gap: 20px;
  }

  .static-box-p-ul {
    font-size: 20px;
  }

  .static-box-p-ul ul {
    gap: 17px;
  }

  .static-box-min-min-p {
    font-size: 17px;
  }

  .static-tab__btn {
    font-size: 18px;
  }

  .static-tab__box {
    gap: 32px;
    font-size: 17px;
  }

  .static-tab__box h4 {
    font-size: 17px;
  }

  .static-columns-two-p {
    gap: 20px;
  }

  .static-columns-two-p {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .static-middle-line-title {
    margin-bottom: 28px;
  }

  .section-title {
    font-size: 32px;
  }

  .swiper-line-news {
    padding: 0 24px;
  }

  .card-line-news {
    gap: 16px;
  }

  .card-line-news__link .tag:not(:first-child) {
    display: none;
  }

  .card-line-news__box-img::before {
    padding-top: 72.64%;
  }

  .card-line-news__title {
    font-size: 20px;
    line-height: 125%;
  }

  .card-line-product {
    padding: 36px;
    min-height: 348px;
  }

  .card-line-product__title {
    font-size: 26px;
    line-height: 125%;
    letter-spacing: 0.26px;
  }

  .card-line-partners {
    padding: 24px 40px;
    max-width: 288px;
    height: 148px;
  }

  .box-vacancies {
    min-height: 330px;
  }

  .box-vacancies__left {
    padding: 44px 0 44px 44px;
  }

  .box-vacancies__right {
    width: 63.4221311475%;
  }

  .box-vacancies__title {
    font-size: 36px;
    line-height: 125%;
  }

  .box-vacancies .all-link {
    max-width: 276px;
  }

  .box-about-background {
    inset: -116px 0 auto 0;
  }

  .box-about-background img {
    width: 100%;
  }

  .box-about__supplies-title h4 {
    font-size: 52px;
    line-height: 120%;
  }

  .box-about__supplies-title p {
    max-width: 230px;
    font-size: 16px;
  }

  .box-counter {
    padding-bottom: 49px;
  }

  .box-counter__list {
    gap: 20px;
  }

  .card-counter .counter__number {
    font-size: 68px;
  }

  .card-counter .counter__desc {
    font-size: 17px;
  }

  .advantages__list {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 32px;
  }

  .advantages__list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    row-gap: 20px;
  }

  .card-advantages__box-img {
    width: 66px;
    height: 44px;
  }

  .card-advantages__box-info h4 {
    font-size: 20px;
    letter-spacing: 0.2px;
  }

  .card-advantages__box-info p {
    font-size: 17px;
    line-height: 120%;
  }

  .path {
    padding-top: 196px;
    padding-bottom: 28px;
  }

  .title-page .title {
    font-size: 32px;
  }

  .section-min-title {
    font-size: 24px;
  }

  .box-back {
    margin-bottom: 32px;
  }

  .section-news__top {
    padding-bottom: 48px;
    margin-bottom: 48px;
  }

  .section-news__line-tags {
    margin-bottom: 24px;
  }

  .section-news__swiper {
    margin-bottom: 24px;
  }

  .section-news__bottom-title {
    margin-bottom: 28px;
    font-size: 32px;
  }

  .main-article {
    margin-bottom: 20px;
    padding: 36px 36px 32px;
    background-size: 92px 92px;
  }

  .main-article p {
    font-size: 18px;
  }

  .main-article__person {
    gap: 12px;
  }

  .main-article__box-img {
    width: 48px;
    height: 48px;
  }

  .main-article__box-img img {
    width: 48px;
    height: 48px;
  }

  .main-article__info .name {
    font-size: 17px;
  }

  .section-contacts {
    gap: 68px;
  }

  .section-contacts__info {
    gap: 12px;
  }

  .section-contacts__info.first .box-contact .text {
    font-size: 16px;
  }

  .section-contacts__info.first .box-contact .info {
    font-size: 20px;
    letter-spacing: 0.24px;
  }

  .section-contacts__info .box-contact .text {
    font-size: 16px;
  }

  .section-contacts__info .box-contact .info {
    font-size: 20px;
  }

  .section-contacts__info .box-contact a {
    font-size: 20px;
  }

  .section-contacts .map-contacts {
    min-height: 368px;
  }

  .section-contacts-requisites__line-top {
    height: 32px;
  }

  .section-contacts-requisites__title {
    font-size: 24px;
  }

  .section-contacts-requisites__group-info {
    gap: 20px;
  }

  .section-contacts-requisites__main-info {
    font-size: 18px;
  }

  .section-contacts-requisites__btn-copy {
    width: 100%;
  }

  .box-contact-info .text {
    font-size: 16px;
  }

  .box-contact-info .info {
    font-size: 18px;
  }

  .form-type-1 {
    background-image: url("../img/form-type-1/1-1100.svg");
  }

  .form-type-1__form-success {
    font-size: 40px;
    letter-spacing: 0.384px;
  }

  .form-type-1__form-success {
    font-size: 22px;
  }

  .form-type-1__body {
    gap: 20px;
  }

  .form-type-1__left {
    max-width: 429px;
    font-size: 32px;
    letter-spacing: 0.384px;
  }

  .form-type-1__right {
    width: 49.4369369369%;
  }

  .input-type-1__input {
    font-size: 17px;
  }

  .box-job-open {
    gap: 2.0491803279%;
  }

  .box-job-open__right {
    width: 33.1967213115%;
  }

  .box-job-open__box-search {
    margin-bottom: 24px;
  }

  .card-contacts-hr {
    top: 100px;
  }

  .card-contacts-hr__top {
    padding: 28px;
  }

  .card-contacts-hr__title {
    font-size: 20px;
  }

  .card-contacts-hr__group-contact {
    gap: 16px;
  }

  .card-contacts-hr__group-contact .box-contact.mail a {
    font-size: 18px;
  }

  .card-contacts-hr__group-contact .box-contact .text {
    font-size: 16px;
  }

  .card-contacts-hr__group-contact .box-contact .info {
    font-size: 18px;
  }

  .card-contacts-hr__desc {
    font-size: 14px;
  }

  .card-contacts-hr__box-link {
    padding: 28px;
  }

  .box-join {
    padding: 30px 27px 30px 40px;
  }

  .box-join__left {
    font-size: 24px;
  }

  .drop-down-filter-1__btn {
    padding: 16px 24px 16px 28px;
  }

  .products-search {
    display: none;
  }

  .box-products__list {
    gap: 20px;
  }

  .card-products {
    padding: 32px;
    height: 325px;
  }

  .card-products__title {
    font-size: 24px;
    letter-spacing: 0.24px;
  }

  .card-products__link {
    padding: 32px;
  }

  .card-products__group-name .title {
    font-size: 24px;
    letter-spacing: 0.24px;
  }

  .textarea-type-1__textarea {
    font-size: 17px;
  }

  .line-skroll-nav__btn {
    height: 52px;
    font-size: 18px;
  }

  .box-product__line-title .title {
    font-size: 28px;
    line-height: 125%;
  }

  .box-product__box-desc-swiper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 28px;
  }

  .box-product__box-desc-swiper .bottom {
    width: 100%;
    gap: 28px;
  }

  .box-product__box-desc-swiper .top {
    width: 100%;
  }

  .count-info {
    margin: 0;
    padding: 44px 0 50px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }

  .swiper-product-pagination {
    width: 48px;
    height: 48px;
    font-size: 14px;
    gap: 2;
    line-height: 142.857%;
  }

  .swiper-product .swiper-btn-type-1 {
    width: 48px;
    height: 48px;
  }

  .card-product-img img {
    max-height: 536px;
  }

  .line-order {
    padding: 30px 32px;
  }

  .line-order__desc {
    font-size: 24px;
  }

  .line-order__btn {
    height: 56px;
    width: 207px;
    font-size: 17px;
  }

  .box-product-review {
    padding: 36px;
  }

  .box-product-review__title {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .card-product-review {
    gap: 32px;
  }

  .card-product-review__left {
    width: 68.2522123894%;
  }

  .card-product-review__author {
    padding-top: 20px;
  }

  .card-product-review__box-img img {
    height: 360px;
  }

  .swiper-about .swiper-slide-active .card-about {
    width: 478px;
  }

  .swiper-about .swiper-slide-active .card-about__box-img img {
    min-height: 417px;
  }

  .card-about {
    width: 428px;
  }

  .card-about__box-img img {
    max-height: 287px;
  }

  .card-about__info {
    left: calc(100% + 20px);
    height: 110px;
  }

  .card-about__title {
    font-size: 24px;
  }

  .card-about__desc {
    font-size: 16px;
  }

  .box-desc-link {
    margin-top: 56px;
    padding-top: 56px;
    gap: 20px;
  }

  .box-desc-link__group-link {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .box-history {
    padding: 48px 0;
  }

  .box-history__title {
    font-size: 32px;
    margin-bottom: 28px;
  }

  .box-history__box-btn {
    padding-top: 24px;
  }

  .box-history__box-desc-img .left {
    width: 59.118852459%;
  }

  .box-history__box-desc-img .left p {
    font-size: 17px;
  }

  .modal-history {
    padding: 0;
    overflow: hidden;
  }

  .modal-history__window {
    width: 100%;
    padding: 64px 30px 20px 64px;
  }

  .modal-history__wrapper {
    position: relative;
    padding-right: 34px;
    padding-bottom: 20px;
    overflow: auto;
    height: calc(100dvh - 64px - 82px);
  }

  .modal-history__wrapper.scroll-start::after {
    pointer-events: none;
    content: "";
    position: absolute;
    left: 0;
    right: 34px;
    bottom: 0;
    height: 111px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFF));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
  }

  .modal-history__wrapper::-webkit-scrollbar {
    width: 4px;
  }

  .modal-history__wrapper::-webkit-scrollbar-track {
    background-color: var(--gray, #F5F5F5);
  }

  .modal-history__wrapper::-webkit-scrollbar-thumb {
    background-color: var(--blue, #004A97);
  }

  .section-middle-title {
    font-size: 32px;
  }

  .box-film__desc {
    font-size: 18px;
    margin-bottom: 32px;
  }

  .box-video {
    height: 496px;
  }

  .box-book {
    padding: 32px;
  }

  .box-book__left {
    width: 48.2683982684%;
  }

  .box-book__right {
    width: 49.5670995671%;
  }

  .box-book__desc {
    -webkit-line-clamp: 5;
  }

  .swiper-production__wrapper-nav {
    left: 100px;
  }

  .card-production img {
    height: 528px;
  }

  .box-main-info {
    -ms-grid-columns: 65.1639344262% 32.7868852459%;
    grid-template-columns: 65.1639344262% 32.7868852459%;
    gap: 20px;
  }

  .box-main-info__nav {
    -ms-grid-row-span: 1;
    grid-row: span 1;
  }

  .box-main-info__contacts {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  .menu-aside {
    top: 100px;
    padding: 16px;
  }

  .menu-aside__link {
    padding: 12px;
    font-size: 16px;
  }

  .no-page {
    margin-top: 273px;
    height: 362px;
  }

  .no-page-box {
    width: 234px;
  }

  .no-page-box-img {
    width: 197px;
  }

  .no-page-box-desc {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
  }
}

@media (max-width: 1023px) {
  .map-objects-box {
    display: none;
  }

  .box-location {
    display: none;
  }

  .box-location.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .box-location__name {
    display: none;
  }

  .box-location__btn {
    display: none;
  }

  .box-location__content {
    opacity: 1;
    visibility: visible;
    position: static;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 100%;
  }

  .box-location__content::after {
    display: none;
  }

  .box-location__close {
    display: none;
  }

  .box-location__line-nav {
    padding: 0;
  }

  .card-location {
    border-radius: 20px 20px 0 0;
  }

  .card-location__box-img {
    height: 248px;
    max-height: 248px;
  }

  .card-location__info {
    padding: 16px 0px 20px 0px;
  }

  .box-point-wrapper {
    display: block;
  }

  .box-point .box-location {
    position: static !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }

  .box-point__box-drop-down {
    position: relative;
    margin-bottom: 20px;
    height: 52px;
    width: 100%;
  }
}

@media (max-width: 1000px) {
  .container-min {
    padding: 0 16px;
  }

  .container {
    padding: 0 16px;
  }

  .header {
    padding-top: 20px;
  }

  .header__wrapper {
    border-radius: 12px;
    padding: 0 16px 0 12px;
  }

  .header__top {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: none;
  }

  .header__bottom {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-120%);
        -ms-transform: translateX(-120%);
            transform: translateX(-120%);
    position: fixed;
    inset: 0;
    padding: 72px 16px 40px;
    background-color: #FFF;
    background-image: url("../img/header/bottom/bg.svg");
    background-repeat: no-repeat;
    background-position: bottom right;
    -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  }

  .header__bottom.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  .header__menu {
    height: 100%;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 70px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .header__menu .btn-close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 12;
    width: 40px;
    height: 40px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .header__nav-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 28px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }

  .header__contacts {
    position: fixed;
    inset: 0;
    z-index: 100;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(32px);
    padding: 60px 16px;
    -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  }

  .header__contacts.active {
    opacity: 1;
    visibility: visible;
  }

  .logo-head {
    max-width: 87px;
    height: 32px;
  }

  .logo-head__link.first {
    inset: 0 40% 0 0;
  }

  .logo-head__link.last {
    inset: 0 0 0 60%;
  }

  .modal-contacts__body {
    margin: auto 0;
    width: 100%;
  }

  .modal-contacts__window {
    margin-bottom: 12px;
    padding: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 20px;
    gap: 12px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    background-color: var(--white, #FFF);
  }

  .modal-contacts__window .btn-type-1 {
    margin-top: 12px;
    width: 100%;
    height: 52px;
    font-size: 16px;
    line-height: 125%;
  }

  .box-contact .text {
    font-size: 16px;
    line-height: 120%;
  }

  .box-contact a {
    font-size: 20px;
    line-height: 120%;
  }

  .btn-main {
    height: 52px;
    min-width: 100%;
    font-size: 16px;
    line-height: 125%;
  }

  .swiper-btn-type-1.--next {
    width: 48px;
  }

  .swiper-btn-type-1 {
    height: 48px;
    width: 48px;
  }

  .nav-link {
    height: 28px;
    font-size: 20px;
    line-height: 130%;
  }

  .foot-nav-link {
    font-size: 18px;
  }

  .all-link {
    width: auto;
    height: 48px;
    padding: 5px 31px;
    min-width: auto;
    gap: 4px;
    font-size: 16px;
    line-height: 125%;
  }

  .arrow-link {
    width: 100%;
    height: 48px;
    padding: 5px 31px;
    min-width: auto;
    gap: 4px;
    font-size: 16px;
    line-height: 125%;
  }

  .download-link {
    width: 100%;
  }

  .drop-down-type-1__main-btn.active .svg {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  .drop-down-type-1__main-btn {
    gap: 2px;
    height: 28px;
    font-size: 20px;
    line-height: 130%;
  }

  .drop-down-type-1__main-btn .svg {
    width: 20px;
    height: 28px;
    color: #00cb62;
  }

  .drop-down-type-1__main-btn .svg svg {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
  }

  .drop-down-type-1__box {
    position: fixed;
    inset: 0;
    padding: 27px 16px;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 28px;
    background-image: url("../img/header/bottom/bg.svg");
    background-repeat: no-repeat;
    background-position: bottom right;
  }

  .drop-down-type-1__box.active {
    opacity: 1;
    visibility: visible;
  }

  .drop-down-type-1__box::before {
    display: none;
  }

  .drop-down-type-1__list {
    gap: 28px;
    max-height: 100%;
    overflow: auto;
  }

  .drop-down-type-1__item-link {
    font-size: 20px;
    line-height: 130%;
  }

  .footer {
    padding: 36px 0 28px;
  }

  .footer__top {
    padding-bottom: 44px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: 1px solid var(--gray-10, #EAEAEA);
  }

  .footer__top-left {
    width: 100%;
    position: static;
  }

  .footer__top-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 36px;
  }

  .footer__nav {
    padding-top: 36px;
  }

  .footer__list {
    max-width: 350px;
    -webkit-column-gap: 60px;
       -moz-column-gap: 60px;
            column-gap: 60px;
    row-gap: 28px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }

  .footer__address {
    width: 100%;
    padding: 0;
    border: none;
  }

  .footer__bottom {
    padding-top: 44px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 24px;
  }

  .footer__bottom-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }

  .logo-foot {
    height: 40px;
    max-width: 328px;
  }

  .hero {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    padding-top: 60px;
    padding-bottom: 28px;
  }

  .hero__wrapper {
    max-width: 100%;
    gap: 140px;
  }

  .hero__desc {
    max-width: 330px;
    font-size: 25px;
  }

  .line-news__box-swiper {
    margin: 0 -16px;
  }

  .line-news__box-swiper .static-grour-btn {
    padding: 0 16px;
  }

  .static-line-title {
    margin-bottom: 24px;
  }

  .static-min-line-title {
    margin-bottom: 16px;
  }

  .static-grour-btn {
    padding-top: 20px !important;
  }

  .static-grour-swiper-btn {
    gap: 4px;
  }

  .static-box-p {
    gap: 24px;
    font-size: 18px;
  }

  .static-box-min-p {
    font-size: 18px;
  }

  .static-box-p-ul {
    font-size: 18px;
  }

  .static-box-p-ul ul {
    gap: 12px;
  }

  .static-box-min-min-p {
    font-size: 16px;
  }

  .static-tab__btn {
    font-size: 16px;
    padding: 20px 16px;
  }

  .static-tab__btn .svg {
    width: 28px;
    height: 28px;
  }

  .static-tab__box {
    padding: 20px 16px;
    gap: 28px;
    font-size: 16px;
  }

  .static-middle-line-title {
    margin-bottom: 24px;
  }

  .section-title {
    font-size: 28px;
  }

  .swiper-line-news {
    padding: 0 16px;
  }

  .card-line-news__link {
    padding: 16px;
  }

  .card-line-news__box-img::before {
    padding-top: 78.32%;
  }

  .card-line-news__title {
    font-size: 18px;
  }

  .tag {
    font-size: 14px;
    line-height: 142.857%;
  }

  .tag-type-1 {
    height: 28px;
    padding: 2px 8px;
    font-size: 13px;
    line-height: 153.846%;
  }

  .card-line-product {
    padding: 24px;
    min-height: 268px;
  }

  .card-line-product__tags {
    gap: 4px;
  }

  .card-line-product__title {
    font-size: 24px;
    line-height: 125%;
    letter-spacing: 0.24px;
  }

  .card-line-partners {
    padding: 24px 36px;
    max-width: 204px;
    height: 120px;
  }

  .box-vacancies {
    min-height: 300px;
  }

  .box-vacancies__left {
    padding: 24px;
    background-image: url("../img/box-vacancies/bg1000.svg");
  }

  .box-vacancies__left::before {
    display: none;
  }

  .box-vacancies__right {
    display: none;
  }

  .box-vacancies__title {
    font-size: 28px;
  }

  .box-vacancies .all-link {
    max-width: 100%;
  }

  .box-about__line-supplies .all-link {
    display: none;
  }

  .box-about__supplies-title h4 {
    display: block;
    font-size: 56px;
    line-height: normal;
    margin-bottom: 6px;
  }

  .box-about__supplies-title p {
    padding-left: 0;
    max-width: 100%;
    font-size: 17px;
  }

  .box-counter {
    padding-bottom: 0;
    border-bottom: none;
  }

  .box-counter__list {
    gap: 22px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .card-counter .counter__number {
    font-size: 56px;
  }

  .card-counter .counter__desc {
    color: var(--black, #000);
    max-width: 100%;
    font-size: 17px;
  }

  .card-advantages {
    gap: 16px;
  }

  .card-advantages__box-info h4 {
    font-size: 17px;
    line-height: 125%;
    letter-spacing: 0.17px;
  }

  .card-advantages__box-info p {
    font-size: 14px;
  }

  .path {
    padding-top: 100px;
    padding-bottom: 24px;
  }

  .path__list {
    display: none;
  }

  .path__box-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .path__link-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: var(--black, #000);
  }

  .path__link-back svg {
    pointer-events: none;
  }

  .path__link-back .text {
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .path__link-back:focus,
  .path__link-back:focus-visible {
    outline: none;
  }

  .title-page .title {
    font-size: 28px;
  }

  .section-min-title {
    font-size: 20px;
  }

  .box-back {
    margin-bottom: 28px;
  }

  .box-back__line {
    padding: 28px 0;
  }

  .section-news__top {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }

  .section-news__bottom-title {
    margin-bottom: 24px;
    font-size: 28px;
  }

  .main-article {
    padding: 28px 24px 24px;
    gap: 16px;
    background-size: 72px 72px;
  }

  .main-article p {
    font-size: 17px;
  }

  .main-article__person {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }

  .section-contacts {
    gap: 36px;
  }

  .section-contacts__group-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }

  .section-contacts__group-info .border {
    display: none;
  }

  .section-contacts__info.first .box-contact .text {
    font-size: 15px;
  }

  .section-contacts__info.first .box-contact .info {
    font-size: 18px;
    letter-spacing: 0.216px;
  }

  .section-contacts__info .box-contact .text {
    font-size: 15px;
  }

  .section-contacts__info .box-contact .info {
    font-size: 18px;
  }

  .section-contacts__info .box-contact a {
    font-size: 18px;
  }

  .section-contacts .map-contacts {
    min-height: 272px;
  }

  .section-contacts-requisites {
    padding: 24px;
    gap: 24px;
  }

  .section-contacts-requisites__title {
    font-size: 20px;
    inset: 0 40px 0 0;
  }

  .section-contacts-requisites__box-info {
    gap: 24px;
  }

  .section-contacts-requisites__group-info {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .section-contacts-requisites__main-info {
    font-size: 17px;
  }

  .section-contacts-requisites__btn-copy {
    height: 56px;
    font-size: 17px;
  }

  .box-contact-info .info {
    font-size: 17px;
  }

  .form-type-1 {
    min-height: 495px;
    padding: 20px;
    background-image: url("../img/form-type-1/1-1000.svg");
  }

  .form-type-1__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }

  .form-type-1__left {
    max-width: 280px;
    font-size: 22px;
  }

  .form-type-1__right {
    width: 100%;
  }

  .form-type-1__desc {
    margin-bottom: 19px;
    font-size: 14px;
  }

  .form-type-1__group-input {
    gap: 11px;
  }

  .form-type-1__submit {
    height: 56px;
    font-size: 16px;
    line-height: 150%;
  }

  .input-type-1__input {
    font-size: 16px;
  }

  .input-type-checkbox__desc {
    font-size: 13px;
  }

  .box-job-open {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }

  .box-job-open__right {
    width: 100%;
  }

  .box-job-open__box-search {
    margin-bottom: 16px;
  }

  .card-contacts-hr {
    position: static;
  }

  .card-contacts-hr__top {
    padding: 24px;
  }

  .card-contacts-hr__title {
    margin-bottom: 16px;
  }

  .card-contacts-hr__group-contact {
    gap: 12px;
  }

  .card-contacts-hr__group-contact .box-contact.mail a {
    font-size: 17px;
  }

  .card-contacts-hr__group-contact .box-contact .text {
    font-size: 14px;
  }

  .card-contacts-hr__group-contact .box-contact .info {
    font-size: 17px;
  }

  .input-type-search {
    background-size: 28px 28px;
    background-position: left 12px center;
  }

  .input-type-search__input {
    padding: 16px 16px 16px 46px;
    font-size: 16px;
  }

  .box-join {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 44px;
    background-image: url("../img/box-join/bg-1000.svg");
    padding: 24px;
  }

  .box-join__left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }

  .box-join__right {
    width: 100%;
  }

  .drop-down-filter-1 {
    width: 100%;
  }

  .drop-down-filter-1__btn {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
  }

  .box-products__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .card-products {
    padding: 20px;
    height: 284px;
  }

  .card-products__title {
    font-size: 22px;
    letter-spacing: 0.22px;
  }

  .card-products__link {
    padding: 20px;
  }

  .card-products__background {
    display: none;
  }

  .card-products__group-name .title {
    font-size: 22px;
    letter-spacing: 0.22px;
  }

  .modal {
    padding: 30px 16px;
  }

  .textarea-type-1__textarea {
    font-size: 16px;
  }

  .line-skroll-nav {
    margin: 0 -16px;
  }

  .line-skroll-nav__list {
    padding: 0 16px;
  }

  .line-skroll-nav__btn {
    height: 48px;
    font-size: 15px;
  }

  .box-product__line-title .title {
    font-size: 24px;
    line-height: 125%;
  }

  .box-product__box-desc-swiper {
    gap: 24px;
  }

  .box-product__box-desc-swiper .bottom {
    gap: 24px;
  }

  .count-info {
    padding: 35px 34px 16px 34px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .count-info img {
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }

  .count-info__top {
    display: block;
    text-align: center;
    font-size: 64px;
  }

  .count-info__bottom {
    max-width: 230px;
    text-align: center;
  }

  .swiper-product__wrapper-nav {
    left: 16px;
    right: 16px;
    bottom: 16px;
  }

  .swiper-product-pagination {
    width: 44px;
    height: 44px;
    font-size: 13px;
    gap: 1;
    line-height: 153.846%;
  }

  .swiper-product .swiper-btn-type-1 {
    width: 44px;
    height: 44px;
  }

  .card-product-img img {
    min-height: 328px;
  }

  .line-order {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    max-width: 450px;
    margin: 0 auto;
    padding: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 44px;
    background-image: url("../img/line-order/bg-991.svg");
  }

  .line-order__desc {
    text-align: start;
  }

  .line-order__btn {
    height: 52px;
    width: 100%;
    font-size: 16px;
  }

  .box-product-review {
    padding: 24px;
    max-width: 450px;
    margin: 0 auto;
  }

  .box-product-review__title {
    margin-bottom: 16px;
  }

  .card-product-review__left {
    display: none;
  }

  .card-product-review__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }

  .card-product-review-hidden-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .card-product-review__box-img img {
    height: 396px;
  }

  .swiper-about .swiper-slide-active .card-about {
    width: 100%;
  }

  .swiper-about .swiper-slide-active .card-about__box-img img {
    min-height: 272px;
  }

  .card-about {
    width: 100%;
  }

  .card-about__box-img img {
    margin-bottom: 24px;
    min-height: 272px;
    max-height: 272px;
  }

  .card-about__info {
    position: static;
    gap: 12px;
    height: auto;
    opacity: 1;
    visibility: visible;
  }

  .card-about__title {
    font-size: 20px;
    -webkit-line-clamp: 2;
  }

  .card-about__desc {
    -webkit-line-clamp: 4;
  }

  .box-desc-link {
    display: none;
  }

  .box-history {
    padding: 24px 8px;
    margin: 0 16px;
  }

  .box-history__title {
    font-size: 28px;
    margin-bottom: 24px;
  }

  .box-history__box-desc-img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }

  .box-history__box-desc-img .left {
    width: 100%;
  }

  .box-history__box-desc-img .left__text-wrapper {
    -webkit-line-clamp: 28;
  }

  .box-history__box-desc-img .left p {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .box-history__box-desc-img .right {
    max-height: 224px;
  }

  .box-history__box-desc-img .right img {
    max-height: 224px;
  }

  .modal-history {
    padding: 0;
  }

  .modal-history__window {
    padding: 14px;
  }

  .modal-history__title {
    font-size: 32px;
    margin-bottom: 16px;
  }

  .modal-history__wrapper {
    font-size: 16px;
    gap: 16px;
    padding-right: 14px;
    height: calc(100dvh - 14px - 56px);
  }

  .modal-history__wrapper.scroll-start::after {
    right: 14px;
    height: 80px;
  }

  .box-licenses .static-tab__btn {
    padding: 16px;
    font-size: 18px;
  }

  .section-middle-title {
    font-size: 28px;
  }

  .swiper-licenses {
    margin: 0 -16px;
    padding: 0 16px;
  }

  .card-licenses {
    width: 191px;
  }

  .card-licenses__box-img .marker {
    display: none;
  }

  .box-film__desc {
    font-size: 16px;
    margin-bottom: 24px;
  }

  .box-video-play {
    width: 60px;
    height: 40px;
  }

  .box-book {
    padding: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .box-book__left {
    width: 100%;
    gap: 20px;
  }

  .box-book__right {
    display: none;
  }

  .box-book__mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .box-book__bottom {
    padding-top: 4px;
  }

  .box-book__desc {
    font-size: 16px;
  }

  .swiper-production__wrapper-nav {
    left: 36px;
    right: 24px;
    bottom: 24px;
  }

  .swiper-production .swiper-btn-type-1 {
    width: 44px;
    height: 44px;
  }

  .swiper-production-pagination {
    width: 44px;
    height: 44px;
    font-size: 14px;
  }

  .card-production {
    border-radius: 0 50px 0 100px;
  }

  .card-production img {
    height: 356px;
    border-radius: 0 50px 0 100px;
  }

  .box-main-info {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 88px;
  }

  .box-main-info__nav {
    display: none;
  }

  .box-main-info__contacts {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }

  .box-hr-contacts {
    padding: 24px;
    background-image: url("../img/box-hr-contacts/bg-1000.svg");
    background-position: right bottom;
    background-size: auto;
  }

  .box-hr-contacts__title {
    font-size: 22px;
  }

  .box-hr-contacts__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .nav-menu-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .no-page {
    margin-top: 232px;
    height: 251px;
  }

  .no-page-box-img {
    padding: 20px 0;
    width: 150px;
  }

  .no-page-box-desc {
    font-size: 16px;
  }

  .no-page-box-link {
    height: 48px;
    font-size: 16px;
  }
}

@media (max-width: 550px) {
  .mt-148 {
    margin-top: 88px;
  }

  .mt-96 {
    margin-top: 56px;
  }

  .mt-64 {
    margin-top: 22px;
  }

  .mt-44 {
    margin-top: 22px;
  }

  .mt-32 {
    margin-top: 24px;
  }

  .mt-16 {
    margin-top: 12px;
  }

  .modal {
    padding: 20px 10px;
  }

  .online-order__window {
    padding: 35px 15px 20px;
  }

  .online-order__close {
    top: 15px;
    right: 15px;
    width: 36px;
    height: 36px;
  }

  .online-order__wrapper {
    gap: 20px;
  }

  .online-order__title {
    padding: 0 10px;
    font-size: 24px;
  }

  .online-order__group-input {
    gap: 8px;
  }

  .online-order__group-submit {
    gap: 8px;
  }

  .modal-history {
    padding: 0;
  }

  .box-video {
    height: 272px;
  }
}

@media (max-width: 1100px) and (min-width: 1000px) {
  .section-news .another-news .swiper-wrapper {
    gap: 20px;
  }

  .section-news .another-news .card-line-news {
    min-height: 188px;
  }

  .section-news .another-news .card-line-news__box-img {
    width: 213px;
    height: 188px;
  }

  .section-news .another-news .card-line-news__link {
    padding: 0 0 0 233px;
  }

  .section-news .another-news .card-line-news__title .desc {
    font-size: 17px;
  }
}