/* Base */
/* Reset and base styles  */
* {
  padding: 0px;
  margin: 0px;
  border: none;
}

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

/* Links */
a,
a:link,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/* Common */
aside,
nav,
footer,
header,
section,
main {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: inherit;
  font-weight: inherit;
}

ul,
ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

img,
svg {
  max-width: 100%;
  height: auto;
}

address {
  font-style: normal;
}

/* Form */
input,
textarea,
button,
select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}

input::-ms-clear {
  display: none;
}

button,
input[type=submit] {
  display: inline-block;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
}

input:focus,
input:active,
button:focus,
button:active {
  outline: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

label {
  cursor: pointer;
}

legend {
  display: block;
}

canvas {
  display: block;
}

:root {
  --container-width: 1920rem;
  --container-padding: 300rem;
  --font-family: "Nunito Sans", sans-serif;
  --second-family: "Roboto", sans-serif;
  --primary: #fd483c;
  --white: #fff;
  --black: #1a1c1e;
  --grey-1: #f5f5f5;
  --grey-2: #e2e2e2;
  --grey-3: #7f8386;
  --grey-4: #616568;
  --grey-5: #3e3e3f;
}

@media only screen and (max-width: 1200px) {
  :root {
    --container-padding: 100rem;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --container-padding: 30rem;
  }
}
html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--white);
  color: var(--black);
  font-size: 20rem;
  font-family: var(--font-family);
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

body:has(.modal-wrap.opened) {
  max-height: 100vh;
  overflow: hidden;
}

img {
  display: block;
}

.hidden-item {
  display: none !important;
}

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  opacity: 0;
  visibility: hidden;
  z-index: 3;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.menu-overlay.visible {
  opacity: 1;
  visibility: visible;
}

.section-offset {
  padding-top: 70rem;
  padding-bottom: 70rem;
}

.section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32rem;
  color: var(--black);
  font-size: 48rem;
  font-weight: 700;
  line-height: 140%; /* 67.2px */
}
.section-title::before {
  content: "";
  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: 50%;
  color: var(--white);
  font-size: 30rem;
  font-weight: 700;
  line-height: 140%; /* 42px */
  width: 60rem;
  height: 60rem;
  background: var(--primary);
}

