@charset "UTF-8";
.container {
  margin: 0 auto;
  max-width: 360rem;
  padding: 0 20rem;
  width: 100%;
}
@media (min-width: 768px) {
  .container {
    max-width: 768rem;
    padding: 0 80rem;
  }
}
@media (min-width: 1250px) {
  .container {
    max-width: 1250rem;
    padding: 0 20rem;
  }
}
@media (max-width: 1249px) {
  .container-mobile-tablet {
    margin: 0 auto;
    max-width: 768rem;
    padding: 0 80rem;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .container-mobile-tablet {
    max-width: 360rem;
    padding: 0 20rem;
  }
}
html {
  scroll-behavior: smooth;
  font-size: 0.2777777778vw;
}
@media (min-width: 768px) {
  html {
    font-size: 0.1302083333vw;
  }
}
@media (min-width: 1250px) {
  html {
    font-size: 1px;
  }
}
.modal p,
body {
  margin: 0;
}
a {
  text-decoration: none;
  color: inherit;
}
.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;
}
*,
::after,
::before {
  box-sizing: inherit;
}
@media (min-width: 1250px) {
  .center {
    max-width: 1600px;
    margin: 0 auto;
  }
}
.button {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 48rem;
  padding: 8rem 20rem;
  border: 0;
  border-radius: 8rem;
  box-sizing: border-box;
  cursor: pointer;
}
@media (min-width: 768px) {
  .button {
    min-height: 58rem;
    padding: 13rem 20rem;
  }
}
.swiper-button-next::after,
.swiper-button-prev::after {
  color: var(--main-color);
}
.swiper-pagination-bullet-active {
  background: var(--main-color);
}
@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(../fonts/montserrat-regular.woff2) format("woff2"),
    url(../fonts/montserrat-regular.woff) format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(../fonts/montserrat-medium.woff2) format("woff2"),
    url(../fonts/montserrat-medium.woff) format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url(../fonts/montserrat-semiBold.woff2) format("woff2"),
    url(../fonts/montserrat-semiBold.woff) format("woff");
}
.feedback {
  background-color: var(--main-color);
}
.feedback__wrapper {
  padding-top: 60rem;
  padding-bottom: 60rem;
  background-repeat: no-repeat;
  background-size: 0 0;
}
@media (min-width: 768px) {
  .feedback__wrapper {
    padding-top: 100rem;
    padding-bottom: 100rem;
  }
}
@media (min-width: 1250px) {
  .feedback__wrapper {
    padding-top: 150rem;
    padding-right: 690px;
    padding-bottom: 156rem;
    padding-left: calc(95px + (100% - 1250px) / 2);
    background-image: url(../images/desktop/auto-3.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 595rem auto;
  }
}
@media (min-width: 1440px) {
  .feedback__wrapper {
    padding-right: calc(595px + (100% - 1250px) / 2);
  }
}
@media (min-width: 1600px) {
  .feedback__wrapper {
    max-width: 1600px;
    margin: 0 auto;
    padding-left: 270px;
    padding-right: 770px;
  }
}
.feedback__header {
  display: block;
  font-size: 25rem;
  line-height: 30.5rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 20rem;
}
@media (min-width: 768px) {
  .feedback__header {
    font-size: 48rem;
    line-height: 58rem;
  }
}
@media (min-width: 1250px) {
  .feedback__header {
    letter-spacing: -1.8rem;
  }
}
.feedback__description {
  font-size: 13rem;
  line-height: 25rem;
  color: #fff;
  margin: 0 0 30rem;
}
@media (min-width: 768px) {
  .feedback__description {
    font-size: 19rem;
    line-height: 32rem;
    margin-bottom: 100rem;
  }
}
@media (min-width: 1250px) {
  .feedback__description {
    letter-spacing: -0.2rem;
    margin-bottom: 85rem;
  }
}
.feedback__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.feedback__item {
  display: grid;
  grid-template-columns: min-content 1fr;
  column-gap: 14rem;
}
@media (min-width: 768px) {
  .feedback__item {
    column-gap: 22rem;
  }
}
@media (min-width: 1250px) {
  .feedback__item {
    column-gap: 20rem;
  }
}
.advantages__item:not(:last-child),
.feedback__item:not(:last-child) {
  margin-bottom: 30rem;
}
.feedback__avatar {
  width: 40rem;
  height: 40rem;
  border-radius: 50%;
  margin-top: 10rem;
}
@media (min-width: 768px) {
  .feedback__avatar {
    width: 54rem;
    height: 54rem;
  }
}
.feedback__opinion {
  font-size: 17rem;
  line-height: 28rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 20rem;
}
@media (min-width: 768px) {
  .feedback__opinion {
    font-size: 21rem;
    line-height: 32rem;
    margin-bottom: 23rem;
  }
}
@media (min-width: 1250px) {
  .feedback__opinion {
    letter-spacing: -0.12rem;
    margin-bottom: 20rem;
  }
}
.feedback__author {
  font-size: 13rem;
  line-height: 15.85rem;
  color: #fff;
}
@media (min-width: 768px) {
  .feedback__author {
    font-size: 15rem;
    line-height: 26rem;
  }
}
.advantages {
  background-color: #f4f7fa;
}
.advantages__wrapper {
  padding-top: 60rem;
  padding-bottom: 60rem;
  background-repeat: no-repeat;
  background-size: 0 0;
}
@media (min-width: 768px) {
  .advantages__wrapper {
    padding-top: 100rem;
    padding-bottom: 100rem;
  }
}
@media (min-width: 1250px) {
  .advantages__wrapper {
    padding: 150rem 258rem 156rem 720rem;
    padding-right: calc(20px + (100% - 1250px) / 2);
    background-image: url(../images/desktop/auto-2.jpg);
    background-position: left center;
    background-size: 595rem auto;
  }
}
@media (min-width: 1600px) {
  .advantages__wrapper {
    max-width: 1600px;
    margin: 0 auto;
    padding-right: 195px;
  }
}
.advantages__main-header {
  display: block;
  font-size: 25rem;
  line-height: 30.5rem;
  font-weight: 600;
  margin: 0 0 20rem;
}
@media (min-width: 768px) {
  .advantages__main-header {
    font-size: 48rem;
    line-height: 58rem;
  }
}
@media (min-width: 1250px) {
  .advantages__main-header {
    letter-spacing: -1.8rem;
    margin-bottom: 21rem;
  }
}
.advantages__main-description {
  font-size: 13rem;
  line-height: 25rem;
  margin: 0 0 30rem;
}
@media (min-width: 768px) {
  .advantages__main-description {
    font-size: 19rem;
    line-height: 32rem;
    width: 404rem;
    margin-bottom: 100rem;
  }
}
@media (min-width: 1250px) {
  .advantages__main-description {
    letter-spacing: -0.2rem;
  }
}
.advantages__header {
  font-size: 17rem;
  line-height: 20.7rem;
  font-weight: 400;
  margin: 0 0 21rem;
}
@media (min-width: 768px) {
  .advantages__header {
    font-size: 21rem;
    line-height: 32rem;
    margin-bottom: 15rem;
  }
}
@media (min-width: 1250px) {
  .advantages__header {
    letter-spacing: -0.5rem;
  }
}
.advantages__description {
  font-size: 13rem;
  line-height: 25rem;
  margin: 0;
}
@media (min-width: 768px) {
  .advantages__description {
    font-size: 17rem;
    line-height: 29rem;
  }
}
@media (min-width: 1250px) {
  .advantages__description {
    letter-spacing: -0.2rem;
  }
}
.advantages__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .advantages__list {
    display: flex;
    flex-wrap: wrap;
    gap: 30rem;
  }
}
.advantages__item {
  position: relative;
  padding: 9rem 0 0 54rem;
}
@media (min-width: 768px) {
  .advantages__item {
    width: 281rem;
    padding-top: 4rem;
  }
}
@media (min-width: 768px) {
  .advantages__item:not(:last-child) {
    margin-bottom: 0;
  }
}
.advantages__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40rem;
  height: 40rem;
  border-radius: 50%;
}
.advantages__item:nth-of-type(2n + 1)::before {
  background-color: rgba(71, 59, 240, 0.3);
}
.advantages__item:nth-of-type(2n + 2)::before {
  background-color: rgba(246, 75, 75, 0.3);
}
.consultation {
  background-color: #161c2d;
}
.consultation__wrapper {
  position: relative;
  padding: 60rem 13rem;
  background-image: url(../images/ghost-car.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 524rem 328rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .consultation__wrapper {
    padding: 100rem 5rem;
    background-position: center bottom;
    background-size: 844rem 528rem;
  }
}
@media (min-width: 1250px) {
  .consultation__wrapper {
    padding: 356px 245px;
    background-position: center;
    background-size: contain;
  }
}
.consultation__wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(22, 28, 45, 0.9);
  z-index: 1;
}
.consultation__wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -39rem;
  width: 360rem;
  height: 247rem;
  background: url(../images/mobile/wave.png);
  z-index: 1;
}
@media (min-width: 768px) {
  .consultation__wrapper::after {
    bottom: 0;
    width: 768rem;
    height: 400rem;
    background: url(../images/tablet/wave.png);
  }
}
@media (min-width: 1250px) {
  .consultation__wrapper::after {
    left: -51rem;
    width: 1826rem;
    height: 669rem;
    background: url(../images/desktop/wave.png);
  }
}
.consultation__wrapper > * {
  position: relative;
  z-index: 2;
}
.consultation__header {
  font-size: 25rem;
  line-height: 30.5rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  margin: 0 auto 20rem;
}
@media (min-width: 768px) {
  .consultation__header {
    font-size: 48rem;
    line-height: 58rem;
    width: 639rem;
  }
}
@media (min-width: 1250px) {
  .consultation__header {
    letter-spacing: -1.8rem;
  }
}
.consultation__info {
  display: block;
  font-size: 13rem;
  line-height: 25rem;
  color: #fff;
  text-align: center;
  width: 250rem;
  margin: 0 auto 30rem;
}
@media (min-width: 768px) {
  .consultation__info {
    font-size: 19rem;
    line-height: 32rem;
    width: 312rem;
  }
}
.consultation__calling {
  font-size: 15rem;
  line-height: 32rem;
  color: var(--main-color);
  width: 207rem;
  margin: 0 auto;
  background-color: #fff;
}
@media (min-width: 768px) {
  .consultation__calling {
    font-size: 17rem;
    letter-spacing: -0.6rem;
    width: 285rem;
  }
}
.about__slider {
  width: 100%;
}
.about__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.about__picture {
  display: block;
  width: 310rem;
  height: 174rem;
  object-fit: contain;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .about__picture {
    width: 632rem;
    height: 355rem;
  }
}
@media (min-width: 1250px) {
  .about__picture {
    width: 794rem;
    height: 446rem;
  }
}
.about__slider-pagination {
  --swiper-pagination-top: 172rem;
  height: 8rem;
}
@media (min-width: 768px) {
  .about__slider-pagination {
    display: none;
    --swiper-pagination-top: 340rem;
  }
}
@media (min-width: 1250px) {
  .about__slider-pagination {
    --swiper-pagination-top: 420rem;
  }
}
@media (min-width: 768px) {
  .about__slider:hover .about__slider-pagination {
    display: block;
  }
}
.about__slider-button {
  display: none;
}
@media (min-width: 1250px) {
  .about__slider-button--prev {
    left: calc(50% - 443rem);
  }
  .about__slider-button--next {
    left: calc(50% + 420rem);
  }
}
@media (min-width: 768px) {
  .about__slider:hover .about__slider-button {
    display: block;
  }
}
.about__wrapper {
  padding: 37rem 20rem 30rem;
}
@media (min-width: 768px) {
  .about__wrapper {
    padding: 30rem 80rem 60rem;
  }
}
@media (min-width: 1250px) {
  .about__wrapper {
    width: 773rem;
    padding: 30rem 0 100rem;
    margin: 0 auto;
  }
}
.about__header {
  font-size: 30rem;
  line-height: 36.6rem;
  font-weight: 600;
  letter-spacing: -2rem;
  text-align: center;
  margin: 0 0 20rem;
}
@media (min-width: 768px) {
  .about__header {
    font-size: 60rem;
    line-height: 65rem;
    letter-spacing: -2rem;
    margin-bottom: 30rem;
  }
}
.about__description {
  font-size: 13rem;
  line-height: 25rem;
  letter-spacing: -0.2rem;
  text-align: center;
  margin: 0 auto 30rem;
}
@media (min-width: 768px) {
  .about__description {
    font-size: 19rem;
    line-height: 32rem;
  }
}
@media (min-width: 1250px) {
  .about__description {
    width: 636rem;
  }
}
.about__button {
  font-size: 15rem;
  line-height: 32rem;
  color: #fff;
  width: 207rem;
  margin: 0 auto;
  background-color: var(--main-color);
}
@media (min-width: 768px) {
  .about__button {
    font-size: 17rem;
    width: 256rem;
  }
}
@media (min-width: 1250px) {
  .about__button {
    letter-spacing: -0.6rem;
    width: 253rem;
  }
}
.main-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 40rem;
  row-gap: 30rem;
}
.page-header .main-nav {
  color: #161c2d;
}
.page-footer .main-nav {
  color: #fff;
}
.main-nav__shortcut-logo {
  width: 100rem;
  height: 100rem;
  fill: #161c2d;
}
.page-footer .main-nav__shortcut-logo path {
  fill: #fff;
}
@media (min-width: 1250px) {
  .page-footer .main-nav__shortcut-logo {
    width: 100rem;
    height: 100rem;
  }
}
.main-nav__menu {
  width: 170rem;
}
@media (min-width: 768px) {
  .main-nav__menu {
    width: auto;
  }
}
.main-nav--opened .main-nav__menu {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 5;
  height: 100%;
  padding: 30rem 20rem;
  background-color: var(--main-color);
  opacity: 0.9;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.main-nav__toggle {
  display: block;
  position: relative;
  width: 36rem;
  height: 28rem;
  margin-left: auto;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
@media (min-width: 768px) {
  .main-nav__toggle {
    display: none;
  }
}
.main-nav__toggle::before {
  content: "";
  position: absolute;
  width: 25rem;
  height: 2rem;
  border-radius: 2rem;
}
.page-header .main-nav__toggle::before {
  color: #161c2d;
  background-color: #161c2d;
}
.page-footer .main-nav__toggle::before {
  color: #fff;
  background-color: #fff;
}
.main-nav--closed .main-nav__toggle::before {
  top: 5rem;
  left: calc(50% - 12.5rem);
  box-shadow: 0 5.5rem 0 0 currentColor, 0 11rem 0 0 currentColor,
    0 16.5rem 0 0 currentColor;
}
.main-nav--opened .main-nav__toggle::after,
.main-nav--opened .main-nav__toggle::before {
  top: calc(50% - 1rem);
  left: calc(50% - 12.5rem);
  background-color: #fff;
  transform: rotate(45deg);
}
.main-nav--opened .main-nav__toggle::after {
  content: "";
  position: absolute;
  width: 25rem;
  height: 2rem;
  border-radius: 2rem;
  transform: rotate(-45deg);
}
.main-nav__list {
  list-style: none;
  padding: 40rem 0 0;
  margin: 0;
}
@media (min-width: 768px) {
  .main-nav__list {
    padding: 0;
  }
}
@media (min-width: 1250px) {
  .main-nav__list {
    margin-left: 160rem;
  }
}
.main-nav--closed .main-nav__list {
  display: none;
}
@media (min-width: 768px) {
  .main-nav--closed .main-nav__list {
    display: flex;
  }
}
.main-nav--opened .main-nav__list {
  display: block;
}
.main-nav__item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-nav__item:not(:last-child) {
  margin-bottom: 28rem;
}
@media (min-width: 768px) {
  .main-nav__item:not(:last-child) {
    margin-bottom: 0;
    margin-right: 49rem;
  }
}
@media (min-width: 1250px) {
  .main-nav__item:not(:last-child) {
    margin-right: 47rem;
  }
  .page-footer .main-nav__item:not(:last-child) {
    margin-right: 140rem;
  }
}
.main-nav__link {
  display: inline-block;
  line-height: 26rem;
  text-align: center;
  padding: 10rem;
  opacity: 1;
}
@media (max-width: 767px) {
  .main-nav__link {
    color: #fff;
  }
}
@media (min-width: 768px) {
  .main-nav__link {
    padding: 0;
  }
}
.main-nav__consultation,
.page-footer .main-nav__consultation {
  display: none;
}
@media (min-width: 1250px) {
  .main-nav__consultation {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17rem;
    line-height: 20.7rem;
    color: #fff;
    letter-spacing: -0.5rem;
    min-height: 49rem;
    width: 220rem;
    padding: 14rem 20rem;
    border: 0;
    border-radius: 8rem;
    background-color: var(--main-color);
    cursor: pointer;
  }
}
.modal-second {
  display: none;
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px 0;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
}
.modal-second__container {
  position: relative;
  width: 320rem;
  margin: auto 0;
  padding: 45rem 0;
  border-radius: 8rem;
  background-color: rgba(255, 255, 255, 0.85);
  box-shadow: 0 0 14rem 0 rgba(22, 28, 45, 0.1);
}
@media (min-width: 768px) {
  .modal-second__container {
    width: 608rem;
    padding: 25rem 0 30rem;
  }
}
@media (min-width: 1250px) {
  .modal-second__container {
    width: 920rem;
    padding: 73rem 0;
  }
}
.modal-second__picture {
  display: block;
  width: 320rem;
  height: 155rem;
  object-fit: contain;
  margin: 0 auto 20rem;
}
@media (min-width: 768px) {
  .modal-second__picture {
    width: 257rem;
    height: 155rem;
  }
}
@media (min-width: 1250px) {
  .modal-second__picture {
    width: 350rem;
    height: 155rem;
  }
}
.modal-second__content {
  padding: 0 20rem;
}
@media (min-width: 768px) {
  .modal-second__content {
    padding: 0 30rem;
  }
}
@media (min-width: 1250px) {
  .modal-second__content {
    padding: 0 95rem;
  }
}
.modal-second__header {
  font-size: 17rem;
  line-height: 21rem;
  font-weight: 600;
  text-align: center;
  margin: 0 0 20rem;
}
@media (min-width: 768px) {
  .modal-second__header {
    font-size: 21rem;
    line-height: 32rem;
  }
}
@media (min-width: 1250px) {
  .modal-second__header {
    letter-spacing: -0.5rem;
  }
}
.modal-second__full-description {
  font-size: 13rem;
  line-height: 16rem;
  font-weight: 400;
  /*text-align: justify;*/
  margin: 0;
}
@media (min-width: 768px) {
  .modal-second__full-description {
    font-size: 15rem;
    line-height: 18rem;
  }
}
@media (min-width: 1250px) {
  .modal-second__full-description {
    font-size: 17rem;
    line-height: 21rem;
  }
}
.modal-second__close {
  position: absolute;
  top: 20rem;
  right: 20rem;
  width: 15rem;
  height: 15rem;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
@media (min-width: 768px) {
  .modal-second__close {
    top: 30rem;
    right: 30rem;
    width: 20rem;
    height: 20rem;
  }
}
.modal-second__close::after,
.modal-second__close::before {
  content: "";
  position: absolute;
  top: calc(50% - 1rem);
  left: calc(50% - 14rem);
  width: 21rem;
  height: 2rem;
  background-color: var(--main-color);
}
@media (min-width: 768px) {
  .modal-second__close::after,
  .modal-second__close::before {
    width: 28rem;
  }
}
.modal-second__close::before {
  transform: rotate(45deg);
}
.modal-second__close::after {
  transform: rotate(-45deg);
}
.modal {
  display: none;
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px 0;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
}
.modal__container {
  position: relative;
  width: 350rem;
  margin: auto 0;
  padding: 27rem 30rem 30rem;
  border-radius: 8rem;
  background-color: rgba(255, 255, 255, 0.85);
  box-shadow: 0 0 14rem 0 rgba(22, 28, 45, 0.1);
}
.modal__header {
  font-size: 17rem;
  line-height: 26rem;
  font-weight: 500;
  color: var(--main-color);
  text-align: center;
  margin: 0 0 26rem;
}
.modal__list {
  list-style: none;
  margin: 0;
  padding: 0 0 23rem;
  display: flex;
  flex-direction: column;
}
.modal__item:not(:last-child) {
  margin-bottom: 15rem;
}
.modal__item input {
  display: block;
  width: 100%;
  height: 50rem;
  padding: 13rem 15rem 11rem;
  border: 1rem solid var(--main-color);
  border-radius: 8rem;
}
.modal input::placeholder {
  font-size: 15rem;
  line-height: 26rem;
  font-weight: 400;
  color: #c6c6c6;
}
.modal__privacy {
  padding-left: 15rem;
  margin-bottom: 20rem;
}
.modal__privacy-label {
  position: relative;
  font-size: 9rem;
  line-height: 26rem;
  color: var(--main-color);
  text-align: center;
  margin-left: 35rem;
  margin-bottom: 20rem;
}
.modal__privacy-input + label::before {
  content: "";
  position: absolute;
  top: -5rem;
  left: -35rem;
  width: 20rem;
  height: 20rem;
  border: 1rem solid var(--main-color);
  border-radius: 4rem;
}
.modal__privacy-input:checked + label::after {
  content: "";
  position: absolute;
  top: -5rem;
  left: -35rem;
  width: 20rem;
  height: 20rem;
  border-radius: 4rem;
  background-color: var(--main-color);
}
.modal__submit {
  font-size: 17rem;
  line-height: 26rem;
  font-weight: 500;
  color: #fff;
  width: 100%;
  padding: 12rem;
  background-color: var(--main-color);
}
.modal__close {
  position: absolute;
  top: 30rem;
  right: 30rem;
  width: 20rem;
  height: 20rem;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
.modal__close::after,
.modal__close::before {
  content: "";
  position: absolute;
  top: calc(50% - 1rem);
  left: calc(50% - 14rem);
  width: 28rem;
  height: 2rem;
  background-color: var(--main-color);
}
.modal__close::before {
  transform: rotate(45deg);
}
.modal__close::after {
  transform: rotate(-45deg);
}
.page-body {
  font-family: "Montserrat", "Arial", sans-serif;
  font-size: 15rem;
  font-weight: 400;
  color: #161c2d;
  min-width: 360rem;
  box-sizing: border-box;
}
.page-body__modal-overlay,
.page-body__nav-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 2;
}
.page-body__nav-overlay {
  width: 190rem;
  background: rgba(64, 63, 61, 0.9);
}
.page-body__modal-overlay {
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}
.page-footer {
  padding: 62rem 0;
  background-color: #161c2d;
}
@media (min-width: 768px) {
  .page-footer {
    padding: 100rem 0;
  }
  .page-footer__contacts {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    column-gap: 40rem;
  }
}
.page-footer__main-nav {
  padding-bottom: 20rem;
}
@media (min-width: 1250px) {
  .page-footer__main-nav {
    padding-bottom: 30rem;
  }
}
.page-footer__info {
  font-size: 13rem;
  line-height: 26rem;
  color: #fff;
  margin: 0 0 22rem;
  max-width: 220rem;
}
@media (min-width: 768px) {
  .page-footer__info {
    font-size: 15rem;
  }
}
@media (min-width: 1250px) {
  .page-footer__info {
    margin-bottom: 30rem;
  }
}
.page-footer__phone {
  display: block;
  font-size: 13rem;
  line-height: 15.85rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 20rem;
}
@media (min-width: 768px) {
  .page-footer__phone {
    font-size: 15rem;
    line-height: 18.3rem;
    margin: 0;
  }
}
.page-header {
  padding: 30rem 20rem;
}
@media (min-width: 768px) {
  .page-header {
    padding: 30rem 80rem;
  }
}
@media (min-width: 1250px) {
  .page-header {
    padding: 20px 25px;
  }
}
.services {
  padding-top: 60rem;
  padding-bottom: 60rem;
}
@media (min-width: 1250px) {
  .services {
    padding-top: 100rem;
    padding-bottom: 100rem;
  }
}
.services__main-header {
  font-size: 25rem;
  line-height: 30.5rem;
  font-weight: 600;
  text-align: center;
  margin: 0 0 18rem;
}
@media (min-width: 768px) {
  .services__main-header {
    font-size: 48rem;
    line-height: 58rem;
    margin-bottom: 22rem;
  }
}
@media (min-width: 1250px) {
  .services__main-header {
    letter-spacing: -1.8rem;
  }
}
.services__slogan {
  display: block;
  font-size: 13rem;
  line-height: 25rem;
  text-align: center;
  margin: 0 auto 30rem;
}
@media (min-width: 768px) {
  .services__slogan {
    font-size: 19rem;
    line-height: 32rem;
    width: 404rem;
    margin-bottom: 60rem;
  }
}
@media (min-width: 1250px) {
  .services__slogan {
    letter-spacing: -0.2rem;
    margin-bottom: 85rem;
  }
}
.services__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.services__item {
  -webkit-user-select: none;
  user-select: none;
}
@media (min-width: 768px) {
  .services__item {
    width: 257rem;
  }
}
@media (min-width: 1250px) {
  .services__item {
    width: 350rem;
  }
}
.services__picture {
  display: block;
  width: 320rem;
  height: 155rem;
  object-fit: contain;
  margin: 0 auto 16rem;
}
@media (min-width: 768px) {
  .services__picture {
    width: 257rem;
    height: 155rem;
    margin-bottom: 26rem;
  }
}
@media (min-width: 1250px) {
  .services__picture {
    width: 350rem;
    height: 155rem;
  }
}
.services__header {
  font-size: 17rem;
  line-height: 20.7rem;
  font-weight: 600;
  text-align: center;
  margin: 0 0 15rem;
}
@media (min-width: 768px) {
  .services__header {
    font-size: 21rem;
    line-height: 32rem;
  }
}
@media (min-width: 1250px) {
  .services__header {
    letter-spacing: -0.5rem;
  }
}
.services__description {
  display: block;
  font-size: 13rem;
  line-height: 25rem;
  text-align: center;
  width: 220rem;
  margin: 0 auto 30rem;
}
@media (min-width: 768px) {
  .services__description {
    font-size: 17rem;
    line-height: 29rem;
    width: auto;
  }
}
@media (min-width: 1250px) {
  .services__description {
    letter-spacing: -0.2rem;
    width: 279rem;
  }
}
.services__full-description {
  display: none;
}
.services__button {
  font-size: inherit;
  line-height: 32rem;
  color: #fff;
  min-height: 48rem;
  width: 207rem;
  margin: 0 auto;
  background-color: var(--main-color);
}
@media (min-width: 768px) {
  .services__button {
    font-size: 17rem;
    line-height: 20.7rem;
    min-height: 49rem;
    width: 152rem;
  }
}
@media (min-width: 1250px) {
  .services__button {
    letter-spacing: -0.5rem;
    min-height: 50rem;
  }
}
.social-media__list {
  display: flex;
  flex-wrap: wrap;
  gap: 24rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.social-media__link {
  display: flex;
}