@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:300,regular,500,600,700&display=swap);
:root {
  --fontFamily: "Roboto","sans-serif";
  --fontSize: 1.125rem;
  --lineHeight_100: 100%;
  --lineHeight_110: 110%;
  --fontWeight_300: 300;
  --fontWeight_400: 400;
  --fontWeight_500: 500;
  --fontWeight_600: 600;
  --fontWeight_700: 700;
  --mainColor: #212529;
  --whiteColor: #fff;
  --blackColor: #000;
  --mainBg: #fff;
  --whiteBg: #fff;
  --blackBg: #000;
  --s: 0.3s;
  --e: ease;
  --d: 0s
}
* {
  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 {
  background-color: var(--mainBg);
  color: var(--mainColor);
  line-height: var(--lineHeight_100);
  font-family: var(--fontFamily);
  font-size: var(--fontSize);
  -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(--fontFamily);
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: transparent
}
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
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit
}
address {
  font-style: normal
}
.lock body {
  overflow: hidden;
  touch-action: none;
  -ms-scroll-chaining: none;
  overscroll-behavior: none
}
.wrapper {
  position: relative;
  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
}
[class*=__container] {
  max-width: 82.5rem;
  margin: 0 auto;
  padding: 0 .9375rem
}
.form__box {
  display: flex
}
.form__column {
  position: relative;
  background-color: var(--whiteBg);
  box-shadow: .875rem 3.875rem 2.375rem rgba(0,0,0,.01),.375rem 1.75rem 1.75rem rgba(0,0,0,.02),.125rem .4375rem 1rem rgba(0,0,0,.02),0 0 0 rgba(0,0,0,.02);
  border-radius: 1.25rem;
  padding: 2.5rem;
  margin: 0 auto
}
.form__title {
  font-weight: var(--fontWeight_700);
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center
}
.form__title span {
  display: block
}
.form__title:not(:last-child) {
  margin-bottom: .625rem
}
.form__sub-title {
  font-size: 1.125rem;
  line-height: 1.3333333333;
  text-align: center
}
.form__sub-title:not(:last-child) {
  margin-bottom: .625rem
}
.form__text {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.1875;
  text-align: center;
  -webkit-column-gap: .3125rem;
  -moz-column-gap: .3125rem;
  column-gap: .3125rem
}
.form__text:not(:last-child) {
  margin-bottom: 1.25rem
}
.form__text::before {
  content: "";
  width: 1.9375rem;
  height: .8125rem;
  background: url(../img/circle.png) 0 0/contain no-repeat
}
.form__lines {
  display: flex
}
.form__lines_max-width {
  max-width: 30.375rem;
  margin: 0 auto
}
.form__lines:not(:last-child) {
  margin-bottom: 1.875rem
}
.form__lines_flex {
  flex-direction: column
}
.form__line-2 {
  width: 100%
}
.form__line {
  width: 100%;
  min-width: 15.625rem
}
.form__line_bottom:not(:last-child) {
  margin-bottom: 1.25rem
}
.form__button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  background-color: #3c94e5;
  box-shadow: 0 1.375rem 2.375rem -1.0625rem #a0ffe6;
  border-radius: .75rem;
  color: var(--whiteColor);
  font-weight: var(--fontWeight_700);
  padding: 1.5625rem .9375rem;
  line-height: 1.3333333333;
  width: 100%;
  text-transform: uppercase;
  position: relative;
  transition: box-shadow var(--s) var(--e)
}
.form__button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: .75rem;
  background: linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(96.22deg,#6bffca -41.74%,#2eb89f 93.26%),linear-gradient(180deg,#ffa6cb 0,#ef1872 100%)
}
.form__button span {
  position: relative;
  z-index: 5
}
.form__footer {
  display: flex;
  align-items: center
}
.form__label {
  font-weight: var(--fontWeight_300);
  font-size: .8125rem;
  line-height: 1.2307692308
}
.form__phone {
  color: #232323;
  font-size: 1.375rem;
  line-height: 1.1363636364;
  font-weight: var(--fontWeight_700);
  line-height: var(--lineHeight_100);
  position: relative
}
input[type=email],
input[type=tel],
input[type=text],
textarea {
  -webkit-appearance: none;
  appearance: none
}
.input {
  border-radius: .75rem!important;
  display: block;
  padding: 0 .9375rem;
  border: .0625rem solid #e4e4e4;
  font-size: 1.125rem;
  height: 4.6875rem;
  width: 100%;
  background-color: var(--whiteBg)
}
.input[placeholder]:not([data-placeholder-nohiden])::-webkit-input-placeholder {
  color: gray;
  font-size: .8125rem;
  -webkit-transition: opacity var(--s) var(--d) var(--e);
  transition: opacity var(--s) var(--d) var(--e)
}
.input[placeholder]:not([data-placeholder-nohiden]):-ms-input-placeholder {
  color: gray;
  font-size: .8125rem;
  -ms-transition: opacity var(--s) var(--d) var(--e);
  transition: opacity var(--s) var(--d) var(--e)
}
.input[placeholder]:not([data-placeholder-nohiden])::-ms-input-placeholder {
  color: gray;
  font-size: .8125rem;
  -ms-transition: opacity var(--s) var(--d) var(--e);
  transition: opacity var(--s) var(--d) var(--e)
}
.input[placeholder]:not([data-placeholder-nohiden])::placeholder {
  color: gray;
  font-size: .8125rem;
  transition: opacity var(--s) var(--d) var(--e)
}
.input[placeholder]:not([data-placeholder-nohiden]):focus::-webkit-input-placeholder {
  opacity: 0
}
.input[placeholder]:not([data-placeholder-nohiden]):focus:-ms-input-placeholder {
  opacity: 0
}
.input[placeholder]:not([data-placeholder-nohiden]):focus::-ms-input-placeholder {
  opacity: 0
}
.input[placeholder]:not([data-placeholder-nohiden]):focus::placeholder {
  opacity: 0
}
.select {
  min-width: 0;
  position: relative;
  z-index: 100!important
}
.select__body {
  position: relative
}
.select__title {
  color: inherit;
  text-align: left;
  border: .0625rem solid #e4e4e4;
  background-color: var(--whiteBg);
  cursor: pointer;
  width: 100%;
  border-radius: .75rem;
  position: relative
}
.select__title::after,
.select__title::before {
  content: "";
  pointer-events: none;
  position: absolute;
  right: 1.25rem;
  top: 55%;
  height: .125rem;
  width: .625rem;
  transition: -webkit-transform var(--s) var(--e);
  transition: transform var(--s) var(--e);
  transition: transform var(--s) var(--e),-webkit-transform var(--s) var(--e);
  background-color: var(--blackBg)
}
.select__title::before {
  -webkit-transform: translate(-75%,-50%) rotate(40deg);
  transform: translate(-75%,-50%) rotate(40deg)
}
.select__title::after {
  -webkit-transform: translate(0,-50%) rotate(-40deg);
  transform: translate(0,-50%) rotate(-40deg)
}
._select-open .select__title::before {
  -webkit-transform: translateX(-75%) rotate(-40deg);
  transform: translateX(-75%) rotate(-40deg)
}
._select-open .select__title::after {
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg)
}
.select__value {
  font-size: .8125rem;
  display: flex;
  min-width: 0;
  align-items: center;
  height: 4.6875rem;
  padding: 0 .9375rem;
  gap: .625rem;
  transition: color var(--s) var(--e)
}
._select-active .select__value {
  color: var(--blackColor)
}
.select__value > * {
  flex: 1 1 auto
}
.select__value:after {
  content: "";
  align-self: stretch;
  flex: 0 0 .625rem;
  transition: all var(--s) var(--d) var(--e);
  display: flex;
  justify-content: center;
  align-items: center
}
._select-open .select__value:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}
.select__value._select-pseudo-label::before {
  content: attr(data-pseudo-label);
  opacity: .5
}
.select__content {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.select__text {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.select__input {
  width: 100%;
  background-color: transparent;
  height: 100%
}
.select__options {
  color: #000;
  position: absolute;
  top: calc(100% - .9375rem);
  border-radius: 0 0 .75rem .75rem;
  min-width: 100%;
  left: 0;
  background-color: var(--whiteBg);
  border: .0625rem solid #e4e4e4;
  border-top: 0;
  padding: .625rem 0 .3125rem 0
}
.select__scroll {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 12.5rem
}
.select__option {
  width: 100%;
  text-align: left;
  cursor: pointer;
  font-size: .875rem;
  line-height: 150%;
  padding: .3125rem .9375rem;
  color: inherit;
  transition: color var(--s) var(--e),background-color var(--s) var(--e)
}
.select__option._select-selected {
  background-color: #eee
}
.select__row {
  display: inline-flex;
  align-items: center
}
.select--show-top .select__options {
  top: auto;
  bottom: calc(100% - .0625rem);
  border: .0625rem solid #d9d9d9;
  border-bottom: 0;
  border-radius: .25rem .25rem 0 0;
  padding: .3125rem 0 .625rem 0
}
._select-tag {
  cursor: pointer
}
body::after {
  content: "";
  background-color: rgba(0,0,0,.5);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .8s var(--d) var(--e);
  pointer-events: none;
  z-index: 249
}
.popup-show body::after {
  opacity: 1
}
.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 1.875rem .625rem;
  transition: visibility .8s var(--d) var(--e);
  visibility: hidden
}
.popup_show {
  z-index: 250;
  visibility: visible;
  overflow: auto;
  pointer-events: auto
}
.popup_show .popup__content {
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1)
}
.popup__wrapper {
  flex-direction: column;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}