.btn {
  text-align: center;
  font-size: 16rem;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  max-width: 185rem;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  padding: 14rem 20rem;
  color: var(--black);
  border-radius: 20rem;
  border: 1.5rem solid var(--primary);
  width: 100%;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.btn:hover {
  background-color: var(--primary);
  color: var(--white);
}
.btn:disabled {
  cursor: not-allowed;
  background-color: var(--primary);
  color: var(--white);
  opacity: 0.2;
}

.second-btn {
  text-align: center;
  font-size: 16rem;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  max-width: 185rem;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  padding: 14rem 20rem;
  color: var(--white);
  border-radius: 20rem;
  border: 1.5rem solid var(--primary);
  background-color: var(--primary);
  width: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.second-btn:hover, .second-btn:active {
  background-color: var(--white);
  color: var(--black);
}
.second-btn:disabled {
  cursor: not-allowed;
  opacity: 0.2;
}

.rotate-0 {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.rotate-180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

@media (max-width: 767px) {
  .section-title {
    gap: 20rem;
    font-size: 28rem;
  }
  .section-title::before {
    font-size: 20rem;
    padding: 6rem;
    width: 40rem;
    height: 40rem;
  }
  .section-descr {
    font-size: 18rem;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: calc(100vw / 1920);
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw / 480);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  html {
    font-size: calc(100vw / 1200);
  }
}
.none {
  display: none !important;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.no-scroll {
  overflow-y: hidden;
}

.container {
  padding: 0 var(--container-padding);
  max-width: var(--container-width);
  margin: 0 auto;
}

.container-right {
  padding-left: calc((100% - var(--container-width)) / 2 + var(--container-padding));
}
@media (max-width: 1400px) {
  .container-right {
    padding-left: var(--container-padding);
  }
}

/* Blocks */
.header {
  padding: 23rem 0;
  background: var(--white);
}
.header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.header__logo-img {
  width: 130rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 62rem;
}
.header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30rem;
}
.header__link {
  color: var(--black);
  font-size: 18rem;
  font-weight: 400;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  line-height: 140%; /* 25.2px */
}
.header__link:hover {
  color: var(--primary);
}
.header__link:active {
  color: var(--primary);
}
.header__tel {
  font-weight: 400;
  font-size: 20rem;
  color: var(--black);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  white-space: nowrap;
}
.header__tel:hover {
  color: var(--primary);
}
.header__rigth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 39%;
}
.header__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.header__social-link svg {
  width: 24rem;
  height: 24rem;
}
.header__social-link:hover svg path {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  fill: var(--primary);
}
.header__btn {
  max-width: 203rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.header__menu {
  padding: 60rem 40rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  z-index: -1;
  top: 100rem;
  right: -100%;
  width: 50%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  background: var(--white);
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.header__menu.active {
  right: 0;
  opacity: 1;
  visibility: visible;
  z-index: 999;
  top: 98rem;
  height: calc(100% - 98rem);
}

@media (max-width: 1200px) {
  .header {
    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%;
    position: sticky;
    top: -1rem;
    z-index: 6;
    height: 100rem;
    padding: 0;
  }
  .header__container {
    width: 100%;
  }
  .header__nav {
    display: none;
  }
  .header__rigth {
    width: auto;
    margin-left: auto;
    margin-right: 40rem;
  }
  .menu__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: 40rem;
  }
  .menu__link {
    font-weight: 400;
    font-size: 30rem;
    line-height: 1.2;
    color: var(--text-color);
    display: block;
  }
  .menu__link.active {
    text-decoration: underline;
  }
  .menu__bottom {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40rem;
  }
  .menu__bottom-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10rem;
  }
  .menu__bottom-link svg {
    width: 34rem;
    height: 34rem;
  }
  .menu__bottom-link span {
    color: var(--black);
    font-size: 32rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
  }
  .menu__bottom-link:hover svg path {
    stroke: var(--primary);
  }
  .menu__bottom-link:hover span {
    color: var(--primary);
  }
  .menu__bottom-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 30rem;
  }
  .menu__bottom-social a > svg {
    width: 60rem;
    height: 60rem;
  }
  .menu__bottom-social:hover svg path {
    fill: var(--primary);
  }
  .header__menu.open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 767px) {
  .header {
    height: 70rem;
  }
  .header__logo {
    gap: 10rem;
  }
  .header__logo-img {
    width: 100rem;
    height: 40rem;
  }
  .header__social {
    display: none;
  }
  .header__tel {
    display: none;
  }
  .header__rigth {
    margin-right: 0rem;
  }
  .header__btn {
    padding: 10rem 15rem;
  }
  .header__menu {
    width: 100%;
  }
  .header__menu.active {
    top: 64rem;
    height: calc(100% - 64rem);
  }
  .menu__bottom {
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20rem;
  }
  .menu__bottom-link span {
    font-size: 24rem;
  }
  .menu__link {
    font-size: 28rem;
  }
  .hero__swiper .hero__swiper-pagination {
    gap: 20rem;
  }
}
.hero {
  background: url("../../images/main-bg.webp") no-repeat center center;
  background-size: cover;
  height: 822rem;
  padding-top: 120rem;
  position: relative;
}
.hero::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--white);
  width: 100%;
  height: 42rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 40rem 40rem 0 0;
}
.hero__container {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.hero__container::after {
  content: "";
  position: absolute;
  left: 233rem;
  bottom: 61rem;
  width: 974rem;
  height: 515rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: url("../../images/car/car-1.webp") no-repeat center center;
  background-size: cover;
  z-index: 5;
  pointer-events: none;
  -webkit-animation: slideInFromLeft 1s cubic-bezier(0.1, 1, 1, 1) forwards;
          animation: slideInFromLeft 1s cubic-bezier(0.1, 1, 1, 1) forwards;
}
.hero__text {
  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: 15rem;
  width: 652rem;
  height: 318rem;
  padding: 52rem;
  border-radius: 40rem;
  background: var(--white);
  -webkit-box-shadow: 5rem 4rem 20rem 0rem rgba(167, 170, 173, 0.3);
          box-shadow: 5rem 4rem 20rem 0rem rgba(167, 170, 173, 0.3);
}
.hero__text-title {
  font-size: 48rem;
  font-weight: 700;
  line-height: 140%; /* 67.2px */
}
.hero__text-descr {
  font-size: 28rem;
  font-weight: 400;
  line-height: 140%; /* 39.2px */
}
.hero__text-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: -75rem;
  right: 0;
  border-radius: 55rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 352rem;
  width: 100%;
  font-size: 20rem;
  font-weight: 700;
  padding: 30rem;
  border: 1.5rem solid var(--primary);
  color: var(--white);
  background-color: var(--primary);
}
.hero__text-btn svg {
  width: 26rem;
  height: 26rem;
  -webkit-animation: moveArrow 0.8s infinite alternate;
          animation: moveArrow 0.8s infinite alternate;
  -webkit-transition: -webkit-animation 0.6s ease;
  transition: -webkit-animation 0.6s ease;
  transition: animation 0.6s ease;
  transition: animation 0.6s ease, -webkit-animation 0.6s ease;
}
.hero__btn {
  position: absolute;
  top: 0;
  left: 46%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 250rem;
  height: 250rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: rgba(26, 27, 30, 0.5);
  -webkit-backdrop-filter: blur(2rem);
          backdrop-filter: blur(2rem);
  border-radius: 50%;
  border: 1rem solid var(--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;
}

.circle {
  width: 190rem;
  height: 190rem;
  border-radius: 50%;
  text-align: center;
  line-height: 100%;
  position: relative;
}
.circle::after {
  content: "";
  position: absolute;
  top: 23%;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  display: block;
  width: 100rem;
  height: 100rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='30' viewBox='0 0 31 30' fill='none'%3E%3Cpath d='M2 28L29 2' stroke='white' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M8 2H29V23' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), var(--primary);
  background-size: 30% 30%;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50%;
  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;
  opacity: 1;
}
.circle::after svg {
  width: 27rem;
  height: 26rem;
}

.circle span {
  display: inline-block;
  font-size: 30rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 42px */
  width: 30rem;
  position: absolute;
  color: var(--white);
  -webkit-transform: translate(-15rem, 73rem) rotate(var(--rot)) translate(0, -90rem);
          transform: translate(-15rem, 73rem) rotate(var(--rot)) translate(0, -90rem);
  -webkit-animation: rotateText 30s linear infinite;
          animation: rotateText 30s linear infinite;
}

@-webkit-keyframes rotateText {
  from {
    -webkit-transform: translate(-15rem, 73rem) rotate(var(--rot)) translate(0, -90rem);
            transform: translate(-15rem, 73rem) rotate(var(--rot)) translate(0, -90rem);
  }
  to {
    -webkit-transform: translate(-15rem, 73rem) rotate(calc(var(--rot) + 360deg)) translate(0, -90px);
            transform: translate(-15rem, 73rem) rotate(calc(var(--rot) + 360deg)) translate(0, -90px);
  }
}

@keyframes rotateText {
  from {
    -webkit-transform: translate(-15rem, 73rem) rotate(var(--rot)) translate(0, -90rem);
            transform: translate(-15rem, 73rem) rotate(var(--rot)) translate(0, -90rem);
  }
  to {
    -webkit-transform: translate(-15rem, 73rem) rotate(calc(var(--rot) + 360deg)) translate(0, -90px);
            transform: translate(-15rem, 73rem) rotate(calc(var(--rot) + 360deg)) translate(0, -90px);
  }
}
@-webkit-keyframes moveArrow {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(4rem, -4rem);
            transform: translate(4rem, -4rem);
  }
}
@keyframes moveArrow {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(4rem, -4rem);
            transform: translate(4rem, -4rem);
  }
}
@-webkit-keyframes slideInFromLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideInFromLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media (max-width: 1200px) {
  .hero {
    padding-top: 100rem;
    height: 790rem;
  }
  .hero__container::after {
    left: 70rem;
    bottom: 61rem;
    width: 800rem;
    height: 420rem;
  }
  .hero__text {
    padding: 40rem;
    width: 480rem;
    height: 250rem;
  }
  .hero__text-title {
    font-size: 34rem;
    line-height: 120%;
  }
  .hero__text-descr {
    font-size: 24rem;
  }
  .hero__btn {
    top: 10%;
    left: 44%;
  }
}
@media (max-width: 767px) {
  .hero {
    padding-top: 40rem;
    height: 600rem;
  }
  .hero::after {
    height: 25rem;
  }
  .hero__container::after {
    left: 30rem;
    bottom: 40rem;
    width: 410rem;
    height: 230rem;
  }
  .hero__text {
    padding: 30rem;
    width: 100%;
    height: 170rem;
    gap: 10rem;
  }
  .hero__text-title {
    font-size: 32rem;
    line-height: 120%;
  }
  .hero__text-descr {
    font-size: 18rem;
  }
  .hero__text-btn {
    bottom: -55rem;
    right: 35rem;
    padding: 20rem;
    font-size: 20rem;
  }
  .hero__text-btn svg {
    width: 22rem;
    height: 22rem;
  }
  .hero__btn {
    top: auto;
    bottom: 180rem;
    left: auto;
    right: 30rem;
    -webkit-transform: none;
            transform: none;
    width: 150rem;
    height: 150rem;
  }
  .circle {
    width: 100rem;
    height: 100rem;
  }
  .circle span {
    display: inline-block;
    font-size: 16rem;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 42px */
    width: 10rem;
    position: absolute;
    color: var(--white);
    -webkit-transform: translate(-6rem, 40rem) rotate(var(--rot)) translate(0, -55rem);
            transform: translate(-6rem, 40rem) rotate(var(--rot)) translate(0, -55rem);
    -webkit-animation: rotateText 30s linear infinite;
            animation: rotateText 30s linear infinite;
  }
  .hero__btn .circle::after {
    width: 60rem;
    height: 60rem;
    top: 18%;
  }
  @-webkit-keyframes rotateText {
    from {
      -webkit-transform: translate(-6rem, 40rem) rotate(var(--rot)) translate(0, -55rem);
              transform: translate(-6rem, 40rem) rotate(var(--rot)) translate(0, -55rem);
    }
    to {
      -webkit-transform: translate(-6rem, 40rem) rotate(calc(var(--rot) + 360deg)) translate(0, -55rem);
              transform: translate(-6rem, 40rem) rotate(calc(var(--rot) + 360deg)) translate(0, -55rem);
    }
  }
  @keyframes rotateText {
    from {
      -webkit-transform: translate(-6rem, 40rem) rotate(var(--rot)) translate(0, -55rem);
              transform: translate(-6rem, 40rem) rotate(var(--rot)) translate(0, -55rem);
    }
    to {
      -webkit-transform: translate(-6rem, 40rem) rotate(calc(var(--rot) + 360deg)) translate(0, -55rem);
              transform: translate(-6rem, 40rem) rotate(calc(var(--rot) + 360deg)) translate(0, -55rem);
    }
  }
}
.advantages {
  padding-top: 50rem;
  padding-bottom: 120rem;
}
.advantages__title {
  margin-bottom: 50rem;
}
.advantages__title::before {
  content: "01";
}
.advantages__content {
  display: grid;
  gap: 20rem;
  grid-template-columns: repeat(4, 1fr);
}
.advantages__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10rem;
  border-radius: 20rem;
  padding: 40rem;
  height: 190rem;
  background: var(--grey-1);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.advantages__card:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
.advantages__card-title {
  font-size: 32rem;
  font-weight: 700;
  line-height: 140%; /* 44.8px */
}
.advantages__card-descr {
  font-size: 18rem;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
}
.advantages__card-1, .advantages__card-6 {
  grid-column: span 2;
}
.advantages__card-1 {
  background: url("../../images/advantages-bg-1.webp") no-repeat bottom right var(--grey-1);
  background-size: 100%;
}
.advantages__card-6 {
  background: url("../../images/advantages-bg-2.webp") no-repeat bottom right var(--grey-1);
  background-size: 100%;
}

@media (max-width: 1200px) {
  .advantages__content {
    grid-template-columns: repeat(2, 1fr);
  }
  .advantages__card-1, .advantages__card-6 {
    background-size: 65%;
  }
}
@media (max-width: 767px) {
  .advantages {
    padding-top: 20rem;
    padding-bottom: 40rem;
  }
  .advantages__title {
    margin-bottom: 20rem;
  }
  .advantages__content {
    gap: 10rem;
  }
  .advantages__card {
    padding: 20rem;
    height: 124rem;
    gap: 10rem;
  }
  .advantages__card-title {
    font-size: 20rem;
    line-height: 120%;
  }
  .advantages__card-descr {
    font-size: 16rem;
  }
  .advantages__card-1, .advantages__card-6 {
    background-size: 100%;
  }
}
.burger {
  display: none;
  width: 60rem;
  height: 60rem;
  position: relative;
  padding: 0;
  border: none;
  font-family: inherit;
  background-color: transparent;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
}
.burger__text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1rem;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1rem;
}
.burger::after, .burger::before {
  content: "";
  position: absolute;
  right: 0;
  height: 6rem;
  background-color: var(--primary);
  border-radius: var(--primary);
  border-radius: 10rem;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.burger::before {
  top: 16rem;
  width: 60rem;
  -webkit-transform-origin: 73% 130%;
          transform-origin: 73% 130%;
}
.burger::after {
  top: 38rem;
  width: 40rem;
  -webkit-transform-origin: 72% -30%;
          transform-origin: 72% -30%;
}

.burger.active::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 60rem;
}

