@font-face {
  font-family: "GothamPro";
  src: url(../fonts/GothamProLight.ttf);
  font-weight: 300;
}
@font-face {
  font-family: "GothamPro";
  src: url(../fonts/GothamProRegular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: "GothamPro";
  src: url(../fonts/GothamProMedium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: "GothamPro";
  src: url(../fonts/GothamProBlack.ttf);
  font-weight: 600;
}
:root {
  --color-black--rgb: 0, 0, 0;
  --color-black: #000000;
  --color-white--rgb: 255, 255, 255;
  --color-white: #ffffff;
  --color-green--rgb: 192, 210, 0;
  --color-green: #C0D200;
  --color-grey-100--rgb: 68, 68, 68;
  --color-grey-100: #444444;
  --color-grey-200--rgb: 105, 103, 103;
  --color-grey-200: #696767;
  --color-grey-300--rgb: 243, 246, 247;
  --color-grey-300: #F3F6F7;
  --color-grey-400--rgb: 238, 242, 246;
  --color-grey-400: #EEF2F6;
  --color-blue-100--rgb: 7, 78, 162;
  --color-blue-100: #074EA2;
  --color-blue-200--rgb: 213, 228, 241;
  --color-blue-200: #D5E4F1;
  --color-red--rgb: 255, 0, 0;
  --color-red: #FF0000;
  --color-pink--rgb: 227, 13, 110;
  --color-pink: #E30D6E;
}

@media (min-width: 1200px) {
  :root {
    --wrap: calc((100vw - 1130px) / 2);
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  :root {
    --wrap: 5vw;
  }
}
@media (max-width: 899px) {
  :root {
    --wrap: 5vw;
  }
}

.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media (min-width: 900px) {
  .menu {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 580px;
  }
}
@media (max-width: 899px) {
  .menu {
    position: fixed;
    top: 0;
    right: 0;
    max-width: 400px;
    height: 100vh;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    padding: 40px;
    background-color: var(--color-white);
    z-index: 10;
  }
}
@media (max-width: 899px) {
  .menu:not(._active) {
    right: -100%;
    visibility: hidden;
  }
}
.menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media (min-width: 900px) {
  .menu__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 14px;
  }
}
@media (max-width: 899px) {
  .menu__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 30px;
  }
}
.menu__list li {
  position: relative;
  margin: 0;
}
.menu__list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: var(--color-black);
  text-transform: uppercase;
  font-weight: 500;
  line-height: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
html:not(.v-mobile) .menu__list li a:hover {
  color: var(--color-blue-100);
}
html:not(.v-mobile) .menu__list li a:focus-visible {
  color: var(--color-blue-100);
}

@media (min-width: 900px) {
  .menu__list li a {
    font-size: 12px;
  }
}
@media (max-width: 899px) {
  .menu__list li a {
    font-size: 16px;
  }
  .has_submenu._active > a {
    margin-bottom: 10px;
  }
}
.menu__list li svg {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 900px) {
  .has_submenu:hover svg {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@media (max-width: 899px) {
  .has_submenu._active svg {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
.menu__submenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 900px) {
  .menu__submenu {
    position: absolute;
    top: 100%;
    left: -10px;
    background-color: var(--color-white);
    padding: 10px;
  }
  .has_submenu:hover .menu__submenu {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 899px) {
  .menu__submenu {
    height: 0;
  }
  .has_submenu._active .menu__submenu {
    opacity: 1;
    visibility: visible;
    height: 100%;
  }
}
.menu__close {
  position: absolute;
  top: 20px;
  right: 20px;
}
@media (min-width: 900px) {
  .menu__close {
    display: none;
  }
}
@media (min-width: 900px) {
  .menu__open {
    display: none;
  }
}

* {
  -webkit-tap-highlight-color: transparent;
}

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

* {
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
@media (max-width: 899px) {
  * {
    outline: none;
  }
}

body,
input,
textarea,
button,
select {
  font-family: "GothamPro", sans-serif;
}

body {
  --header: 0;
  --footer: 0;
  overflow-x: hidden;
}
body._lock {
  overflow: hidden;
}

a {
  text-decoration: none;
}

p {
  margin: 0;
}

ol,
ul {
  padding: 0;
}

ul {
  list-style: none;
  margin: 0;
}
ul > * + * {
  margin-top: 12px;
}
ul li {
  position: relative;
}

strong {
  font-weight: 500;
}

html,
body {
  position: relative;
  color: var(--color-grey-100);
  font-family: "GothamPro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 180%;
  margin: 0;
  padding: 0;
}

._container {
  width: 100%;
  padding: 0 var(--wrap);
}

section._no-margin {
  margin: 0 !important;
}
@media (min-width: 1200px) {
  section {
    padding: 55px 0;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  section {
    padding: 40px 0;
  }
}
@media (max-width: 899px) {
  section {
    padding: 30px 0;
  }
}
section._bg {
  background-color: var(--color-blue-200);
}
@media (min-width: 1200px) {
  section._bg {
    padding: 110px 0;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  section._bg {
    padding: 80px 0;
  }
}
@media (max-width: 899px) {
  section._bg {
    padding: 60px 0;
  }
}
@media (min-width: 1200px) {
  section:not(._bg) + ._bg {
    margin-top: 55px;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  section:not(._bg) + ._bg {
    margin-top: 40px;
  }
}
@media (max-width: 899px) {
  section:not(._bg) + ._bg {
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  section._bg + section:not(._bg) {
    margin-top: 55px;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  section._bg + section:not(._bg) {
    margin-top: 40px;
  }
}
@media (max-width: 899px) {
  section._bg + section:not(._bg) {
    margin-top: 30px;
  }
}

h1,
.h1 {
  margin: 0;
  font-weight: 400;
  line-height: 130%;
  color: var(--color-black);
}
@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 54px;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  h1,
  .h1 {
    font-size: 32px;
  }
}
@media (max-width: 899px) {
  h1,
  .h1 {
    font-size: 28px;
  }
}

h2,
.h2 {
  margin: 0;
  font-weight: 400;
  line-height: 130%;
  color: var(--color-black);
}
@media (min-width: 1200px) {
  h2,
  .h2 {
    font-size: 45px;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  h2,
  .h2 {
    font-size: 32px;
  }
}
@media (max-width: 899px) {
  h2,
  .h2 {
    font-size: 24px;
  }
}

h3,
.h3 {
  margin: 0;
  color: var(--color-black);
  font-family: "GothamPro", sans-serif;
  font-weight: 700;
  line-height: 110%;
}
@media (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 24px;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  h3,
  .h3 {
    font-size: 22px;
  }
}
@media (max-width: 899px) {
  h3,
  .h3 {
    font-size: 18px;
  }
}

._section-suptitle {
  color: var(--color-blue-100);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

._button {
  --bg-color: var(--color-blue-100);
  --bg-hover-color: var(--color-white);
  --text-color: var(--color-white);
  --text-hover-color: var(--color-blue-100);
  font-family: "GothamPro", sans-serif;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--text-color);
  background-color: var(--bg-color);
  border: 1px solid var(--bg-color);
  border-radius: 50px;
  padding: 20px 40px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.08em;
  text-align: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  cursor: pointer;
}
._button:hover {
  background-color: var(--bg-hover-color);
  color: var(--text-hover-color);
  border: 1px solid var(--text-hover-color);
}
._button:focus-visible {
  background-color: var(--bg-hover-color);
  color: var(--text-hover-color);
  border: 1px solid var(--text-hover-color);
}
@media (max-width: 899px) {
  ._button {
    padding: 12px 18px;
    border-radius: 20px;
  }
}
._button-pink {
  --bg-color: var(--color-pink);
  --bg-hover-color: transparent;
  --text-color: var(--color-white);
}
._button-white {
  --bg-color: var(--color-white);
}

._input {
  font-family: "GothamPro", sans-serif;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--color-black);
  background-color: var(--color-white);
  border: none;
  border-radius: 50px;
  padding: 20px 26px;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.08em;
  cursor: pointer;
}
._input::-webkit-input-placeholder {
  color: rgba(var(--color-black--rgb), 0.45);
}
._input::-moz-placeholder {
  color: rgba(var(--color-black--rgb), 0.45);
}
._input:-ms-input-placeholder {
  color: rgba(var(--color-black--rgb), 0.45);
}
._input::-ms-input-placeholder {
  color: rgba(var(--color-black--rgb), 0.45);
}
._input::placeholder {
  color: rgba(var(--color-black--rgb), 0.45);
}
._input:focus-visible {
  outline: 1px solid var(--color-blue-100);
}
._input:focus {
  outline: 1px solid var(--color-blue-100);
}
@media (max-width: 899px) {
  ._input {
    padding: 12px 16px;
    border-radius: 20px;
  }
}

._link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--color-blue-100);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
html:not(.v-mobile) ._link:hover {
  color: var(--color-black);
}
html:not(.v-mobile) ._link:focus-visible {
  color: var(--color-black);
}

.swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
.swiper-button-prev {
  width: 16px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  top: 0;
}
.swiper-button-prev:after {
  content: "";
}
.swiper-button-prev svg {
  width: 100%;
  height: auto;
}
html:not(.v-mobile) .swiper-button-prev:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
html:not(.v-mobile) .swiper-button-prev:focus-visible {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.swiper-button-next {
  width: 16px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  top: 100%;
}
.swiper-button-next:after {
  content: "";
}
.swiper-button-next svg {
  width: 100%;
  height: auto;
}
html:not(.v-mobile) .swiper-button-next:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
html:not(.v-mobile) .swiper-button-next:focus-visible {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.swiper-pagination {
  --swiper-pagination-color: var(--color-blue-100);
  --swiper-pagination-top: calc(100% + 50px);
  --swiper-pagination-bullet-width: 12px;
  --swiper-pagination-bullet-height: 12px;
}

.breadcrumbs {
  position: relative;
  padding: 20px 0;
  font-size: 14px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  overflow: auto;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.breadcrumbs a {
  color: var(--color-black);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
html:not(.v-mobile) .breadcrumbs a:hover {
  color: var(--color-blue-100);
}
html:not(.v-mobile) .breadcrumbs a:focus-visible {
  color: var(--color-blue-100);
}

.breadcrumbs span {
  color: var(--color-black);
}
.breadcrumbs-white span {
  color: var(--color-white);
}
.breadcrumbs-white a {
  color: var(--color-white);
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  overflow-x: auto;
  margin-top: 45px;
}
.pagination a {
  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(-color-green);
  color: var(--color-black);
  border-radius: 50px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.pagination a:not(._last) {
  font-family: "GothamPro", sans-serif;
  font-size: 22px;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
}
.pagination a._last {
  font-family: "GothamPro", sans-serif;
  font-size: 15px;
  padding: 0 45px;
}
html:not(.v-mobile) .pagination a:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}
html:not(.v-mobile) .pagination a:focus-visible {
  background-color: var(--color-black);
  color: var(--color-white);
}

.navigation {
  position: absolute;
  top: 0;
  left: var(--wrap-1);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
}
@media (max-width: 899px) {
  .navigation {
    display: none;
  }
}
.navigation__wrapper {
  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;
  height: 100%;
}
.navigation-item {
  position: relative;
  font-weight: 400;
  padding: 12px 0 12px 22px;
}
.navigation-item.active:before {
  background-color: var(--color-pink);
}
.navigation-item span {
  opacity: 0;
  visibility: hidden;
  color: var(--color-pink);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.navigation-item:hover span {
  opacity: 1;
  visibility: visible;
}

.navigation-item:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #D9D9D9;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
html:not(.v-mobile) .navigation-item:hover:before {
  background-color: var(--color-pink);
}
html:not(.v-mobile) .navigation-item:focus-visible:before {
  background-color: var(--color-pink);
}

.toppanel {
  position: relative;
  background-color: var(--color-blue-200);
  padding: 10px 0;
  z-index: 2;
}
.toppanel__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 70px;
}
@media (max-width: 899px) {
  .toppanel__wrapper {
    gap: 30px;
  }
}
.toppanel__item {
  color: var(--color-black);
  font-size: 12px;
  letter-spacing: 0.08em;
  line-height: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
html:not(.v-mobile) .toppanel__item:hover {
  color: var(--color-blue-100);
}
html:not(.v-mobile) .toppanel__item:focus-visible {
  color: var(--color-blue-100);
}

@media (max-width: 899px) {
  .toppanel__item-phone {
    margin-left: auto;
  }
}
@media (max-width: 899px) {
  .toppanel__item-phone span {
    display: none;
  }
}
.toppanel__item svg {
  min-width: 16px;
  height: auto;
}
.toppanel__lang {
  position: relative;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 400;
}
@media (min-width: 900px) {
  .toppanel__lang {
    margin-left: auto;
  }
}
.toppanel__lang span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: var(--color-blue-100);
}
.toppanel__lang ul {
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.toppanel__lang:hover ul {
  opacity: 1;
  visibility: visible;
}

.toppanel__lang a {
  color: var(--color-blue-100);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
html:not(.v-mobile) .toppanel__lang a:hover {
  color: var(--color-black);
}
html:not(.v-mobile) .toppanel__lang a:focus-visible {
  color: var(--color-black);
}

.header {
  font-size: 16px;
  padding: 26px 0;
  width: 100%;
  z-index: 10;
}
@media (min-width: 900px) {
  .header {
    position: relative;
  }
}
.header__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}
.header__logo {
  max-width: 212px;
}
@media (max-width: 899px) {
  .header__logo {
    max-width: 150px;
  }
}
.header__logo img {
  width: 100%;
  height: auto;
}
.header__button {
  padding: 16px 40px;
}
@media (max-width: 899px) {
  .header__button {
    display: none;
  }
}

.banner._bg {
  padding: 0;
}
.banner__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 10fr 9fr;
  grid-template-columns: 10fr 9fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 899px) {
  .banner__wrapper {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.banner__main {
  width: 100%;
}
@media (min-width: 1200px) {
  .banner__main {
    padding: 145px 100px 145px var(--wrap);
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .banner__main {
    padding: 100px var(--wrap);
  }
}
@media (max-width: 899px) {
  .banner__main {
    padding: 50px var(--wrap);
  }
}
.banner__main-suptitle {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-blue-100);
  text-transform: uppercase;
}
.banner__main-title {
  margin-top: 18px;
}
@media (max-width: 899px) {
  .banner__main-title {
    margin-top: 12px;
  }
}
.banner__main-text {
  margin-top: 24px;
  font-size: 14px;
  color: var(--color-grey-100);
  line-height: 182%;
}
@media (max-width: 899px) {
  .banner__main-text {
    margin-top: 14px;
    line-height: 130%;
  }
}
.banner__main-button {
  margin-top: 28px;
}
@media (max-width: 899px) {
  .banner__main-button {
    margin-top: 18px;
  }
}
.banner__image {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (max-width: 899px) {
  .banner__image {
    display: none;
  }
}
.banner__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1921px) {
  .banner__image img {
    padding-right: var(--wrap);
  }
}

.about__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 10fr 100px 9fr;
  grid-template-columns: 10fr 9fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 100px;
}
@media (min-width: 900px) and (max-width: 1199px) {
  .about__wrapper {
    gap: 70px;
  }
}
@media (max-width: 899px) {
  .about__wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 50px;
  }
}
.about__main-title {
  margin-top: 24px;
}
@media (max-width: 899px) {
  .about__main-title {
    margin-top: 14px;
  }
}
.about__main-sub {
  font-size: 24px;
  line-height: 58.5px;
}
.about__main-text {
  margin-top: 14px;
  line-height: 182%;
}
@media (max-width: 899px) {
  .about__main-text {
    margin-top: 14px;
    line-height: 130%;
  }
}
.about__main-button {
  margin-top: 24px;
}
@media (max-width: 899px) {
  .about__main-button {
    margin-top: 18px;
  }
}
.about__image {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (max-width: 899px) {
  .about__image {
    max-width: 340px;
    margin: 0 auto;
  }
}
.about__image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (max-width: 899px) {
  .about__image-wrapper {
    margin: 0 auto;
  }
}
.about__image-wrapper img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.about__bottom {
  margin-top: 32px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 55px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 55px;
}
@media (max-width: 899px) {
  .about__bottom {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-top: 20px;
    gap: 20px;
  }
}

.services__wrapper {
  position: relative;
  display: -ms-grid;
  display: grid;
  gap: 72px;
}
@media (max-width: 899px) {
  .services__wrapper {
    gap: 40px;
  }
}
.services__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}
.services__title {
  max-width: 440px;
}
@media (max-width: 899px) {
  .services__title {
    padding-top: 100px;
  }
}
.services__image {
  position: absolute;
  top: -80px;
  right: 0;
}
@media (max-width: 899px) {
  .services__image {
    top: -90px;
    width: 100%;
  }
}
.services__image-wrapper {
  position: relative;
}
@media (max-width: 899px) {
  .services__image-wrapper {
    text-align: center;
  }
}
.services__image-wrapper img {
  position: relative;
  top: 0;
  right: 0;
  max-width: 500px;
  width: 100%;
  height: auto;
}
@media (min-width: 900px) and (max-width: 1199px) {
  .services__image-wrapper img {
    max-width: 400px;
  }
}
@media (max-width: 899px) {
  .services__image-wrapper img {
    max-width: 300px;
  }
}
.services__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 50px 1fr 50px 1fr 50px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 80px 50px;
}
@media (max-width: 899px) {
  .services__list {
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
.services__item-title {
  font-size: 20px;
  line-height: 125%;
  margin-top: 18px;
  color: var(--color-black);
}
.services__item-text {
  margin-top: 10px;
}
.services__item-link {
  margin-top: 24px;
}

.team__suptitle {
  text-align: center;
}
.team__title {
  margin-top: 16px;
  text-align: center;
}
.team__slider {
  position: relative;
  margin-top: 60px;
}
.team__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-top: 60px;
}
@media (min-width: 900px) {
  .team__list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 899px) {
  .team__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
.team__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  width: 100%;
  max-width: 558px;
  border-radius: 10px;
  overflow: hidden;
}
.team__item-image {
  position: relative;
  width: 100%;
  padding-top: 108%;
  overflow: hidden;
}
html:not(.v-mobile) .team__item-image:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
html:not(.v-mobile) .team__item-image:focus-visible img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.team__item-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
.team__item-info {
  display: -ms-grid;
  display: grid;
  justify-items: start;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: var(--color-blue-200);
  padding: 30px;
}
@media (max-width: 899px) {
  .team__item-info {
    padding: 20px;
  }
}
.team__item-name {
  font-size: 20px;
  font-weight: 500;
  color: var(--color-black);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
html:not(.v-mobile) .team__item-name:hover {
  color: var(--color-blue-100);
}
html:not(.v-mobile) .team__item-name:focus-visible {
  color: var(--color-blue-100);
}

.team__item-pos {
  color: var(--color-blue-100);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-top: 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 170%;
}
.team__item-link {
  margin-top: 20px;
}

.cta__wrapper {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 130px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 130px;
}
@media (max-width: 899px) {
  .cta__wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.cta__bg {
  position: absolute;
  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%;
  z-index: 1;
}
.cta__form {
  position: relative;
  display: -ms-grid;
  display: grid;
  gap: 36px;
  z-index: 2;
}
@media (max-width: 899px) {
  .cta__form {
    gap: 24px;
  }
}
.cta__form form {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@media (max-width: 899px) {
  .cta__form form {
    max-width: 440px;
  }
}
.cta__form form input {
  width: 100%;
}
.cta__contacts {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 26px;
  z-index: 2;
}
@media (max-width: 899px) {
  .cta__contacts svg {
    width: 60px;
  }
}
.cta__contacts-box {
  display: -ms-grid;
  display: grid;
  gap: 2px;
}
.cta__contacts-box p {
  font-size: 12px;
  font-weight: 500;
}
.cta__contacts-box a {
  font-size: 36px;
  font-weight: 500;
  color: var(--color-black);
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  line-height: 130%;
}
html:not(.v-mobile) .cta__contacts-box a:hover {
  color: var(--color-blue-100);
}
html:not(.v-mobile) .cta__contacts-box a:focus-visible {
  color: var(--color-blue-100);
}

@media (min-width: 900px) and (max-width: 1199px) {
  .cta__contacts-box a {
    font-size: 24px;
  }
}
@media (max-width: 899px) {
  .cta__contacts-box a {
    font-size: 20px;
  }
}

.reasons__wrapper {
  display: -ms-grid;
  display: grid;
  justify-items: center;
  gap: 60px;
}
@media (max-width: 899px) {
  .reasons__wrapper {
    gap: 40px;
  }
}
.reasons__title {
  text-align: center;
}
.reasons__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (255px)[2];
  grid-template-columns: repeat(2, 255px);
  justify-items: center;
}
@media (min-width: 900px) {
  .reasons__list {
    margin-top: -190px;
    gap: 75px 128px;
  }
}
@media (max-width: 899px) {
  .reasons__list {
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
.reasons__item {
  display: -ms-grid;
  display: grid;
  justify-items: center;
  -ms-flex-line-pack: start;
      align-content: start;
  gap: 16px;
}
@media (min-width: 1200px) {
  .reasons__item:nth-child(1) {
    -webkit-transform: translateX(-200px);
            transform: translateX(-200px);
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .reasons__item:nth-child(1) {
    -webkit-transform: translateX(-120px);
            transform: translateX(-120px);
  }
}
@media (min-width: 1200px) {
  .reasons__item:nth-child(2) {
    -webkit-transform: translateX(200px);
            transform: translateX(200px);
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .reasons__item:nth-child(2) {
    -webkit-transform: translateX(120px);
            transform: translateX(120px);
  }
}
.reasons__item-icon {
  max-width: 48px;
  height: auto;
}
.reasons__item-text {
  text-align: center;
}

.steps__wrapper {
  display: -ms-grid;
  display: grid;
  justify-items: center;
  gap: 46px;
}
.steps__title {
  text-align: center;
}
.steps__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 44px 1fr 44px 1fr 44px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 44px;
}
@media (max-width: 899px) {
  .steps__list {
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
@media (max-width: 899px) {
  .steps__list-second {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.steps__list-second .steps__item {
  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;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.steps__list-second .steps__item-title {
  text-align: left;
}
.steps__list-second ol {
  margin: 0;
  padding-left: 15px;
}
.steps__list-second ol li + li {
  margin-top: 6px;
}
.steps__item {
  display: -ms-grid;
  display: grid;
  justify-items: center;
  -ms-flex-line-pack: start;
      align-content: start;
  gap: 8px;
}
.steps__item-number {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNUMwIDIuMjM4NTggMi4yMzg1OCAwIDUgMEg2NFYzMkM2NCA0OS42NzMxIDQ5LjY3MzEgNjQgMzIgNjRDMTQuMzI2OSA2NCAwIDQ5LjY3MzEgMCAzMlY1WiIgZmlsbD0iIzA3NEVBMiIvPgo8L3N2Zz4K");
  background-size: contain;
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-white);
  font-size: 24px;
}
@media (max-width: 899px) {
  .steps__item-number {
    font-size: 20px;
    width: 58px;
    height: 58px;
  }
}
.steps__item-title {
  margin-top: 12px;
  font-size: 20px;
  text-align: center;
  color: var(--color-black);
}
@media (max-width: 899px) {
  .steps__item-title {
    font-size: 18px;
  }
}
.steps__item-text {
  text-align: center;
}

.popular__wrapper {
  display: -ms-grid;
  display: grid;
  gap: 42px;
}
.popular__title {
  text-align: center;
}
.popular__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 132px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 132px;
}
@media (min-width: 900px) and (max-width: 1199px) {
  .popular__list {
    gap: 80px;
  }
}
@media (max-width: 899px) {
  .popular__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 18px;
  }
}
.popular__list-col {
  display: -ms-grid;
  display: grid;
  gap: 18px;
}
.popular__item {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
}
.popular__item-divider {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-bottom: 1px dashed rgba(var(--color-black--rgb), 0.3);
  margin-top: 2px;
}
.popular__item-title {
  max-width: 80%;
}
.popular__item-price {
  text-align: right;
  white-space: nowrap;
}

.gallery__wrapper {
  display: -ms-grid;
  display: grid;
  gap: 8px;
}
.gallery__title {
  text-align: center;
}
.gallery__subtitle {
  text-align: center;
}
.gallery__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 13px 1fr 13px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 38px 13px;
  margin-top: 20px;
}
@media (min-width: 900px) and (max-width: 1199px) {
  .gallery__list {
    -ms-grid-columns: 1fr 13px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 13px;
  }
}
@media (max-width: 899px) {
  .gallery__list {
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 899px) and (max-width: 540px) {
  .gallery__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.gallery__button {
  margin: 20px auto 0;
}
.gallery__item {
  display: block;
  border-radius: 10px;
  position: relative;
  padding-top: 68%;
  overflow: hidden;
}
.gallery__item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.reviews__wrapper {
  position: relative;
}
@media (min-width: 1200px) {
  .reviews__wrapper {
    padding: 0 44px;
  }
}
.reviews__wrapper > * + * {
  margin-top: 40px;
}
.reviews__title {
  text-align: center;
}
.reviews__slider {
  position: relative;
}
.reviews__item {
  display: -ms-grid;
  display: grid;
  gap: 14px;
  background-color: var(--color-white);
  padding: 35px;
  border-radius: 10px;
}
@media (max-width: 899px) {
  .reviews__item {
    padding: 20px;
  }
}
.reviews__item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.reviews__item-image {
  border-radius: 100%;
  width: 58px;
  height: 58px;
  overflow: hidden;
}
.reviews__item-image img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.reviews__item-box {
  display: -ms-grid;
  display: grid;
}
.reviews__item-name {
  font-size: 20px;
  font-weight: 500;
  line-height: 115%;
}
.reviews__item-date {
  font-size: 14px;
  color: rgba(var(--color-black--rgb), 0.5);
}
.reviews__item-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.reviews__button {
  margin: 85px auto 0;
}
.reviews .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.4;
}
.reviews .swiper-pagination {
  --swiper-pagination-top: calc(100% + 33px);
}

.faq__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 100px;
}
@media (max-width: 899px) {
  .faq__wrapper {
    display: -ms-grid;
    display: grid;
    gap: 50px;
  }
}
.faq__box {
  display: -ms-grid;
  display: grid;
  gap: 30px;
}
.faq__list {
  display: -ms-grid;
  display: grid;
  gap: 16px;
}
.faq__item-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: 20px;
  padding: 18px 30px;
  border-radius: 50px;
  font-size: 13px;
  color: var(--color-black);
  font-weight: 500;
  background-color: var(--color-blue-200);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
.faq__item._active .faq__item-title {
  background-color: var(--color-blue-100);
  color: var(--color-white);
}

@media (max-width: 899px) {
  .faq__item-title {
    padding: 14px;
    border-radius: 10px;
  }
}
.faq__item-arrow svg {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.faq__item._active .faq__item-arrow svg {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  fill: var(--color-white);
}

.faq__item-text {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  max-height: 0;
  overflow: hidden;
  padding: 0 40px;
}
@media (max-width: 899px) {
  .faq__item-text {
    padding: 0 14px;
  }
}
.faq__image {
  position: relative;
  width: 100%;
}
@media (max-width: 899px) {
  .faq__image {
    max-width: 340px;
  }
}
.faq__image-wrapper {
  position: relative;
  width: 100%;
  padding-top: 116%;
}
.faq__image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.news__wrapper {
  display: -ms-grid;
  display: grid;
  gap: 44px;
}
.news__title {
  text-align: center;
}
.news__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 899px) {
  .news__list {
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}
@media (max-width: 899px) and (max-width: 540px) {
  .news__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.news__item-image {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 68%;
  border-radius: 10px;
  overflow: hidden;
}
html:not(.v-mobile) .news__item-image:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
html:not(.v-mobile) .news__item-image:focus-visible img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.news__item-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.news__item-date {
  display: block;
  font-size: 12px;
  color: var(--color-blue-100);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-top: 16px;
  font-weight: 500;
}
.news__item-title {
  display: block;
  font-size: 21px;
  font-weight: 500;
  margin-top: 10px;
  color: var(--color-black);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
html:not(.v-mobile) .news__item-title:hover {
  color: var(--color-blue-100);
}
html:not(.v-mobile) .news__item-title:focus-visible {
  color: var(--color-blue-100);
}

@media (max-width: 899px) {
  .news__item-title {
    font-size: 18px;
  }
}
.news__item-text {
  margin-top: 16px;
}
@media (max-width: 899px) {
  .news__item-text {
    margin-top: 10px;
  }
}
.news__item-link {
  margin-top: 18px;
}

.getin._bg {
  background-color: #E8F1F9;
}
.getin__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 5fr 60px 4fr;
  grid-template-columns: 5fr 4fr;
  gap: 60px;
}
@media (min-width: 900px) and (max-width: 1199px) {
  .getin__wrapper {
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
@media (max-width: 899px) {
  .getin__wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 50px;
  }
}
.getin__box {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 20px;
}
.getin__contacts {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media (max-width: 899px) {
  .getin__contacts {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.getin__contacts-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 22px;
}
.getin__contacts-item__box {
  display: -ms-grid;
  display: grid;
  gap: 8px;
}
.getin__contacts-item__title {
  font-size: 12px;
  text-transform: uppercase;
  color: #838383;
  font-weight: 500;
}
.getin__contacts-item__phone {
  font-size: 15px;
  color: var(--color-grey-100);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
html:not(.v-mobile) .getin__contacts-item__phone:hover {
  color: var(--color-blue-100);
}
html:not(.v-mobile) .getin__contacts-item__phone:focus-visible {
  color: var(--color-blue-100);
}

.getin__contacts-item__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.getin__contacts-item__socials svg {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
html:not(.v-mobile) .getin__contacts-item__socials svg:hover {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
html:not(.v-mobile) .getin__contacts-item__socials svg:focus-visible {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.getin__contacts-item__address {
  font-size: 13px;
  color: var(--color-grey-100);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
html:not(.v-mobile) .getin__contacts-item__address:hover {
  color: var(--color-blue-100);
}
html:not(.v-mobile) .getin__contacts-item__address:focus-visible {
  color: var(--color-blue-100);
}

.getin__form {
  background-color: var(--color-white);
  padding: 68px 44px 44px;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.0509803922);
          box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.0509803922);
}
@media (max-width: 899px) {
  .getin__form {
    padding: 40px 20px;
  }
}

.form-wrapper {
  display: -ms-grid;
  display: grid;
  gap: 20px;
}
.form-block {
  display: -ms-grid;
  display: grid;
  gap: 4px;
}
.form-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 125%;
}
.form-label span {
  color: red;
}
.form-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 899px) {
  .form-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.form-row > *:only-child {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: 3;
}
.form input[type=text],
.form input[type=tel],
.form input[type=email],
.form textarea {
  padding: 16px 26px;
  border-radius: 30px;
  border: 1px solid var(--color-blue-200);
  font-size: 13px;
  color: var(--color-black);
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  resize: none;
  width: 100%;
}
.form input[type=text]::-webkit-input-placeholder, .form input[type=tel]::-webkit-input-placeholder, .form input[type=email]::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder {
  color: #BCBCBC;
}
.form input[type=text]::-moz-placeholder, .form input[type=tel]::-moz-placeholder, .form input[type=email]::-moz-placeholder, .form textarea::-moz-placeholder {
  color: #BCBCBC;
}
.form input[type=text]:-ms-input-placeholder, .form input[type=tel]:-ms-input-placeholder, .form input[type=email]:-ms-input-placeholder, .form textarea:-ms-input-placeholder {
  color: #BCBCBC;
}
.form input[type=text]::-ms-input-placeholder, .form input[type=tel]::-ms-input-placeholder, .form input[type=email]::-ms-input-placeholder, .form textarea::-ms-input-placeholder {
  color: #BCBCBC;
}
.form input[type=text]::placeholder,
.form input[type=tel]::placeholder,
.form input[type=email]::placeholder,
.form textarea::placeholder {
  color: #BCBCBC;
}
.form input[type=text]:focus, .form input[type=text]:focus-visible,
.form input[type=tel]:focus,
.form input[type=tel]:focus-visible,
.form input[type=email]:focus,
.form input[type=email]:focus-visible,
.form textarea:focus,
.form textarea:focus-visible {
  border: 1px solid var(--color-blue-100);
}
.form textarea {
  height: 120px;
}
.form-button {
  margin: 0 auto;
}

.footer {
  background-color: var(--color-blue-200);
}
@media (min-width: 1200px) {
  .footer {
    padding: 110px 0 68px;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .footer {
    padding: 80px 0 60px;
  }
}
@media (max-width: 899px) {
  .footer {
    padding: 60px 0;
  }
}
.footer__top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 30px 3fr;
  grid-template-columns: 2fr 3fr;
  gap: 30px;
}
@media (max-width: 899px) {
  .footer__top {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.footer__logo {
  display: block;
  max-width: 212px;
}
@media (max-width: 899px) {
  .footer__logo {
    max-width: 150px;
  }
}
.footer__logo img {
  width: 100%;
  height: auto;
}
.footer__socials {
  margin-top: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.footer__socials svg {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
html:not(.v-mobile) .footer__socials svg:hover {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
html:not(.v-mobile) .footer__socials svg:focus-visible {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.footer__contacts {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media (max-width: 899px) {
  .footer__contacts {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.footer__contacts-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 22px;
}
.footer__contacts-item__box {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: start;
      align-content: start;
  gap: 8px;
}
.footer__contacts-item__title {
  font-size: 12px;
  text-transform: uppercase;
  color: #838383;
  font-weight: 500;
}
.footer__contacts-item__phone {
  font-size: 15px;
  color: var(--color-grey-100);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
html:not(.v-mobile) .footer__contacts-item__phone:hover {
  color: var(--color-blue-100);
}
html:not(.v-mobile) .footer__contacts-item__phone:focus-visible {
  color: var(--color-blue-100);
}

.footer__contacts-item__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.footer__contacts-item__socials svg {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
html:not(.v-mobile) .footer__contacts-item__socials svg:hover {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
html:not(.v-mobile) .footer__contacts-item__socials svg:focus-visible {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.footer__contacts-item__address {
  font-size: 13px;
  color: var(--color-grey-100);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
html:not(.v-mobile) .footer__contacts-item__address:hover {
  color: var(--color-blue-100);
}
html:not(.v-mobile) .footer__contacts-item__address:focus-visible {
  color: var(--color-blue-100);
}

.footer__bottom {
  margin-top: 28px;
  padding-top: 66px;
  border-top: 1px solid rgba(var(--color-black--rgb), 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 900px) {
  .footer__bottom {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 899px) {
  .footer__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 50px;
    padding-top: 40px;
  }
}
.footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer__menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media (min-width: 900px) {
  .footer__menu-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 14px;
  }
}
@media (max-width: 899px) {
  .footer__menu-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 30px;
  }
}
.footer__menu-list li {
  position: relative;
  margin: 0;
}
.footer__menu-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: var(--color-black);
  text-transform: uppercase;
  font-weight: 500;
  line-height: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
html:not(.v-mobile) .footer__menu-list li a:hover {
  color: var(--color-blue-100);
}
html:not(.v-mobile) .footer__menu-list li a:focus-visible {
  color: var(--color-blue-100);
}

@media (min-width: 900px) {
  .footer__menu-list li a {
    font-size: 12px;
  }
}
@media (max-width: 899px) {
  .footer__menu-list li a {
    font-size: 14px;
  }
}
.footer__copyright {
  color: #838383;
}

.pageBanner {
  position: relative;
  min-height: 340px;
  height: auto;
  overflow: hidden;
  z-index: 1;
}
.pageBanner.__center .pageBanner__wrapper {
  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;
  gap: 40px;
  margin-top: 40px;
}
.pageBanner.__center .pageBanner__title {
  text-align: center;
}
@media (max-width: 899px) {
  .pageBanner {
    height: auto;
    min-height: 250px;
  }
}
.pageBanner__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -1;
}
.pageBanner__breadcrumbs {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.pageBanner__breadcrumbs li {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  gap: 12px;
}
.pageBanner__breadcrumbs li:not(:first-of-type)::before {
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.80928 0.357422C9.02022 0.357422 11.6218 2.95898 11.6218 6.16992C11.6218 9.38086 9.02022 11.9824 5.80928 11.9824C2.59834 11.9824 -0.00321865 9.38086 -0.00321865 6.16992C-0.00321865 2.95898 2.59834 0.357422 5.80928 0.357422ZM5.12959 3.73242L6.88741 5.41992H2.62178C2.29366 5.41992 2.05928 5.67773 2.05928 5.98242V6.35742C2.05928 6.68555 2.29366 6.91992 2.62178 6.91992H6.88741L5.12959 8.63086C4.89522 8.8418 4.89522 9.2168 5.10616 9.42773L5.36397 9.68555C5.59834 9.89648 5.94991 9.89648 6.16084 9.68555L9.27803 6.56836C9.48897 6.35742 9.48897 6.00586 9.27803 5.79492L6.16084 2.67773C5.94991 2.44336 5.59834 2.44336 5.36397 2.67773L5.10616 2.93555C4.89522 3.14648 4.89522 3.52148 5.12959 3.73242Z' fill='%2300CAE0'/%3E%3C/svg%3E%0A");
  width: 13px;
  height: 13px;
  background-position: center;
  background-repeat: no-repeat;
}
.pageBanner__breadcrumbs li a {
  color: #444;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 20.4px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
html:not(.v-mobile) .pageBanner__breadcrumbs li a:hover {
  color: var(--color-blue-100);
}
html:not(.v-mobile) .pageBanner__breadcrumbs li a:focus-visible {
  color: var(--color-blue-100);
}

.pageBanner__descr {
  margin-top: 22px;
  max-width: 540px;
}

.enters__title {
  text-align: center;
  max-width: 735px;
  margin: 0 auto;
}
.enters__content {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media (max-width: 899px) {
  .enters__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 30px;
  }
}
.enters__select {
  width: 100%;
  max-width: 453px;
  padding: 50px;
  border-radius: 5px 0px 0px 5px;
  background: var(--color-blue-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: 38px;
  height: auto;
}
@media (max-width: 899px) {
  .enters__select {
    max-width: 100%;
    gap: 20px;
    padding: 35px;
  }
}
.enters__select-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  text-align: left;
  gap: 18px;
  color: var(--color-white);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  opacity: 0.4;
  border: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
html:not(.v-mobile) .enters__select-btn:hover {
  opacity: 0.8;
}
html:not(.v-mobile) .enters__select-btn:focus-visible {
  opacity: 0.8;
}

.enters__select-btn span {
  width: 34px;
  min-width: 34px;
  height: 34px;
  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(--color-blue-100);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 58.5px;
  border-radius: 5px 0px 50px 50px;
  background: var(--color-white);
}
.enters__select-btn.active {
  opacity: 1 !important;
}
.enters__results {
  height: auto;
  padding: 47px 57px;
  border-radius: 0px 5px 5px 0px;
  background: var(--color-white);
  width: 100%;
  max-width: 686px;
}
@media (max-width: 899px) {
  .enters__results {
    max-width: 100%;
    padding: 35px;
  }
}
.enters__results p + p {
  margin-top: 19px;
  max-width: 540px;
}
.enters__block {
  display: none;
}
.enters__block.active {
  display: inline-block;
}

.limitation__title {
  text-align: center;
}
.limitation__content {
  margin-top: 47px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 26px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
}
@media (max-width: 899px) {
  .limitation__content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.limitation__block {
  width: 100%;
}
.limitation__block-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 22px;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
}
@media (max-width: 899px) {
  .limitation__block-name {
    font-size: 18px;
  }
}
.limitation__block-name span {
  border-radius: 5px 0px 50px 50px;
  background: var(--color-blue-100);
  width: 48px;
  height: 48px;
  min-width: 48px;
  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;
}
.limitation__block-name span.hide {
  background: #AAA;
}
.limitation__block ul {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #D5E4F1;
  list-style: initial;
  padding-left: 30px;
}
.limitation__block ul li + li {
  margin-top: 8px;
}

.directions._bg {
  background-color: #E8F1F9;
}
.directions__title {
  text-align: center;
  max-width: 558px;
  margin: 0 auto;
}
.directions__block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 50px 1fr 50px 1fr 50px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 60px 50px;
  margin-top: 73px;
}
@media (max-width: 899px) {
  .directions__block {
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
.directions__item-num {
  width: 64px;
  height: 64px;
  min-width: 64px;
  border-radius: 5px 0px 50px 50px;
  background: var(--color-white);
  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(--color-blue-100);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}
.directions__item-title {
  font-size: 20px;
  line-height: 125%;
  margin-top: 24px;
  color: var(--color-black);
}

.map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0;
}
.map iframe {
  height: 450px;
  width: 100%;
}

.blog__title {
  text-align: center;
}
.blog__block {
  margin-top: 70px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 50px 1fr 50px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 50px;
}
@media (min-width: 900px) and (max-width: 1199px) {
  .blog__block {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 899px) {
  .blog__block {
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 30px;
  }
}
.blog__item-image {
  width: 100%;
  height: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
  margin-bottom: 15px;
}
@media (max-width: 899px) {
  .blog__item-image {
    height: 150px;
  }
}
.blog__item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
html:not(.v-mobile) .blog__item-image img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
html:not(.v-mobile) .blog__item-image img:focus-visible {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.blog__item-title {
  display: inline-block;
  margin-bottom: 15px;
}
.blog__item-title h3 {
  font-weight: 400;
}
html:not(.v-mobile) .blog__item-title h3:hover {
  color: var(--color-blue-100);
}
html:not(.v-mobile) .blog__item-title h3:focus-visible {
  color: var(--color-blue-100);
}

.blog__item-descr {
  font-size: 13px;
  line-height: 22.1px;
}
.blog__item-more {
  margin-top: 20px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #00CAE0;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
html:not(.v-mobile) .blog__item-more:hover {
  color: var(--color-blue-100);
}
html:not(.v-mobile) .blog__item-more:focus-visible {
  color: var(--color-blue-100);
}

.blog__item-more::after {
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.80928 0.357422C9.02022 0.357422 11.6218 2.95898 11.6218 6.16992C11.6218 9.38086 9.02022 11.9824 5.80928 11.9824C2.59834 11.9824 -0.00321865 9.38086 -0.00321865 6.16992C-0.00321865 2.95898 2.59834 0.357422 5.80928 0.357422ZM5.12959 3.73242L6.88741 5.41992H2.62178C2.29366 5.41992 2.05928 5.67773 2.05928 5.98242V6.35742C2.05928 6.68555 2.29366 6.91992 2.62178 6.91992H6.88741L5.12959 8.63086C4.89522 8.8418 4.89522 9.2168 5.10616 9.42773L5.36397 9.68555C5.59834 9.89648 5.94991 9.89648 6.16084 9.68555L9.27803 6.56836C9.48897 6.35742 9.48897 6.00586 9.27803 5.79492L6.16084 2.67773C5.94991 2.44336 5.59834 2.44336 5.36397 2.67773L5.10616 2.93555C4.89522 3.14648 4.89522 3.52148 5.12959 3.73242Z' fill='%2300CAE0'/%3E%3C/svg%3E%0A");
  width: 14px;
  height: 13px;
  background-position: center;
  background-repeat: no-repeat;
  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;
}

.article__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media (max-width: 899px) {
  .article__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.article__content {
  width: 100%;
  max-width: 740px;
}
.article__content ul {
  margin: 20px 0 0 0;
  padding-left: 32px;
}
.article__content ul li + li {
  margin-top: 10px;
}
.article__content ul li {
  position: relative;
}
.article__content ul li::before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cg clip-path='url(%23clip0_1_2814)'%3E%3Cpath d='M14.2949 2.96228C14.1582 2.82556 13.9941 2.7572 13.8027 2.7572C13.6113 2.7572 13.4473 2.82556 13.3105 2.96228L4.91602 11.3431L1.68945 8.11658C1.55273 7.97986 1.38867 7.9115 1.19727 7.9115C1.00586 7.9115 0.841797 7.97986 0.705078 8.11658C0.568359 8.2533 0.5 8.41964 0.5 8.6156C0.5 8.81156 0.568359 8.97791 0.705078 9.11462L4.42383 12.8334C4.56055 12.9701 4.72461 13.0385 4.91602 13.0385C5.10742 13.0385 5.27148 12.9701 5.4082 12.8334L14.2949 3.94666C14.4316 3.80994 14.5 3.64587 14.5 3.45447C14.5 3.26306 14.4316 3.099 14.2949 2.96228Z' fill='%2300CAE0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2814'%3E%3Crect width='14' height='14' fill='white' transform='matrix(1 0 0 -1 0.5 14.7201)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 2px;
  left: -32px;
}
.article__content p + p {
  margin-top: 20px;
}
.article__content ul + p {
  margin-top: 20px;
}
.article__image {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  border-radius: 10px;
  margin: 20px 0;
}
.article__image img {
  width: 100%;
}
.article__box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 38px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 38px;
}
@media (max-width: 540px) {
  .article__box {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.article__comment {
  margin: 20px 0;
  padding: 64px 68px 40px 40px;
  border-radius: 10px;
  background: #FFF;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 1;
  font-size: 23px;
  font-weight: 400;
  line-height: 37.5px;
}
@media (max-width: 540px) {
  .article__comment {
    padding: 44px 58px 30px 30px;
  }
}
.article__comment::after {
  content: "";
  position: absolute;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='65' viewBox='0 0 65 65' fill='none'%3E%3Cpath d='M31.1035 21.7725C31.1035 19.6566 30.7015 17.6676 29.8975 15.8057C29.0511 13.9437 27.9403 12.3145 26.5649 10.918C25.1896 9.52148 23.5498 8.42122 21.6455 7.61719C19.7835 6.77083 17.7946 6.34766 15.6787 6.34766C13.5628 6.34766 11.5739 6.77083 9.71191 7.61719C7.80762 8.42122 6.15723 9.52148 4.76074 10.918C3.36426 12.3145 2.264 13.9437 1.45996 15.8057C0.655924 17.6676 0.253906 19.6566 0.253906 21.7725C0.253906 23.9307 0.655924 25.9408 1.45996 27.8027C2.264 29.6647 3.36426 31.2939 4.76074 32.6904C6.15723 34.0869 7.78646 35.1872 9.64844 35.9912C11.5527 36.7952 13.5628 37.1973 15.6787 37.1973C16.1865 37.1973 16.6943 37.1761 17.2021 37.1338C17.71 37.0915 18.2389 37.0068 18.7891 36.8799C18.3236 38.9111 17.7523 40.8366 17.0752 42.6562C16.4404 44.4759 15.7633 46.1686 15.0439 47.7344C14.3245 49.3001 13.6051 50.7389 12.8857 52.0508C12.1663 53.3203 11.5527 54.4206 11.0449 55.3516C10.7487 55.8171 10.4948 56.2508 10.2832 56.6528C10.0716 57.0549 9.88118 57.404 9.71191 57.7002C9.58496 57.9541 9.45801 58.3244 9.33105 58.811C9.2041 59.2977 9.35221 59.7103 9.77539 60.0488C9.90234 60.1758 10.0399 60.271 10.188 60.3345C10.3361 60.3979 10.4948 60.4297 10.6641 60.4297C10.9603 60.4297 11.2882 60.3345 11.6479 60.144C12.0076 59.9536 12.3356 59.7526 12.6318 59.541C13.055 59.2871 13.584 58.938 14.2188 58.4937C14.8535 58.0493 15.6787 57.4463 16.6943 56.6846L16.7578 56.6211C18.5775 55.013 20.2279 53.2674 21.709 51.3843C23.1901 49.5011 24.502 47.5228 25.6445 45.4492C26.5755 43.7565 27.3901 41.9897 28.0884 40.1489C28.7866 38.3081 29.3685 36.4144 29.834 34.4678C30.5957 31.3363 31.0083 28.6174 31.0718 26.311C31.1353 24.0047 31.1458 22.4919 31.1035 21.7725ZM27.5488 33.8965C27.041 35.9701 26.4062 37.9801 25.6445 39.9268C24.8828 41.8311 23.9941 43.6613 22.9785 45.4175C21.9629 47.1737 20.7992 48.8346 19.4873 50.4004C18.2178 51.9661 16.8213 53.4261 15.2979 54.7803C15.0439 54.9919 14.7266 55.2352 14.3457 55.5103C13.9648 55.7853 13.5628 56.071 13.1396 56.3672C13.7321 55.3092 14.4303 54.0609 15.2344 52.6221C15.9961 51.1833 16.779 49.5752 17.583 47.7979C18.387 46.0205 19.1276 44.0951 19.8047 42.0215C20.5241 39.9479 21.0742 37.7474 21.4551 35.4199L21.7725 33.4521L19.9316 34.1504C19.2122 34.362 18.5034 34.5312 17.8052 34.6582C17.1069 34.7852 16.3981 34.8486 15.6787 34.8486C13.9014 34.8486 12.2087 34.5101 10.6006 33.833C9.03483 33.1559 7.65951 32.2249 6.47461 31.04C5.28971 29.8551 4.35872 28.4587 3.68164 26.8506C3.00456 25.2848 2.66602 23.5921 2.66602 21.7725C2.66602 19.9951 3.00456 18.3024 3.68164 16.6943C4.35872 15.1286 5.28971 13.7533 6.47461 12.5684C7.65951 11.3835 9.03483 10.4525 10.6006 9.77539C12.1663 9.09831 13.859 8.75977 15.6787 8.75977C17.4561 8.75977 19.1488 9.09831 20.7568 9.77539C22.3226 10.4525 23.6979 11.3835 24.8828 12.5684C26.0677 13.7533 26.9987 15.1286 27.6758 16.6943C28.3952 18.2601 28.7549 19.9528 28.7549 21.7725V21.8359C28.7549 21.8783 28.7549 21.8994 28.7549 21.8994C28.7549 21.8994 28.7549 21.9206 28.7549 21.9629C28.7972 22.5977 28.7866 24.0047 28.7231 26.1841C28.6597 28.3634 28.2682 30.9342 27.5488 33.8965ZM64.9365 21.8359C64.9365 19.6777 64.5345 17.6676 63.7305 15.8057C62.9264 13.9437 61.8262 12.3145 60.4297 10.918C59.0332 9.52148 57.404 8.42122 55.542 7.61719C53.6377 6.81315 51.6276 6.41113 49.5117 6.41113C47.3958 6.41113 45.4069 6.81315 43.5449 7.61719C41.6829 8.42122 40.0537 9.52148 38.6572 10.918C37.2607 12.3145 36.1605 13.9437 35.3564 15.8057C34.5524 17.6676 34.1504 19.6566 34.1504 21.7725C34.1504 23.9307 34.5524 25.9408 35.3564 27.8027C36.1605 29.6647 37.2607 31.2939 38.6572 32.6904C40.0537 34.0869 41.6829 35.1872 43.5449 35.9912C45.4069 36.7952 47.3958 37.1973 49.5117 37.1973C50.0195 37.1973 50.5379 37.1761 51.0669 37.1338C51.5959 37.0915 52.1143 37.0068 52.6221 36.8799C52.1566 38.9111 51.6064 40.8366 50.9717 42.6562C50.2946 44.4759 49.5964 46.1686 48.877 47.7344C48.1576 49.3001 47.4382 50.7178 46.7188 51.9873C46.0417 53.2992 45.4281 54.4206 44.8779 55.3516C44.5817 55.8171 44.3278 56.2402 44.1162 56.6211C43.9046 57.002 43.7354 57.3405 43.6084 57.6367C43.4814 57.9329 43.3439 58.3244 43.1958 58.811C43.0477 59.2977 43.1852 59.7103 43.6084 60.0488C43.7354 60.1758 43.8729 60.271 44.021 60.3345C44.1691 60.3979 44.3278 60.4297 44.4971 60.4297C44.8356 60.4297 45.1742 60.3345 45.5127 60.144C45.8512 59.9536 46.1898 59.7526 46.5283 59.541C46.9515 59.2871 47.4699 58.938 48.0835 58.4937C48.6971 58.0493 49.5329 57.4463 50.5908 56.6846L50.6543 56.6211C52.4316 55.013 54.0609 53.2674 55.542 51.3843C57.0231 49.5011 58.335 47.5228 59.4775 45.4492C60.4085 43.7565 61.2231 41.9897 61.9214 40.1489C62.6196 38.3081 63.2015 36.4144 63.667 34.4678C64.4287 31.3363 64.8413 28.6174 64.9048 26.311C64.9683 24.0047 64.9788 22.513 64.9365 21.8359ZM61.3818 33.8965C60.9163 36.0124 60.2816 38.0225 59.4775 39.9268C58.7158 41.8311 57.8271 43.6613 56.8115 45.4175C55.7959 47.1737 54.6533 48.8346 53.3838 50.4004C52.0719 51.9661 50.6543 53.4473 49.1309 54.8438C48.877 55.013 48.5596 55.2352 48.1787 55.5103C47.7979 55.7853 47.3958 56.071 46.9727 56.3672C47.5651 55.3516 48.2633 54.1032 49.0674 52.6221C49.8714 51.1833 50.6649 49.5752 51.4478 47.7979C52.2306 46.0205 52.9606 44.0951 53.6377 42.0215C54.3571 39.9479 54.9072 37.7686 55.2881 35.4834L55.6689 33.5156L53.7646 34.1504C53.0876 34.362 52.3893 34.5312 51.6699 34.6582C50.9505 34.7852 50.2311 34.8486 49.5117 34.8486C47.7344 34.8486 46.0628 34.5101 44.4971 33.833C42.889 33.1559 41.4925 32.2249 40.3076 31.04C39.1227 29.8551 38.1917 28.4587 37.5146 26.8506C36.8376 25.2848 36.499 23.5921 36.499 21.7725C36.499 19.9951 36.8376 18.3024 37.5146 16.6943C38.1917 15.1286 39.1227 13.7533 40.3076 12.5684C41.4925 11.3835 42.8678 10.4525 44.4336 9.77539C46.0417 9.09831 47.7344 8.75977 49.5117 8.75977C51.3314 8.75977 53.0241 9.09831 54.5898 9.77539C56.1979 10.4525 57.5944 11.3835 58.7793 12.5684C59.9642 13.7533 60.8952 15.1286 61.5723 16.6943C62.2493 18.3024 62.5879 19.9951 62.5879 21.7725V21.8994C62.5879 21.8994 62.5879 21.91 62.5879 21.9312C62.5879 21.9523 62.5879 21.9629 62.5879 21.9629C62.6302 22.5977 62.6196 24.0047 62.5562 26.1841C62.4927 28.3634 62.1012 30.9342 61.3818 33.8965Z' fill='%2300CAE0' fill-opacity='0.2'/%3E%3C/svg%3E");
  width: 65px;
  height: 65px;
  background-position: center;
  background-repeat: no-repeat;
  top: 35px;
  left: 40px;
}
@media (max-width: 540px) {
  .article__comment::after {
    top: 15px;
    left: 30px;
  }
}
.article__end {
  margin-top: 100px;
  padding-top: 37px;
  border-top: 1px solid rgba(0, 202, 224, 0.19);
}
.article__end-link {
  margin-left: 84px;
  color: #00CAE0;
  font-size: 12px;
  font-weight: 500;
  line-height: 15.6px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
html:not(.v-mobile) .article__end-link:hover {
  color: var(--color-blue-100);
}
html:not(.v-mobile) .article__end-link:focus-visible {
  color: var(--color-blue-100);
}

@media (max-width: 540px) {
  .article__end-link {
    margin-left: 0;
  }
}
.article__right {
  width: 100%;
  max-width: 370px;
  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;
}
@media (max-width: 899px) {
  .article__right {
    max-width: 100%;
  }
}
.article__latest {
  padding: 40px;
  border-radius: 10px;
  background: #FFF;
  -webkit-box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.07);
}
.article__latest-title {
  font-size: 25px;
  line-height: 32.5px;
  border-bottom: 1px solid #00CAE0;
  margin-bottom: 25px;
  padding-bottom: 20px;
}
.article__latest-block {
  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;
}
.article__latest-link {
  background: rgba(32, 30, 30, 0.49);
  padding: 22px 34px;
  color: var(--color-white);
  font-size: 13px;
  font-weight: 400;
  line-height: 22.1px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.article__latest-link::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(32, 30, 30, 0.49);
  z-index: -1;
}
.article__latest-link img {
  position: absolute;
  z-index: -2;
  inset: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
html:not(.v-mobile) .article__latest-link:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
html:not(.v-mobile) .article__latest-link:focus-visible img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.article__question {
  padding: 40px;
  position: relative;
  z-index: 1;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.07);
}
.article__question-title {
  font-size: 25px;
  line-height: 32.5px;
  border-bottom: 1px solid #00CAE0;
  margin-bottom: 27px;
  padding-bottom: 20px;
}
.article__question img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -1;
}
.article__question-link {
  margin-top: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 174.52px;
  height: 42px;
  padding: 14px 26px 15px 26px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  border-radius: 100px;
  color: var(--color-white);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  background: #00CAE0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
html:not(.v-mobile) .article__question-link:hover {
  background: var(--color-blue-100);
}
html:not(.v-mobile) .article__question-link:focus-visible {
  background: var(--color-blue-100);
}