.popup__content {
  visibility: hidden;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform var(--s) var(--d) var(--e);
  transition: transform var(--s) var(--d) var(--e);
  transition: transform var(--s) var(--d) var(--e),-webkit-transform var(--s) var(--d) var(--e);
  background-color: var(--whiteBg);
  width: 100%;
  max-width: 31.25rem;
  border-radius: 1.25rem
}
.lock .popup__content {
  visibility: visible
}
.popup__close {
  position: absolute;
  top: .9375rem;
  right: .9375rem
}
.popup__text {
  line-height: 1.3333333333;
  text-align: center
}
.popup ::-webkit-scrollbar {
  width: .5rem;
  height: .5rem
}
.popup ::-webkit-scrollbar-track {
  background-color: var(--mainBg)
}
.popup ::-webkit-scrollbar-thumb {
  background-color: #007bff
}
.menu__link {
  color: #56626a;
  font-weight: var(--fontWeight_600);
  transition: color var(--s) var(--e);
  border-bottom: .0625rem solid #fff
}
.icon-menu {
  display: none
}
details summary::-webkit-details-marker {
  display: none
}
.spollers {
  display: grid
}
.spollers__title {
  position: relative;
  width: 100%;
  cursor: default;
  text-align: left;
  line-height: 110%;
  list-style: none;
  border-bottom: .0625rem solid #e5e5e5;
  padding: 1.25rem 3.125rem 1.25rem .625rem
}
._spoller-init .spollers__title {
  cursor: pointer
}
._spoller-init .spollers__title::after,
._spoller-init .spollers__title::before {
  content: "";
  position: absolute;
  right: .625rem;
  top: 50%;
  background-color: #007bff;
  height: .125rem;
  width: .625rem;
  transition: all .5s var(--d) var(--e)
}
._spoller-init .spollers__title::before {
  -webkit-transform: translate(-75%,-50%) rotate(40deg);
  transform: translate(-75%,-50%) rotate(40deg)
}
._spoller-init .spollers__title::after {
  -webkit-transform: translate(0,-50%) rotate(-40deg);
  transform: translate(0,-50%) rotate(-40deg)
}
._spoller-init .spollers__title._spoller-active::before {
  -webkit-transform: translateX(-75%) rotate(-40deg);
  transform: translateX(-75%) rotate(-40deg)
}
._spoller-init .spollers__title._spoller-active::after {
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg)
}
.spollers__body {
  padding: 1.25rem .625rem 0 .625rem
}
.spollers__text {
  line-height: 130%
}
.tabs__navigation {
  display: flex;
  white-space: nowrap;
  overflow: auto;
  padding-bottom: .625rem
}
.tabs__navigation:not(:last-child) {
  margin-bottom: 1.25rem
}
.tabs__title {
  border: .0625rem solid #2b2b2b;
  padding: .75rem 1.25rem;
  border-radius: .9375rem;
  transition: border var(--s) var(--e),background-color var(--s) var(--e),color var(--s) var(--e)
}
.tabs__title._tab-active {
  border: .0625rem solid transparent;
  background-color: #3c94e5;
  color: var(--whiteColor)
}
.tabs__name {
  line-height: 130%
}
.tabs__name:not(:last-child) {
  margin-bottom: 1.875rem
}
.adaptive-grid-active {
  position: relative;
  transition: height .9s
}
.adaptive-grid-item {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  will-change: transform,opacity;
  transition: opacity .3s,-webkit-transform .9s;
  transition: transform .9s,opacity .3s;
  transition: transform .9s,opacity .3s,-webkit-transform .9s
}
.adaptive-grid-active .adaptive-grid-item-active {
  opacity: 1;
  transition: opacity .9s,-webkit-transform .9s;
  transition: transform .9s,opacity .9s;
  transition: transform .9s,opacity .9s,-webkit-transform .9s
}
.title {
  line-height: 1.2857142857;
  font-weight: var(--fontWeight_600);
  color: #141140
}
.title span {
  color: #3c94e5
}
.title_white {
  color: var(--whiteColor)
}
.text-edit h2 {
  color: #3c94e5;
  font-weight: var(--fontWeight_700);
  line-height: 110%
}
.text-edit h2:not(:last-child) {
  margin-bottom: 1.25rem
}
.text-edit h3 {
  font-weight: var(--fontWeight_600);
  line-height: 110%
}
.text-edit h3:not(:last-child) {
  margin-bottom: 1.25rem
}
.text-edit h4 {
  font-weight: var(--fontWeight_500);
  font-size: 1.125rem;
  line-height: 110%
}
.text-edit h4:not(:last-child) {
  margin-bottom: 1.25rem
}
.text-edit p {
  line-height: var(--lineHeight_130)
}
.text-edit p:not(:last-child) {
  margin-bottom: 1.25rem
}
.text-edit ol,
.text-edit ul {
  line-height: 130%
}
.text-edit ol:not(:last-child),
.text-edit ul:not(:last-child) {
  margin-bottom: 1.875rem
}
.text-edit ul li:not(:last-child) {
  margin-bottom: .625rem
}
.text-edit ol li {
  margin-left: 1.25rem
}
.text-edit ol li:not(:last-child) {
  margin-bottom: .625rem
}
.name {
  background-color: #3c94e5
}
.name__container {
  color: var(--whiteColor)
}
.name__title {
  font-size: 2.25rem;
  line-height: 1.1666666667;
  flex-wrap: wrap
}
.name__title:not(:last-child) {
  margin-bottom: .625rem
}
.name__body {
  overflow: auto
}
.name__list {
  display: flex;
  align-items: center
}
.name__item {
  white-space: nowrap;
  margin-right: .625rem
}
.name__link {
  font-size: 1.125rem;
  line-height: 1.3333333333;
  display: flex
}
.name__link::after {
  content: "→";
  padding-left: .625rem
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 150;
  padding: .625rem 0;
  -webkit-backdrop-filter: blur(10px) saturate(125%);
  backdrop-filter: blur(10px) saturate(125%);
  background-color: var(--whiteBg);
  box-shadow: .75rem .75rem .75rem rgba(158,158,158,.01),.75rem .75rem .75rem rgba(158,158,158,.03),.5rem .75rem .75rem rgba(158,158,158,.04),.125rem .375rem .9375rem rgba(158,158,158,.05),0 0 0 rgba(158,158,158,.05)
}
.header__row {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.header__logo {
  margin-right: 1.25rem;
  position: relative;
  z-index: 101
}
.header__logo img {
  width: 3.75rem;
  height: 3.75rem;
  -o-object-fit: contain;
  object-fit: contain
}
.footer {
  padding: 3.125rem 0
}
.footer__row:not(:last-child) {
  margin-bottom: 1.25rem
}
.footer__box {
  width: 100%;
  max-width: 21.875rem
}
.footer__name {
  font-weight: var(--fontWeight_700);
  font-size: .8125rem;
  line-height: 1.1875;
  text-transform: uppercase
}
.footer__name:not(:last-child) {
  margin-bottom: .3125rem
}
.footer__link {
  display: inline-flex;
  font-weight: var(--fontWeight_300);
  line-height: 1.4;
  font-size: .8125rem;
  text-decoration: underline
}
.footer__link:not(:last-child) {
  margin-bottom: .3125rem
}
.footer__text {
  font-weight: var(--fontWeight_300);
  line-height: 1.4;
  font-size: .8125rem
}
.footer__phone {
  font-weight: var(--fontWeight_700);
  font-size: 1.375rem;
  line-height: 1.1818181818
}
.footer__phone:not(:last-child) {
  margin-bottom: .5rem
}
.footer__label {
  background: linear-gradient(96.22deg,#6bffca -41.74%,#2eb89f 93.26%),linear-gradient(180deg,#ffa6cb 0,#fd4492 100%);
  border-radius: .5rem;
  color: var(--whiteColor);
  font-weight: var(--fontWeight_500);
  font-size: .8125rem;
  line-height: var(--lineHeight_100);
  padding: .75rem .9375rem;
  display: inline-block;
  position: relative
}
.footer__label::before {
  content: "";
  background: linear-gradient(96.22deg,#6bffca -41.74%,#2eb89f 93.26%),#fff;
  border: .125rem solid #fff;
  border-radius: 50%;
  height: .75rem;
  width: .75rem;
  position: absolute;
  top: .375rem;
  right: -.3125rem
}
.footer__item {
  display: flex;
  flex-wrap: wrap;
  font-weight: var(--fontWeight_300);
  font-size: .875rem;
  line-height: 1.2142857143
}
.footer__item:not(:last-child) {
  margin-bottom: .625rem
}
.footer__logo img {
  width: 11rem;
  height: 3.6875rem;
  -o-object-fit: contain;
  object-fit: contain
}
.home {
  position: relative
}
.home__fon {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover
}
.home__container {
  padding-top: 6.25rem;
  position: relative;
  z-index: 5
}
.home__title {
  color: #3c94e5;
  font-weight: var(--fontWeight_600);
  line-height: var(--lineHeight_110)
}
.home__title:not(:last-child) {
  margin-bottom: 1.25rem
}
.home__sub-title {
  font-size: 1.125rem;
  line-height: 1.5
}
.home__sub-title:not(:last-child) {
  margin-bottom: 1.25rem
}
.home__body {
  margin: auto 0
}
.home__text {
  color: #3c94e5;
  font-size: .625rem;
  line-height: var(--lineHeight_100);
  font-weight: var(--fontWeight_700);
  letter-spacing: .265em;
  text-transform: uppercase
}
.home__items:not(:last-child) {
  margin-bottom: 3.75rem
}
.home__item {
  font-size: 1.125rem;
  line-height: 1.5;
  position: relative;
  padding-left: 1.875rem
}
.home__item::before {
  content: "";
  position: absolute;
  top: .1875rem;
  left: 0;
  width: 1.375rem;
  height: 1.375rem;
  background: url(../img/arrow.svg) 0 0/contain no-repeat
}
.home__item:not(:last-child) {
  margin-bottom: .625rem
}
.home__footer {
  display: flex;
  align-items: center
}
.home__footer:not(:last-child) {
  margin-bottom: 1.875rem
}
.home__picture {
  margin-right: 1.25rem
}
.home__icon-2 {
  width: 4.5rem;
  height: 4.5rem;
  -o-object-fit: contain;
  object-fit: contain
}
.home__text-title {
  font-size: 1.125rem;
  line-height: 1.0555555556;
  font-weight: var(--fontWeight_500)
}
.home__text-title:not(:last-child) {
  margin-bottom: .4375rem
}
.home__label {
  font-size: 1.125rem;
  line-height: 1.0555555556;
  font-weight: var(--fontWeight_700)
}
.services__title:not(:last-child) {
  margin-bottom: 1.25rem
}
.services-cards {
  display: grid;
  gap: 1.875rem
}
.services-cards__picture {
  padding-bottom: 82.236%;
  position: relative
}
.services-cards__picture:not(:last-child) {
  margin-bottom: .9375rem
}
.services-cards__image {
  border-radius: 10%;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover
}
.services-cards__name {
  font-weight: var(--fontWeight_500);
  font-size: 1.125rem;
  line-height: 1.3333333333;
  text-align: center
}
.services-cards__name span {
  display: block
}
.help {
  overflow: hidden;
  position: relative;
  padding: 6.25rem 0
}
.help__fon {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover
}
.help__container {
  position: relative;
  z-index: 5
}
.work {
  background-color: #323232
}
.work__title {
  text-align: center
}
.work__title span {
  display: block
}
.work__title:not(:last-child) {
  margin-bottom: 1.25rem
}
.work__columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}
.work__column {
  display: flex;
  flex-direction: column;
  align-items: center
}
.work__picture:not(:last-child) {
  margin-bottom: 1.25rem
}
.work__image {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: .9375rem
}
.work__name {
  max-width: 10rem;
  color: var(--whiteColor);
  text-align: center;
  line-height: 1.3333333333
}
.reviews {
  background-color: #f5f5f5;
  padding: 3.125rem 0
}
.reviews__title:not(:last-child) {
  margin-bottom: 1.25rem
}
.reviews__parent {
  position: relative
}
.reviews__slider.swiper {
  overflow: visible
}
.reviews__slide {
  background-color: var(--whiteBg);
  border-radius: .9375rem;
  padding: .625rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity .5s var(--e)
}
.reviews .swiper-slide-active {
  opacity: 1;
  pointer-events: all
}
.reviews__image {
  border-radius: .9375rem;
  width: 100%;
  width: 25rem;
  height: 19.375rem;
  -o-object-fit: cover;
  object-fit: cover
}
.reviews__sub-title {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: var(--fontWeight_700);
  text-transform: uppercase
}
.reviews__sub-title:not(:last-child) {
  margin-bottom: .9375rem
}
.reviews__text p {
  line-height: 1.3333333333
}
.contacts__item {
  line-height: 130%
}
.contacts__item:not(:last-child) {
  margin-bottom: 1.875rem
}
.contacts__name {
  font-weight: var(--fontWeight_600)
}
.contacts__name:not(:last-child) {
  margin-bottom: 1.25rem
}
.contacts__text span {
  display: block
}
.questions__title {
  font-weight: var(--fontWeight_600);
  line-height: 1.2857142857
}
.questions__title:not(:last-child) {
  margin-bottom: 2.5rem
}
.questions__title span {
  color: #3c94e5
}
.questions__spollers:not(:last-child) {
  margin-bottom: 1.875rem
}
.instructions__title {
  line-height: 1.2857142857;
  font-weight: var(--fontWeight_600)
}
.instructions__title:not(:last-child) {
  margin-bottom: 2.5rem
}
.instructions__row {
  display: flex;
  border: .0625rem solid rgba(0,0,0,.1)
}
.instructions__row:not(:last-child) {
  margin-bottom: 1.25rem
}
.instructions__body {
  padding: 1.25rem
}
.instructions__sub-title {
  font-weight: var(--fontWeight_600);
  line-height: 130%
}
.instructions__sub-title:not(:last-child) {
  margin-bottom: 1.25rem
}
.instructions__image {
  -o-object-fit: cover;
  object-fit: cover
}
.instructions__date {
  line-height: 130%
}
.instructions__date:not(:last-child) {
  margin-bottom: .625rem
}
.instructions__text {
  line-height: 130%
}
.filter__navigation {
  white-space: nowrap;
  overflow: auto;
  padding-bottom: .625rem
}
.filter__navigation:not(:last-child) {
  margin-bottom: 1.25rem
}
.filter__button {
  border: .0625rem solid #2b2b2b;
  text-align: center;
  border-radius: 50%;
  position: relative;
  transition: border var(--s) var(--e),background-color var(--s) var(--e),color var(--s) var(--e)
}
.filter__button._active {
  border: .0625rem solid transparent;
  background-color: #3c94e5;
  color: var(--whiteColor)
}
.filter__navigation_size .filter__button {
  width: 3rem;
  height: 3rem
}
.filter__navigation_button .filter__button {
  border-radius: 2rem;
  padding: .75rem 1rem
}
.cards-mainscreen__card {
  background-color: #fff;
  border-radius: .625rem;
  box-shadow: 0 0 .3125rem 0 rgba(0,0,0,.1)
}
.cards-mainscreen__picture {
  position: relative;
  padding-bottom: 30.395%
}
.cards-mainscreen__picture:not(:last-child) {
  margin-bottom: 1.25rem
}
.cards-mainscreen__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: .625rem
}
.cards-mainscreen__title {
  line-height: var(--lineHeight_130)
}
.cards-mainscreen__title:not(:last-child) {
  margin-bottom: 1.25rem
}
.cards-mainscreen__price {
  line-height: var(--lineHeight_130)
}
.cards-mainscreen__price span {
  font-weight: var(--fontWeight_600)
}
.page_top {
  padding-top: 4.9375rem
}
.page__home {
  padding-top: 4.9375rem
}
.page__services {
  margin-bottom: 6.25rem
}
.page__name {
  margin-bottom: 3.125rem
}
.page__contacts {
  margin-bottom: 6.25rem
}
.page__questions {
  margin-bottom: 6.25rem
}
.page__instructions {
  margin-bottom: 6.25rem
}
.page__price {
  margin-bottom: 6.25rem
}
.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
}
.adaptive-grid-active {
  position: relative;
  transition: height .9s
}
.adaptive-grid-item {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  will-change: transform,opacity;
  transition: opacity .3s,-webkit-transform .9s;
  transition: transform .9s,opacity .3s;
  transition: transform .9s,opacity .3s,-webkit-transform .9s
}
.adaptive-grid-active .adaptive-grid-item-active {
  opacity: 1;
  transition: opacity .9s,-webkit-transform .9s;
  transition: transform .9s,opacity .9s;
  transition: transform .9s,opacity .9s,-webkit-transform .9s
}



  .menu__box {
    display: flex;
    align-items: center
  }
  .menu__mobile {
    position: relative;
    z-index: 102;
    background-color: #03cef6;
    padding: .75rem 1.25rem;
    display: flex;
    align-items: center;
    border-radius: 1.875rem;
    margin-right: .625rem;
    line-height: var(--lineHeight_130);
    gap: 10px;
  }