.burger.active::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media (max-width: 1200px) {
  .burger {
    display: block;
  }
}
@media (max-width: 767px) {
  .burger {
    width: 40rem;
    height: 40rem;
  }
  .burger::before {
    top: 10rem;
    height: 4rem;
    width: 40rem;
  }
  .burger::after {
    top: 26rem;
    height: 4rem;
    width: 20rem;
  }
  .burger.active::after {
    width: 40rem;
  }
}
.company {
  padding-top: 50rem;
  padding-bottom: 120rem;
  position: relative;
  height: 763rem;
  overflow-x: hidden;
}
.company::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 406rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: -1;
  background: url("../images/company-bg.webp") no-repeat bottom right;
  background-size: contain;
}
.company__container {
  height: 100%;
  overflow: hidden;
}
.company__container::after {
  content: "";
  position: absolute;
  bottom: 90rem;
  right: 140rem;
  width: 1024rem;
  height: 552rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 0;
  background: url("../../images/car/car-2.webp") no-repeat bottom right;
  background-size: contain;
  -webkit-transform: translateX(120%);
          transform: translateX(120%);
  opacity: 0.8;
  -webkit-transition: opacity 1s cubic-bezier(0.1, 1, 1, 1), -webkit-transform 1s cubic-bezier(0.1, 1, 1, 1);
  transition: opacity 1s cubic-bezier(0.1, 1, 1, 1), -webkit-transform 1s cubic-bezier(0.1, 1, 1, 1);
  transition: transform 1s cubic-bezier(0.1, 1, 1, 1), opacity 1s cubic-bezier(0.1, 1, 1, 1);
  transition: transform 1s cubic-bezier(0.1, 1, 1, 1), opacity 1s cubic-bezier(0.1, 1, 1, 1), -webkit-transform 1s cubic-bezier(0.1, 1, 1, 1);
}
.company__container.animate::after {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.company__title {
  margin-bottom: 50rem;
}
.company__title::before {
  content: "02";
}
.company__content {
  width: 100%;
}
.company__content-text {
  width: 383rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20rem;
}
.company__content-title {
  font-size: 30rem;
  font-weight: 700;
  line-height: 140%; /* 42px */
}
.company__content-descr {
  color: var(--grey-5);
  font-size: 20rem;
  font-weight: 400;
  line-height: 140%; /* 28px */
}

@media (max-width: 1200px) {
  .company__container::after {
    bottom: 15rem;
    right: 75rem;
    width: 900rem;
    height: 485rem;
  }
}
@media (max-width: 767px) {
  .company {
    padding: 40rem 0;
    height: 500rem;
  }
  .company__title {
    margin-bottom: 20rem;
  }
  .company__container::after {
    bottom: 15rem;
    right: 15rem;
    width: 400rem;
    height: 285rem;
  }
  .company__content-text {
    gap: 10rem;
  }
  .company__content-title {
    font-size: 22rem;
    line-height: 120%;
  }
  .company__content-descr {
    font-size: 18rem;
  }
}
.team {
  background: var(--black);
  padding-top: 50rem;
  padding-bottom: 165rem;
  position: relative;
}
.team::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--white);
  width: 100%;
  height: 42rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 40rem 40rem 0 0;
}
.team__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;
  gap: 40rem;
  margin-bottom: 50rem;
}
.team__title {
  color: var(--white);
  font-size: 48rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 67.2px */
}
.team__swiper-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20rem;
}
.team__swiper-prev, .team__swiper-next {
  position: static;
  width: 60rem;
  height: 60rem;
  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: 1rem solid var(--grey-1);
  border-radius: 50%;
  z-index: 1;
}
.team__swiper-prev::after, .team__swiper-next::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='13' viewBox='0 0 22 13' fill='none'%3E%3Cpath d='M0 6.73913L19.375 6.73913M15.3125 1L20 6.73913L15.3125 12' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  color: transparent;
  width: 20rem;
  height: 11rem;
}
.team__swiper-prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.team__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10rem;
  padding: 30rem;
  border-radius: 20px;
  height: 325rem;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.team__slide::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
  z-index: 4;
}
.team__slide-1 {
  background: url("../../images/team/team-bg-1.webp") no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(62, 62, 63, 0.25)), to(rgba(162, 162, 165, 0.25)));
  background: url("../../images/team/team-bg-1.webp") no-repeat, linear-gradient(180deg, rgba(62, 62, 63, 0.25) 0%, rgba(162, 162, 165, 0.25) 100%);
  background-size: contain;
}
.team__slide-1::after {
  background-image: url("../../images/team/Peter_Ivanov.webp");
}
.team__slide-2 {
  background: url("../../images/team/team-bg-2.webp") no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(62, 62, 63, 0.25)), to(rgba(162, 162, 165, 0.25)));
  background: url("../../images/team/team-bg-2.webp") no-repeat, linear-gradient(180deg, rgba(62, 62, 63, 0.25) 0%, rgba(162, 162, 165, 0.25) 100%);
  background-size: contain;
}
.team__slide-2::after {
  background-image: url("../../images/team/Dmitry_Petrov.webp");
}
.team__slide-3 {
  background: url("../../images/team/team-bg-1.webp") no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(62, 62, 63, 0.25)), to(rgba(162, 162, 165, 0.25)));
  background: url("../../images/team/team-bg-1.webp") no-repeat, linear-gradient(180deg, rgba(62, 62, 63, 0.25) 0%, rgba(162, 162, 165, 0.25) 100%);
  background-size: contain;
}
.team__slide-3::after {
  background-image: url("../../images/team/Olga_Mironova.webp");
}
.team__slide-4 {
  background: url("../../images/team/team-bg-3.webp") no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(62, 62, 63, 0.25)), to(rgba(162, 162, 165, 0.25)));
  background: url("../../images/team/team-bg-3.webp") no-repeat, linear-gradient(180deg, rgba(62, 62, 63, 0.25) 0%, rgba(162, 162, 165, 0.25) 100%);
  background-size: contain;
}
.team__slide-4::after {
  background-image: url("../../images/team/Maxim_Mityagin.webp");
}
.team__slide-title {
  color: var(--white);
  font-size: 30rem;
  font-weight: 700;
  line-height: 140%; /* 42px */
}
.team__slide-descr {
  color: var(--grey-2);
  font-size: 18rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
  max-width: 120rem;
}

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

.team__slide:hover::before {
  content: "";
  position: absolute;
  bottom: -140rem;
  right: -60rem;
  width: 300rem;
  height: 300rem;
  background-color: var(--primary);
  -webkit-filter: blur(45rem);
          filter: blur(45rem);
  opacity: 0.3;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

@media (max-width: 767px) {
  .team {
    padding-top: 40rem;
    padding-bottom: 82rem;
  }
  .team::after {
    height: 25rem;
  }
  .team__title {
    font-size: 24rem;
  }
  .team__slide {
    height: 440rem;
  }
  .team__slide-title {
    font-size: 26rem;
  }
  .team__slide-descr {
    font-size: 22rem;
    max-width: 100%;
  }
}
.dignities {
  padding: 120rem 0;
}
.dignities__container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 20rem;
}
.dignities__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 80rem;
  border-radius: 20rem;
  background: var(--grey-1);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.dignities__card:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
.dignities__card-1 {
  grid-column: span 2;
  background: url("../../images/car/car-3.webp") no-repeat bottom right var(--grey-1);
  background-size: contain;
  padding-bottom: 99rem;
}
.dignities__card-2, .dignities__card-3 {
  padding-top: 60rem;
  padding-bottom: 60rem;
}
.dignities__card-2 {
  background: url("../../images/dignities-bg-1.webp") no-repeat bottom right var(--grey-1);
  background-size: contain;
}
.dignities__card-3 {
  background: url("../../images/dignities-bg-2.webp") no-repeat bottom right var(--grey-1);
  background-size: contain;
}
.dignities__card-title {
  font-size: 30rem;
  font-weight: 700;
  line-height: 140%; /* 67.2px */
  margin-bottom: 20rem;
}
.dignities__card-descr {
  color: var(--grey-5);
  font-size: 20rem;
  font-weight: 400;
  line-height: 140%; /* 39.2px */
  max-width: 270rem;
}
.dignities__card-descr:has(+ .dignities__card-btn) {
  margin-bottom: 50rem;
}
.dignities__card-btn {
  max-width: 223rem;
  width: 100%;
  padding: 14rem;
}
.dignities__card-1 .dignities__card-title {
  max-width: 426rem;
  font-size: 48rem;
}
.dignities__card-1 .dignities__card-descr {
  font-size: 28rem;
  max-width: 100%;
}

