@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url(../fonts/Montserrat-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url(../fonts/Montserrat-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url(../fonts/Montserrat-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url(../fonts/Montserrat-SemiBold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal
}
* {
  padding: 0;
  margin: 0;
  border: 0
}
*,
*::after,
*::before {
  box-sizing: border-box
}
*::after,
*::before {
  display: inline-block
}
body,
html {
  height: 100%;
  min-width: 320px
}
body {
  font-family: var(--font-primary);
  font-size: var(--font-size);
  line-height: var(--line-height);
  font-weight: var(--font-weight);
  color: var(--color-primary);
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
button,
input,
textarea {
  font-family: var(--font-primary);
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: rgba(0,0,0,0)
}
input,
textarea {
  width: 100%
}
label {
  display: inline-block
}
button,
option,
select {
  cursor: pointer
}
a {
  display: inline-block;
  color: inherit;
  text-decoration: none
}
ul li {
  list-style: none
}
img {
  vertical-align: top;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 100%
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit
}
body {
  background-color: #f8f7f5
}
.lock body {
  overflow: hidden;
  touch-action: none;
  -ms-scroll-chaining: none;
  overscroll-behavior: none
}
.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden
}
@supports (overflow:clip) {
  .wrapper {
    overflow: clip
  }
}
.wrapper>main {
  flex: 1 1 auto
}
.wrapper>* {
  min-width: 0
}
.container {
  width: 100%;
  max-width: 1470px;
  padding: 0 15px;
  margin: 0 auto
}
[class*="--gc"] {
  display: grid;
  min-width: 0;
  grid-template-columns: .9375rem 1fr minmax(auto,90rem) 1fr .9375rem
}
[class*="--gc"]>* {
  min-width: 0;
  grid-column: 3/4
}
.btn {
  display: inline-flex;
  align-items: center;
  gap: 2rem;
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
  padding: .75rem 1.5625rem;
  border-radius: var(--border-radius);
  background-color: var(--color-accent);
  border: .0625rem solid transparent;
  width: 100%;
  transition: background-color .3s,color .3s
}
.btn:hover {
  background-color: var(--color-accent-bold)
}
.btn::before {
  content: "";
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: background-image .3s
}
.btn--primary::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2731%27 height=%2731%27 viewBox=%270 0 31 31%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M30.8332 24.4264C29.3991 21.4267 26.9537 19.4704 23.4318 18.5903C22.9096 18.4604 22.3555 18.5903 21.9314 18.9495L19.0299 21.3301C18.4758 21.7861 17.6607 21.8523 17.0404 21.46C13.9758 19.5685 11.4639 17.058 9.57405 13.9935C9.18303 13.3745 9.24798 12.5593 9.70397 12.0039L12.0845 9.1024C12.4437 8.67824 12.5736 8.12417 12.4437 7.60193C11.5305 4.04705 9.57406 1.60148 6.5745 0.16707C6.08539 -0.0609288 5.53134 -0.0609289 5.04224 0.200186C3.5418 1.01538 2.0745 1.92865 0.705205 2.9387C0.182975 3.32973 -0.0768364 3.98188 0.0199406 4.63404C0.998145 10.4701 4.16068 16.6007 9.27962 21.7198C14.3986 26.8388 20.529 29.9698 26.3649 30.9797C27.0171 31.0777 27.6692 30.8166 28.0602 30.2944C29.0716 28.9251 29.9835 27.4896 30.7987 25.9572C31.0611 25.4707 31.0612 24.9155 30.8332 24.4264Z%27 fill=%27white%27 /%3E%3C/svg%3E")
}
.btn--secondary {
  color: var(--color-accent-bold);
  background-color: #fff
}
.btn--secondary:hover {
  color: #fff;
  background-color: var(--color-accent)
}
.btn--secondary:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2733%27 height=%2733%27 viewBox=%270 0 33 33%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%2718.5%27 cy=%2716.5%27 r=%2714.5%27 fill=%27%23182E60%27 /%3E%3Cpath d=%27M16.5 0C7.38745 0 0 7.38745 0 16.5C0 25.6126 7.38276 33 16.5 33C25.6172 33 33 25.6126 33 16.5C33 7.38745 25.6126 0 16.5 0ZM26.395 25.3164C26.0862 25.6645 25.6518 25.8451 25.2226 25.8451C24.8484 25.8451 24.4716 25.7168 24.1785 25.4421L14.9326 17.2011V5.23928C14.9326 4.36782 15.6366 3.66385 16.508 3.66385C17.3795 3.66385 18.0835 4.36782 18.0835 5.23928V15.7909L26.2769 23.0919C26.918 23.6755 26.9786 24.6675 26.395 25.3164Z%27 fill=%27white%27 /%3E%3C/svg%3E")
}
.btn--secondary::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2733%27 height=%2733%27 viewBox=%270 0 33 33%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M16.5 0C7.38745 0 0 7.38745 0 16.5C0 25.6126 7.38276 33 16.5 33C25.6172 33 33 25.6126 33 16.5C33 7.38745 25.6126 0 16.5 0ZM26.395 25.3164C26.0862 25.6645 25.6518 25.8451 25.2226 25.8451C24.8484 25.8451 24.4716 25.7168 24.1785 25.4421L14.9326 17.2011V5.23928C14.9326 4.36782 15.6366 3.66385 16.508 3.66385C17.3795 3.66385 18.0835 4.36782 18.0835 5.23928V15.7909L26.2769 23.0919C26.918 23.6755 26.9786 24.6675 26.395 25.3164Z%27 fill=%27%23182E60%27 /%3E%3C/svg%3E")
}
:root {
  --font-primary: "Montserrat",sans-serif;
  --font-size: 1rem;
  --font-size-lg: 1.125rem;
  --font-weight: 400;
  --line-height: 1.3;
  --color-primary: #000000;
  --color-primary-light: #191615;
  --color-accent: #2264FC;
  --color-accent-bold: #182e60;
  --border-radius: 0.5rem;
  --border-radius-lg: 1.125rem
}
.ibg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.ibg--top {
  -o-object-position: top;
  object-position: top
}
.ibg--bottom {
  -o-object-position: bottom;
  object-position: bottom
}
.ibg--left {
  -o-object-position: left;
  object-position: left
}
.ibg--right {
  -o-object-position: right;
  object-position: right
}
.ibg--contain {
  -o-object-fit: contain;
  object-fit: contain
}
.section {
  position: relative
}
.main--home .reviews,
.main--location .reviews,
.main--service .reviews {
  margin-bottom: 3.75rem
}
.main--home .reviews__body,
.main--location .reviews__body,
.main--service .reviews__body {
  padding: 0;
  background-color: rgba(0,0,0,0)
}
.title {
  font-size: 1.875rem;
  font-weight: 600;
  color: var(--color-primary-light)
}
.title span {
  color: var(--color-accent)
}
.control-slider__button.swiper-button-disabled {
  opacity: .2;
  pointer-events: none
}
.control-slider__button svg {
  width: 1.5625rem;
  height: 2rem
}
.btn-up {
  width: 2.625rem;
  height: 2.625rem;
  border-radius: var(--border-radius);
  background-color: var(--color-accent);
  position: fixed;
  bottom: 11.25rem;
  right: -50%;
  transition: all .5s;
  z-index: 70;
  cursor: pointer;
  box-shadow: 0 0 .9375rem var(--color-accent);
  background-repeat: no-repeat;
  background-size: 1.25rem;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width=%2723%27 height=%2723%27 viewBox=%270 0 23 23%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10.9354 21.3064V2.12129%27 stroke=%27%23F3F4F6%27 stroke-width=%273%27 /%3E%3Cpath d=%27M1.06055 11.9961L10.9353 2.12138L21.0921 12.2782%27 stroke=%27%23F3F4F6%27 stroke-width=%273%27 /%3E%3C/svg%3E")
}
.btn-up:hover {
  background-color: var(--color-accent-bold)
}
.btn-up.visible {
  right: 1.5625rem
}
.map {
  height: 26.25rem
}
.map iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.header {
  position: relative;
  z-index: 100;
  transition: background-color .3s,backdrop-filter .3s,padding .3s;
  padding-top: 1.25rem;
  margin-bottom: 2.8125rem
}
.header--location,
.header--main {
  position: absolute;
  width: 100%;
  padding-top: 2.1875rem;
  margin-bottom: 0
}
.header--location .icon-menu span,
.header--location .icon-menu:after,
.header--location .icon-menu:before,
.header--main .icon-menu span,
.header--main .icon-menu:after,
.header--main .icon-menu:before {
  background-color: #fff
}
.header--location .menu .menu-arrow,
.header--main .menu .menu-arrow {
  background-image: url("data:image/svg+xml,%3Csvg width=%279%27 height=%278%27 viewBox=%270 0 9 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M4.89874 6.75C4.51384 7.41667 3.55159 7.41667 3.16669 6.75L0.135601 1.5C-0.249299 0.833334 0.231826 -1.40565e-07 1.00163 -2.07863e-07L7.0638 -7.37835e-07C7.8336 -8.05133e-07 8.31473 0.833333 7.92983 1.5L4.89874 6.75Z%27 fill=%27white%27 /%3E%3C/svg%3E")
}
.header--location._header-scroll .menu .menu-arrow,
.header--main._header-scroll .menu .menu-arrow {
  background-image: url("data:image/svg+xml,%3Csvg width=%279%27 height=%278%27 viewBox=%270 0 9 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M4.89874 6.75C4.51384 7.41667 3.55159 7.41667 3.16669 6.75L0.135601 1.5C-0.249299 0.833334 0.231826 -1.40565e-07 1.00163 -2.07863e-07L7.0638 -7.37835e-07C7.8336 -8.05133e-07 8.31473 0.833333 7.92983 1.5L4.89874 6.75Z%27 fill=%27%23626262%27 /%3E%3C/svg%3E")
}
.header._header-scroll {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ebeae7;
  backdrop-filter: blur(20px);
  padding: .625rem 0
}
.header._header-scroll .logo {
  width: 3.75rem
}
.header._header-scroll .header__left {
  padding: 0;
  background-color: rgba(0,0,0,0);
  backdrop-filter: initial
}
.header._header-scroll .header__btn {
  font-size: 1rem;
  padding: .625rem 1.25rem
}
.header._header-scroll .header__inner {
  align-items: center
}
.header__container {
  max-width: 100%;
  padding: 0 1.875rem
}
.header__inner {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  transition: align-items .3s
}
.header .logo {
  width: 100%;
  width: 4.375rem;
  flex-shrink: 0;
  position: relative;
  z-index: 100;
  transition: width .3s
}
.header__left {
  transition: padding .3s
}
.header__btn {
  font-size: 1.125rem;
  text-align: center;
  justify-content: center;
  width: 11.875rem
}
.header__btn::before {
  content: "";
  display: none
}
.menu__list li {
  position: relative
}
.menu .menu-arrow {
  width: .5625rem;
  height: .5rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width=%279%27 height=%278%27 viewBox=%270 0 9 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M4.89874 6.75C4.51384 7.41667 3.55159 7.41667 3.16669 6.75L0.135601 1.5C-0.249299 0.833334 0.231826 -1.40565e-07 1.00163 -2.07863e-07L7.0638 -7.37835e-07C7.8336 -8.05133e-07 8.31473 0.833333 7.92983 1.5L4.89874 6.75Z%27 fill=%27%23626262%27 /%3E%3C/svg%3E");
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s
}
.icon-menu {
  display: none
}
.footer {
  position: relative;
  padding: 3.75rem 0 4.375rem 0;
  background-color: var(--color-accent-bold);
  border-radius: var(--border-radius);
  color: #fff
}
.footer__inner {
  display: flex;
  flex-direction: column;
  align-items: center
}
.footer__logo {
  width: 7.625rem;
  height: 7.625rem;
  border-radius: 50%;
  border: .125rem solid #fff;
  background-color: rgba(255,255,255,.5);
  display: grid;
  place-content: center;
  margin-bottom: 2.5rem
}
.footer__logo .logo {
  width: 5.875rem
}
.footer__menu {
  margin-bottom: 3.125rem
}
.footer__action {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .625rem;
  width: 100%;
  margin-bottom: 1rem
}
.footer__action .btn {
  justify-content: center
}
.footer__action .btn--primary {
  border: .0625rem solid var(--color-accent)
}
.menu-footer__list li {
  text-align: center
}
.menu-footer__list li a {
  font-weight: 600;
  color: #fff;
  transition: color .3s
}
.menu-footer__list li a:hover {
  color: var(--color-accent)
}
.hero {
  padding: 8.4375rem .9375rem 2.1875rem .9375rem;
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  margin: .9375rem .9375rem 3.75rem .9375rem
}
.hero__banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}
.hero__banner img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.hero__title {
  font-size: 1.875rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin-bottom: 1.25rem
}
.hero__location {
  font-weight: 500;
  color: #fff;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .625rem;
  margin-bottom: 1.875rem
}
.hero__location::before {
  content: "";
  width: 2.375rem;
  height: 2.375rem;
  flex-shrink: 0;
  background-color: rgba(255,255,255,.5);
  border: .0625rem solid #fff;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2720%27 viewBox=%270 0 16 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M8.00022 20L8.22549 19.774C8.54611 19.4577 16 11.9789 16 7.77796C16 3.48805 12.4112 0 8 0C3.58763 0 0 3.48924 0 7.77796C0 11.9821 7.45414 19.4575 7.77116 19.7749L8.00022 20ZM4.44829 7.77817C4.44829 5.87309 6.04066 4.32483 8.00022 4.32483C9.95978 4.32483 11.5521 5.873 11.5521 7.77817C11.5521 9.68334 9.95978 11.2315 8.00022 11.2315C6.04432 11.2315 4.44829 9.68334 4.44829 7.77817Z%27 fill=%27white%27 /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: center
}
.hero__action {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .75rem
}
.hero__action span {
  font-size: 1.125rem;
  color: #fff;
  white-space: nowrap
}
.promo {
  margin-bottom: 3.75rem
}
.promo__title {
  margin-bottom: 2.5rem
}
.item-promo {
  min-height: 4.6875rem;
  background-color: #fff;
  border-radius: .75rem;
  display: flex;
  gap: 1.125rem
}
.item-promo__discont {
  flex: 0 0 6.5625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .3125rem;
  padding: 0 .3125rem;
  border-radius: .75rem;
  background-color: var(--color-accent);
  font-size: 1.75rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff
}
.item-promo__discont small {
  font-size: .75rem;
  font-weight: 400;
  line-height: 1;
  text-transform: none
}
.item-promo__text {
  font-weight: 600;
  color: var(--color-primary-light);
  align-self: center
}
.about {
  margin-bottom: 3.75rem
}
.about__title {
  margin-bottom: 1.875rem
}
.about__img {
  overflow: hidden;
  border-radius: var(--border-radius-lg);
  margin-bottom: 1.25rem
}
.about__img img {
  height: 100%
}
.about__content {
  padding: 1.875rem .9375rem;
  background-color: #fff;
  border-radius: var(--border-radius-lg)
}
.about__description p:not(:last-child),
.about__description ul:not(:last-child) {
  margin-bottom: 1rem
}
.about__description ul li {
  position: relative;
  padding-left: 2.25rem
}
.about__description ul li:not(:last-child) {
  margin-bottom: 1.25rem
}
.about__description ul li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  border: .0625rem solid var(--color-accent);
  border-radius: 50%
}
.about__description ul li::after {
  content: "";
  position: absolute;
  top: .3125rem;
  left: .3125rem;
  width: .875rem;
  height: .875rem;
  background-color: var(--color-accent);
  border-radius: 50%
}
.services {
  margin-bottom: 3.75rem
}
.services__title {
  margin-bottom: 1.875rem
}
.services__list {
  display: grid;
  gap: 1.875rem
}
.item-service {
  padding: .9375rem .9375rem 1.25rem .9375rem;
  background-color: #fff;
  border-radius: var(--border-radius-lg)
}
.item-service__img {
  overflow: hidden;
  border-radius: .875rem;
  margin-bottom: 2.5rem
}
.item-service__img img {
  width: 100%
}
.item-service__title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: .9375rem
}
.item-service__desc {
  margin-bottom: 1.875rem
}
.item-service__btn {
  text-align: center;
  justify-content: center
}
.item-service__btn::before {
  content: "";
  display: none
}
.why {
  margin-bottom: 3.75rem
}
.why__content {
  text-align: center;
  margin-bottom: 40px
}
.why__title {
  margin-bottom: 1.875rem
}
.why__desc {
  flex-grow: 1;
  margin-bottom: 2.5rem
}
.why__location {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem
}
.why__location::before {
  content: "";
  width: 3.375rem;
  height: 3.375rem;
  flex-shrink: 0;
  background-color: rgba(255,255,255,.5);
  border: .0625rem solid var(--color-accent);
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2730%27 viewBox=%270 0 24 30%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M11.5203 29.52L11.8447 29.1865C12.3064 28.7195 23.04 17.6808 23.04 11.4803C23.04 5.14836 17.8721 0 11.52 0C5.16618 0 0 5.15012 0 11.4803C0 17.6856 10.734 28.7193 11.1905 29.1878L11.5203 29.52ZM6.40554 11.4806C6.40554 8.66868 8.69856 6.38345 11.5203 6.38345C14.3421 6.38345 16.6351 8.66855 16.6351 11.4806C16.6351 14.2926 14.3421 16.5777 11.5203 16.5777C8.70383 16.5777 6.40554 14.2926 6.40554 11.4806Z%27 fill=%27%232264FC%27 /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: center
}
.why__list {
  display: grid;
  gap: 1.25rem
}
.item-why {
  padding: 1.5625rem 1.5625rem 2.8125rem 1.5625rem;
  background-color: #ebeae7;
  border-radius: var(--border-radius-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .9375rem;
  text-align: center
}
.item-why__icon {
  width: 5.375rem;
  height: 5.375rem;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: rgba(255,255,255,.5);
  overflow: hidden;
  border: .125rem solid #fff;
  display: grid;
  place-items: center
}
.item-why__icon img {
  width: 70px;
  border-radius: 50%
}
.item-why__text {
  font-size: 1.125rem;
  font-weight: 600
}
.compare {
  padding: 3.75rem 0;
  background-color: #fff;
  margin-bottom: 3.75rem
}
.compare__container {
  max-width: 62.5rem
}
.compare__inner {
  position: relative
}
.compare__slider {
  padding: 1.25rem 0
}
.compare__slider-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: .4375rem;
  width: 100%
}
.compare__slider-pagination .swiper-pagination-bullet {
  width: .75rem;
  height: .75rem;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #ebeae7;
  transition: background-color .3s
}
.compare__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-accent)
}
.compare__slider-control {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 10
}
.item-compare {
  display: flex;
  gap: 1.125rem
}
.item-compare__after,
.item-compare__before {
  position: relative;
  border-radius: var(--border-radius)
}
.item-compare__after img,
.item-compare__before img {
  border-radius: var(--border-radius)
}
.item-compare__label {
  position: absolute;
  bottom: -.625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: .625rem;
  font-weight: 600;
  color: #fff;
  padding: .375rem 1.125rem;
  background-color: var(--color-accent);
  border-radius: .3125rem
}
.faq {
  margin-bottom: 3.75rem
}
.faq__container {
  max-width: 76.875rem
}
.faq__title {
  margin-bottom: 2.5rem
}
.faq__list {
  margin-bottom: 3.125rem
}
.faq__item {
  padding: .9375rem;
  border-radius: var(--border-radius);
  background-color: #ebeae7;
  width: 100%;
  cursor: pointer;
  margin-bottom: .9375rem
}
.faq__item:last-child {
  margin-bottom: 0
}
.faq__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.875rem;
  font-weight: 600;
  line-height: 1;
  list-style: none
}
.faq__question::-webkit-details-marker,
.faq__question::marker {
  display: none
}
.faq__question._spoller-active span svg {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.faq__question span {
  width: 2.625rem;
  height: 2.625rem;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border-radius: var(--border-radius);
  background-color: var(--color-accent)
}
.faq__question span svg {
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s
}
.faq__answer {
  padding-top: .75rem;
  padding-right: 3.125rem;
  font-size: .75rem
}
.faq__answer h3,
.faq__answer h4 {
  font-size: .875rem;
  font-weight: 500;
  margin-bottom: .3125rem
}
.faq__answer ol {
  counter-reset: li;
  margin-bottom: 1rem
}
.faq__answer ol li {
  position: relative;
  padding-left: 1.375rem;
  margin-bottom: .75rem
}
.faq__answer ol li:last-child {
  margin-bottom: 0
}
.faq__answer ol li::before {
  counter-increment: li;
  content: counter(li) ".";
  position: absolute;
  top: 0;
  left: 0
}
.faq__answer ul {
  margin-top: .5rem;
  margin-bottom: 1rem
}
.faq__answer ul li {
  position: relative;
  padding-left: 1.375rem;
  margin-bottom: .75rem
}
.faq__answer ul li:last-child {
  margin-bottom: 0
}
.faq__answer ul li::before {
  content: "";
  position: absolute;
  top: .3125rem;
  left: 0;
  width: .3125rem;
  height: .3125rem;
  border-radius: 50%;
  background-color: var(--color-accent-bold)
}
.faq__answer p {
  margin-bottom: .75rem
}
.faq__answer p:last-child {
  margin-bottom: 0
}
.faq__btn {
  display: flex;
  justify-content: center;
  margin: 0 auto
}
.faq__btn::before {
  display: none
}
.hero-service {
  margin-bottom: 3.75rem
}
.hero-service__title {
  font-size: 1.875rem;
  font-weight: 600;
  text-align: center;
  color: var(--color-primary-light);
  margin-bottom: 1.875rem
}
.hero-service__location,
.reviews__location {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  font-weight: 500;
  color: var(--color-primary-light);
  text-align: center;
  margin-bottom: 2.5rem
}
.hero-service__location::before,
.reviews__location::before {
  content: "";
  width: 3.375rem;
  height: 3.375rem;
  flex-shrink: 0;
  background-color: rgba(255,255,255,.5);
  border: .0625rem solid var(--color-accent);
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2730%27 viewBox=%270 0 24 30%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M11.5203 29.52L11.8447 29.1865C12.3064 28.7195 23.04 17.6808 23.04 11.4803C23.04 5.14836 17.8721 0 11.52 0C5.16618 0 0 5.15012 0 11.4803C0 17.6856 10.734 28.7193 11.1905 29.1878L11.5203 29.52ZM6.40554 11.4806C6.40554 8.66868 8.69856 6.38345 11.5203 6.38345C14.3421 6.38345 16.6351 8.66855 16.6351 11.4806C16.6351 14.2926 14.3421 16.5777 11.5203 16.5777C8.70383 16.5777 6.40554 14.2926 6.40554 11.4806Z%27 fill=%27%232264FC%27 /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: center
}
.hero-service__img {
  position: relative;
  border-radius: var(--border-radius-lg);
  overflow: hidden
}
.hero-service__info {
  padding: 3.125rem .9375rem 3.75rem .9375rem;
  background-color: #fff;
  border-radius: var(--border-radius-lg);
  display: flex;
  flex-direction: column
}
.hero-service__desc {
  flex-grow: 1;
  display: flex;
  flex-direction: column
}
.hero-service__desc h2 {
  font-size: 1.875rem;
  font-weight: 600;
  text-align: center;
  color: var(--color-primary-light);
  text-wrap: balance;
  flex-grow: 1;
  margin-bottom: 1.25rem
}
.hero-service__desc p:not(:last-child) {
  margin-bottom: 1rem
}
.hero-service__action {
  display: flex;
  flex-direction: column;
  gap: .625rem;
  padding-top: 2.5rem
}
.hero-service__action .btn {
  max-width: inherit;
  flex: 1
}
.hero-service__action .btn--secondary {
  border-color: var(--color-accent-bold)
}
.serv-info {
  margin-bottom: 3.75rem
}
.serv-info__content {
  text-align: center;
  margin-bottom: 2.5rem
}
.serv-info__title {
  font-size: 1.875rem;
  font-weight: 600;
  color: var(--color-primary-light);
  margin-bottom: 1.875rem
}
.serv-info__desc p:not(:last-child) {
  margin-bottom: 1rem
}
.serv-info__desc ul:not(:last-child) {
  margin-bottom: 1.875rem
}
.serv-info__desc ul li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem
}
.serv-info__desc ul li:last-child {
  margin-bottom: 0
}
.serv-info__desc ul li::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10 20C11.9778 20 13.9112 19.4135 15.5557 18.3147C17.2002 17.2159 18.4819 15.6541 19.2388 13.8268C19.9957 11.9996 20.1937 9.98891 19.8078 8.0491C19.422 6.10929 18.4696 4.32746 17.0711 2.92894C15.6725 1.53041 13.8907 0.578004 11.9509 0.192152C10.0111 -0.1937 8.00043 0.00433288 6.17316 0.761209C4.3459 1.51809 2.78412 2.79981 1.6853 4.4443C0.58649 6.08879 0 8.02219 0 10C0 12.6522 1.05357 15.1957 2.92893 17.0711C4.8043 18.9464 7.34783 20 10 20ZM4.80909 10.2636C4.97942 10.0943 5.20983 9.99928 5.45 9.99928C5.69017 9.99928 5.92058 10.0943 6.09091 10.2636L8.18182 12.3545L13.4455 7.09091C13.6194 6.94198 13.8431 6.86416 14.0719 6.87299C14.3007 6.88183 14.5177 6.97668 14.6796 7.13858C14.8415 7.30049 14.9364 7.51752 14.9452 7.74632C14.954 7.97511 14.8762 8.19882 14.7273 8.37273L8.81818 14.2818C8.64785 14.4511 8.41744 14.5462 8.17727 14.5462C7.9371 14.5462 7.70669 14.4511 7.53636 14.2818L4.80909 11.5545C4.72388 11.47 4.65625 11.3695 4.6101 11.2587C4.56394 11.1479 4.54018 11.0291 4.54018 10.9091C4.54018 10.7891 4.56394 10.6703 4.6101 10.5595C4.65625 10.4487 4.72388 10.3482 4.80909 10.2636Z%27 fill=%27%232264FC%27 /%3E%3C/svg%3E")
}
.serv-info__img {
  border-radius: var(--border-radius-lg);
  overflow: hidden
}
.serv-info__btn {
  justify-content: center
}
.reviews__title {
  text-align: center;
  margin-bottom: 1.875rem
}
.reviews__body {
  padding: 3.75rem 0;
  background-color: #ebeae7
}
.reviews__btn {
  display: flex;
  justify-content: center;
  margin: 0 auto
}
.reviews__btn::before {
  display: none
}
.faq-info {
  margin-bottom: 3.75rem
}
.faq-info__container {
  max-width: 76.875rem
}
.faq-info__title {
  margin-bottom: 1.875rem
}
.faq-info__content {
  margin-bottom: 2.5rem
}
.faq-info__img {
  overflow: hidden;
  border-radius: var(--border-radius);
  margin-bottom: 1.875rem
}
.faq-info__desc ul:not(:last-child) {
  margin-bottom: 1.875rem
}
.faq-info__desc ul li {
  position: relative;
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem
}
.faq-info__desc ul li:last-child {
  margin-bottom: 0
}
.faq-info__desc ul li::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10 20C11.9778 20 13.9112 19.4135 15.5557 18.3147C17.2002 17.2159 18.4819 15.6541 19.2388 13.8268C19.9957 11.9996 20.1937 9.98891 19.8078 8.0491C19.422 6.10929 18.4696 4.32746 17.0711 2.92894C15.6725 1.53041 13.8907 0.578004 11.9509 0.192152C10.0111 -0.1937 8.00043 0.00433288 6.17316 0.761209C4.3459 1.51809 2.78412 2.79981 1.6853 4.4443C0.58649 6.08879 0 8.02219 0 10C0 12.6522 1.05357 15.1957 2.92893 17.0711C4.8043 18.9464 7.34783 20 10 20ZM4.80909 10.2636C4.97942 10.0943 5.20983 9.99928 5.45 9.99928C5.69017 9.99928 5.92058 10.0943 6.09091 10.2636L8.18182 12.3545L13.4455 7.09091C13.6194 6.94198 13.8431 6.86416 14.0719 6.87299C14.3007 6.88183 14.5177 6.97668 14.6796 7.13858C14.8415 7.30049 14.9364 7.51752 14.9452 7.74632C14.954 7.97511 14.8762 8.19882 14.7273 8.37273L8.81818 14.2818C8.64785 14.4511 8.41744 14.5462 8.17727 14.5462C7.9371 14.5462 7.70669 14.4511 7.53636 14.2818L4.80909 11.5545C4.72388 11.47 4.65625 11.3695 4.6101 11.2587C4.56394 11.1479 4.54018 11.0291 4.54018 10.9091C4.54018 10.7891 4.56394 10.6703 4.6101 10.5595C4.65625 10.4487 4.72388 10.3482 4.80909 10.2636Z%27 fill=%27%232264FC%27 /%3E%3C/svg%3E")
}
.faq-info__item {
  padding: .9375rem .9375rem 1.25rem .9375rem;
  background-color: #fff;
  border-radius: var(--border-radius-lg);
  margin-bottom: 1.25rem;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid
}
.faq-info__item:last-child {
  margin-bottom: 0
}
.faq-info__item h3 {
  font-weight: 700;
  font-size: 1.25rem;
  padding: .9375rem 2.8125rem .9375rem .9375rem;
  border-radius: var(--border-radius);
  background-color: #f8f7f5;
  margin-bottom: .75rem
}
.faq-info__item p:not(:last-child) {
  margin-bottom: .5rem
}
.faq-info__item ul {
  padding-left: .625rem
}
.faq-info__item ul li {
  display: flex;
  align-items: center;
  gap: .75rem
}
.faq-info__item ul li::before {
  content: "";
  width: .25rem;
  height: .25rem;
  border-radius: 50%;
  background-color: #000
}
.swiper {
  overflow: hidden
}
.swiper-initialized {
  touch-action: pan-y
}
.swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative
}
.swiper-vertical .swiper-wrapper {
  flex-direction: column
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start
}
.swiper-initialized .swiper-slide {
  flex-shrink: 0
}
.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
.swiper-button-lock {
  display: none!important
}
@media (min-width:29.99875em) {
  .btn {
    max-width: 19rem
  }
}
@media (min-width:47.99875em) {
  .footer__logo {
    margin-bottom: 3.75rem
  }
  .footer__menu {
    margin-bottom: 3.75rem
  }
  .footer__action {
    gap: 1.25rem;
    margin-bottom: 1.5rem
  }
  .menu-footer__list {
    display: flex;
    align-items: center;
    gap: 1.5rem
  }
  .hero__title {
    width: 70%;
    text-align: left
  }
  .hero__location {
    flex-direction: row;
    text-align: left;
    max-width: 55%
  }
  .hero__action {
    display: inline-flex
  }
  .promo__list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem
  }
  .item-promo {
    flex: 0 1 calc(50% - .625rem)
  }
  .about__inner {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    gap: 2rem
  }
  .about__inner>* {
    flex: 0 1 50%
  }
  .about__img {
    max-width: 38.75rem;
    margin-bottom: 0
  }
  .services__list {
    grid-template-columns: repeat(2,1fr);
    gap: 1.25rem
  }
  .why__list {
    grid-template-columns: repeat(2,1fr);
    gap: 1.5625rem
  }
  .compare__inner {
    padding: 0 3.125rem
  }
  .compare__slider-pagination {
    display: none
  }
  .item-compare__label {
    font-size: 1rem;
    padding: .75rem 2.1875rem;
    border-radius: .625rem;
    bottom: -1.25rem
  }
  .faq__title {
    text-align: center
  }
  .hero-service__content {
    display: flex;
    gap: 1.25rem
  }
  .hero-service__content>* {
    flex: 0 1 50%
  }
  .serv-info__inner {
    display: flex;
    flex-direction: row-reverse;
    gap: 1.375rem
  }
  .serv-info__content {
    padding: 1.25rem .9375rem;
    background-color: #fff;
    text-align: left;
    border-radius: var(--border-radius-lg);
    margin-bottom: 0;
    display: flex;
    flex-direction: column
  }
  .serv-info__desc {
    max-width: 34.375rem;
    margin-bottom: 1.875rem
  }
  .faq-info__content {
    display: flex;
    gap: 1.875rem
  }
  .faq-info__content>* {
    flex: 1
  }
  .faq-info__img {
    max-width: 27.5rem;
    margin-bottom: 0
  }
  .faq-info__list {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2
  }
}
@media (min-width:61.99875em) {
  .btn {
    padding: 1.25rem 1.5625rem;
    gap: 1.25rem;
    font-size: 1.5rem;
    border-radius: var(--border-radius-lg)
  }
  .main--home .reviews,
  .main--location .reviews,
  .main--service .reviews {
    margin-bottom: 7.5rem
  }
  .main--home .reviews__body,
  .main--location .reviews__body,
  .main--service .reviews__body {
    padding: 0
  }
  .main--home .reviews__title,
  .main--location .reviews__title,
  .main--service .reviews__title {
    margin-bottom: 2.8125rem
  }
  .title {
    font-size: 2.625rem
  }
  .header--location .header__left,
  .header--main .header__left {
    background-color: rgba(235,234,231,.35);
    backdrop-filter: blur(20px)
  }
  .header--location .menu__list>li>a,
  .header--main .menu__list>li>a {
    color: #fff
  }
  .header--location .menu__list>li>a:hover,
  .header--main .menu__list>li>a:hover {
    color: var(--color-accent)
  }
  .header._header-scroll .menu__list>li>a {
    color: #000
  }
  .header._header-scroll .menu__list>li>a:hover {
    color: var(--color-accent)
  }
  .header__container {
    padding: 0 4.375rem
  }
  .header__inner {
    align-items: flex-start
  }
  .header__left {
    display: flex;
    align-items: center;
    gap: 4.375rem;
    background-color: #ebeae7;
    border-radius: var(--border-radius-lg);
    padding: .625rem .75rem .625rem 1.875rem
  }
  .header__btn {
    padding: .625rem;
    border-radius: .625rem
  }
  .menu__list {
    display: flex;
    gap: 1.25rem;
    row-gap: .625rem
  }
  .menu__list>li {
    display: flex;
    align-items: center;
    gap: .625rem
  }
  .menu__list>li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  .menu__list>li:hover .menu-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  .menu__list>li>a {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 500;
    transition: color .3s;
    color: #626262;
    white-space: nowrap
  }
  .menu__list>li>a:hover {
    color: var(--color-accent)
  }
  .menu__list>li.long-submenu .sub-menu {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2
  }
  .menu__list>li.long-submenu .sub-menu li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
  }
  .menu__list .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    padding: 1.25rem .9375rem;
    z-index: 100;
    min-width: 20rem;
    box-shadow: 0 .25rem .25rem 0 rgba(24,46,96,.45)
  }
  .menu__list .sub-menu li:not(:last-child) {
    margin-bottom: .5rem
  }
  .menu__list .sub-menu li a {
    font-family: var(--font-primary);
    font-size: .875rem;
    font-weight: 300;
    position: relative;
    padding-left: .9375rem;
    transition: all .3s
  }
  .menu__list .sub-menu li a::before {
    content: "-";
    position: absolute;
    left: 0
  }
  .menu__list .sub-menu li a:hover {
    color: var(--color-accent)
  }
  .footer__action .btn {
    padding: .875rem 1.25rem;
    border-radius: .625rem
  }
  .hero {
    padding: 12% 3% 4.3% 3%
  }
  .hero__title {
    font-size: 3rem;
    max-width: 63.625rem;
    margin-bottom: 2.5rem
  }
  .hero__location {
    margin-bottom: 3.75rem
  }
  .promo {
    margin-bottom: 7.5rem
  }
  .promo__title {
    margin-bottom: 3.125rem
  }
  .about {
    margin-bottom: 7.5rem
  }
  .about__title {
    font-size: 2.25rem;
    margin-bottom: 2.1875rem
  }
  .about__content {
    flex: 1;
    padding: 3.125rem
  }
  .services {
    margin-bottom: 7.5rem
  }
  .services__title {
    margin-bottom: 3.75rem
  }
  .services__list {
    grid-template-columns: repeat(3,1fr);
    gap: 1.5625rem
  }
  .item-service__btn {
    font-size: 1.125rem;
    padding: .75rem 1.5625rem;
    border-radius: var(--border-radius);
    max-width: 10.625rem
  }
  .why {
    margin-bottom: 7.5rem
  }
  .why__inner {
    display: flex;
    gap: 2rem
  }
  .why__content {
    text-align: left;
    max-width: 21.875rem;
    flex-shrink: 0;
    margin-bottom: 0
  }
  .why__location {
    align-items: flex-start
  }
  .item-why__text {
    font-size: 1.25rem;
    text-wrap: balance
  }
  .compare {
    padding: 7.5rem 0;
    margin-bottom: 7.5rem
  }
  .faq {
    margin-bottom: 7.5rem
  }
  .faq__title {
    margin-bottom: 4.0625rem
  }
  .faq__list {
    margin-bottom: 4.0625rem
  }
  .faq__btn {
    padding: .9375rem 2.5rem;
    font-size: 1rem;
    border-radius: var(--border-radius)
  }
  .hero-service {
    margin-bottom: 7.5rem
  }
  .hero-service__title {
    font-size: 3rem
  }
  .hero-service__location,
  .reviews__location {
    font-size: 1.5rem;
    text-align: left;
    flex-direction: row;
    gap: 1.875rem;
    max-width: 51.25rem;
    margin: 0 auto;
    margin-bottom: 2.5rem
  }
  .hero-service__desc h2 {
    font-size: 2.625rem;
    text-align: left
  }
  .serv-info {
    margin-bottom: 7.5rem
  }
  .serv-info__title {
    font-size: 2.625rem;
    text-wrap: balance;
    flex-grow: 1
  }
  .reviews__body {
    padding: 7.5rem 0
  }
  .reviews__btn {
    padding: 1rem 1.5625rem;
    font-size: 1.125rem
  }
  .faq-info {
    margin-bottom: 7.5rem
  }
  .faq-info__title {
    max-width: 54.375rem;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 3.75rem
  }
  .faq-info__desc {
    max-width: 36.875rem;
    padding-top: 2.1875rem
  }
}
@media (min-width:61.99875em)and (min-width:91.875em) {
  .menu__list {
    gap: 2rem
  }
}
@media (min-width:91.875em) {
  body {
    font-size: 1.125rem
  }
  .title {
    font-size: 3.25rem
  }
  .control-slider__button svg {
    width: 2rem;
    height: 3.75rem
  }
  .map {
    height: 32.5rem
  }
  .header {
    padding-top: 2.1875rem;
    margin-bottom: 4.375rem
  }
  .header .logo {
    width: 7.125rem
  }
  .header__left {
    padding-left: 3.75rem
  }
  .header__btn {
    padding: 1rem
  }
  .menu__list {
    gap: 2.5rem
  }
  .footer {
    padding: 6.25rem 0
  }
  .footer__logo {
    width: 9.25rem;
    height: 9.25rem;
    position: absolute;
    top: 2.5rem;
    left: 4.375rem
  }
  .footer__logo .logo {
    width: 7.125rem
  }
  .menu-footer__list {
    gap: 3.75rem
  }
  .hero {
    height: calc(100vh - .9375rem);
    margin: .9375rem 2.1875rem 7.5rem 2.1875rem;
    border-radius: 2rem
  }
  .hero__title {
    font-size: 4rem;
    margin-bottom: 3.75rem
  }
  .promo__list {
    gap: 2.5rem
  }
  .item-promo {
    flex: 0 1 calc(33.3% - 1.6875rem);
    padding-right: 1.875rem;
    min-width: 17.1875rem;
    min-height: 5.625rem
  }
  .item-promo__discont {
    flex: 0 0 8.75rem;
    padding: 0 1.25rem;
    flex-direction: row
  }
  .item-promo__discont small {
    font-size: .875rem
  }
  .item-promo__text {
    font-size: 1.25rem
  }
  .about__inner {
    align-items: stretch
  }
  .about__title {
    font-size: 2.625rem
  }
  .about__description ul li {
    padding-left: 3.5rem
  }
  .item-service {
    padding: 1.25rem 1.25rem 2.5rem 1.25rem
  }
  .item-service__title {
    font-size: 1.875rem;
    margin-bottom: 1.5625rem
  }
  .item-service__desc {
    margin-bottom: 1.5625rem
  }
  .why__content {
    display: flex;
    flex-direction: column;
    max-width: 30rem
  }
  .item-why {
    flex-direction: row;
    justify-content: flex-start;
    gap: 1.125rem;
    text-align: left;
    padding: 1.5625rem 2.5rem 1.5625rem 1.25rem
  }
  .compare__inner {
    padding: 0 6.25rem
  }
  .item-compare__label {
    font-size: 1.25rem;
    padding: 1rem 3.125rem
  }
  .faq__item {
    padding: .9375rem .9375rem .9375rem 1.875rem;
    margin-bottom: 1.5625rem
  }
  .faq__question {
    font-size: 1.25rem
  }
  .faq__answer {
    padding-top: .9375rem;
    font-size: 1rem
  }
  .hero-service__title {
    font-size: 4rem
  }
  .hero-service__location,
  .reviews__location {
    margin-bottom: 4.375rem
  }
  .hero-service__info {
    padding: 2.5rem .9375rem 2.5rem 1.875rem
  }
  .hero-service__desc {
    padding-right: 2.1875rem
  }
  .hero-service__desc h2 {
    font-size: 3.125rem
  }
  .hero-service__action {
    flex-direction: row;
    gap: 1.25rem
  }
  .serv-info__content {
    padding: 2.5rem 1.875rem
  }
  .serv-info__title {
    font-size: 3.125rem
  }
  .serv-info__desc ul li {
    gap: 1.25rem;
    margin-bottom: 1.25rem
  }
  .reviews__title {
    width: 100%;
    max-width: 87.5rem;
    margin: 0 auto;
    margin-bottom: 3.125rem
  }
  .faq-info__content {
    gap: 3.75rem;
    margin-bottom: 3.75rem
  }
  .faq-info__desc ul li {
    gap: 1.25rem;
    margin-bottom: 1.25rem
  }
  .faq-info__list {
    gap: 2.5rem
  }
  .faq-info__item {
    margin-bottom: 2.5rem
  }
}
@media (min-width:103.125em) {
  .hero__title {
    font-size: 4.375rem
  }
  .hero__location {
    font-size: 1.5rem;
    gap: 1.875rem;
    max-width: 50%;
    margin-bottom: 8%
  }
  .hero__location::before {
    width: 4.6875rem;
    height: 4.6875rem;
    background-size: 2rem
  }
  .hero-service__title {
    font-size: 4.5rem
  }
  .hero-service__location::before,
  .reviews__location::before {
    width: 4.6875rem;
    height: 4.6875rem;
    background-size: 2rem
  }
  .reviews__title {
    font-size: 4.6875rem
  }
}
@media (max-width:61.99875em) {
  .btn-up.visible {
    right: .625rem
  }
  .header .logo {
    border: .0625rem solid transparent;
    border-radius: 50%;
    transition: border-color .3s
  }
  .menu-open .header .logo {
    border-color: #fff
  }
  .menu {
    position: fixed;
    width: 50%;
    height: 100vh;
    right: -100%;
    top: 0;
    overflow: auto;
    padding: 8.75rem .9375rem 2.1875rem .9375rem;
    transition: right .3s;
    background-color: var(--color-accent-bold);
    z-index: 99;
    display: flex;
    flex-direction: column;
    gap: 1.875rem
  }
  .menu-open .menu {
    right: 0
  }
  .menu__list li:not(:last-child) {
    margin-bottom: 1.25rem
  }
  .menu__list>li.has-submenu {
    position: relative;
    padding-right: 1.875rem
  }
  .menu__list>li.has-submenu.sub-open .menu-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  .menu__list>li>a {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 600;
    color: #fff
  }
  .menu__list .sub-menu {
    margin-top: 1rem
  }
  .menu__list .sub-menu li:not(:last-child) {
    margin-bottom: .625rem
  }
  .menu__list .sub-menu li a {
    font-family: var(--font-primary);
    font-size: .875rem;
    font-weight: 300;
    color: #fff;
    position: relative;
    padding-left: .9375rem
  }
  .menu__list .sub-menu li a::before {
    content: "-";
    position: absolute;
    left: 0
  }
  .menu .menu-arrow {
    position: absolute;
    top: .25rem;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width=%279%27 height=%278%27 viewBox=%270 0 9 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M4.89874 6.75C4.51384 7.41667 3.55159 7.41667 3.16669 6.75L0.135601 1.5C-0.249299 0.833334 0.231826 -1.40565e-07 1.00163 -2.07863e-07L7.0638 -7.37835e-07C7.8336 -8.05133e-07 8.31473 0.833333 7.92983 1.5L4.89874 6.75Z%27 fill=%27white%27 /%3E%3C/svg%3E")
  }
  .icon-menu {
    display: block;
    position: relative;
    width: 2.1875rem;
    height: 1.6875rem;
    z-index: 100
  }
  .icon-menu span,
  .icon-menu::after,
  .icon-menu::before {
    content: "";
    transition: all .3s ease 0s;
    right: 0;
    position: absolute;
    width: 100%;
    height: .25rem;
    background-color: var(--color-accent-bold)
  }
  .icon-menu::before {
    top: 0
  }
  .icon-menu::after {
    bottom: 0
  }
  .icon-menu span {
    top: calc(50% - .125rem)
  }
  .menu-open .icon-menu span,
  .menu-open .icon-menu::after,
  .menu-open .icon-menu::before {
    background-color: #fff
  }
  .menu-open .icon-menu span {
    width: 0
  }
  .menu-open .icon-menu::before {
    top: calc(50% - .125rem);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .menu-open .icon-menu::after {
    bottom: calc(50% - .125rem);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
}
@media (max-width:61.99875em)and (any-hover:none) {
  .icon-menu {
    cursor: default
  }
}
@media (max-width:47.99875em) {
  .title {
    text-align: center
  }
  .menu {
    width: 100%
  }
  .menu__nav {
    flex-grow: 1
  }
  .footer__action {
    max-width: 19.0625rem
  }
  .menu-footer__list li:not(:last-child) {
    margin-bottom: 1.5625rem
  }
  .item-promo:not(:last-child) {
    margin-bottom: 1.25rem
  }
  .item-service {
    text-align: center
  }
  .compare__wrapper {
    margin-bottom: 2.8125rem
  }
  .compare__slider-control {
    display: none
  }
  .hero-service__img {
    margin-bottom: 1.25rem
  }
  .serv-info__img {
    margin-bottom: 2.5rem
  }
}