@media (min-width:29.99875em) {
  .form__footer {
    justify-content: space-between;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    max-width: 25rem;
    margin: 0 auto
  }
  .home__box {
    max-width: 41.25rem
  }
  .work__columns {
    margin: -.9375rem
  }
  .work__column {
    flex: 0 0 calc(20% - 1.875rem);
    padding: .9375rem
  }
  .work__image {
    width: 10rem;
    height: 10rem
  }
}
@media (min-width:37.5625em) {
  .form__box {
    -webkit-column-gap: .9375rem;
    -moz-column-gap: .9375rem;
    column-gap: .9375rem;
    max-width: 31.25rem
  }
}
@media (min-width:41.9375em) {
  .services-cards {
    grid-template-columns: repeat(auto-fit,minmax(18.75rem,1fr))
  }
}
@media (min-width:47.99875em) {
  .form__image {
    position: absolute;
    bottom: -15rem;
    right: -28.125rem;
    z-index: -1;
    height: 37.5rem;
    width: 34.375rem;
    -o-object-fit: contain;
    object-fit: contain
  }
  .form__button::before {
    transition: opacity var(--s) var(--e)
  }
  .form__phone {
    transition: color var(--s) var(--e)
  }
  .popup__close {
    transition: all var(--s) var(--e)
  }
  .menu__list {
    display: flex
  }
  .menu__link {
    line-height: 1.1875;
    transition: color var(--s) var(--e),border var(--s) var(--e)
  }
  .header__menu.menu {display: flex; gap: 15px; align-items: cetner;}
  .menu__box {
    //display: none
  }
  .menu__body {
      
 display: flex;
 align-items: center;
  }
  .text-edit a {
    transition: color var(--s) var(--e)
  }
  .footer__row {
    display: flex;
    justify-content: space-between
  }
  .footer__link {
    transition: color var(--s) var(--e)
  }
  .footer__phone {
    transition: color var(--s) var(--e)
  }
  .home__row {
    display: flex;
    flex-direction: column;
    min-height: 5.875rem;
    position: relative;
    box-shadow: 2.0625rem 6.5rem 2.75rem rgba(158,158,158,.01),1.1875rem 3.625rem 2.3125rem rgba(158,158,158,.03),.5rem 1.625rem 1.6875rem rgba(158,158,158,.04),.125rem .375rem .9375rem rgba(158,158,158,.05),0 0 0 rgba(158,158,158,.05);
    border-radius: .75rem;
    padding: .625rem 1.25rem;
    max-width: 13rem
  }
  .home__row:not(:last-child) {
    margin-bottom: 1.25rem
  }
  .home__row::before {
    content: "";
    position: absolute;
    top: -.8125rem;
    right: .625rem;
    width: 6.1875rem;
    height: 7.75rem;
    -o-object-fit: contain;
    object-fit: contain;
    background: url(../img/home_image_2.png) 0 0/contain no-repeat
  }
  .home__name {
    color: #3c94e5;
    font-weight: var(--fontWeight_700);
    font-size: 1.6875rem;
    line-height: 1.1851851852;
    text-transform: uppercase
  }
  .home__name:not(:last-child) {
    margin-bottom: .4375rem
  }
  .services-cards__picture {
    border-radius: 10%;
    overflow: hidden
  }
  .services-cards__picture .services-cards__image:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  .services-cards__image {
    transition: -webkit-transform .5s var(--e);
    transition: transform .5s var(--e);
    transition: transform .5s var(--e),-webkit-transform .5s var(--e)
  }
  .services-cards__name {
    transition: color var(--s) var(--e)
  }
  .contacts__link {
    transition: color var(--s) var(--e)
  }
  .instructions__image {
    width: 18.75rem;
    height: 100%
  }
}
@media (min-width:47.99875em) and (min-width:120em) {
  .form__image {
    right: -28.125rem
  }
}
@media (min-width:47.99875em) and (min-width:82.5em) {
  .menu__item:not(:last-child) {
    margin-right: 1.25rem
  }
  .menu__link {
    font-size: 1rem
  }
}
@media (min-width:61.99875em) {
  .form__column {
    max-width: 52.25rem
  }
  .form__lines {
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
  }
  .footer__box:not(:last-child) {
    margin-right: 1.875rem
  }
  .footer__items:not(:last-child) {
    margin-right: 1.875rem
  }
  .reviews__slide {
    display: flex
  }
}
@media (min-width:61.99875em) and (min-width:82.5em) {
  .reviews__image {
    width: 25rem
  }
}
@media (min-width:64.0625em) {
  .swiper-button-next,
  .swiper-button-prev {
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 100;
    width: 4rem;
    height: 4rem;
    background-color: var(--whiteBg);
    border-radius: 50%;
    transition: opacity var(--s) var(--e);
    box-shadow: 0 0 .3125rem 0 rgba(0,0,0,.1)
  }
  .swiper-button-next img,
  .swiper-button-prev img {
    width: 1.25rem;
    height: 1.875rem;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-60%,-50%);
    transform: translate(-60%,-50%)
  }
  .swiper-button-prev {
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
  }
  .swiper-button-next {
    -webkit-transform: translate(0,-50%) rotate(-180deg);
    transform: translate(0,-50%) rotate(-180deg)
  }
  .swiper-button-disabled {
    opacity: .5;
    pointer-events: none
  }
}
@media (min-width:64.0625em) and (min-width:120em) {
  .swiper-button-prev {
    left: -1.875rem
  }
  .swiper-button-next {
    right: -1.875rem
  }
}
@media (min-width:82.5em) {
  .form__column {
    padding-left: 2.5rem
  }
  .form__column {
    padding-right: 2.5rem
  }
  .form__title {
    font-size: 1.25rem
  }
  .form__text {
    font-size: 1rem
  }
  .popup__content {
    padding: 2.5rem
  }
  .popup__text {
    font-size: 1.125rem
  }
  .spollers__title {
    font-size: 1.25rem
  }
  .spollers__text {
    font-size: 1.125rem
  }
  .tabs__title:not(:last-child) {
    margin-right: 1.25rem
  }
  .title {
    font-size: 2.1875rem
  }
  .text-edit h2 {
    font-size: 1.625rem
  }
  .text-edit h3 {
    font-size: 1.5rem
  }
  .name {
    padding-top: 3.75rem
  }
  .name {
    padding-bottom: 3.75rem
  }
  .name__title {
    font-size: 2.25rem
  }
  .footer__phone {
    font-size: 1.375rem
  }
  .home {
    padding-bottom: 7.5rem
  }
  .home__title {
    font-size: 4.75rem
  }
  .help {
    min-height: 32.3125rem
  }
  .work {
    padding-top: 6.25rem
  }
  .work {
    padding-bottom: 6.25rem
  }
  .work__name {
    font-size: 1.125rem
  }
  .reviews__image {
    height: 19.375rem
  }
  .reviews__body {
    padding: 1.25rem
  }
  .reviews__text p {
    font-size: 1.125rem
  }
  .reviews__text p:not(:last-child) {
    margin-bottom: 1.5625rem
  }
  .questions__title {
    font-size: 2.1875rem
  }
  .instructions__title {
    font-size: 2.1875rem
  }
  .instructions__text {
    font-size: 1.125rem
  }
  .filter__button {
    font-size: 1.125rem
  }
  .filter__button:not(:last-child) {
    margin-right: .9375rem
  }
  .cards-mainscreen__card {
    padding: 1.25rem
  }
  .page__home {
    margin-bottom: 9.375rem
  }
}
@media (max-width:64em) {
  .swiper-button-next,
  .swiper-button-prev {
    display: none
  }
}
@media (max-width:25em) {
  .footer__content:not(:last-child) {
    margin-bottom: 1.25rem
  }
}
@media (max-width:20em) {
  .spollers__title {
    font-size: 1.125rem
  }
  .spollers__text {
    font-size: 1rem
  }
  .tabs__title:not(:last-child) {
    margin-right: .625rem
  }
  .title {
    font-size: 1.875rem
  }
  .text-edit h2 {
    font-size: 1.5rem
  }
  .text-edit h3 {
    font-size: 1.375rem
  }
  .name {
    padding-top: 1.875rem
  }
  .name {
    padding-bottom: 1.875rem
  }
  .home {
    padding-bottom: 3.125rem
  }
  .home__title {
    font-size: 3.125rem
  }
  .help {
    min-height: 43.5625rem
  }
  .work {
    padding-top: 3.75rem
  }
  .work {
    padding-bottom: 3.75rem
  }
  .reviews__text p:not(:last-child) {
    margin-bottom: .9375rem
  }
  .questions__title {
    font-size: 1.875rem
  }
  .instructions__title {
    font-size: 1.875rem
  }
  .instructions__text {
    font-size: .9375rem
  }
  .filter__button {
    font-size: .9375rem
  }
  .filter__button:not(:last-child) {
    margin-right: .625rem
  }
  .cards-mainscreen__card {
    padding: .9375rem
  }
}
@media (max-width:61.99875em) {
  .form__column {
    max-width: 37.5rem
  }
  .form__lines {
    flex-direction: column
  }
  .form__line:not(:last-child) {
    margin-bottom: 1.25rem
  }
  .reviews__picture:not(:last-child) {
    margin-bottom: 1.25rem
  }
  .reviews__image {
    width: 100%
  }
}
@media (max-width:47.99875em) {
  .form__image {
    display: none
  }
  .menu__item:not(:last-child) {
    margin-bottom: .9375rem
  }
  .menu__link {
    font-size: 1.375rem;
    line-height: 1.1818181818
  }
  .menu__icon {
    width: 1.25rem;
    height: 1.375rem;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: .3125rem
  }
  .menu__body {
    position: fixed;
    width: 100%;
    height: 100svh;
    top: 0;
    overflow: auto;
    z-index: 100;
    background-color: var(--mainBg);
    left: -100%;
    padding: 7.5rem .9375rem 1.875rem .9375rem;
    transition: left var(--s) var(--d) var(--e)
  }
  .menu__body::before {
    content: "";
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 101;
    background-color: var(--whiteBg);
    left: -100%;
    transition: left var(--s) var(--d) var(--e);
    height: 5rem
  }
  .menu-open .menu__body {
    left: 0
  }
  .menu-open .menu__body::before {
    left: 0
  }
  .icon-menu {
    display: block;
    position: relative;
    width: 1.875rem;
    height: 1.125rem;
    z-index: 102
  }
  .icon-menu span,
  .icon-menu::after,
  .icon-menu::before {
    content: "";
    right: 0;
    position: absolute;
    width: 100%;
    height: .125rem;
    background-color: var(--mainColor)
  }
  .icon-menu::before {
    top: 0;
    transition: top var(--s) var(--d) var(--e),-webkit-transform var(--s) var(--d) var(--e);
    transition: transform var(--s) var(--d) var(--e),top var(--s) var(--d) var(--e);
    transition: transform var(--s) var(--d) var(--e),top var(--s) var(--d) var(--e),-webkit-transform var(--s) var(--d) var(--e)
  }
  .icon-menu::after {
    bottom: 0;
    transition: bottom var(--s) var(--d) var(--e),-webkit-transform var(--s) var(--d) var(--e);
    transition: transform var(--s) var(--d) var(--e),bottom var(--s) var(--d) var(--e);
    transition: transform var(--s) var(--d) var(--e),bottom var(--s) var(--d) var(--e),-webkit-transform var(--s) var(--d) var(--e)
  }
  .icon-menu span {
    top: calc(50% - .0625rem);
    transition: width var(--s) var(--d) var(--e)
  }
  .menu-open .icon-menu span {
    width: 0
  }
  .menu-open .icon-menu::before {
    top: calc(50% - .0625rem);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .menu-open .icon-menu::after {
    bottom: calc(50% - .0625rem);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .footer__box:not(:last-child) {
    margin-bottom: 1.25rem
  }
  .home__row {
    display: none
  }
  .instructions__row {
    flex-direction: column;
    align-items: center
  }
  .instructions__image {
    width: 100%;
    height: 100%
  }
}
@media (max-width:47.99875em) and (max-width:20em) {
  .menu__mobile {
    font-size: .875rem
  }
}
@media (max-width:47.99875em) and (any-hover:none) {
  .icon-menu {
    cursor: default
  }
}
@media (max-width:37.5em) {
  .form__box {
    flex-direction: column;
    row-gap: 1.25rem
  }
  .home::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    height: 100%;
    pointer-events: none;
    background-color: rgba(0,0,0,.3)
  }
  .home__sub-title {
    color: var(--whiteColor)
  }
  .home__item {
    color: var(--whiteColor)
  }
  .home__module {
    color: var(--whiteColor)
  }
}
@media (max-width:29.99875em) {
  .form__footer {
    flex-direction: column;
    row-gap: 1.25rem
  }
  .work__columns {
    margin: -.3125rem
  }
  .work__column {
    flex: 0 0 calc(33.333% - .3125rem);
    padding: .3125rem
  }
  .work__picture {
    width: 100%;
    position: relative;
    padding-bottom: 100%
  }
  .work__image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
  }
}
@media (max-width:28.75em) {
  .services-cards {
    grid-template-columns: repeat(auto-fit,minmax(8rem,1fr))
  }
}
@media (max-width:22.5em) {
  .form__column {
    padding-left: 1.25rem
  }
  .form__column {
    padding-right: 1.25rem
  }
  .form__title {
    font-size: 1.125rem
  }
  .form__text {
    font-size: .9375rem
  }
  .popup__content {
    padding: 1.875rem
  }
  .popup__text {
    font-size: 1rem
  }
  .name__title {
    font-size: 1.875rem
  }
  .footer__phone {
    font-size: 1.125rem
  }
  .work__name {
    font-size: .6875rem
  }
  .reviews__image {
    height: 12.5rem
  }
  .reviews__body {
    padding: .9375rem
  }
  .reviews__text p {
    font-size: 1rem
  }
  .page__home {
    margin-bottom: 3.125rem
  }
}
@media (min-width:22.5em) and (max-width:82.5em) {
  @supports (padding-left:clamp(1.25rem ,0.78125rem + 2.0833333333vw ,2.5rem)) {
    .form__column {
      padding-left: clamp(1.25rem ,.78125rem + 2.0833333333vw ,2.5rem)
    }
  }
  @supports not (padding-left:clamp(1.25rem ,0.78125rem + 2.0833333333vw ,2.5rem)) {
    .form__column {
      padding-left: calc(1.25rem + 1.25 * (100vw - 22.5rem)/ 60)
    }
  }
  @supports (padding-right:clamp(1.25rem ,0.78125rem + 2.0833333333vw ,2.5rem)) {
    .form__column {
      padding-right: clamp(1.25rem ,.78125rem + 2.0833333333vw ,2.5rem)
    }
  }
  @supports not (padding-right:clamp(1.25rem ,0.78125rem + 2.0833333333vw ,2.5rem)) {
    .form__column {
      padding-right: calc(1.25rem + 1.25 * (100vw - 22.5rem)/ 60)
    }
  }
  @supports (font-size:clamp(1.125rem ,1.078125rem + 0.2083333333vw ,1.25rem)) {
    .form__title {
      font-size: clamp(1.125rem ,1.078125rem + .2083333333vw ,1.25rem)
    }
  }
  @supports not (font-size:clamp(1.125rem ,1.078125rem + 0.2083333333vw ,1.25rem)) {
    .form__title {
      font-size: calc(1.125rem + .125 * (100vw - 22.5rem)/ 60)
    }
  }
  @supports (font-size:clamp(0.9375rem ,0.9140625rem + 0.1041666667vw ,1rem)) {
    .form__text {
      font-size: clamp(.9375rem ,.9140625rem + .1041666667vw ,1rem)
    }
  }
  @supports not (font-size:clamp(0.9375rem ,0.9140625rem + 0.1041666667vw ,1rem)) {
    .form__text {
      font-size: calc(.9375rem + .0625 * (100vw - 22.5rem)/ 60)
    }
  }
  @supports (padding:clamp(1.875rem ,1.640625rem + 1.0416666667vw ,2.5rem)) {
    .popup__content {
      padding: clamp(1.875rem ,1.640625rem + 1.0416666667vw ,2.5rem)
    }
  }
  @supports not (padding:clamp(1.875rem ,1.640625rem + 1.0416666667vw ,2.5rem)) {
    .popup__content {
      padding: calc(1.875rem + .625 * (100vw - 22.5rem)/ 60)
    }
  }
  @supports (font-size:clamp(1rem ,0.953125rem + 0.2083333333vw ,1.125rem)) {
    .popup__text {
      font-size: clamp(1rem ,.953125rem + .2083333333vw ,1.125rem)
    }
  }
  @supports not (font-size:clamp(1rem ,0.953125rem + 0.2083333333vw ,1.125rem)) {
    .popup__text {
      font-size: calc(1rem + .125 * (100vw - 22.5rem)/ 60)
    }
  }
  @supports (font-size:clamp(1.875rem ,1.734375rem + 0.625vw ,2.25rem)) {
    .name__title {
      font-size: clamp(1.875rem ,1.734375rem + .625vw ,2.25rem)
    }
  }
  @supports not (font-size:clamp(1.875rem ,1.734375rem + 0.625vw ,2.25rem)) {
    .name__title {
      font-size: calc(1.875rem + .375 * (100vw - 22.5rem)/ 60)
    }
  }
  @supports (font-size:clamp(1.125rem ,1.03125rem + 0.4166666667vw ,1.375rem)) {
    .footer__phone {
      font-size: clamp(1.125rem ,1.03125rem + .4166666667vw ,1.375rem)
    }
  }
  @supports not (font-size:clamp(1.125rem ,1.03125rem + 0.4166666667vw ,1.375rem)) {
    .footer__phone {
      font-size: calc(1.125rem + .25 * (100vw - 22.5rem)/ 60)
    }
  }
  @supports (font-size:clamp(0.6875rem ,0.5234375rem + 0.7291666667vw ,1.125rem)) {
    .work__name {
      font-size: clamp(.6875rem ,.5234375rem + .7291666667vw ,1.125rem)
    }
  }
  @supports not (font-size:clamp(0.6875rem ,0.5234375rem + 0.7291666667vw ,1.125rem)) {
    .work__name {
      font-size: calc(.6875rem + .4375 * (100vw - 22.5rem)/ 60)
    }
  }
  @supports (height:clamp(12.5rem ,9.921875rem + 11.4583333333vw ,19.375rem)) {
    .reviews__image {
      height: clamp(12.5rem ,9.921875rem + 11.4583333333vw ,19.375rem)
    }
  }
  @supports not (height:clamp(12.5rem ,9.921875rem + 11.4583333333vw ,19.375rem)) {
    .reviews__image {
      height: calc(12.5rem + 6.875 * (100vw - 22.5rem)/ 60)
    }
  }
  @supports (padding:clamp(0.9375rem ,0.8203125rem + 0.5208333333vw ,1.25rem)) {
    .reviews__body {
      padding: clamp(.9375rem ,.8203125rem + .5208333333vw ,1.25rem)
    }
  }
  @supports not (padding:clamp(0.9375rem ,0.8203125rem + 0.5208333333vw ,1.25rem)) {
    .reviews__body {
      padding: calc(.9375rem + .3125 * (100vw - 22.5rem)/ 60)
    }
  }
  @supports (font-size:clamp(1rem ,0.953125rem + 0.2083333333vw ,1.125rem)) {
    .reviews__text p {
      font-size: clamp(1rem ,.953125rem + .2083333333vw ,1.125rem)
    }
  }
  @supports not (font-size:clamp(1rem ,0.953125rem + 0.2083333333vw ,1.125rem)) {
    .reviews__text p {
      font-size: calc(1rem + .125 * (100vw - 22.5rem)/ 60)
    }
  }
  @supports (margin-bottom:clamp(3.125rem ,0.78125rem + 10.4166666667vw ,9.375rem)) {
    .page__home {
      margin-bottom: clamp(3.125rem ,.78125rem + 10.4166666667vw ,9.375rem)
    }
  }
  @supports not (margin-bottom:clamp(3.125rem ,0.78125rem + 10.4166666667vw ,9.375rem)) {
    .page__home {
      margin-bottom: calc(3.125rem + 6.25 * (100vw - 22.5rem)/ 60)
    }
  }
}
@media (min-width:47.99875em) and (min-width:29.9375em) and (max-width:120em) {
  @supports (right:clamp(-28.125rem ,-15.6336745316rem + -10.4094378904vw ,-18.75rem)) {
    .form__image {
      right: clamp(-28.125rem ,-15.6336745316rem + -10.4094378904vw ,-18.75rem)
    }
  }
  @supports not (right:clamp(-28.125rem ,-15.6336745316rem + -10.4094378904vw ,-18.75rem)) {
    .form__image {
      right: calc(-18.75rem + -9.375 * (100vw - 29.9375rem)/ 90.0625)
    }
  }
}
@media (min-width:47.99875em) and (max-width:29.9375em) {
  .form__image {
    right: -18.75rem
  }
}
@media (min-width:47.99875em) and (min-width:48em) and (max-width:82.5em) {
  @supports (margin-right:clamp(0.625rem ,-0.2445652174rem + 1.8115942029vw ,1.25rem)) {
    .menu__item:not(:last-child) {
      margin-right: clamp(.625rem ,-.2445652174rem + 1.8115942029vw ,1.25rem)
    }
  }
  @supports not (margin-right:clamp(0.625rem ,-0.2445652174rem + 1.8115942029vw ,1.25rem)) {
    .menu__item:not(:last-child) {
      margin-right: calc(.625rem + .625 * (100vw - 48rem)/ 34.5)
    }
  }
}
@media (min-width:47.99875em) and (max-width:48em) {
  .menu__item:not(:last-child) {
    margin-right: .625rem
  }
}
@media (min-width:47.99875em) and (min-width:20em) and (max-width:82.5em) {
  @supports (font-size:clamp(0.9375rem ,0.9175rem + 0.1vw ,1rem)) {
    .menu__link {
      font-size: clamp(.9375rem ,.9175rem + .1vw ,1rem)
    }
  }
  @supports not (font-size:clamp(0.9375rem ,0.9175rem + 0.1vw ,1rem)) {
    .menu__link {
      font-size: calc(.9375rem + .0625 * (100vw - 20rem)/ 62.5)
    }
  }
}
@media (min-width:47.99875em) and (max-width:20em) {
  .menu__link {
    font-size: .9375rem
  }
}
@media (max-width:47.99875em) and (min-width:82.5em) {
  .menu__mobile {
    font-size: 1.125rem
  }
}
@media (max-width:47.99875em) and (min-width:20em) and (max-width:82.5em) {
  @supports (font-size:clamp(0.875rem ,0.795rem + 0.4vw ,1.125rem)) {
    .menu__mobile {
      font-size: clamp(.875rem ,.795rem + .4vw ,1.125rem)
    }
  }
  @supports not (font-size:clamp(0.875rem ,0.795rem + 0.4vw ,1.125rem)) {
    .menu__mobile {
      font-size: calc(.875rem + .25 * (100vw - 20rem)/ 62.5)
    }
  }
}
@media (min-width:20em) and (max-width:82.5em) {
  @supports (font-size:clamp(1.125rem ,1.085rem + 0.2vw ,1.25rem)) {
    .spollers__title {
      font-size: clamp(1.125rem ,1.085rem + .2vw ,1.25rem)
    }
  }
  @supports not (font-size:clamp(1.125rem ,1.085rem + 0.2vw ,1.25rem)) {
    .spollers__title {
      font-size: calc(1.125rem + .125 * (100vw - 20rem)/ 62.5)
    }
  }
  @supports (font-size:clamp(1rem ,0.96rem + 0.2vw ,1.125rem)) {
    .spollers__text {
      font-size: clamp(1rem ,.96rem + .2vw ,1.125rem)
    }
  }
  @supports not (font-size:clamp(1rem ,0.96rem + 0.2vw ,1.125rem)) {
    .spollers__text {
      font-size: calc(1rem + .125 * (100vw - 20rem)/ 62.5)
    }
  }
  @supports (margin-right:clamp(0.625rem ,0.425rem + 1vw ,1.25rem)) {
    .tabs__title:not(:last-child) {
      margin-right: clamp(.625rem ,.425rem + 1vw ,1.25rem)
    }
  }
  @supports not (margin-right:clamp(0.625rem ,0.425rem + 1vw ,1.25rem)) {
    .tabs__title:not(:last-child) {
      margin-right: calc(.625rem + .625 * (100vw - 20rem)/ 62.5)
    }
  }
  @supports (font-size:clamp(1.875rem ,1.775rem + 0.5vw ,2.1875rem)) {
    .title {
      font-size: clamp(1.875rem ,1.775rem + .5vw ,2.1875rem)
    }
  }
  @supports not (font-size:clamp(1.875rem ,1.775rem + 0.5vw ,2.1875rem)) {
    .title {
      font-size: calc(1.875rem + .3125 * (100vw - 20rem)/ 62.5)
    }
  }
  @supports (font-size:clamp(1.5rem ,1.46rem + 0.2vw ,1.625rem)) {
    .text-edit h2 {
      font-size: clamp(1.5rem ,1.46rem + .2vw ,1.625rem)
    }
  }
  @supports not (font-size:clamp(1.5rem ,1.46rem + 0.2vw ,1.625rem)) {
    .text-edit h2 {
      font-size: calc(1.5rem + .125 * (100vw - 20rem)/ 62.5)
    }
  }
  @supports (font-size:clamp(1.375rem ,1.335rem + 0.2vw ,1.5rem)) {
    .text-edit h3 {
      font-size: clamp(1.375rem ,1.335rem + .2vw ,1.5rem)
    }
  }
  @supports not (font-size:clamp(1.375rem ,1.335rem + 0.2vw ,1.5rem)) {
    .text-edit h3 {
      font-size: calc(1.375rem + .125 * (100vw - 20rem)/ 62.5)
    }
  }
  @supports (padding-top:clamp(1.875rem ,1.275rem + 3vw ,3.75rem)) {
    .name {
      padding-top: clamp(1.875rem ,1.275rem + 3vw ,3.75rem)
    }
  }
  @supports not (padding-top:clamp(1.875rem ,1.275rem + 3vw ,3.75rem)) {
    .name {
      padding-top: calc(1.875rem + 1.875 * (100vw - 20rem)/ 62.5)
    }
  }
  @supports (padding-bottom:clamp(1.875rem ,1.275rem + 3vw ,3.75rem)) {
    .name {
      padding-bottom: clamp(1.875rem ,1.275rem + 3vw ,3.75rem)
    }
  }
  @supports not (padding-bottom:clamp(1.875rem ,1.275rem + 3vw ,3.75rem)) {
    .name {
      padding-bottom: calc(1.875rem + 1.875 * (100vw - 20rem)/ 62.5)
    }
  }
  @supports (padding-bottom:clamp(3.125rem ,1.725rem + 7vw ,7.5rem)) {
    .home {
      padding-bottom: clamp(3.125rem ,1.725rem + 7vw ,7.5rem)
    }
  }
  @supports not (padding-bottom:clamp(3.125rem ,1.725rem + 7vw ,7.5rem)) {
    .home {
      padding-bottom: calc(3.125rem + 4.375 * (100vw - 20rem)/ 62.5)
    }
  }
  @supports (font-size:clamp(3.125rem ,2.605rem + 2.6vw ,4.75rem)) {
    .home__title {
      font-size: clamp(3.125rem ,2.605rem + 2.6vw ,4.75rem)
    }
  }
  @supports not (font-size:clamp(3.125rem ,2.605rem + 2.6vw ,4.75rem)) {
    .home__title {
      font-size: calc(3.125rem + 1.625 * (100vw - 20rem)/ 62.5)
    }
  }
  @supports (min-height:clamp(32.3125rem ,47.1625rem + -18vw ,43.5625rem)) {
    .help {
      min-height: clamp(32.3125rem ,47.1625rem + -18vw ,43.5625rem)
    }
  }
  @supports not (min-height:clamp(32.3125rem ,47.1625rem + -18vw ,43.5625rem)) {
    .help {
      min-height: calc(43.5625rem + -11.25 * (100vw - 20rem)/ 62.5)
    }
  }
  @supports (padding-top:clamp(3.75rem ,2.95rem + 4vw ,6.25rem)) {
    .work {
      padding-top: clamp(3.75rem ,2.95rem + 4vw ,6.25rem)
    }
  }
  @supports not (padding-top:clamp(3.75rem ,2.95rem + 4vw ,6.25rem)) {
    .work {
      padding-top: calc(3.75rem + 2.5 * (100vw - 20rem)/ 62.5)
    }
  }
  @supports (padding-bottom:clamp(3.75rem ,2.95rem + 4vw ,6.25rem)) {
    .work {
      padding-bottom: clamp(3.75rem ,2.95rem + 4vw ,6.25rem)
    }
  }
  @supports not (padding-bottom:clamp(3.75rem ,2.95rem + 4vw ,6.25rem)) {
    .work {
      padding-bottom: calc(3.75rem + 2.5 * (100vw - 20rem)/ 62.5)
    }
  }
  @supports (margin-bottom:clamp(0.9375rem ,0.7375rem + 1vw ,1.5625rem)) {
    .reviews__text p:not(:last-child) {
      margin-bottom: clamp(.9375rem ,.7375rem + 1vw ,1.5625rem)
    }
  }
  @supports not (margin-bottom:clamp(0.9375rem ,0.7375rem + 1vw ,1.5625rem)) {
    .reviews__text p:not(:last-child) {
      margin-bottom: calc(.9375rem + .625 * (100vw - 20rem)/ 62.5)
    }
  }
  @supports (font-size:clamp(1.875rem ,1.775rem + 0.5vw ,2.1875rem)) {
    .questions__title {
      font-size: clamp(1.875rem ,1.775rem + .5vw ,2.1875rem)
    }
  }
  @supports not (font-size:clamp(1.875rem ,1.775rem + 0.5vw ,2.1875rem)) {
    .questions__title {
      font-size: calc(1.875rem + .3125 * (100vw - 20rem)/ 62.5)
    }
  }
  @supports (font-size:clamp(1.875rem ,1.775rem + 0.5vw ,2.1875rem)) {
    .instructions__title {
      font-size: clamp(1.875rem ,1.775rem + .5vw ,2.1875rem)
    }
  }
  @supports not (font-size:clamp(1.875rem ,1.775rem + 0.5vw ,2.1875rem)) {
    .instructions__title {
      font-size: calc(1.875rem + .3125 * (100vw - 20rem)/ 62.5)
    }
  }
  @supports (font-size:clamp(0.9375rem ,0.8775rem + 0.3vw ,1.125rem)) {
    .instructions__text {
      font-size: clamp(.9375rem ,.8775rem + .3vw ,1.125rem)
    }
  }
  @supports not (font-size:clamp(0.9375rem ,0.8775rem + 0.3vw ,1.125rem)) {
    .instructions__text {
      font-size: calc(.9375rem + .1875 * (100vw - 20rem)/ 62.5)
    }
  }
  @supports (font-size:clamp(0.9375rem ,0.8775rem + 0.3vw ,1.125rem)) {
    .filter__button {
      font-size: clamp(.9375rem ,.8775rem + .3vw ,1.125rem)
    }
  }
  @supports not (font-size:clamp(0.9375rem ,0.8775rem + 0.3vw ,1.125rem)) {
    .filter__button {
      font-size: calc(.9375rem + .1875 * (100vw - 20rem)/ 62.5)
    }
  }
  @supports (margin-right:clamp(0.625rem ,0.525rem + 0.5vw ,0.9375rem)) {
    .filter__button:not(:last-child) {
      margin-right: clamp(.625rem ,.525rem + .5vw ,.9375rem)
    }
  }
  @supports not (margin-right:clamp(0.625rem ,0.525rem + 0.5vw ,0.9375rem)) {
    .filter__button:not(:last-child) {
      margin-right: calc(.625rem + .3125 * (100vw - 20rem)/ 62.5)
    }
  }
  @supports (padding:clamp(0.9375rem ,0.8375rem + 0.5vw ,1.25rem)) {
    .cards-mainscreen__card {
      padding: clamp(.9375rem ,.8375rem + .5vw ,1.25rem)
    }
  }
  @supports not (padding:clamp(0.9375rem ,0.8375rem + 0.5vw ,1.25rem)) {
    .cards-mainscreen__card {
      padding: calc(.9375rem + .3125 * (100vw - 20rem)/ 62.5)
    }
  }
}
@media (min-width:64.0625em) and (min-width:82.5em) and (max-width:120em) {
  @supports (left:clamp(-1.875rem ,2.125rem + -3.3333333333vw ,-0.625rem)) {
    .swiper-button-prev {
      left: clamp(-1.875rem ,2.125rem + -3.3333333333vw ,-.625rem)
    }
  }
  @supports not (left:clamp(-1.875rem ,2.125rem + -3.3333333333vw ,-0.625rem)) {
    .swiper-button-prev {
      left: calc(-.625rem + -1.25 * (100vw - 82.5rem)/ 37.5)
    }
  }
  @supports (right:clamp(-1.875rem ,2.125rem + -3.3333333333vw ,-0.625rem)) {
    .swiper-button-next {
      right: clamp(-1.875rem ,2.125rem + -3.3333333333vw ,-.625rem)
    }
  }
  @supports not (right:clamp(-1.875rem ,2.125rem + -3.3333333333vw ,-0.625rem)) {
    .swiper-button-next {
      right: calc(-.625rem + -1.25 * (100vw - 82.5rem)/ 37.5)
    }
  }
}
@media (min-width:64.0625em) and (max-width:82.5em) {
  .swiper-button-prev {
    left: -.625rem
  }
  .swiper-button-next {
    right: -.625rem
  }
}
@media (min-width:25.0625em) and (max-width:61.99875em) {
  .footer__bottom {
    align-items: center;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse
  }
}
@media (min-width:28.75em) and (max-width:41.875em) {
  .services-cards {
    grid-template-columns: repeat(auto-fit,minmax(12.5rem,1fr))
  }
}
@media (min-width:61.99875em) and (min-width:22.5em) and (max-width:82.5em) {
  @supports (width:clamp(18.125rem ,15.546875rem + 11.4583333333vw ,25rem)) {
    .reviews__image {
      width: clamp(18.125rem ,15.546875rem + 11.4583333333vw ,25rem)
    }
  }
  @supports not (width:clamp(18.125rem ,15.546875rem + 11.4583333333vw ,25rem)) {
    .reviews__image {
      width: calc(18.125rem + 6.875 * (100vw - 22.5rem)/ 60)
    }
  }
}
@media (min-width:61.99875em) and (max-width:22.5em) {
  .reviews__image {
    width: 18.125rem
  }
}
@media (any-hover:hover) {
  .form__button:hover {
    box-shadow: 0 1.375rem 2.375rem -1.0625rem #3c94e5
  }
  .form__button:hover::before {
    opacity: 0
  }
  .form__phone:hover {
    color: #3c94e5
  }
  .select__option:hover {
    background-color: #007bff;
    color: var(--whiteColor)
  }
  .popup__close:hover {
    fill: #007bff
  }
  .menu__link:hover {
    color: #007bff;
    border-bottom: .0625rem solid #007bff
  }
  .text-edit a:hover {
    color: #3c94e5
  }
  .name__link span:hover {
    text-decoration: underline
  }
  .footer__link:hover {
    color: #007bff
  }
  .footer__phone:hover {
    color: #007bff
  }
  .services-cards .services-cards__column:hover > .services-cards__name,
  .services-cards .services-cards__name:hover {
    color: #3c94e5
  }
  .contacts__link:hover {
    color: #007bff
  }
}
.home__contacts  {
    margin-bottom: 20px;
}
.contacts__link_weight {
    font-weight:600 ;
}

.contacts__item {
    list-style:none;
}
@media (max-width: 600px) {
	.contacts__link_weight {
		color: #fff;
	}
	.contacts__item_color {
	    color: #fff;
	}
}