@media (max-width: 1200px) {
  .dignities__container {
    grid-template-columns: auto;
  }
  .dignities__card {
    padding: 60rem;
  }
  .dignities__card-1 {
    grid-column: span 1;
    background: url("../../images/car/car-3.webp") no-repeat bottom right var(--grey-1);
    background-size: 50%;
  }
  .dignities__card-title {
    font-size: 34rem;
    margin-bottom: 20rem;
  }
  .dignities__card-descr {
    font-size: 28rem;
    max-width: 500rem;
  }
  .dignities__card-descr:has(+ .dignities__card-btn) {
    margin-bottom: 30rem;
  }
}
@media (max-width: 767px) {
  .dignities {
    padding-top: 0rem;
    padding-bottom: 40rem;
  }
  .dignities__container {
    grid-template-columns: auto;
  }
  .dignities__card {
    padding: 20rem;
  }
  .dignities__card-1 {
    background-size: 40%;
  }
  .dignities__card-1 .dignities__card-title {
    font-size: 22rem;
    line-height: 100%;
  }
  .dignities__card-1 .dignities__card-descr {
    font-size: 18rem;
    line-height: 100%;
    line-height: 120%;
  }
  .dignities__card-title {
    font-size: 22rem;
    line-height: 100%;
    margin-bottom: 10rem;
  }
  .dignities__card-descr {
    font-size: 18rem;
    max-width: 250rem;
    line-height: 120%;
  }
  .dignities__card-descr:has(+ .dignities__card-btn) {
    margin-bottom: 30rem;
  }
  .dignities__card-btn {
    max-width: 180rem;
  }
}
.ransom {
  padding-top: 50rem;
  padding-bottom: 120rem;
}
.ransom__title {
  margin-bottom: 50rem;
}
.ransom__title::before {
  content: "03";
}
.ransom__content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20rem;
}
.ransom__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30rem;
}
.ransom__card-top {
  position: relative;
}
.ransom__card-img {
  width: 100%;
  height: 282rem;
}
.ransom__card-step {
  position: absolute;
  bottom: 0;
  left: 0;
  color: var(--white);
  font-size: 20rem;
  font-weight: 700;
  line-height: 140%; /* 28px */
  border-radius: 50%;
  background: var(--grey-4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50rem;
  height: 50rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ransom__card-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12rem;
}
.ransom__card-title {
  font-size: 30rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 42px */
}
.ransom__card-descr {
  font-size: 18rem;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
}

@media (max-width: 1200px) {
  .ransom__content {
    overflow: scroll;
    width: 100%;
    padding-bottom: 10rem;
  }
  .ransom__card {
    width: 315rem;
  }
}
@media (max-width: 767px) {
  .ransom {
    padding: 40rem 0;
  }
  .ransom__title {
    margin-bottom: 20rem;
  }
  .ransom__content {
    overflow: scroll;
    width: 100%;
    padding-bottom: 10rem;
  }
  .ransom__card {
    width: 215rem;
    gap: 20rem;
  }
  .ransom__card-img {
    height: 190rem;
  }
  .ransom__card-step {
    width: 34rem;
    height: 34rem;
    font-size: 18rem;
  }
  .ransom__card-text {
    gap: 5rem;
  }
  .ransom__card-title {
    font-size: 22rem;
    line-height: 120%;
  }
  .ransom__card-descr {
    font-size: 16rem;
    line-height: 120%;
  }
}
.services {
  padding-top: 50rem;
  padding-bottom: 163rem;
  position: relative;
  overflow-x: hidden;
}
.services::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -20rem;
  width: 655rem;
  height: 501rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='665' height='510' viewBox='0 0 665 510' fill='none'%3E%3Cpath opacity='0.5' d='M28.2729 507C0.939564 453.167 -21.6272 265.2 90.7728 294C231.273 330 365.042 464.565 396.423 335.353C421.56 231.846 382.06 191.136 365.56 187.346C328.56 178.846 319.06 204.846 353.56 239.846C388.06 274.846 455.06 305.346 461.06 187.346C467.06 69.3457 474.56 25.8531 570.923 9.35307C636.969 -1.95598 653.423 18.3531 660.423 25.8531' stroke='%23F5F5F5' stroke-width='12'/%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom right;
}
.services__title {
  margin-bottom: 50rem;
}
.services__title::before {
  content: "04";
}
.services__content {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  margin-bottom: 120rem;
}
.services__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 120rem;
  padding: 50rem 92rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 160rem;
  border-radius: 20rem;
  background: #f5f5f5;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.services__card:hover {
  background-color: var(--grey-2);
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
.services__card:hover:not(:last-child) {
  border-bottom: 2rem dashed var(--grey-3);
}
.services__card:not(:last-child) {
  border-bottom: 2rem dashed var(--grey-2);
}
.services__card-1 {
  background: url("../../images/services/auto-purchase.webp") no-repeat bottom right var(--grey-1);
  background-size: contain;
}
.services__card-2 {
  background: url("../../images/services/trade-in.webp") no-repeat bottom right var(--grey-1);
  background-size: contain;
}
.services__card-3 {
  background: url("../../images/services/online-commission.webp") no-repeat bottom right var(--grey-1);
  background-size: contain;
}
.services__card-4 {
  background: url("../../images/services/commission.webp") no-repeat bottom right var(--grey-1);
  background-size: contain;
}
.services__card-title {
  font-size: 30rem;
  font-weight: 700;
  line-height: 140%; /* 42px */
  max-width: 260rem;
  width: 100%;
}
.services__card-descr {
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  max-width: 538rem;
  width: 100%;
}
.services__formed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 112rem;
}
.services__formed-title {
  font-size: 30rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 42px */
  width: 223rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
.services__formed-title::after {
  content: "";
  position: absolute;
  bottom: 0%;
  left: 0;
  width: 80%;
  height: 4rem;
  background: var(--grey-1);
}
.services__formed-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 37rem 20rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.services__formed-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 25rem;
  width: 203rem;
}
.services__formed-card:first-of-type {
  margin-left: 112rem;
}
.services__formed-card:last-of-type .services__formed-card__step::after {
  display: none;
}
.services__formed-card__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6rem 23rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12rem;
  border-radius: 10rem;
  background: var(--grey-1);
  width: 92rem;
  position: relative;
  font-size: 20rem;
  font-weight: 700;
  line-height: 140%; /* 28px */
}
.services__formed-card__step::before {
  content: "";
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background: var(--primary);
}
.services__formed-card__step::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 125%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 82rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='2' viewBox='0 0 92 2' fill='none'%3E%3Cpath d='M0 1L92 1.00001' stroke='%23E2E2E2' stroke-width='2' stroke-dasharray='10 10'/%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: left center;
}
.services__formed-card__title {
  font-size: 18rem;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
}

@media (max-width: 1200px) {
  .services::after {
    width: 475rem;
    height: 370rem;
  }
  .services__content {
    margin-bottom: 80rem;
  }
  .services__card {
    gap: 60rem;
    height: 170rem;
    padding: 50rem;
  }
  .services__card-title {
    font-size: 26rem;
    max-width: 230rem;
  }
  .services__card-descr {
    max-width: 420rem;
  }
  .services__formed {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 60rem;
  }
  .services__formed-title {
    width: 100%;
  }
  .services__formed-title::after {
    bottom: -20%;
    width: 65%;
  }
  .services__formed-card:first-of-type {
    margin-left: 60rem;
  }
}
@media (max-width: 767px) {
  .services {
    padding-bottom: 90rem;
  }
  .services::after {
    width: 277rem;
    height: 229rem;
  }
  .services__title {
    margin-bottom: 20rem;
  }
  .services__card {
    gap: 10rem;
    height: 250rem;
    padding: 20rem;
    -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: flex-start;
  }
  .services__card-title {
    font-size: 22rem;
    line-height: 120%;
    max-width: 100%;
  }
  .services__card-descr {
    max-width: 100%;
  }
  .services__card-1, .services__card-2, .services__card-3, .services__card-4 {
    background-size: 45%;
    background-position: bottom center;
  }
  .services__formed {
    gap: 60rem;
  }
  .services__formed-title {
    font-size: 22rem;
  }
  .services__formed-title::after {
    bottom: -20%;
    width: 100%;
  }
  .services__formed-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 10rem;
       -moz-column-gap: 10rem;
            column-gap: 10rem;
    row-gap: 33rem;
  }
  .services__formed-card {
    gap: 15rem;
    width: 100%;
  }
  .services__formed-card:first-of-type {
    margin-left: 0rem;
  }
  .services__formed-card__step {
    font-size: 16rem;
    padding: 6rem 15rem;
    width: 70rem;
  }
  .services__formed-card__step::after {
    width: 50rem;
    background-size: contain;
    left: 118%;
  }
}
.cost {
  padding-top: 110rem;
  padding-bottom: 162rem;
  border-radius: 40rem 40rem 0rem 0rem;
  background: url("../../images/cost-bg.webp") no-repeat center center;
  background-size: cover;
  position: relative;
}
.cost::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--white);
  width: 100%;
  height: 42rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 40rem 40rem 0 0;
}
.cost__title {
  color: var(--white);
  font-size: 48rem;
  font-weight: 700;
  line-height: 140%; /* 67.2px */
  margin-bottom: 20rem;
}
.cost-form {
  padding: 40rem 45rem;
  border-radius: 20rem;
  background: var(--grey-1);
  -webkit-box-shadow: 0rem 4rem 10rem 0rem rgba(0, 0, 0, 0.1);
          box-shadow: 0rem 4rem 10rem 0rem rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40rem;
}
.cost-form__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20rem;
}
.cost-form__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20rem;
}
.cost-form__row-center {
  grid-template-columns: repeat(3, 1fr);
}
.cost-form__row span {
  width: 100%;
}
.cost-form__input {
  border-radius: 10rem;
  background: var(--white);
  padding: 17rem 25rem;
  outline: none;
  font-size: 18rem;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
  width: 100%;
}
.cost-form__input::-webkit-input-placeholder {
  color: var(--grey-2);
  font-size: 18rem;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
}
.cost-form__input::-moz-placeholder {
  color: var(--grey-2);
  font-size: 18rem;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
}
.cost-form__input:-ms-input-placeholder {
  color: var(--grey-2);
  font-size: 18rem;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
}
.cost-form__input::-ms-input-placeholder {
  color: var(--grey-2);
  font-size: 18rem;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
}
.cost-form__input::placeholder {
  color: var(--grey-2);
  font-size: 18rem;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
}
.cost-form__select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.cost-form__select-wrap {
  position: relative;
}
.cost-form__select-wrap::after {
  content: "";
  position: absolute;
  right: 25rem;
  top: 50%;
  width: 22rem;
  height: 14rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14' viewBox='0 0 22 14' fill='none'%3E%3Cpath d='M2.93359 4.19922L11.0003 11.1992L19.0669 4.19922' stroke='%237F8386' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
.cost-form__select:focus {
  outline: none;
}
.cost-form__bottom {
  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: 20rem;
}
.cost-form__bottom-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50rem;
}
.cost-form__bottom-photo {
  max-width: 210rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  font-size: 16rem;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
.cost-form__bottom-photo::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='44' viewBox='0 0 25 44' fill='none'%3E%3Cpath d='M22.1487 13.4484L14.4484 26.652C13.9134 27.5692 13.1465 28.3424 12.2304 28.8881C12.1031 28.9639 11.9629 29 11.8243 29C11.5566 29 11.2956 28.8651 11.1475 28.6215C10.9228 28.2518 11.0434 27.7719 11.4167 27.5494C12.1043 27.1398 12.68 26.5594 13.0816 25.8708L20.7819 12.6672C22.1012 10.405 21.3155 7.50188 19.0303 6.19575C16.7451 4.88971 13.8126 5.66749 12.4933 7.92976L4.94945 20.8652C4.18367 22.1783 4.6397 23.8634 5.96612 24.6216C7.29254 25.3797 8.9946 24.9281 9.76044 23.615L16.626 11.8429C16.8438 11.4694 17.3263 11.3414 17.7038 11.557C18.0812 11.7727 18.2105 12.2505 17.9926 12.6241L11.1271 24.3962C10.3213 25.7779 8.854 26.5515 7.34752 26.5515C6.60896 26.5515 5.86127 26.3657 5.177 25.9746C3.09702 24.7857 2.38183 22.1432 3.58269 20.0841L11.1267 7.14861C12.8812 4.14034 16.7808 3.10595 19.8195 4.84274C22.8582 6.57959 23.9031 10.44 22.1487 13.4484Z' fill='%231A1C1E'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 25rem;
  height: 44rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.cost-form__bottom-agreement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  position: relative;
  max-width: 260rem;
  width: 100%;
}
.cost-form__bottom-agreement input[type=checkbox] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.cost-form__bottom-agreement label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  width: 100%;
  font-size: 16rem;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
.cost-form__bottom-agreement input[type=checkbox] + label {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  position: relative;
  padding: 0 0 0 30rem;
}
.cost-form__bottom-agreement input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  top: 2rem;
  left: 0;
  display: inline-block;
  width: 20rem;
  height: 20rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  border-radius: 4rem;
  border: 1rem solid var(--grey-3);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70% 70%;
}
.cost-form__bottom-agreement:hover input[type=checkbox] + label::before {
  background-color: var(--white);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.cost-form__bottom-agreement input[type=checkbox]:checked + label::before {
  background-color: var(--grey-3);
  background-image: url("data:image/svg+xml,%3Csvg fill='%23FFFFFF' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px'%3E%3Cpath d='M 21.490234 5.9960938 A 0.50005 0.50005 0 0 0 21.146484 6.1464844 L 9.0136719 18.292969 L 2.8535156 12.146484 A 0.50005 0.50005 0 1 0 2.1464844 12.853516 L 8.6601562 19.353516 A 0.50005 0.50005 0 0 0 9.3671875 19.353516 L 21.853516 6.8535156 A 0.50005 0.50005 0 0 0 21.490234 5.9960938 z'/%3E%3C/svg%3E");
}
.cost-form__btn {
  max-width: 223rem;
  width: 100%;
}

@media (max-width: 767px) {
  .cost {
    padding-top: 40rem;
    padding-bottom: 60rem;
  }
  .cost::after {
    height: 25rem;
  }
  .cost__title {
    font-size: 28rem;
    line-height: 120%;
    text-align: center;
  }
  .cost-form {
    padding: 30rem;
    gap: 20rem;
  }
  .cost-form__row {
    display: grid;
    grid-template-columns: auto;
    gap: 20rem;
  }
  .cost-form__row-center {
    grid-template-columns: auto;
  }
  .cost-form__input {
    padding: 15rem 25rem;
    font-size: 16rem;
    line-height: 120%; /* 25.2px */
  }
  .cost-form__input::-webkit-input-placeholder {
    font-size: 16rem;
    line-height: 120%; /* 25.2px */
  }
  .cost-form__input::-moz-placeholder {
    font-size: 16rem;
    line-height: 120%; /* 25.2px */
  }
  .cost-form__input:-ms-input-placeholder {
    font-size: 16rem;
    line-height: 120%; /* 25.2px */
  }
  .cost-form__input::-ms-input-placeholder {
    font-size: 16rem;
    line-height: 120%; /* 25.2px */
  }
  .cost-form__input::placeholder {
    font-size: 16rem;
    line-height: 120%; /* 25.2px */
  }
  .cost-form__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cost-form__bottom-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 20rem;
  }
  .cost-form__btn {
    max-width: 100%;
  }
}
.faq {
  padding-top: 120rem;
  padding-bottom: 120rem;
}
.faq__title {
  margin-bottom: 50rem;
}
.faq__title::before {
  content: "05";
}

.accordion {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 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: 40rem;
  padding: 50rem 80rem;
  border-radius: 20rem;
  background: var(--grey-1);
}
.accordion__item {
  position: relative;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.accordion__item:not(:last-of-type) {
  border-bottom: 1rem solid var(--grey-2);
}
.accordion__item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  padding-bottom: 40rem;
  padding-right: 40rem;
  font-size: 30rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 42px */
  cursor: pointer;
  width: 100%;
}
.accordion__item-title::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M2 28L28 3' stroke='%231A1C1E' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M8 3L28 3L28 23' stroke='%231A1C1E' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  height: 100%;
  width: 100%;
  max-width: 30rem;
  max-height: 30rem;
}
.accordion__item-title.rotate {
  padding-bottom: 20rem;
}
.accordion__item-title.rotate::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.accordion__item-body {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: height 0.4s ease, opacity 0.1s ease, visibility 0.4 ease;
  transition: height 0.4s ease, opacity 0.1s ease, visibility 0.4 ease;
}
.accordion__item-body.open {
  padding-bottom: 40rem;
  height: auto;
  visibility: visible;
  opacity: 1;
  -webkit-transition: height 0.4s ease, opacity 0.1s ease, visibility 0.4 ease;
  transition: height 0.4s ease, opacity 0.1s ease, visibility 0.4 ease;
}
.accordion__item-body__text {
  font-size: 20rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 28px */
  max-width: 640rem;
}

@media (max-width: 767px) {
  .faq {
    padding-top: 15rem;
    padding-bottom: 40rem;
  }
  .faq__title {
    margin-bottom: 20rem;
  }
  .accordion {
    padding: 40rem;
    gap: 20rem;
  }
  .accordion__item-title {
    font-size: 20rem;
    padding-bottom: 20rem;
    padding-right: 50rem;
    line-height: 120%;
  }
  .accordion__item-title.rotate {
    padding-bottom: 10rem;
  }
  .accordion__item-title::after {
    max-width: 24rem;
    max-height: 24rem;
  }
  .accordion__item-body.open {
    padding-bottom: 20rem;
  }
  .accordion__item-body__text {
    font-size: 18rem;
  }
}
.reviews {
  padding-top: 50rem;
  padding-bottom: 60rem;
  position: relative;
}
.reviews::after {
  content: "";
  position: absolute;
  left: -220rem;
  bottom: 120rem;
  width: 834rem;
  height: 575rem;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='845' height='585' viewBox='0 0 845 585' fill='none'%3E%3Cpath opacity='0.5' d='M407.637 115.139L412.016 111.037L412.016 111.037L407.637 115.139ZM579.07 403.161L584.451 400.505L579.07 403.161ZM834.255 582.673C836.284 585.293 840.052 585.773 842.673 583.745C845.293 581.716 845.773 577.948 843.745 575.327L834.255 582.673ZM0.393767 7.84482C46.6852 63.3036 91.8051 94.365 134.597 110.505C177.39 126.644 217.403 127.69 253.175 123.823C271.031 121.893 287.862 118.734 303.401 115.622C319.04 112.49 333.176 109.449 346.08 107.621C372.094 103.936 390.499 105.62 403.258 119.241L412.016 111.037C394.882 92.7456 370.887 91.9876 344.397 95.74C331.051 97.6306 316.409 100.778 301.045 103.855C285.581 106.952 269.183 110.022 251.885 111.892C217.348 115.626 179.35 114.558 138.832 99.2767C98.3137 83.9947 54.8232 54.3268 9.60623 0.155183L0.393767 7.84482ZM403.258 119.241C412.558 129.169 417.477 139.339 419.282 149.649C421.097 160.017 419.832 170.929 416.127 182.381C408.651 205.495 391.603 229.782 372.253 254.356C353.204 278.548 331.797 303.146 317.144 325.799C302.668 348.176 293.047 371.146 301.035 391.762L312.225 387.426C306.58 372.858 312.787 354.626 327.219 332.317C341.473 310.283 362.051 286.709 381.681 261.78C401.011 237.232 419.337 211.448 427.545 186.074C431.683 173.283 433.337 160.347 431.102 147.579C428.857 134.754 422.754 122.501 412.016 111.037L403.258 119.241ZM301.035 391.762C305.125 402.317 312.531 408.687 322.199 411.553C331.464 414.3 342.452 413.737 354.041 411.599C377.11 407.343 405.916 396.094 434.317 386.582C463.249 376.892 492.08 368.864 516.856 369.825C529.13 370.301 540.148 372.981 549.61 378.571C559.025 384.133 567.261 392.789 573.689 405.816L584.451 400.505C577.103 385.617 567.346 375.111 555.713 368.239C544.127 361.394 531.042 358.366 517.322 357.834C490.11 356.778 459.387 365.531 430.506 375.203C401.092 385.054 373.824 395.747 351.864 399.798C340.939 401.813 332.174 401.994 325.61 400.048C319.45 398.222 314.951 394.463 312.225 387.426L301.035 391.762ZM573.689 405.816C576.339 411.185 579.291 423.89 581.057 440.002C582.794 455.856 583.286 474.096 581.488 490.078C580.589 498.067 579.135 505.334 577.06 511.389C574.967 517.498 572.373 521.988 569.439 524.829C566.668 527.511 563.505 528.836 559.523 528.644C555.292 528.441 549.594 526.488 542.168 521.363L535.352 531.238C543.795 537.066 551.653 540.28 558.946 540.631C566.487 540.993 572.816 538.261 577.785 533.45C582.591 528.798 585.986 522.359 588.412 515.279C590.856 508.145 592.451 499.963 593.413 491.419C595.335 474.335 594.791 455.173 592.985 438.695C591.208 422.476 588.11 407.92 584.451 400.505L573.689 405.816ZM542.168 521.363C535.303 516.624 533.243 511.968 533.279 508.086C533.316 503.925 535.757 498.749 541.826 493.212C553.954 482.149 577.946 472.203 609.301 469.475C671.521 464.061 760.458 487.341 834.255 582.673L843.745 575.327C767.422 476.733 674.501 451.756 608.261 457.52C575.387 460.381 548.499 470.883 533.739 484.347C526.364 491.074 521.359 499.182 521.279 507.977C521.197 517.05 526.348 525.024 535.352 531.238L542.168 521.363Z' fill='%23F5F5F5'/%3E%3C/svg%3E");
}
.reviews__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}
.reviews__title {
  position: absolute;
  left: 300rem;
  right: 0;
  z-index: 3;
}
.reviews__title::before {
  content: "06";
}
.reviews__swiper {
  width: 100%;
  max-height: 680rem;
  margin: 0;
  padding: 0;
}
.reviews__swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.reviews__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40rem;
  max-width: 1097rem;
  padding-right: 257rem;
  -webkit-transition: 1s cubic-bezier(0.36, 0.67, 1, 1);
  transition: 1s cubic-bezier(0.36, 0.67, 1, 1);
}
.reviews__slide::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='84' viewBox='0 0 100 84' fill='none'%3E%3Cg clip-path='url(%23clip0_324_2036)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M57.9267 0C55.7176 0 53.9267 1.79086 53.9267 4V48.2169C53.9267 50.4261 55.7176 52.2169 57.9267 52.2169H84.1546C82.9469 63.5225 75.3474 66.7248 71.1557 66.9595C70.88 66.975 70.658 67.1976 70.658 67.4738V83.501C70.658 83.7772 70.8916 84.0014 71.1677 83.9972C92.7159 83.6725 99.1039 62.7487 99.909 48.7C99.928 48.5417 99.9378 48.3804 99.9378 48.2169V48.1496C100.024 46.334 100.017 44.6426 99.9378 43.137L99.9378 4C99.9378 1.79086 98.147 0 95.9378 0H57.9267Z' fill='%237F8386'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C1.79086 0 0 1.79086 0 4V48.2169C0 50.4261 1.79086 52.2169 4 52.2169H30.2279C29.0202 63.5225 21.4207 66.7248 17.229 66.9595C16.9533 66.975 16.7313 67.1976 16.7313 67.4738V83.501C16.7313 83.7772 16.9649 84.0014 17.241 83.9972C38.7892 83.6725 45.1772 62.7487 45.9823 48.7C46.0013 48.5417 46.0111 48.3804 46.0111 48.2169V48.1496C46.0976 46.334 46.0904 44.6426 46.0111 43.137L46.0111 4C46.0111 1.79086 44.2203 0 42.0111 0H4Z' fill='%237F8386'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_324_2036'%3E%3Crect width='100' height='84' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 106rem;
  height: 88rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.reviews__slide-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20rem;
}
.reviews__slide-descr {
  color: var(--black) !important;
  font-size: 20rem;
  font-weight: 400;
  line-height: 140%; /* 28px */
}
.reviews__slide-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20rem;
}
.reviews__slide-info__title {
  color: var(--black) !important;
  font-size: 20rem;
  font-weight: 700;
  line-height: 140%; /* 28px */
}
.reviews-button {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30rem;
  z-index: 5;
}
.reviews-button--prev, .reviews-button--next {
  position: static;
  width: 60rem;
  height: 60rem;
  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: 1rem solid var(--black);
  border-radius: 50%;
  background-color: var(--white);
}
.reviews-button--prev::after, .reviews-button--next::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='22' viewBox='0 0 14 22' fill='none'%3E%3Cpath d='M6.73913 -2.73671e-07L6.73913 19.375M13 15.3125L6.73913 20L1 15.3125' stroke='%231A1C1E' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  color: transparent;
  width: 12rem;
  height: 20rem;
}
.reviews-button--prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-bottom: 30rem;
}

#reviews__swiper .swiper-slide:not(.swiper-slide-active) {
  width: 840rem;
  padding-right: 0rem;
  opacity: 0.5;
}

@media (max-width: 1200px) {
  .reviews::after {
    bottom: 20rem;
    width: 740rem;
    height: 520rem;
  }
  .reviews__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40rem;
  }
  .reviews__title {
    position: static;
  }
  .reviews__slide {
    gap: 30rem;
  }
  .reviews__slide::before {
    width: 70rem;
    height: 60rem;
  }
  #reviews__swiper .swiper-slide:not(.swiper-slide-active) {
    width: 840rem;
    padding-right: 0rem;
  }
}
@media (max-width: 767px) {
  .reviews {
    padding-top: 40rem;
    padding-bottom: 40rem;
  }
  .reviews::after {
    left: -110rem;
    bottom: 0rem;
    width: 340rem;
    height: 236rem;
  }
  .reviews__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20rem;
  }
  .reviews__title {
    position: static;
  }
  .reviews__swiper {
    max-height: 580rem;
  }
  .reviews__slide {
    gap: 20rem;
    padding-right: 70rem;
  }
  .reviews__slide::before {
    width: 50rem;
    height: 42rem;
  }
  .reviews__slide-wrap {
    gap: 10rem;
  }
  .reviews__slide-info__title {
    font-size: 16rem;
  }
  .reviews__slide-info__date {
    font-size: 16rem;
  }
  .reviews__slide-descr {
    font-size: 14rem;
  }
  .reviews-button {
    gap: 10rem;
    top: 45%;
  }
  .reviews-button--prev, .reviews-button--next {
    width: 50rem;
    height: 50rem;
  }
  .reviews-button--prev::after, .reviews-button--next::after {
    width: 14rem;
    height: 26rem;
  }
  .reviews-button--prev {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    margin-top: 30rem;
  }
  #reviews__swiper .swiper-slide:not(.swiper-slide-active) {
    width: 390rem;
    padding-right: 0rem;
    opacity: 0.5;
  }
  #reviews__swiper .swiper-slide:not(.swiper-slide-active) .reviews__slide-wrap {
    max-width: 320rem;
  }
}
.news {
  padding-top: 50rem;
  padding-bottom: 170rem;
}
.news__title {
  margin-bottom: 50rem;
}
.news__title::before {
  content: "07";
}
.news__swiper-wrapper {
  margin-bottom: 40rem;
}
.news__swiper-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30rem;
  height: 100%;
}
.news__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30rem;
  cursor: pointer;
}
.news__slide:hover .news__slide-img img {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  border-radius: 20rem;
}
.news__slide-img {
  border-radius: 20rem;
  overflow: hidden;
}
.news__slide-img img {
  width: 100%;
  height: 400rem;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  border-radius: 20rem;
}
.news__slide-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14rem;
}
.news__slide-title {
  font-size: 30rem;
  font-weight: 700;
  line-height: 140%; /* 42px */
}
.news__slide-date {
  color: var(--grey-3);
  font-size: 18rem;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
}
.news__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.news__swiper .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15rem;
  width: auto;
  top: auto;
  left: auto;
}

.news__swiper .swiper-pagination-bullet {
  background: var(--grey-2);
  width: 10rem;
  height: 10rem;
  opacity: 1;
}

.news__swiper .swiper-pagination-bullet-active {
  background: var(--grey-3);
}

.news__swiper .swiper-button-next,
.news__swiper .swiper-button-prev {
  position: static;
  width: 60rem;
  height: 60rem;
  margin-top: 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: 1rem solid var(--black);
  border-radius: 50%;
}
.news__swiper .swiper-button-next::after,
.news__swiper .swiper-button-prev::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14' viewBox='0 0 22 14' fill='none'%3E%3Cpath d='M0 7.26087L19.375 7.26087M15.3125 1L20 7.26087L15.3125 13' stroke='%231A1C1E' stroke-width='2'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  color: transparent;
  width: 20rem;
  height: 11rem;
}

.news__swiper .swiper-button-prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

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

@media (max-width: 1200px) {
  .news__slide-img img {
    height: 300rem;
  }
  .news__slide-title {
    font-size: 24rem;
  }
}
@media (max-width: 767px) {
  .news {
    padding-top: 40rem;
    padding-bottom: 40rem;
  }
  .news__title {
    margin-bottom: 20rem;
  }
  .news__swiper-wrapper {
    margin-bottom: 20rem;
  }
  .news__swiper-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30rem;
    height: 100%;
  }
  .news__slide-img img {
    height: 260rem;
  }
  .news__slide-title {
    font-size: 20rem;
  }
  .news__bottom {
    -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;
    gap: 50rem;
  }
  .news__swiper .swiper-button-next,
  .news__swiper .swiper-button-prev {
    position: static;
    width: 60rem;
    height: 60rem;
    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: 1rem solid var(--black);
    border-radius: 50%;
  }
  .news__swiper .swiper-button-next::after,
  .news__swiper .swiper-button-prev::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14' viewBox='0 0 22 14' fill='none'%3E%3Cpath d='M0 7.26087L19.375 7.26087M15.3125 1L20 7.26087L15.3125 13' stroke='%231A1C1E' stroke-width='2'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    color: transparent;
    width: 20rem;
    height: 11rem;
  }
}
.wrap-modals-all {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(40, 40, 40, 0.8);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 7;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.wrap-modals-all.opened {
  opacity: 1;
  pointer-events: auto;
}

.modal {
  max-width: 880rem;
  width: 100%;
  max-height: 920rem;
  height: 100%;
  border-radius: 25rem;
  background: var(--white);
  -webkit-box-shadow: 5rem 4rem 20rem 0rem rgba(167, 170, 173, 0.3);
          box-shadow: 5rem 4rem 20rem 0rem rgba(167, 170, 173, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 60rem 80rem;
  padding-right: 40rem;
  border: none;
  position: relative;
  z-index: 10;
  overflow-y: auto;
}
.modal-call {
  max-width: 1245rem;
  padding: 50rem;
  width: 100%;
  overflow-y: auto;
  z-index: 10;
  position: relative;
  border-radius: 20rem;
  background: linear-gradient(134deg, #646464 6.36%, #939393 88.53%);
}
.modal-content {
  overflow: hidden;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 40rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal-content-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 40rem;
}
.modal-content-bottom {
  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: 20rem;
}
.modal-content-bottom-wrap {
  border-radius: 20rem;
  background: var(--grey-2);
  padding: 30rem;
  max-width: 478rem;
  width: 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: 30rem;
}
.modal-content-bottom-title {
  color: var(--black);
  font-size: 30rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 42px */
}
.modal-content__call-title {
  color: var(--white);
  font-size: 64rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 89.6px */
  margin-bottom: 10rem;
}
.modal-content__title {
  font-size: 30rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 42px */
  max-width: 460rem;
  margin-bottom: 20rem;
}
.modal-content__description {
  color: var(--white);
  font-size: 24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 33.6px */
  max-width: 634rem;
}
.modal-content__date {
  color: var(--grey-3);
  font-size: 18rem;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
  margin-bottom: 40rem;
}
.modal-content__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20rem;
  margin-bottom: 40rem;
}
.modal-content__descr {
  font-size: 18rem;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
}
.modal-content__img {
  width: 100%;
  height: 100%;
}
.modal-content__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20rem;
}
.modal__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16rem;
}
.modal__form-input {
  border-radius: 10rem;
  background: var(--white);
  padding: 17rem 25rem;
  outline: none;
  font-size: 18rem;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
  width: 100%;
}
.modal__form-input::-webkit-input-placeholder {
  color: var(--grey-2);
  font-size: 18rem;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
}
.modal__form-input::-moz-placeholder {
  color: var(--grey-2);
  font-size: 18rem;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
}
.modal__form-input:-ms-input-placeholder {
  color: var(--grey-2);
  font-size: 18rem;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
}
.modal__form-input::-ms-input-placeholder {
  color: var(--grey-2);
  font-size: 18rem;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
}
.modal__form-input::placeholder {
  color: var(--grey-2);
  font-size: 18rem;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
}
.modal__form-label {
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
.modal__form-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: 30rem;
  text-align: center;
  font-size: 16rem;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  max-width: 185rem;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  padding: 20rem;
  color: var(--white);
  border-radius: 20rem;
  border: 1.5rem solid var(--primary);
  background-color: var(--primary);
  width: 100%;
  max-width: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 15rem;
}
.modal__form-btn:hover, .modal__form-btn:active {
  background-color: var(--white);
  color: var(--black);
}
.modal__form-btn:disabled {
  cursor: not-allowed;
  opacity: 0.2;
}
.modal__form-agreement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
}
.modal__form-agreement:hover label {
  color: var(--red);
}
.modal__form-agreement:hover input[type=checkbox] + label::before {
  background-color: #fff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.modal__form-agreement label {
  color: var(--black);
  font-size: 14rem;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 19.6px */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  width: 100%;
}
.modal__form-agreement input[type=checkbox] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.modal__form-agreement input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  width: 16rem;
  height: 16rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  border: 1rem solid var(--primary);
  border-radius: 4rem;
  margin-right: 10rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70% 70%;
  -webkit-transition: 0.3 ease;
  transition: 0.3 ease;
}
.modal__form-agreement input[type=checkbox]:checked + label::before {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M10 3L4.5 8.5L2 6' stroke='%23EC1C23' stroke-width='1.6666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.modal__img img {
  width: 597rem;
  height: 316rem;
}

.wpcf7-form-control-wrap {
  width: 100%;
}

.modal-call .modal-content {
  padding-right: 0;
}

.modal-wrap {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -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;
  padding: 40rem;
  position: absolute;
  top: -150%;
  right: 0;
  width: 100%;
  height: 100%;
  width: 100%;
  height: 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;
  overflow-x: visible;
  overflow-y: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.modal-wrap.opened {
  top: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.modal-close {
  position: absolute;
  top: 60rem;
  right: 80rem;
}
.modal-close svg {
  width: 30rem;
  height: 30rem;
}

.modal-call-close {
  position: absolute;
  top: 60rem;
  right: 60rem;
}
.modal-call-close svg {
  width: 48rem;
  height: 48rem;
}

.wpcf7-form-control-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10rem;
}

@media (max-width: 1200px) {
  .modal {
    padding: 60rem;
  }
  .modal-call {
    padding: 40rem;
  }
  .modal-content__img {
    height: 300rem;
  }
  .modal__right {
    padding: 40rem;
  }
  .modal__img img {
    width: 470rem;
    height: 280rem;
  }
  .modal-content-top {
    margin-bottom: 20rem;
  }
  .modal-content-bottom-wrap {
    max-width: 520rem;
    gap: 15rem;
  }
  .modal-content__call-title {
    line-height: 100%;
    font-size: 52rem;
  }
  .modal-close {
    right: 60rem;
  }
  .modal-call-close {
    top: 40rem;
    right: 40rem;
  }
  .modal-call-close svg {
    width: 42rem;
    height: 42rem;
  }
}
@media (max-width: 767px) {
  .modal {
    padding: 30rem;
    padding-right: 15rem;
    max-height: 690rem;
  }
  .modal-wrap {
    padding: 20rem;
  }
  .modal-content {
    padding-right: 15rem;
  }
  .modal-content__title {
    font-size: 20rem;
    max-width: 300rem;
    margin-bottom: 10rem;
  }
  .modal-content__date {
    margin-bottom: 20rem;
  }
  .modal-content__descr {
    font-size: 16rem;
  }
  .modal-content__text {
    gap: 10rem;
    margin-bottom: 20rem;
  }
  .modal__form-input {
    padding: 15rem 20rem;
    font-size: 16rem;
    line-height: 120%; /* 25.2px */
    width: 100%;
  }
  .modal__form-input::-webkit-input-placeholder {
    font-size: 16rem;
    line-height: 120%; /* 25.2px */
  }
  .modal__form-input::-moz-placeholder {
    font-size: 16rem;
    line-height: 120%; /* 25.2px */
  }
  .modal__form-input:-ms-input-placeholder {
    font-size: 16rem;
    line-height: 120%; /* 25.2px */
  }
  .modal__form-input::-ms-input-placeholder {
    font-size: 16rem;
    line-height: 120%; /* 25.2px */
  }
  .modal__form-input::placeholder {
    font-size: 16rem;
    line-height: 120%; /* 25.2px */
  }
  .modal__form-btn {
    padding: 15rem 20rem;
    margin-top: 0;
  }
  .modal__img {
    display: none;
  }
  .modal-content__call-title {
    line-height: 100%;
    font-size: 28rem;
  }
  .modal-content__description {
    font-size: 18rem;
  }
  .modal-content-bottom-title {
    font-size: 20rem;
  }
  .modal-close {
    top: 30rem;
    right: 30rem;
  }
  .modal-close svg {
    width: 18rem;
    height: 18rem;
  }
}
.contacts__title {
  margin-bottom: 50rem;
}
.contacts__title::before {
  content: "08";
}
.contacts__content {
  position: relative;
}
.contacts__content-map {
  width: 100%;
  height: 820rem;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.contacts__content-text {
  position: absolute;
  top: 200rem;
  left: 300rem;
  max-width: 703rem;
  width: 100%;
  border-radius: 20rem;
  background: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40rem;
  -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: flex-start;
  gap: 32rem;
}
.contacts__content-text__top {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20rem;
  width: 100%;
}
.contacts__content-text__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10rem;
}
.contacts__content-text__title {
  font-size: 20rem;
  font-weight: 700;
  line-height: 140%; /* 28px */
}
.contacts__content-text__descr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10rem;
  color: var(--black);
}
.contacts__content-text__descr svg {
  width: 15rem;
  height: 15rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.contacts__content-text__descr span {
  color: var(--black);
  font-size: 16rem;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
.contacts__content-text__link:hover svg path {
  stroke: var(--primary);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.contacts__content-text__link:hover span {
  color: var(--primary);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.contacts__content-text__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: 5rem;
}
.contacts__content-text__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10rem;
}
.contacts__content-text__social svg {
  width: 48rem;
  height: 48rem;
}
.contacts__content-text__social:hover svg path {
  fill: var(--primary);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.contacts__content-btn {
  max-width: 223rem;
  width: 100%;
}

@media (max-width: 1200px) {
  .contacts__content-map {
    height: 620rem;
  }
  .contacts__content-text {
    top: 100rem;
    left: 100rem;
  }
}
@media (max-width: 767px) {
  .contacts__title {
    margin-bottom: 20rem;
  }
  .contacts__content-map {
    height: 920rem;
  }
  .contacts__content-text {
    top: 60rem;
    left: 30rem;
    right: 30rem;
    max-width: 420rem;
  }
  .contacts__content-text__top {
    grid-template-columns: auto;
  }
  .contacts__content-btn {
    max-width: 100%;
  }
}
.footer {
  padding: 60rem 0;
  background-color: var(--black);
}
.footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 60rem;
  padding-bottom: 40rem;
  border-bottom: 1rem solid #575757;
}
.footer__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 75rem;
}
.footer__right-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 75rem;
}
.footer__img img {
  width: 203rem;
  height: 97rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.footer__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 20rem;
  -webkit-column-gap: 80rem;
     -moz-column-gap: 80rem;
          column-gap: 80rem;
  height: 76rem;
}
.footer__link {
  color: var(--white);
  font-size: 20rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 28px */
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.footer__link:hover {
  color: var(--primary);
}
.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;
  row-gap: 20rem;
}
.footer__address-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10rem;
}
.footer__address-svg {
  width: 20rem;
  height: 20rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.footer__address-descr {
  color: var(--white);
  font-size: 20rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
.footer__address-social {
  width: 48rem;
  height: 48rem;
}
.footer__bottom {
  padding-top: 40rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer__bottom-descr {
  color: var(--white);
  font-size: 16rem;
  font-style: normal;
  font-weight: 200;
  line-height: 140%; /* 22.4px */
  max-width: 980rem;
}
.footer__bottom-list {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  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;
  gap: 10rem;
}
.footer__bottom-link {
  color: var(--white);
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.footer__bottom-link:hover {
  color: var(--primary);
}
.footer__bottom-copy {
  color: var(--white);
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}

.footer__address-wrap:has(.footer__address-social) {
  gap: 30rem;
}

.footer__address > a:hover > .footer__address-descr {
  color: var(--primary);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.footer__address > a:hover > .footer__address-svg path {
  stroke: var(--primary);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.footer__address-social:hover > svg path {
  fill: var(--primary);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

@media (max-width: 1200px) {
  .footer__right {
    width: 60%;
  }
  .footer__right-wrap {
    gap: 20rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer__list {
    grid-template-columns: auto;
    height: 100%;
  }
  .footer__bottom-descr {
    max-width: 660rem;
  }
}
@media (max-width: 767px) {
  .footer__top {
    gap: 40rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer__right {
    width: 100%;
    gap: 40rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer__right-wrap {
    gap: 20rem;
    -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;
  }
  .footer__list {
    grid-template-columns: repeat(2, 1fr);
    height: 100%;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    width: 100%;
  }
  .footer__item {
    text-align: center;
  }
  .footer__address-wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20rem;
  }
  .footer__bottom-descr {
    max-width: 100%;
  }
  .footer__bottom-list {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .footer__address-wrap:has(.footer__address-social) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}