@charset "UTF-8";
html {
  font-size: calc(1vw / 3.6);
}
@media (min-width: 640px) {
  html {
    font-size: calc(1vw / 7.68);
  }
}
@media (min-width: 1200px) {
  html {
    font-size: calc(1vw / 19.20);
  }
}
@media (min-width: 1921px) {
  html {
    font-size: 1px;
  }
}
html._opened {
  overflow: hidden;
}
.center {
  max-width: 1200rem;
  margin: 0 auto;
}
.wrapper {
  overflow: hidden;
}
@media (min-width: 640px) {
  .wrapper {
    overflow: visible;
  }
}
@media (min-width: 1200px) {
  .wrapper {
    position: relative;
  }
}
.sitekey-top {
  overflow: hidden;
  transition: all 0.5s ease;
  padding: 16rem;
  background: url("img/top-bg.webp") center / cover no-repeat, #000;
}
.sitekey-top__elems {
  display: none;
}
.sitekey-top__left {
  padding: 28rem 20rem 32rem;
  background: #fff;
  border-radius: 18rem;
}
.sitekey-top__select {
  height: 60rem;
  margin: 0 0 16rem;
}
.sitekey-top__select-inner {
  box-sizing: border-box;
  padding: 4rem 8rem;
  background: #fff;
  border-radius: 32rem;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.opened .sitekey-top__select-inner.sitekey-top__select-inner {
  z-index: 13;
}
.sitekey-top__select-item {
  border-radius: 48rem;
  color: #fff;
  padding: 16rem 24rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 140%;
  background-color: transparent;
  letter-spacing: -0.01em;
  color: #1f1f1f;
  border: none;
  outline: none;
  display: none;
  text-align: left;
  cursor: pointer;
}
.sitekey-top__select-item.active {
  order: -1;
  display: flex;
  align-items: center;
  color: #fff;
  background: #000;
  position: relative;
}
.sitekey-top__select-item.active:before {
  width: 20rem;
  height: 20rem;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='10' fill='white'/%3E%3Cpath d='M6.66699 8.33366L9.41107 11.0777C9.68885 11.3555 9.82774 11.4944 10.0003 11.4944C10.1729 11.4944 10.3118 11.3555 10.5896 11.0777L13.3337 8.33366' stroke='%23141B34' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  content: "";
  top: 15rem;
  right: 24rem;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 20rem;
}
.sitekey-top__select-item svg {
  width: 20rem;
  height: 20rem;
  min-width: 20rem;
  margin-right: 8rem;
}
.opened .sitekey-top__select-item {
  display: flex;
  align-items: center;
}
.opened .sitekey-top__select-item.active:before {
  transform: rotate(180deg);
}
.sitekey-top__select.opened span {
  display: block;
  position: absolute;
  z-index: 13;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.5);
}
.sitekey-top__form-main {
  box-sizing: border-box;
}
.sitekey-top__form-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 8rem;
}
@media (min-width: 640px) {
  .sitekey-top__form-top {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }
}
.sitekey-top__form-title {
  color: #000;
  text-align: center;
  font-size: 24rem;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.48rem;
  margin-bottom: 0;
}
.sitekey-top__price {
  display: none;
  color: #000;
  text-align: center;
  font-size: 24rem;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.48rem;
}
.sitekey-top__form-desc {
  color: #3E3E3E;
  text-align: center;
  font-size: 16rem;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.32rem;
  margin-bottom: 20rem;
}
.sitekey-top__right {
  pointer-events: none;
}
.sitekey-top__right-img-mob {
  width: 360rem;
  margin-left: -16rem;
  margin-top: -16rem;
}
@media (min-width: 640px) {
  .sitekey-top__right-img-mob {
    width: 768rem;
    margin-left: -36rem;
    margin-top: 10px;
    margin-bottom: -29rem;
  }
}
.sitekey-top__right-img-desk {
  display: none;
}
@media (min-width: 640px) {
  .sitekey-top {
    margin: 16rem 16rem 0;
    border-radius: 32rem;
    padding: 20rem 20rem 0;
    overflow: visible;
  }
  .sitekey-top__select {
    height: auto;
    font-size: 0;
    margin: 0 0 24rem;
    display: flex;
  }
  .sitekey-top__select-inner {
    display: flex;
    align-items: center;
    flex-direction: row;
    background: transparent;
    box-sizing: border-box;
    padding: 8rem;
    background: #F7F7FB;
  }
  .opened .sitekey-top__select-inner {
    background: transparent;
  }
  .opened .sitekey-top__select-inner:before {
    display: none;
  }
  .sitekey-top__select-item {
    display: flex;
    align-items: center;
    border-radius: 32rem;
    background: #F7F7FB;
    padding: 16rem 24rem;
    color: #6E6E73;
    text-align: center;
    font-size: 14rem;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.2rem;
  }
  .sitekey-top__select-item svg {
    width: 24rem;
    height: 24rem;
    min-width: 24rem;
  }
  .sitekey-top__select-item:hover {
    color: #EF3024;
  }
  .sitekey-top__select-item.active {
    order: unset;
    background: #000;
    color: #FFF;
  }
  .sitekey-top__select-item.active:before {
    display: none;
  }
  .sitekey-top__select-item._max {
    padding: 16rem 20rem;
    background: linear-gradient(0deg, rgba(239, 48, 36, 0.1) 0%, rgba(239, 48, 36, 0.1) 100%), #FFF;
  }
  .sitekey-top__select-item._max.active {
    order: unset;
    background: #000;
    color: #FFF;
  }
  .sitekey-top__select-item._max.active:before {
    display: none;
  }
  .sitekey-top__select.opened:before {
    display: none;
  }
  .sitekey-top__left {
    border-radius: 32rem;
    background: #FFF;
    box-sizing: border-box;
    padding: 32rem 32rem 32rem 32rem;
  }
  .sitekey-top__form-wrap {
    box-sizing: border-box;
    border-radius: 0;
    padding: 0;
  }
  .sitekey-top__form-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .sitekey-top__form-title {
    font-size: 36rem;
    letter-spacing: -0.72rem;
  }
  .sitekey-top__price {
    font-size: 36rem;
    letter-spacing: -0.72rem;
  }
  .sitekey-top__form-desc {
    font-size: 16rem;
    text-align: left;
    letter-spacing: -0.32rem;
    margin-bottom: 26rem;
  }
}
@media (min-width: 1200px) {
  .sitekey-top {
    padding: 52rem 0;
    border-radius: 48rem;
    margin: 0 56rem;
  }
  .sitekey-top__inner {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 688rem 1fr;
  }
  .sitekey-top__select-item {
    padding: 16rem 20rem;
  }
  .sitekey-top__left {
    padding: 32rem 40rem 40rem 40rem;
  }
  .sitekey-top__right-img-mob {
    display: none;
  }
  .sitekey-top__right {
    position: relative;
  }
  .sitekey-top__right-img-desk {
    display: block;
    width: 666rem;
    position: absolute;
    top: -36rem;
    left: -48rem;
  }
  .sitekey-top__elems {
    position: absolute;
    width: 2300rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    bottom: 0;
    display: block;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
  }
  .sitekey-top__elems-wrap {
    position: absolute;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1;
    pointer-events: none;
  }
  .sitekey-top__elem1 {
    width: 431rem;
    position: absolute;
    bottom: 16rem;
    left: 44rem;
  }
  .sitekey-top__elem2 {
    width: 124rem;
    position: absolute;
    top: 106rem;
    left: 450rem;
  }
  .sitekey-top__elem3 {
    width: 98rem;
    position: absolute;
    bottom: 126rem;
    right: 946rem;
  }
  .sitekey-top__elem4 {
    width: 194rem;
    position: absolute;
    top: 47rem;
    right: 476rem;
  }
  .sitekey-top__elem5 {
    width: 114rem;
    position: absolute;
    bottom: 66rem;
    right: 322rem;
  }
}
/*stepform*/
.sitekey-top {
  position: relative;
}
.sitekey-top.opened {
  z-index: 1;
}
.sitekey-top .mg-sitekey-solution__btn {
  cursor: pointer;
  box-sizing: border-box;
  color: #FFF;
  text-align: center;
  font-size: 14rem;
  font-weight: 600;
  line-height: 17rem;
  letter-spacing: -0.2rem;
  padding: 16rem 24rem;
  border-radius: 44rem;
  background: #EF3024;
  overflow: hidden;
  position: relative;
}
@media (min-width: 640px) {
  .sitekey-top .mg-sitekey-solution__btn {
    display: none;
  }
}
.sitekey-top .mg-sitekey-solution__btn:hover {
  background: #EF3024;
  box-shadow: 0px 0px 11rem 0px rgba(255, 255, 255, 0.32) inset, 0px 8rem 8rem 0px rgba(239, 48, 36, 0.24);
}
.sitekey-top .mg-sitekey-solution__btn:active {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%), #EF3024;
  box-shadow: none;
}
.sitekey-top .mg-sitekey-solution__btn:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  background: linear-gradient(89deg, rgba(255, 255, 255, 0) 20.75%, rgba(255, 255, 255, 0.12) 49.42%, rgba(255, 255, 255, 0.35) 63.86%);
  width: 120px;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-36deg);
  left: -80%;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -webkit-animation-name: blick;
  animation-name: blick;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0.46;
}
.sitekey-top[data-value="0"] .sitekey-top__price[data-value="0"] {
  display: inline-block;
}
.sitekey-top[data-value="1"] .sitekey-top__price[data-value="1"] {
  display: inline-block;
}
.sitekey-top[data-value="2"] .sitekey-top__price[data-value="2"] {
  display: inline-block;
}
.sitekey-top[data-value="3"] .sitekey-top__price[data-value="3"] {
  display: inline-block;
}
.sitekey-top .fs-wrapper {
  margin-left: auto;
  margin-right: auto;
  border: none;
  height: 100%;
  font-family: "Montserrat", sans-serif;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper {
    border-radius: 0 0 24rem 24rem;
  }
}
.sitekey-top .fs-wrapper * {
  font-family: "Montserrat", sans-serif;
}
.sitekey-top .fs-wrapper .fs-checkbox input[type=checkbox]:checked ~ .fs-checkbox__pseudo-wr .fs-checkbox__pseudo {
  border-color: #EF3024;
}
.sitekey-top .fs-wrapper .fs-close {
  width: auto;
  height: auto;
  border: none;
  padding: 0;
  line-height: 0;
  background: #F62F2F;
  right: -20rem;
  top: -20rem;
}
.sitekey-top .fs-wrapper .fs-fields + .fs-fields {
  margin-top: 8rem;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-radio__wrapper._column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8rem;
  }
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-checkbox__wrapper._column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8rem;
  }
}
.sitekey-top .fs-wrapper .fs-rows {
  padding-bottom: 16rem;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-rows {
    padding-bottom: 24rem;
  }
}
.sitekey-top .fs-wrapper .fs-radio__wrapper:not(._column) .fs-radio__label {
  max-width: 100%;
}
.sitekey-top .fs-wrapper .fs-progress {
  background: transparent;
  padding: 0 24rem 82rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  order: 2;
  border-radius: 0px;
  z-index: 3;
  pointer-events: none;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-progress {
    padding-bottom: 67rem;
  }
}
.sitekey-top .fs-wrapper .fs-progress__line-wrapper {
  position: absolute;
  left: 20rem;
  right: 20rem;
  top: 0;
  height: 4rem;
  border-radius: 4rem;
  background: #E6E6E6;
  margin: 0;
  overflow: hidden;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-progress__line-wrapper {
    left: 0;
    right: 0;
  }
}
.sitekey-top .fs-wrapper .fs-progress__line {
  margin: 0;
  border-radius: 4px;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6.825 6.658 0H.805L0 .825v6ZM4.707 8h5.854L12 6.525v-6L4.707 8Z' fill='%23fff' fill-opacity='.16'/%3E%3C/svg%3E") center top repeat-x, #EF3024;
  box-shadow: 0px 2px 4px rgba(139, 46, 252, 0.48);
}
.sitekey-top .fs-wrapper .fs-progress__number {
  display: none;
}
.sitekey-top .fs-wrapper .fs-progress__current {
  color: #EF3024;
  font-weight: 600;
}
.sitekey-top .fs-wrapper .fs-header {
  color: #000;
  text-align: center;
  font-size: 16rem;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.2rem;
  margin-bottom: 16rem;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-header {
    font-size: 20rem;
    line-height: 120%;
    margin-bottom: 24rem;
    letter-spacing: -0.4rem;
    text-align: left;
  }
}
.sitekey-top .fs-wrapper .fs-field__label {
  box-sizing: border-box;
  padding: 7.5rem 8rem;
  position: absolute;
  z-index: 1;
  bottom: 28rem;
  left: 14rem;
  color: #3E3E3E;
  font-size: 11rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.2rem;
  background: #fff;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-field__label {
    bottom: 40rem;
    font-weight: 600;
    font-size: 13rem;
    padding: 7.5rem 8rem;
  }
}
.sitekey-top .fs-wrapper .fs-field {
  margin-bottom: 0;
}
.sitekey-top .fs-wrapper .fs-radio__label, .sitekey-top .fs-wrapper .fs-checkbox__label {
  border: 1rem solid #D0D5DD;
  border-radius: 99rem;
  padding: 13rem;
  display: flex;
  align-items: center;
  flex: none;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  transition: all 0.3s;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-radio__label, .sitekey-top .fs-wrapper .fs-checkbox__label {
    padding: 17rem;
  }
}
.sitekey-top .fs-wrapper .fs-radio__label:hover, .sitekey-top .fs-wrapper .fs-checkbox__label:hover {
  border: 1rem solid #EF3024;
  box-shadow: 0px 0px 0px 4rem rgba(239, 48, 36, 0.08);
}
.sitekey-top .fs-wrapper .fs-radio__label:hover .fs-radio__pseudo, .sitekey-top .fs-wrapper .fs-checkbox__label:hover .fs-radio__pseudo {
  border: 1rem solid #EF3024;
  background: rgba(239, 48, 36, 0.08);
}
.sitekey-top .fs-wrapper .fs-radio__label:active, .sitekey-top .fs-wrapper .fs-checkbox__label:active {
  border: 1rem solid #EF3024;
  background: rgba(239, 48, 36, 0.08);
}
.sitekey-top .fs-wrapper .fs-radio__label.active, .sitekey-top .fs-wrapper .fs-checkbox__label.active {
  border: 1rem solid #EF3024;
  background: rgba(239, 48, 36, 0.08);
}
.sitekey-top .fs-wrapper .fs-radio__label + .fs-radio__label, .sitekey-top .fs-wrapper .fs-checkbox__label + .fs-checkbox__label {
  margin-top: 6rem;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-radio__wrapper._column .fs-radio__label + .fs-radio__label, .sitekey-top .fs-wrapper .fs-checkbox__label + .fs-checkbox__label {
    margin-top: 0px;
  }
}
.sitekey-top .fs-wrapper .field--1 {
  margin-top: 8rem;
}
.sitekey-top .fs-wrapper ._last-step .field--1 {
  margin-top: 0;
}
.sitekey-top .fs-wrapper .fs-radio__text {
  color: #6E6E73;
  text-align: left;
  font-size: 13rem;
  font-weight: 500;
  line-height: 17rem;
  letter-spacing: -0.26rem;
  padding: 0;
  margin-left: 12rem;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-radio__text {
    font-size: 14rem;
    line-height: 18rem;
  }
}
.sitekey-top .fs-wrapper .fs-radio__pseudo {
  border: 1rem solid #D0D5DD;
  background: #FAFAFA;
  width: 16rem;
  height: 16rem;
}
.sitekey-top .fs-wrapper .fs-radio__pseudo:before {
  width: 14rem;
  height: 14rem;
  border: 4rem solid #fff;
}
.sitekey-top .fs-wrapper .fs-radio input[type=radio]:checked ~ .fs-radio__pseudo-wr .fs-radio__pseudo, .sitekey-top .fs-wrapper .fs-radio input[type=radio]:checked ~ .fs-radio__pseudo-wr .fs-radio__pseudo:before {
  background: #EF3024;
}
.sitekey-top .fs-wrapper .fs-radio input[type=radio]:checked ~ .fs-radio__pseudo-wr .fs-radio__pseudo {
  border-color: #EF3024;
  box-shadow: 0px 0px 0px 4rem rgba(239, 48, 36, 0.16);
}
.sitekey-top .fs-wrapper .fs-radio .fs-radio__label:focus input[type=radio]:not(:disabled):checked ~ .fs-radio__pseudo-wr .fs-radio__pseudo, .sitekey-top .fs-wrapper .fs-radio .fs-radio__label:hover input[type=radio]:not(:disabled):checked ~ .fs-radio__pseudo-wr .fs-radio__pseudo, .sitekey-top .fs-wrapper .fs-radio .fs-radio__label:focus input[type=radio]:not(:disabled):checked ~ .fs-radio__pseudo-wr .fs-radio__pseudo:before, .sitekey-top .fs-wrapper .fs-radio .fs-radio__label:hover input[type=radio]:not(:disabled):checked ~ .fs-radio__pseudo-wr .fs-radio__pseudo:before {
  background: #EF3024;
}
.sitekey-top .fs-wrapper .fs-radio .fs-radio__label:focus .fs-radio__text, .sitekey-top .fs-wrapper .fs-radio .fs-radio__label:hover .fs-radio__text {
  color: #333;
}
.sitekey-top .fs-wrapper .fs-radio__pseudo-wr {
  width: auto;
  height: auto;
  flex: none;
  padding: 0;
}
.sitekey-top .fs-wrapper .fs-main {
  max-height: calc(100% - 120rem);
  overflow: auto;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-main {
    overflow: visible;
  }
}
.sitekey-top .fs-wrapper .fs-form {
  height: 100%;
  min-height: 0;
}
.sitekey-top .fs-wrapper ._last-step .fs-inner-wrapper {
  padding-bottom: 0;
}
.sitekey-top .fs-wrapper .fs-controls {
  display: flex;
  align-items: center;
  text-align: left;
  position: absolute;
  bottom: 0;
  padding: 24rem 20rem 16rem;
  background: #fff;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-controls {
    position: static;
    padding: 21rem 0px 0px;
    justify-content: space-between;
  }
}
.sitekey-top .fs-wrapper .fs-form._form-padding-top {
  padding-bottom: 0;
}
.sitekey-top .fs-wrapper ._form-padding-top .fs-main {
  max-height: 100%;
  height: 100%;
}
.sitekey-top .fs-wrapper .fs-controls:before {
  content: "Чтобы перейти к следующему шагу нужно обязательно что-то выбрать";
  color: #6E6E73;
  font-size: 10rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.2rem;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-controls:before {
    font-size: 13rem;
    line-height: 120%;
    max-width: 280rem;
    margin-right: auto;
  }
}
.sitekey-top .fs-wrapper ._form-padding-top .fs-main:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
  height: 76rem;
  pointer-events: none;
  z-index: 2;
}
.sitekey-top .fs-wrapper .fs-main:after {
  content: "";
  position: absolute;
  bottom: 74rem;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 83.5%);
  height: 84rem;
  pointer-events: none;
  z-index: 2;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-main:after {
    bottom: 60rem;
  }
}
.sitekey-top .fs-wrapper .fs-main.done:after {
  opacity: 0;
}
.sitekey-top .fs-wrapper ._final-step + .fs-controls {
  height: 78rem;
  pointer-events: none;
}
.sitekey-top .fs-wrapper ._final-step + .fs-controls:before {
  opacity: 0;
}
.sitekey-top .fs-wrapper .fs-text {
  color: #667085;
  font-size: 8rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.2rem;
  max-width: 145rem;
  text-align: left;
  margin-bottom: 24rem;
}
.sitekey-top .fs-wrapper .fs-text a {
  color: #EF3024;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-text {
    font-size: 13rem;
    max-width: 100%;
    text-align: center;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 18rem;
  }
}
.sitekey-top .fs-wrapper ._final-step .fs-text {
  position: absolute;
  bottom: 5rem;
  z-index: 2;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper ._final-step .fs-text {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
}
.sitekey-top .fs-wrapper .fs-step:first-of-type .fs-fields:first-of-type {
  display: none;
}
.sitekey-top .fs-wrapper .fs-step:first-of-type .fs-fields:last-of-type {
  margin-top: 16rem;
}
.sitekey-top .fs-wrapper .fs-step:first-of-type .fs-fields:nth-child(2) {
  margin-top: 0;
}
.sitekey-top .fs-wrapper ._final-step .fs-submit__wrapper {
  position: absolute;
  bottom: 20rem;
  right: 24rem;
  z-index: 2;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper ._final-step .fs-submit__wrapper {
    right: 50%;
    bottom: 23rem;
    transform: translateX(50%);
  }
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper ._form-padding-top .fs-main:after {
    display: none;
  }
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper ._form-padding-top .fs-main {
    overflow: unset;
  }
  .sitekey-top .fs-wrapper ._form-padding-top .fs-main ._final-step {
    overflow: unset;
  }
}
.sitekey-top .fs-wrapper ._text-forcibly {
  display: none;
  padding: 16rem 0;
  color: #AAAAAA;
  text-align: left;
}
.sitekey-top .fs-wrapper .fs-next {
  position: relative;
  z-index: 2;
  border-radius: 40px;
  background: linear-gradient(180deg, #EF3024 0%, #EF3024 100%);
  box-shadow: unset;
  padding: 13rem 13rem 13rem 24rem;
  box-sizing: border-box;
  color: #FFF;
  font-size: 14rem;
  font-weight: 600;
  line-height: 20rem;
  letter-spacing: -0.2rem;
  margin: 0 0 0 8rem;
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-next {
    padding: 16rem 16rem 16rem 32rem;
    font-size: 16rem;
    line-height: 22rem;
  }
}
.sitekey-top .fs-wrapper .fs-next:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  background: linear-gradient(89deg, rgba(255, 255, 255, 0) 20.75%, rgba(255, 255, 255, 0.12) 49.42%, rgba(255, 255, 255, 0.35) 63.86%);
  width: 120rem;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-36deg);
  left: -80%;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -webkit-animation-name: blick;
  animation-name: blick;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0.46;
}
.sitekey-top .fs-wrapper .fs-next:after {
  content: "";
  width: 16rem;
  height: 16rem;
  margin-left: 6rem;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12L9.29289 8.70711C9.62623 8.37377 9.79289 8.20711 9.79289 8C9.79289 7.79289 9.62623 7.62623 9.29289 7.29289L6 4' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center / 16px no-repeat;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-next:after {
    margin-left: 10rem;
  }
}
.sitekey-top .fs-wrapper .fs-next:hover {
  background: linear-gradient(180deg, #EF3024 0%, #EF3024 100%);
  box-shadow: 0px 0px 11rem 0px rgba(255, 255, 255, 0.32) inset, 0px 8rem 8rem 0px rgba(239, 48, 36, 0.24);
}
.sitekey-top .fs-wrapper .fs-next:active {
  background: linear-gradient(0deg, #EF3024 0%, #EF3024 100%);
  box-shadow: unset;
}
.sitekey-top .fs-wrapper .fs-prev {
  font-size: 0;
  line-height: 0;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 12L6.70711 8.70711C6.37377 8.37377 6.20711 8.20711 6.20711 8C6.20711 7.79289 6.37377 7.62623 6.70711 7.29289L10 4' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center / 16rem no-repeat #F7F7F7;
  margin: 0 0 0 8rem;
  padding: 0;
  width: 46rem;
  min-width: 46rem;
  height: 46rem;
  border: none;
  box-shadow: unset;
  border-radius: 50%;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-prev {
    width: 54rem;
    min-width: 54rem;
    height: 54rem;
  }
}
.sitekey-top .fs-wrapper .fs-prev:hover {
  background: rgba(239, 48, 36, 0.08) url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 12L6.70711 8.70711C6.37377 8.37377 6.20711 8.20711 6.20711 8C6.20711 7.79289 6.37377 7.62623 6.70711 7.29289L10 4' stroke='%23EF3024' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center / 16rem no-repeat;
}
.sitekey-top .fs-wrapper .fs-prev:active {
  background: rgba(239, 48, 36, 0.16) url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 12L6.70711 8.70711C6.37377 8.37377 6.20711 8.20711 6.20711 8C6.20711 7.79289 6.37377 7.62623 6.70711 7.29289L10 4' stroke='%23EF3024' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center / 16rem no-repeat;
}
.sitekey-top .fs-wrapper .fs-input__field {
  border-radius: 99rem;
  border: 1rem solid #D2D5DA;
  background: #FFF;
  color: #6E6E73;
  font-size: 13rem;
  font-weight: 500;
  line-height: 16rem;
  letter-spacing: -0.2rem;
  padding: 13rem 23rem;
  height: auto;
  box-shadow: none;
  transition: all 0.3s;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-input__field {
    padding: 18rem;
    font-size: 14rem;
    line-height: 18rem 23rem;
  }
}
.sitekey-top .fs-wrapper .fs-input__field::placeholder {
  color: #6E6E73;
  font-size: 13rem;
}
.sitekey-top .fs-wrapper .fs-input__field:focus {
  border: 1rem solid #EF3024;
  box-shadow: none;
  background: #FFFFFF;
}
.sitekey-top .fs-wrapper .fs-input__field.active {
  border: 1rem solid #EF3024;
  box-shadow: none;
  background: #FFFFFF;
}
.sitekey-top .fs-wrapper .fs-input__field:hover {
  background: #FFFFFF;
  border: 1rem solid #EF3024;
  box-shadow: 0px 0px 0px 4rem rgba(239, 48, 36, 0.08);
}
.sitekey-top .fs-wrapper .fs-checkbox__check {
  top: 0;
  left: 0;
}
.sitekey-top .fs-wrapper ._last-step .fs-rows {
  display: grid;
  grid-gap: 8rem;
}
.sitekey-top .fs-wrapper .fs-selectbox__selected {
  border-radius: 99rem;
  border: 1rem solid #D0D5DD;
  background: #FFF;
  padding: 13rem 23rem;
  color: #667085;
  font-size: 13rem;
  font-weight: 500;
  line-height: 16rem;
  letter-spacing: -0.2rem;
  height: auto;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-selectbox__selected {
    font-size: 14rem;
    line-height: 17rem;
    padding: 17.5rem 23rem;
  }
}
.sitekey-top .fs-wrapper .fs-selectbox__selected:focus {
  border: 1rem solid #EF3024;
  box-shadow: none;
  background: #FFFFFF;
}
.sitekey-top .fs-wrapper .fs-selectbox__selected.active {
  border: 1rem solid #EF3024;
  box-shadow: none;
  background: #FFFFFF;
}
.sitekey-top .fs-wrapper .fs-selectbox__selected:hover {
  background: #FFFFFF;
  border: 1rem solid #EF3024;
  box-shadow: 0px 0px 0px 4rem rgba(239, 48, 36, 0.08);
}
.sitekey-top .fs-wrapper .fs-selectbox__selected .fs-selectbox__arrows {
  width: 20rem;
  height: 20rem;
  right: 20rem;
  opacity: 1;
}
.sitekey-top .fs-wrapper .fs-selectbox__selected svg {
  width: 20rem;
  height: 20rem;
}
.sitekey-top .fs-wrapper .fs-selectbox__selected svg path {
  fill: #EF3024;
}
.sitekey-top .fs-wrapper .fs-selectbox__list {
  z-index: 3;
  margin-top: 8rem;
  padding: 0;
  border-radius: 11rem;
  box-shadow: 0px 12rem 16rem -4rem rgba(16, 24, 40, 0.08), 0px 4rem 6rem -2rem rgba(16, 24, 40, 0.03);
  border: none;
  position: absolute;
  width: 100%;
  top: 100%;
  background: #fff;
}
.sitekey-top .fs-wrapper .fs-selectbox__item {
  padding: 16rem;
  color: #667085;
  font-size: 14rem;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.28rem;
}
.sitekey-top .fs-wrapper .fs-selectbox__item:before {
  display: none;
}
.sitekey-top .fs-wrapper .fs-selectbox__item:hover {
  color: #020202;
  background: rgba(239, 48, 36, 0.08);
}
.sitekey-top .fs-wrapper ._last-step {
  padding-bottom: 90rem;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper ._last-step {
    padding-bottom: 0;
  }
}
@media (min-width: 960px) {
  .sitekey-top .fs-wrapper ._last-step {
    width: 100%;
  }
}
.sitekey-top .fs-wrapper .fs-input:not(._error) .fs-input__field:not(:disabled):hover {
  background: #FFFFFF;
  border: 1rem solid #EF3024;
  box-shadow: 0px 0px 0px 4rem rgba(239, 48, 36, 0.08);
}
.sitekey-top .fs-wrapper .fs-input:not(._error) .fs-input__field:not(:disabled):focus {
  border: 1rem solid #EF3024;
  box-shadow: none;
}
.sitekey-top .fs-wrapper .fs-submit {
  padding: 13rem 24rem;
  border-radius: 40rem;
  background: #EF3024;
  box-shadow: unset;
  color: #FFF;
  text-align: center;
  font-size: 14rem;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.2rem;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-submit {
    padding: 18.5rem 24rem;
    font-size: 16rem;
    line-height: 19rem;
    width: 248rem;
  }
}
.sitekey-top .fs-wrapper .fs-submit:hover {
  background: #EF3024;
  box-shadow: 0px 0px 11rem 0px rgba(255, 255, 255, 0.32) inset, 0px 8rem 8rem 0px rgba(239, 48, 36, 0.24);
}
.sitekey-top .fs-wrapper .fs-submit:active {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%), #EF3024;
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0) inset, 0px 8rem 8rem 0px rgba(239, 48, 36, 0);
}
.sitekey-top .fs-wrapper .fs-fields {
  position: relative;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-step._last-step .fs-rows {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 27rem 8rem;
  }
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-step._last-step .fs-fields + .fs-fields {
    margin-top: 0;
  }
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-step._last-step .fs-field {
    position: relative;
  }
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-step._last-step .fs-field__error {
    position: absolute;
    top: -36rem;
  }
}
.sitekey-top .fs-wrapper .fs-fields .fs-field._error .fs-field__label + .fs-field__error {
  margin-bottom: 10rem;
}
.sitekey-top .fs-wrapper .fs-steps {
  box-sizing: border-box;
  padding: 0px 20rem 0;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-steps {
    padding: 0;
    min-height: 230rem;
    max-height: 230rem;
    overflow: auto;
  }
  .sitekey-top .fs-wrapper .fs-steps::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .sitekey-top .fs-wrapper .fs-steps {
    scrollbar-width: none;
  }
}
.sitekey-top .fs-wrapper .fs-checkbox:before {
  content: "Выберите один или несколько";
  display: inline-block;
  margin: -8rem auto 14rem;
  color: #667085;
  font-size: 14rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.28rem;
  padding-left: 16rem;
  background: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='4' fill='%23EF3024'/%3E%3C/svg%3E%0A") left / 8rem no-repeat;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-checkbox:before {
    margin: -16rem 0 16rem;
  }
}
.sitekey-top .fs-wrapper .fs-checkbox__pseudo-wr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16rem;
  height: 16rem;
  border-radius: 4rem;
  border: 1rem solid #D0D5DD;
  background: #FAFAFA;
  flex: none;
  padding: 0;
}
.sitekey-top .fs-wrapper .fs-checkbox__pseudo {
  border-radius: 3px;
  border: none;
  background: #FAFAFA;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  width: 12rem;
  height: 12rem;
}
.sitekey-top .fs-wrapper .fs-checkbox__pseudo svg {
  width: 12rem;
  height: 12rem;
}
.sitekey-top .fs-wrapper .fs-checkbox__text {
  padding: 0;
  color: #667085;
  font-size: 13rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.26rem;
  margin-left: 12rem;
}
.sitekey-top .fs-wrapper .fs-checkbox input[type=checkbox]:checked + .fs-checkbox__pseudo-wr {
  border-color: #EF3024;
  background: #EF3024;
  box-shadow: 0px 0px 0px 4rem rgba(239, 48, 36, 0.16);
}
.sitekey-top .fs-wrapper .fs-checkbox input[type=checkbox]:checked + .fs-checkbox__pseudo-wr .fs-checkbox__pseudo {
  background: #EF3024;
}
.sitekey-top .fs-wrapper .fs-checkbox input[type=checkbox]:checked + .fs-checkbox__pseudo-wr .fs-checkbox__pseudo svg {
  transform: scale(1);
  margin-top: 0;
}
.sitekey-top .fs-wrapper .fs-checkbox__label:hover .fs-checkbox__pseudo-wr {
  border-color: #EF3024;
  background: rgba(239, 48, 36, 0.08);
}
.sitekey-top .fs-wrapper .fs-checkbox__label:hover .fs-checkbox__pseudo-wr .fs-checkbox__pseudo {
  background: transparent;
}
.sitekey-top .fs-wrapper ._final-step .fs-inputs {
  padding-top: 14rem;
}
.sitekey-top .fs-wrapper .fs-message__svg {
  margin-bottom: 12rem;
  line-height: 0;
}
.sitekey-top .fs-wrapper .fs-message__svg img {
  width: 56rem;
  height: 56rem;
}
.sitekey-top .fs-wrapper .fs-thanks-title {
  color: #EF3024;
  text-align: center;
  font-size: 24rem;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.48rem;
  margin-bottom: 8rem;
}
.sitekey-top .fs-wrapper .fs-thanks-title br {
  display: none;
}
.sitekey-top .fs-wrapper .fs-thanks-text {
  color: #000;
  text-align: center;
  font-size: 16rem;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 16rem;
}
@media (min-width: 640px) {
  .sitekey-top .fs-wrapper .fs-thanks-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
}
.sitekey-top .fs-wrapper .fs-thanks-button {
  display: inline-block;
  color: #0081FE;
  text-align: center;
  font-size: 14rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  text-decoration-line: underline;
}
.sitekey-top .fs-wrapper .fs-thanks-button:hover {
  color: #0369D9;
  text-decoration: underline !important;
}
.sitekey-top .fs-wrapper .fs-thanks-button span {
  background: #fff;
  display: inline-block;
  text-decoration: underline;
}
.sitekey-top .fs-wrapper .fs-thanks-button + .fs-thanks-button {
  margin-top: 8rem;
}
.sitekey-top .fs-wrapper .fs-message {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.sitekey-top .fs-wrapper .fs-selectbox._opened .fs-selectbox__selected {
  border-color: #EF3024;
}
.sitekey-top .fs-wrapper .fs-radio__label:active .fs-radio__pseudo {
  background: #EF3024;
  border-color: #EF3024;
  box-shadow: 0px 0px 0px 4rem rgba(239, 48, 36, 0.1);
}
.sitekey-top .fs-wrapper .fs-radio__label:active .fs-radio__pseudo:before {
  width: 14rem;
  height: 14rem;
  border: 4rem solid #fff;
  transform: translate(-50%, -50%) scale(1);
}
.mg-promo__form {
  height: calc(100% - 74rem);
  background: #fff;
}
@media (min-width: 640px) {
  .mg-promo__form {
    height: auto;
    background: transparent;
  }
}
@media (min-width: 1200px) {
  .mg-promo__form {
    height: calc(100% - 72rem);
  }
}
.formsteps {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: auto;
  height: 100%;
}
.formsteps._active {
  z-index: 10001;
  display: block;
  background: rgba(0, 0, 0, 0.64);
}
@media (min-width: 640px) {
  .formsteps {
    display: block;
    position: static;
    overflow: unset;
  }
}
@media (min-width: 960px) {
  .formsteps {
    margin-bottom: 0;
    grid-row-end: 3;
    grid-row-start: 1;
    grid-column-start: 2;
  }
}
.formsteps__inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 640px) {
  .formsteps__inner {
    align-items: center;
    padding: 0;
    box-sizing: border-box;
  }
}
.formsteps__top {
  box-sizing: border-box;
  padding: 8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 0;
}
@media (min-width: 640px) {
  .formsteps__top {
    display: none;
  }
}
.formsteps__main {
  background: #fff;
  border-radius: 18rem 18rem 0px 0px;
  flex: 1;
  height: calc(100vh - 126rem);
}
.formsteps__main.finish .mg-promo__form {
  height: 100%;
  border-radius: 24rem 24rem 0px 0px;
}
.formsteps__main.finish .formsteps__title {
  display: none;
}
.formsteps__main.finish .fs-controls {
  display: none !important;
}
.formsteps__main.finish .fs-wrapper {
  border-radius: 24rem;
}
.formsteps__main.finish ._final-step {
  min-height: 0;
  padding: 70rem 0px;
  overflow: unset;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.formsteps__main.finish .fs-main:after {
  display: none;
}
@media (min-width: 640px) {
  .formsteps__main {
    height: auto;
    flex: none;
    width: 100%;
    border-radius: 22rem;
  }
}
@media (min-width: 1200px) {
  .formsteps__main {
    flex: 1;
  }
}
.formsteps__close {
  cursor: pointer;
  margin-left: auto;
}
.formsteps__close svg {
  width: 44rem;
  height: 44rem;
}
@media (min-width: 640px) {
  .formsteps__close svg {
    width: 48rem;
    height: 48rem;
  }
}
.formsteps__title {
  box-sizing: border-box;
  padding: 32rem 20rem 16rem;
  color: #EF3024;
  text-align: center;
  font-size: 24rem;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.48rem;
}
@media (min-width: 640px) {
  .formsteps__title {
    display: none;
  }
}
.formsteps__note {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 3rem 16rem 3rem 8rem;
  background: linear-gradient(90deg, #0081FE 0%, #AB3DFF 100%);
  color: #FFF;
  font-size: 11rem;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.22rem;
}
@media (min-width: 640px) {
  .formsteps__note br {
    display: none;
  }
}
.formsteps__note img {
  width: 56rem;
  height: 56rem;
  margin-right: 14rem;
}
@keyframes blick {
  15%, to {
    left: 110%;
  }
}
@media (max-width: 639px) {
  .fs-thanks-buttons {
    display: flex;
    flex-direction: column;
  }
  .fs-wrapper .fs-controls {
    width: 100%;
  }
  .fs-wrapper .fs-controls:before {
    max-width: 145rem;
    margin-right: auto;
  }
}
/*stepform end*/
/*slider*/
.services-swiper-slider {
  overflow: hidden;
}
.services-swiper-slider-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  transform: translate3d(0px, 0, 0);
  pointer-events: all;
}
.services-swiper-slider-item {
  flex: none;
  transform: translate3d(0px, 0, 0);
  transition: 0.3s;
}
.swiper-pause-button {
  cursor: pointer;
}
.swiper-pause-button svg {
  width: 20rem;
  height: 20rem;
}
.swiper-pause-button .play {
  display: none;
}
.swiper-pause-button.active .play {
  display: block;
}
.swiper-pause-button.active .pause {
  display: none;
}
.swiper-pause-button:hover svg path {
  stroke: #EF3024;
}
/*slider end*/
.portfolio {
  position: relative;
  box-sizing: border-box;
  padding: 40rem 16rem 20rem;
}
@media (min-width: 640px) {
  .portfolio {
    padding: 56rem 32rem 0;
  }
}
@media (min-width: 1200px) {
  .portfolio {
    padding: 88rem 0 0;
  }
}
@media (min-width: 1200px) {
  .portfolio__inner {
    max-width: 100%;
  }
}
.portfolio-elem {
  display: none;
}
@media (min-width: 1200px) {
  .portfolio-elem {
    display: block;
    width: 1200rem;
    margin: 0 auto;
  }
  .portfolio-elem:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -9999rem;
    right: calc(50% + 600rem);
    width: auto;
    background: #fff;
  }
}
@media (min-width: 1200px) {
  .portfolio__wrap {
    overflow: hidden;
    position: relative;
  }
}
.portfolio__title {
  margin-top: 0;
  color: #000;
  text-align: center;
  font-size: 24rem;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.48rem;
  margin-bottom: 32rem;
}
@media (min-width: 640px) {
  .portfolio__title {
    text-align: left;
    font-size: 36rem;
    margin-bottom: 48rem;
  }
}
@media (min-width: 1200px) {
  .portfolio__title {
    max-width: 1200rem;
    box-sizing: border-box;
    margin: 0 auto 64rem;
    font-size: 46rem;
    line-height: 100%;
  }
}
.portfolio__list {
  margin-right: -16rem;
  box-sizing: border-box;
  padding-right: 73rem;
}
@media (min-width: 640px) {
  .portfolio__list {
    margin-right: -32rem;
    padding-right: 100rem;
  }
}
@media (min-width: 1200px) {
  .portfolio__list {
    overflow: visible;
    padding-right: 360rem;
    pointer-events: none;
    max-width: 1200rem;
    margin: 0 auto;
  }
}
.portfolio__item {
  box-sizing: border-box;
  border-radius: 18rem;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .portfolio__item {
    border-radius: 32rem;
  }
}
.portfolio__item-top {
  margin-top: 0;
  box-sizing: border-box;
  padding: 24rem 24rem 0;
  margin-bottom: 16rem;
}
@media (min-width: 640px) {
  .portfolio__item-top {
    margin-bottom: 24rem;
    padding-top: 32rem;
  }
}
@media (min-width: 1200px) {
  .portfolio__item-top {
    margin-bottom: 32rem;
    padding: 40rem 32rem 0;
  }
}
.portfolio__item-tariff {
  font-size: 13rem;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.26rem;
  margin-bottom: 8rem;
}
@media (min-width: 1200px) {
  .portfolio__item-tariff {
    font-size: 14rem;
    margin-bottom: 14rem;
  }
}
.portfolio__item-title {
  font-size: 16rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.32rem;
}
@media (min-width: 640px) {
  .portfolio__item-title {
    font-size: 18rem;
  }
}
@media (min-width: 1200px) {
  .portfolio__item-title {
    font-size: 25rem;
  }
}
.portfolio__item-img {
  line-height: 0;
  margin-top: auto;
}
.portfolio__item-img img {
  width: 272rem;
}
@media (min-width: 640px) {
  .portfolio__item-img img {
    width: 312rem;
  }
}
@media (min-width: 1200px) {
  .portfolio__item-img img {
    width: 408rem;
  }
}
.portfolio__item-icon {
  cursor: pointer;
  position: absolute;
  line-height: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  width: 32rem;
  height: 32rem;
  right: 16rem;
  bottom: 16rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 640px) {
  .portfolio__item-icon {
    width: 40rem;
    height: 40rem;
    right: 24rem;
    bottom: 24rem;
  }
}
@media (min-width: 1200px) {
  .portfolio__item-icon {
    right: 32rem;
    bottom: 32rem;
  }
}
.portfolio__item-icon svg {
  width: 20rem;
  height: 20rem;
}
@media (min-width: 640px) {
  .portfolio__item-icon svg {
    width: 24rem;
    height: 24rem;
  }
}
.swiper-controls-wrap {
  position: static;
  bottom: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20rem;
  padding-top: 24rem;
  box-sizing: border-box;
  pointer-events: none;
}
@media (min-width: 640px) {
  .swiper-controls-wrap {
    align-items: flex-end;
    padding-top: 12rem;
    padding-bottom: 24rem;
  }
}
@media (min-width: 1200px) {
  .swiper-controls-wrap {
    position: sticky;
    max-width: 1200rem;
    margin: 0 auto;
  }
}
.swiper-controls {
  display: flex;
  align-items: center;
  pointer-events: all;
}
.swiper-pause-button {
  line-height: 0;
  width: 56rem;
  height: 56rem;
  padding: 17rem;
  border-radius: 50%;
  border: 1rem solid #E9E9EC;
  background: rgba(247, 247, 251, 0.8);
  backdrop-filter: blur(4px);
  box-sizing: border-box;
  margin-right: 16rem;
}
.swiper-pagination {
  box-sizing: border-box;
  padding: 23rem;
  border-radius: 128rem;
  border: 1rem solid #E9E9EC;
  background: rgba(247, 247, 251, 0.8);
  backdrop-filter: blur(4rem);
  display: flex;
  grid-gap: 16rem;
}
.services-swiper-dot {
  width: 8rem;
  height: 8rem;
  background: #6F6F72;
  border-radius: 4rem;
  transition: 0.3s ease;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.services-swiper-dot:after {
  position: absolute;
  top: 0;
  left: 0;
  background: #EF3024;
  height: 100%;
  width: 0;
  content: "";
  transition: 0.1s width linear;
  border-radius: 4rem;
}
.services-swiper-dot.services-swiper-dot--active {
  width: 32rem;
  background: #D9D9D9;
}
.services-swiper-dot.services-swiper-dot--active:after {
  transition: width linear;
  transition-delay: unset;
  width: 100%;
  transition-duration: 4s;
}
.services-swiper-dot.services-swiper-dot--active:hover {
  background: #D9D9D9;
}
.services-swiper-dot:hover {
  background: #000;
}
.sitekey-func {
  box-sizing: border-box;
  padding: 40rem 16rem 24rem;
  overflow: hidden;
  background: #F7F7FB;
}
@media (min-width: 640px) {
  .sitekey-func {
    padding: 56rem 24rem;
    margin: 0 16rem;
    border-radius: 32rem;
  }
}
@media (min-width: 1200px) {
  .sitekey-func {
    margin: 0 56rem;
    padding: 88rem 0;
  }
}
.sitekey-func__title {
  color: #000;
  text-align: center;
  font-size: 24rem;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.48rem;
  margin-top: 0;
  margin-bottom: 20rem;
}
@media (min-width: 640px) {
  .sitekey-func__title {
    font-size: 36rem;
    margin: 0 auto 32rem;
    letter-spacing: -1.08rem;
  }
}
@media (min-width: 1200px) {
  .sitekey-func__title {
    font-size: 46rem;
    margin-bottom: 40rem;
    line-height: 100%;
    letter-spacing: -1.68rem;
  }
}
.sitekey-func__title span {
  color: #EF3024;
}
@media (min-width: 1200px) {
  .sitekey-func__title span {
    white-space: nowrap;
  }
}
.sitekey-func__select {
  margin-bottom: 24rem;
  height: 60rem;
  z-index: 2;
}
.sitekey-func__select-inner {
  box-sizing: border-box;
  padding: 4rem 8rem;
  margin: 0 20rem;
  border-radius: 32rem;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.opened .sitekey-func__select-inner {
  background: #fff;
}
.sitekey-func__select-item {
  border-radius: 32rem;
  color: #1f1f1f;
  padding: 16rem 24rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  background-color: transparent;
  letter-spacing: -0.2rem;
  border: none;
  outline: none;
  display: none;
  text-align: left;
  cursor: pointer;
}
.sitekey-func__select-item.active {
  order: -1;
  display: block;
  color: #fff;
  background: #000;
  position: relative;
}
.sitekey-func__select-item.active:before {
  width: 20rem;
  height: 20rem;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='10' fill='white'/%3E%3Cpath d='M6.66699 8.33366L9.41107 11.0777C9.68885 11.3555 9.82774 11.4944 10.0003 11.4944C10.1729 11.4944 10.3118 11.3555 10.5896 11.0777L13.3337 8.33366' stroke='%23141B34' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  content: "";
  top: 16rem;
  right: 24rem;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}
.opened .sitekey-func__select-item {
  display: block;
}
.opened .sitekey-func__select-item.active:before {
  transform: rotate(180deg);
}
.sitekey-func__select-item span {
  display: flex;
  align-items: center;
}
.sitekey-func__select-item span svg {
  width: 20rem;
  height: 20rem;
  min-width: 20rem;
  margin-right: 6rem;
}
@media (min-width: 640px) {
  .sitekey-func__select-item span svg {
    width: 24rem;
    height: 24rem;
    min-width: 24rem;
  }
}
.sitekey-func__select.opened > span {
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  backdrop-filter: blur(5rem);
  background: rgba(0, 0, 0, 0.5);
}
@media (min-width: 640px) {
  .sitekey-func__select {
    height: auto;
    text-align: center;
    font-size: 0;
    margin-bottom: 32rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sitekey-func__select-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0;
    background: #fff;
    border-radius: 104rem;
    padding: 8rem;
  }
  .opened .sitekey-func__select-inner {
    background: #f7f8fb;
  }
  .opened .sitekey-func__select-inner:before {
    display: none;
  }
  .sitekey-func__select-item {
    display: inline-block;
    color: #9a9a9a;
    padding: 16rem 24rem;
    line-height: 140%;
  }
  .sitekey-func__select-item:hover:not(.active) {
    color: #EF3024;
  }
  .sitekey-func__select-item.active {
    order: inherit;
    display: inline-block;
  }
  .sitekey-func__select-item.active:before {
    display: none;
  }
  .opened .sitekey-func__select-item {
    display: inline-block;
  }
  .sitekey-func__select-item:last-child {
    background: linear-gradient(0deg, rgba(239, 48, 36, 0.1) 0%, rgba(239, 48, 36, 0.1) 100%), #FFF;
  }
  .sitekey-func__select-item:last-child.active {
    background: #000;
  }
  .sitekey-func__select.opened:before {
    display: none;
  }
}
@media (min-width: 640px) and (min-width: 1200px) {
  .sitekey-func__select {
    margin-bottom: 40rem;
  }
}
.func-box {
  box-sizing: border-box;
  margin: 0 -16rem;
  padding: 0 16rem 16rem;
  overflow: auto;
  border-radius: 18rem;
  display: grid;
  grid-template-columns: 312rem 312rem;
  grid-gap: 8rem;
  display: none;
}
.func-box.active {
  display: grid;
}
@media (min-width: 640px) {
  .func-box {
    grid-template-columns: 1fr 1fr;
    grid-gap: 8rem;
    overflow: visible;
    padding: 0;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .func-box {
    grid-gap: 24rem;
  }
}
.func-box__item {
  box-sizing: border-box;
  border-radius: 18rem;
  padding: 20rem;
  background: #FFF;
  display: flex;
  flex-direction: column;
}
@media (min-width: 640px) {
  .func-box__item {
    padding: 32rem;
  }
}
@media (min-width: 1200px) {
  .func-box__item {
    border-radius: 24rem;
    padding: 48rem;
  }
}
.func-box__top {
  margin-bottom: 20rem;
}
@media (min-width: 640px) {
  .func-box__top {
    margin-bottom: 25rem;
  }
}
@media (min-width: 1200px) {
  .func-box__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40rem;
  }
}
.func-box__title {
  color: #000;
  font-size: 20rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.2rem;
  margin-bottom: 7rem;
  margin-top: 0;
}
@media (min-width: 640px) {
  .func-box__title {
    font-size: 24rem;
    letter-spacing: -0.24rem;
    margin-bottom: 6rem;
  }
}
@media (min-width: 1200px) {
  .func-box__title {
    font-size: 28rem;
  }
}
@media (min-width: 1200px) {
  .func-box__title-wrap {
    margin-right: 16rem;
  }
}
.func-box__text {
  color: #a9a9a9;
  font-size: 16rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16rem;
  margin-bottom: 0;
}
@media (min-width: 640px) {
  .func-box__text {
    margin-bottom: 11rem;
  }
}
@media (min-width: 1200px) {
  .func-box__text {
    font-size: 16rem;
    margin-bottom: 0;
  }
}
.func-box__price {
  color: #000;
  font-size: 20rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.2rem;
}
@media (min-width: 640px) {
  .func-box__price {
    font-size: 24rem;
    letter-spacing: -0.24rem;
  }
}
@media (min-width: 1200px) {
  .func-box__price {
    font-size: 28rem;
  }
}
.func-box__price span {
  text-align: right;
  leading-trim: both;
  text-edge: cap;
  font-size: 12rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.12rem;
}
@media (min-width: 640px) {
  .func-box__price span {
    font-size: 14rem;
    letter-spacing: -0.14rem;
  }
}
.func-box__list {
  transition: all 0.3s ease;
  margin-bottom: 8rem;
}
.func-box__list-item {
  box-sizing: border-box;
  padding: 12rem;
  display: flex;
  align-items: flex-start;
  color: #040404;
  font-size: 12rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.12rem;
}
@media (min-width: 640px) {
  .func-box__list-item {
    padding: 14rem;
    font-size: 14rem;
  }
}
@media (min-width: 1200px) {
  .func-box__list-item {
    font-size: 15rem;
  }
}
.func-box__list-item span {
  display: flex;
  align-items: flex-start;
}
.func-box__list-item svg {
  width: 14rem;
  height: 14rem;
  min-width: 14rem;
  margin-right: 8rem;
}
@media (min-width: 640px) {
  .func-box__list-item svg {
    width: 17rem;
    height: 17rem;
    min-width: 17rem;
    margin-right: 14rem;
  }
}
.func-box__list-item:nth-child(odd) {
  border-radius: 8rem;
  background: #F7F7FB;
}
.func-box__btn {
  box-sizing: border-box;
  border-radius: 200rem;
  border: 1rem solid #D2D5DA;
  background: #FFF;
  display: flex;
  padding: 15rem 23rem;
  justify-content: center;
  align-items: center;
  color: #EF3024;
  text-align: center;
  font-size: 14rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.2rem;
  cursor: pointer;
  margin-top: auto;
  transition: 0.3s ease;
}
@media (min-width: 1200px) {
  .func-box__btn {
    font-size: 16rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.16rem;
  }
}
.func-box__btn svg {
  width: 17rem;
  height: 17rem;
  min-width: 17rem;
  margin-left: 8rem;
  transition: 0.3s ease;
}
@media (min-width: 1200px) {
  .func-box__btn svg {
    width: 24rem;
    height: 24rem;
    min-width: 24rem;
    margin-left: 16rem;
  }
}
.func-box__btn.active svg {
  transform: rotate(180deg);
}
.block-about {
  box-sizing: border-box;
  padding: 40rem 16rem;
  overflow: hidden;
}
@media (min-width: 640px) {
  .block-about {
    padding: 56rem 32rem;
  }
}
@media (min-width: 1200px) {
  .block-about {
    padding: 88rem 0;
  }
}
.block-about__title {
  color: #000;
  text-align: center;
  font-size: 24rem;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.48rem;
  margin-bottom: 8rem;
  margin-top: 0;
}
@media (min-width: 640px) {
  .block-about__title {
    font-size: 36rem;
    margin-bottom: 16rem;
  }
}
@media (min-width: 1200px) {
  .block-about__title {
    font-size: 46rem;
    line-height: 100%;
    letter-spacing: -1.68rem;
    margin-bottom: 24rem;
  }
}
.block-about__title span {
  color: #EF3024;
}
.block-about__title br {
  display: block;
}
@media (min-width: 640px) {
  .block-about__title br {
    display: block;
  }
}
.block-about__desc {
  color: #6E6E73;
  text-align: center;
  font-size: 16rem;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.32rem;
  margin-bottom: 12rem;
}
@media (min-width: 640px) {
  .block-about__desc {
    margin-bottom: 18rem;
    font-size: 20rem;
  }
}
@media (min-width: 1200px) {
  .block-about__desc {
    font-size: 32rem;
    letter-spacing: -0.64rem;
    margin-bottom: 24rem;
  }
}
.block-about__text {
  color: #6E6E73;
  text-align: center;
  font-size: 14rem;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.32rem;
  margin-bottom: 24rem;
  margin-top: 0;
}
@media (min-width: 640px) {
  .block-about__text {
    margin-bottom: 26rem;
    font-size: 18rem;
  }
}
@media (min-width: 1200px) {
  .block-about__text {
    font-size: 28rem;
    letter-spacing: -0.64rem;
    margin-bottom: 32rem;
  }
}
.block-about__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 8rem;
}
@media (min-width: 640px) {
  .block-about__list {
    grid-gap: 12rem;
  }
}
@media (min-width: 1200px) {
  .block-about__list {
    grid-gap: 24rem;
  }
}
.block-about__list-left {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 8rem;
}
@media (min-width: 640px) {
  .block-about__list-left {
    grid-gap: 12rem;
  }
}
@media (min-width: 1200px) {
  .block-about__list-left {
    grid-gap: 24rem;
  }
}
.block-about__list-right {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 8rem;
}
@media (min-width: 640px) {
  .block-about__list-right {
    grid-gap: 12rem;
  }
}
@media (min-width: 1200px) {
  .block-about__list-right {
    grid-gap: 24rem;
  }
}
.block-about__item {
  border-radius: 14rem;
  backdrop-filter: blur(1.5565961599rem);
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 16rem;
  position: relative;
}
@media (min-width: 640px) {
  .block-about__item {
    padding: 28rem;
    border-radius: 18rem;
  }
}
@media (min-width: 1200px) {
  .block-about__item {
    padding: 48rem;
    border-radius: 24rem;
  }
}
.block-about__item-title {
  color: #FFF;
  font-size: 12rem;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.36rem;
}
@media (min-width: 640px) {
  .block-about__item-title {
    font-size: 24rem;
    letter-spacing: -0.72rem;
  }
}
@media (min-width: 1200px) {
  .block-about__item-title {
    font-size: 40rem;
    letter-spacing: -1.2rem;
  }
}
.block-about__item-icon {
  line-height: 0;
  margin-left: 7rem;
}
@media (min-width: 640px) {
  .block-about__item-icon {
    margin-left: 16rem;
  }
}
@media (min-width: 1200px) {
  .block-about__item-icon {
    margin-left: 24rem;
  }
}
.block-about__item-icon svg {
  width: 21rem;
  height: 21rem;
  min-width: 21rem;
}
@media (min-width: 640px) {
  .block-about__item-icon svg {
    width: 48rem;
    height: 48rem;
  }
}
@media (min-width: 1200px) {
  .block-about__item-icon svg {
    width: 88rem;
    height: 88rem;
  }
}
.block-about__item-image {
  line-height: 0;
}
.block-about__item-image img {
  width: 128rem;
}
@media (min-width: 640px) {
  .block-about__item-image img {
    width: 288rem;
  }
}
@media (min-width: 1200px) {
  .block-about__item-image img {
    width: 492rem;
  }
}
.block-about__item span {
  display: block;
  line-height: 0;
  position: absolute;
  pointer-events: none;
}
.block-about__item._1 {
  height: 217rem;
  align-items: flex-end;
}
@media (min-width: 640px) {
  .block-about__item._1 {
    height: 419rem;
    border-radius: 24rem;
  }
}
@media (min-width: 1200px) {
  .block-about__item._1 {
    height: 640rem;
  }
}
.block-about__item._1 span {
  top: 10rem;
  left: -58rem;
}
@media (min-width: 640px) {
  .block-about__item._1 span {
    top: 26rem;
    left: -100rem;
  }
}
@media (min-width: 1200px) {
  .block-about__item._1 span {
    top: 66rem;
    left: -162rem;
  }
}
.block-about__item._1 span img {
  width: 130rem;
}
@media (min-width: 640px) {
  .block-about__item._1 span img {
    width: 220rem;
  }
}
@media (min-width: 1200px) {
  .block-about__item._1 span img {
    width: 326rem;
  }
}
.block-about__item._2 {
  background: #00B7DF;
}
.block-about__item._3 {
  background: #EF3024;
}
.block-about__item._4 {
  background: #584EDF;
  flex-direction: column;
  height: 217rem;
  justify-content: space-between;
}
@media (min-width: 640px) {
  .block-about__item._4 {
    align-items: flex-start;
    height: 419rem;
    border-radius: 24rem;
  }
}
@media (min-width: 1200px) {
  .block-about__item._4 {
    height: 640rem;
  }
}
.block-about__item._4 span {
  right: -62rem;
  bottom: 20rem;
}
@media (min-width: 640px) {
  .block-about__item._4 span {
    right: -80rem;
    bottom: 94rem;
  }
}
@media (min-width: 1200px) {
  .block-about__item._4 span {
    right: -168rem;
    bottom: 60rem;
  }
}
.block-about__item._4 span img {
  width: 124rem;
}
@media (min-width: 640px) {
  .block-about__item._4 span img {
    width: 170rem;
  }
}
@media (min-width: 1200px) {
  .block-about__item._4 span img {
    width: 328rem;
  }
}
.sitekey-form {
  box-sizing: border-box;
  padding: 56rem 16rem;
  background: url("img/form-bg.webp") center / cover no-repeat, #000;
}
@media (min-width: 640px) {
  .sitekey-form {
    margin: 0 16rem;
    padding: 56rem 48rem;
    border-radius: 32rem;
  }
}
@media (min-width: 1200px) {
  .sitekey-form {
    margin: 0 56rem;
    border-radius: 48rem;
    padding: 88rem 0;
  }
}
.sitekey-form__inner {
  display: grid;
  grid-gap: 24rem;
}
@media (min-width: 640px) {
  .sitekey-form__inner {
    grid-gap: 40rem;
  }
}
@media (min-width: 1200px) {
  .sitekey-form__inner {
    grid-gap: 24rem;
    grid-template-columns: 588rem 588rem;
  }
}
@media (min-width: 640px) {
  .sitekey-form__left {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    box-sizing: border-box;
    padding-left: 10rem;
  }
}
@media (min-width: 1200px) {
  .sitekey-form__left {
    padding-left: 0;
    flex-direction: column;
  }
}
.sitekey-form__left-top {
  margin-top: 0;
  margin-bottom: 0;
}
.sitekey-form__title {
  color: #FFF;
  text-align: center;
  font-size: 24rem;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.72rem;
  margin-bottom: 8rem;
}
@media (min-width: 640px) {
  .sitekey-form__title {
    font-size: 36rem;
    margin-bottom: 16rem;
    letter-spacing: -1.08rem;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .sitekey-form__title {
    font-size: 40rem;
    letter-spacing: -1.2rem;
    text-align: center;
  }
}
.sitekey-form__text {
  color: #FFF;
  text-align: center;
  font-size: 16rem;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.32rem;
  margin-bottom: 12rem;
}
@media (min-width: 640px) {
  .sitekey-form__text {
    font-size: 20rem;
    letter-spacing: -0.4rem;
    text-align: left;
    margin-bottom: 12rem;
  }
}
@media (min-width: 1200px) {
  .sitekey-form__text {
    font-size: 24rem;
    line-height: 130%;
    margin-bottom: 20rem;
    text-align: center;
  }
}
.sitekey-form__text2 {
  margin-top: 0;
  color: #FFF;
  text-align: center;
  font-size: 13rem;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: -0.32rem;
  margin-bottom: 20rem;
}
@media (min-width: 640px) {
  .sitekey-form__text2 {
    font-size: 14rem;
    letter-spacing: -0.4rem;
    text-align: left;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .sitekey-form__text2 {
    font-size: 16rem;
    line-height: 130%;
    margin-bottom: 24rem;
    text-align: center;
  }
}
.sitekey-form__pic {
  position: relative;
  width: 192rem;
  margin: 0 auto;
}
@media (min-width: 640px) {
  .sitekey-form__pic {
    margin-right: 20rem;
    width: 140rem;
    padding-top: 8rem;
  }
}
@media (min-width: 1200px) {
  .sitekey-form__pic {
    width: 428rem;
    padding-top: 0;
    margin: 0 auto;
  }
}
.sitekey-form__pic:before {
  content: "";
  position: absolute;
  top: -15rem;
  left: -9rem;
  width: 40rem;
  height: 40rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='93' viewBox='0 0 92 93' fill='none'%3E%3Cg clip-path='url(%23clip0_11_66532)'%3E%3Cpath opacity='0.05' d='M61.6021 6.3046L57.5862 18.6655C57.144 20.0103 55.7072 20.7103 54.3808 20.2866C54.3624 20.2866 54.344 20.2682 54.3255 20.2682C52.9808 19.8445 52.2439 18.4076 52.686 17.0813L56.7019 4.72034C57.1256 3.39398 58.5441 2.65712 59.8705 3.09924C59.9073 3.11766 59.9626 3.13608 59.9994 3.13608C61.3073 3.55978 62.0258 4.97824 61.6021 6.3046Z' fill='%23EF3024'/%3E%3Cpath opacity='0.1' d='M73.2817 13.1755L65.6367 23.6942C64.8077 24.8364 63.2234 25.0758 62.0813 24.2469C62.0629 24.2284 62.0445 24.2284 62.0445 24.21C60.9023 23.381 60.6444 21.7968 61.4734 20.6731L69.1184 10.1543C69.9289 9.03058 71.5132 8.77268 72.6369 9.58323C72.6737 9.60165 72.7106 9.6385 72.7474 9.65692C73.8712 10.4675 74.1106 12.0517 73.2817 13.1755Z' fill='%23EF3024'/%3E%3Cpath opacity='0.15' d='M82.2897 23.3078L71.7709 30.9528C70.6288 31.7817 69.0445 31.5054 68.234 30.3817C68.2155 30.3633 68.2155 30.3449 68.1971 30.3449C67.3681 29.2027 67.6076 27.6185 68.7498 26.7895L79.2685 19.1445C80.3922 18.3339 81.9765 18.5734 82.787 19.6787C82.8055 19.7156 82.8423 19.7524 82.8607 19.7893C83.6713 20.913 83.4134 22.4972 82.2897 23.3078Z' fill='%23EF3024'/%3E%3Cpath opacity='0.2' d='M87.7239 35.7237L75.363 39.7396C74.0182 40.1818 72.5997 39.4265 72.176 38.1001C72.176 38.0817 72.1576 38.0633 72.1576 38.0449C71.7155 36.7001 72.4339 35.2632 73.7787 34.8395L86.1396 30.8236C87.466 30.3999 88.8845 31.0999 89.3266 32.4263C89.345 32.4631 89.3634 32.5184 89.3634 32.5552C89.7687 33.8816 89.0318 35.3 87.7239 35.7237Z' fill='%23EF3024'/%3E%3Cpath opacity='0.25' d='M91.5558 46.6484C91.5558 46.6668 91.5558 46.6852 91.5558 46.7221C91.5558 48.1037 90.4136 49.2274 89.032 49.2274H76.0448C74.6447 49.2274 73.521 48.0853 73.521 46.6668V46.6484V46.6299C73.521 45.2299 74.6447 44.0693 76.0448 44.0693H89.032C90.4136 44.0693 91.5558 45.1931 91.5558 46.5747C91.5558 46.6115 91.5558 46.6299 91.5558 46.6484Z' fill='%23EF3024'/%3E%3Cpath opacity='0.3' d='M89.3452 60.7406C89.3267 60.7774 89.3083 60.8327 89.3083 60.8695C88.8846 62.1959 87.4477 62.9143 86.1214 62.4722L73.7605 58.4563C72.4157 58.0142 71.7157 56.5773 72.1393 55.2509C72.1393 55.2325 72.1578 55.2141 72.1578 55.1957C72.5815 53.8509 74.0184 53.114 75.3447 53.5561L87.7056 57.572C89.032 57.9957 89.7689 59.4142 89.3452 60.7406Z' fill='%23EF3024'/%3E%3Cpath opacity='0.35' d='M82.8607 73.507C82.8423 73.5439 82.8055 73.5807 82.787 73.6176C81.9765 74.7413 80.3922 74.9808 79.2685 74.1518L68.7498 66.5068C67.6076 65.6778 67.3681 64.0936 68.1971 62.9514C68.2155 62.933 68.2155 62.9146 68.234 62.9146C69.0629 61.7724 70.6472 61.5145 71.7709 62.3435L82.2897 69.9885C83.4134 70.799 83.6713 72.3833 82.8607 73.507Z' fill='%23EF3024'/%3E%3Cpath opacity='0.4' d='M72.7471 83.6391C72.7103 83.6575 72.6734 83.6944 72.6366 83.7128C71.5129 84.5233 69.9286 84.2654 69.118 83.1417L61.4731 72.623C60.6441 71.4808 60.9204 69.8966 62.0441 69.086C62.0626 69.0676 62.081 69.0676 62.081 69.0492C63.2231 68.2202 64.8074 68.4597 65.6364 69.6018L73.2813 80.1206C74.1103 81.2443 73.8708 82.8286 72.7471 83.6391Z' fill='%23EF3024'/%3E%3Cpath opacity='0.45' d='M59.9992 90.1783C59.9623 90.1967 59.9071 90.2151 59.8702 90.2151C58.5439 90.6388 57.1254 89.902 56.7017 88.594L52.6858 76.2331C52.2437 74.8883 52.9989 73.4699 54.3253 73.0462C54.3437 73.0462 54.3621 73.0277 54.3806 73.0277C55.7253 72.5856 57.1622 73.3041 57.5859 74.6488L61.6018 87.0098C62.0255 88.3177 61.3071 89.7362 59.9992 90.1783Z' fill='%23EF3024'/%3E%3Cpath opacity='0.5' d='M48.3568 76.8958V89.8831C48.3568 91.2647 47.2331 92.4069 45.8514 92.4069C45.833 92.4069 45.8146 92.4069 45.7778 92.4069C45.7409 92.4069 45.7409 92.4069 45.7041 92.4069C44.3225 92.4069 43.1987 91.2647 43.1987 89.8831V76.8958C43.1987 75.4958 44.3409 74.3721 45.7593 74.3721H45.7778H45.7962C47.2147 74.3721 48.3568 75.4958 48.3568 76.8958Z' fill='%23EF3024'/%3E%3Cpath opacity='0.55' d='M38.8878 76.2328L34.8719 88.5937C34.4482 89.9201 33.0297 90.6569 31.7034 90.2148C31.6665 90.1964 31.6113 90.178 31.5744 90.178C30.2481 89.7543 29.5296 88.3174 29.9717 86.991L33.9877 74.6301C34.4298 73.2853 35.8667 72.5853 37.193 73.009C37.2114 73.009 37.2299 73.0274 37.2483 73.0274C38.5746 73.4695 39.3115 74.888 38.8878 76.2328Z' fill='%23EF3024'/%3E%3Cpath opacity='0.6' d='M30.0823 72.6405L22.4373 83.1593C21.6267 84.283 20.0425 84.5409 18.9187 83.7304C18.8819 83.7119 18.8451 83.6751 18.8082 83.6567C17.6845 82.8461 17.445 81.2619 18.274 80.1381L25.919 69.6194C26.7479 68.4772 28.3322 68.2378 29.4743 69.0667C29.4928 69.0852 29.5112 69.0852 29.5112 69.1036C30.6349 69.9141 30.9112 71.4984 30.0823 72.6405Z' fill='%23EF3024'/%3E%3Cpath opacity='0.65' d='M22.8241 66.5241L12.3053 74.169C11.1816 74.9796 9.59735 74.7401 8.7868 73.6348C8.76838 73.598 8.73153 73.5611 8.71311 73.5243C7.90256 72.4006 8.16046 70.8163 9.28418 70.0057L19.8029 62.3608C20.9451 61.5318 22.5293 61.8081 23.3399 62.9318C23.3583 62.9503 23.3583 62.9687 23.3767 62.9687C24.1873 64.0924 23.9478 65.6951 22.8241 66.5241Z' fill='%23EF3024'/%3E%3Cpath opacity='0.7' d='M17.7954 58.4556L5.43448 62.4715C4.10812 62.8952 2.68966 62.1952 2.24754 60.8688C2.22912 60.832 2.21069 60.7767 2.21069 60.7398C1.787 59.4135 2.52386 57.995 3.8318 57.5713L16.1927 53.5554C17.5375 53.1133 18.956 53.8686 19.3797 55.1949C19.3797 55.2133 19.3981 55.2318 19.3981 55.2502C19.8402 56.5766 19.1402 58.0134 17.7954 58.4556Z' fill='%23EF3024'/%3E%3Cpath opacity='0.75' d='M18.0532 46.6484V46.6668C18.0532 48.0668 16.9295 49.2274 15.5294 49.2274H2.52376C1.14214 49.2274 0 48.1037 0 46.7221C0 46.7036 0 46.6852 0 46.6484C0 46.6115 0 46.6115 0 46.5747C0 45.1931 1.14214 44.0693 2.52376 44.0693H15.511C16.9111 44.0693 18.0348 45.2115 18.0348 46.6299C18.0532 46.6299 18.0532 46.6484 18.0532 46.6484Z' fill='%23EF3024'/%3E%3Cpath opacity='0.8' d='M19.4165 38.0451C19.4165 38.0635 19.3981 38.0819 19.3981 38.1003C18.9744 39.4451 17.5375 40.182 16.2111 39.7399L3.85022 35.7239C2.52387 35.3002 1.787 33.8818 2.22912 32.5554C2.24754 32.5186 2.26596 32.4633 2.26596 32.4265C2.68966 31.1001 4.12655 30.3817 5.45291 30.8238L17.8138 34.8397C19.1402 35.2818 19.8402 36.7187 19.4165 38.0451Z' fill='%23EF3024'/%3E%3Cpath opacity='0.85' d='M23.3587 30.3269C23.3403 30.3453 23.3403 30.3637 23.3218 30.3637C22.4929 31.5059 20.9086 31.7638 19.7849 30.9348L9.26612 23.2898C8.1424 22.4793 7.88449 20.895 8.69505 19.7713C8.71347 19.7344 8.75031 19.6976 8.76873 19.6608C9.57929 18.537 11.1635 18.2975 12.2873 19.1265L22.806 26.7715C23.9482 27.6005 24.1877 29.2032 23.3587 30.3269Z' fill='%23EF3024'/%3E%3Cpath opacity='0.9' d='M29.5116 24.1916C29.4932 24.21 29.4747 24.21 29.4747 24.2284C28.3326 25.0574 26.7483 24.8179 25.9194 23.6758L18.2744 13.1755C17.4638 12.0517 17.7033 10.4675 18.8086 9.65692C18.8455 9.6385 18.8823 9.60165 18.9191 9.58323C20.0429 8.77268 21.6271 9.03058 22.4377 10.1543L30.0827 20.6731C30.9116 21.7968 30.6353 23.381 29.5116 24.1916Z' fill='%23EF3024'/%3E%3Cpath opacity='0.95' d='M37.23 20.2682C37.2116 20.2682 37.1932 20.2866 37.1747 20.2866C35.83 20.7287 34.3931 20.0103 33.9694 18.6655L29.9535 6.3046C29.5298 4.97824 30.2298 3.55977 31.5561 3.11765C31.593 3.09923 31.6482 3.08081 31.6851 3.08081C33.0114 2.65711 34.4299 3.39398 34.8536 4.70192L38.8695 17.0628C39.3116 18.4076 38.5748 19.8261 37.23 20.2682Z' fill='%23EF3024'/%3E%3Cpath d='M48.3568 3.39388V16.3811C48.3568 17.7812 47.2147 18.9049 45.7962 18.9049H45.7778H45.7593C44.3593 18.9049 43.1987 17.7812 43.1987 16.3811V3.39388C43.1987 2.01226 44.3225 0.870117 45.7041 0.870117C45.7225 0.870117 45.7409 0.870117 45.7778 0.870117C45.8146 0.870117 45.8146 0.870117 45.8514 0.870117C47.2331 0.870117 48.3568 2.01226 48.3568 3.39388Z' fill='%23EF3024'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11_66532'%3E%3Crect width='91.5556' height='91.5556' fill='white' transform='translate(0 0.870117)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center center no-repeat;
  background-size: cover;
  animation: spin 5s linear infinite;
}
@media (min-width: 640px) {
  .sitekey-form__pic:before {
    width: 30rem;
    height: 30rem;
    top: 0rem;
  }
}
@media (min-width: 1200px) {
  .sitekey-form__pic:before {
    width: 92rem;
    height: 92rem;
    top: -30rem;
  }
}
.sitekey-form__pic:after {
  position: absolute;
  top: 4rem;
  bottom: 0;
  right: -2rem;
  left: 0;
  content: "";
  border: 1.8rem solid #EF3024;
  border-radius: 50%;
  transform: translate(7rem, -7rem);
  z-index: 0;
}
@media (min-width: 640px) {
  .sitekey-form__pic:after {
    transform: translate(7rem, 0rem);
  }
}
@media (min-width: 1200px) {
  .sitekey-form__pic:after {
    transform: translate(7rem, -7rem);
  }
}
.sitekey-form__pic span {
  display: block;
  position: relative;
  line-height: 0;
  z-index: 1;
}
.sitekey-form__pic span:before {
  display: none;
  position: absolute;
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='143' height='112' viewBox='0 0 143 112' fill='none'%3E%3Cg clip-path='url(%23clip0_11_66554)'%3E%3Cpath d='M136.264 58.8438C134.603 59.0842 132.892 59.3398 131.23 59.5803C129.569 59.8207 127.907 60.0611 126.261 60.351C125.076 60.5532 123.841 60.7707 122.641 60.9234L119.021 61.4957L115.435 62.0033L113.659 62.2246L111.868 62.3965C111.178 62.4461 110.298 62.2291 109.814 62.595C109.414 62.8809 108.98 63.2316 108.66 63.6013C108.29 63.9863 108.035 64.3903 107.894 64.8133C107.734 65.3507 108.653 67.4541 109.384 67.0119C111.084 65.8378 115.34 65.3949 119.464 65.0473C121.533 64.8983 123.537 64.715 125.115 64.5546C125.904 64.4744 126.594 64.4248 127.169 64.3561C127.695 64.3026 128.106 64.2301 128.305 64.1691L128.606 64.6187C128.244 64.676 127.916 64.6684 127.554 64.7256C126.304 64.8936 125.054 65.0615 123.751 65.4085C122.482 65.6908 121.144 66.1026 119.773 66.5792C118.401 67.0559 116.976 67.7116 115.467 68.4474C113.577 69.3548 111.736 70.2469 109.831 71.1047C108.871 71.5088 107.926 71.9625 106.966 72.3666L104.085 73.579C103.125 73.9832 102.149 74.3378 101.189 74.7419C100.213 75.0965 99.2531 75.5007 98.2776 75.8553C96.3114 76.5149 94.3604 77.2241 92.3636 77.7847C90.3973 78.4444 88.3853 78.9554 86.4229 79.4512C84.3956 79.9127 82.4331 80.4085 80.4249 80.7557C76.3741 81.5149 72.3614 82.0454 68.3067 82.2634C60.1974 82.6994 52.1183 81.8245 44.5685 79.3223C42.6973 78.7053 40.8451 77.974 39.0271 77.1779C37.2435 76.3169 35.4599 75.456 33.7791 74.4008C30.3985 72.4045 27.2083 69.97 24.2696 67.2954C16.9972 60.5859 10.9592 52.2489 6.7616 43.0199C6.10586 41.5948 5.51867 40.04 4.71053 38.8245C3.8376 37.5748 2.8085 36.6985 1.18887 36.5463C0.945529 39.2788 1.47198 42.0453 2.40999 44.7394C3.34799 47.4335 4.6823 50.0056 6.24904 52.4518C8.57439 56.1289 11.2503 59.5352 14.1281 62.7167C15.5841 64.2751 17.0897 65.8182 18.6296 67.2965C20.1695 68.7748 21.7436 70.1883 23.3673 71.5866C29.0274 76.4062 35.5142 80.212 42.5571 82.6534C49.6 85.0947 57.0846 86.1527 64.5119 86.1436C68.2504 86.1314 71.9621 85.8563 75.6623 85.3678C79.3472 84.8297 83.0512 84.1774 86.6294 83.2925C93.9001 81.5419 100.957 79.0978 107.843 76.2726C108.853 75.8532 109.878 75.4833 110.903 75.1135C111.928 74.7436 112.983 74.4728 114.024 74.1525C115.064 73.8322 116.089 73.4624 117.129 73.142L118.699 72.6044C119.229 72.3871 119.709 72.185 120.239 71.9677C122.011 71.2052 123.832 70.4274 125.558 69.5163C124.529 70.755 123.516 72.0433 122.537 73.2667C121.744 74.2158 121.032 75.2487 120.304 76.232C119.577 77.2154 118.864 78.2482 118.152 79.2811C117.813 79.7652 118.091 81.198 118.61 81.4723C119.078 81.7618 120.202 81.3615 120.965 81.0183C121.395 80.8315 121.669 80.3132 121.974 79.8939C126.451 73.4718 131.125 67.6936 137.138 62.9136C137.439 62.6582 137.74 62.4028 137.862 62.0941C138.109 61.3128 138.574 60.3562 138.326 59.7275C138.075 59.2626 136.905 58.8093 136.264 58.8438Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11_66554'%3E%3Crect width='125.435' height='77.8017' fill='white' transform='translate(0 36.9121) rotate(-17.1141)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center center no-repeat;
  width: 157rem;
  height: 113rem;
  right: -70rem;
  bottom: 35rem;
}
@media (min-width: 1200px) {
  .sitekey-form__pic span:before {
    display: block;
  }
}
.sitekey-form__pic img {
  width: 192rem;
  height: 192rem;
}
@media (min-width: 640px) {
  .sitekey-form__pic img {
    width: 140rem;
    height: 140rem;
  }
}
@media (min-width: 1200px) {
  .sitekey-form__pic img {
    width: 428rem;
    height: 428rem;
  }
}
.sitekey-form__right .sitekey-form__title {
  color: #000;
  text-align: center;
  font-size: 24rem;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.48rem;
  margin-bottom: 8rem;
}
@media (min-width: 640px) {
  .sitekey-form__right .sitekey-form__title {
    margin-bottom: 16rem;
    font-size: 36rem;
    letter-spacing: -0.72rem;
  }
}
@media (min-width: 1200px) {
  .sitekey-form__right .sitekey-form__title {
    font-size: 40rem;
    letter-spacing: -1.2rem;
    text-align: left;
  }
}
.sitekey-form__right .sitekey-form__text {
  color: #3E3E3E;
  text-align: center;
  font-size: 16rem;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.32rem;
  margin-bottom: 32rem;
}
@media (min-width: 640px) {
  .sitekey-form__right .sitekey-form__text {
    margin-bottom: 47rem;
    font-size: 16rem;
    line-height: 110%;
    letter-spacing: -0.32rem;
  }
}
@media (min-width: 1200px) {
  .sitekey-form__right .sitekey-form__text {
    line-height: 120%;
    text-align: left;
  }
}
.sitekey-form__form-wrap {
  box-sizing: border-box;
  padding: 32rem 20rem;
  border-radius: 18rem;
  background: #FFF;
}
@media (min-width: 640px) {
  .sitekey-form__form-wrap {
    border-radius: 32rem;
    padding: 56rem;
  }
}
.sitekey-form__form {
  position: relative;
}
.sitekey-form__form form {
  display: grid;
  grid-gap: 16rem;
}
@media (min-width: 640px) {
  .sitekey-form__form form {
    grid-gap: 24rem;
  }
}
.sitekey-form__form form .mg-form__field {
  position: relative;
}
.sitekey-form__form form .mg-form__field-title {
  position: absolute;
  top: -10rem;
  left: 12rem;
  box-sizing: border-box;
  padding: 6rem 8rem;
  background: #FFF;
  color: #3E3E3E;
  font-size: 10rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.2rem;
}
@media (min-width: 640px) {
  .sitekey-form__form form .mg-form__field-title {
    padding: 7.5rem 8rem;
    font-size: 13rem;
    top: -11rem;
    left: 16rem;
  }
}
@media (min-width: 1200px) {
  .sitekey-form__form form .mg-form__field-title {
    top: -15rem;
  }
}
.sitekey-form__form form input {
  width: 100%;
  border-radius: 36rem;
  border: 1rem solid #D2D5DA;
  box-sizing: border-box;
  padding: 13rem 19rem;
  color: #000;
  font-size: 13rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.2rem;
  outline: none;
}
@media (min-width: 640px) {
  .sitekey-form__form form input {
    font-size: 14rem;
    padding: 17.5rem 23rem;
    line-height: 120%;
  }
}
.sitekey-form__form form input::placeholder {
  font-family: inherit;
  color: #6E6E73;
}
.sitekey-form__form form input:hover {
  border-color: #EF3024;
}
.sitekey-form__form form input:focus {
  border-color: #EF3024;
  color: #000;
}
.sitekey-form__form form input:focus::placeholder {
  color: #000;
}
.sitekey-form__form form .tpl-form-button {
  width: 100%;
  border-radius: 44rem;
  background: #EF3024;
  box-sizing: border-box;
  padding: 16rem 24rem;
  color: #FFF;
  text-align: center;
  font-size: 14rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.2rem;
  border: none;
  cursor: pointer;
}
@media (min-width: 640px) {
  .sitekey-form__form form .tpl-form-button {
    width: 198rem;
    padding: 18.5rem 48rem;
    font-size: 18rem;
    line-height: 140%;
    margin-top: 9rem;
  }
}
@media (min-width: 1200px) {
  .sitekey-form__form form .tpl-form-button {
    margin-top: 5rem;
  }
}
.sitekey-form__form form .tpl-form-button:hover {
  background: #EF3024;
  box-shadow: 0px 0px 11px 0px rgba(255, 255, 255, 0.32) inset, 0px 8rem 8rem 0px rgba(239, 48, 36, 0.24);
}
.sitekey-form__form form .tpl-form-button:active {
  box-shadow: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%), #EF3024;
}
.sitekey-form__form-note {
  color: #999;
  text-align: center;
  font-size: 13rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.2rem;
  margin-top: 16rem;
}
@media (min-width: 640px) {
  .sitekey-form__form-note {
    position: absolute;
    bottom: 13rem;
    right: 0;
    width: 306rem;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .sitekey-form__form-note {
    width: 254rem;
  }
}
.sitekey-form__form-note a {
  color: #EF3024;
}
.mg-tariff-form__buttons {
  padding-top: 24rem;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16rem;
}
@media (min-width: 640px) {
  .mg-tariff-form__buttons {
    padding-top: 40rem;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .mg-tariff-form__buttons {
    padding-top: 24rem;
  }
}
.mg-tariff-form__buttons-title {
  color: #fff;
  font-size: 16rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.16px;
  text-align: center;
  margin-bottom: 8rem;
}
@media (min-width: 640px) {
  .mg-tariff-form__buttons-title {
    text-align: left;
    font-size: 21rem;
  }
}
.mg-tariff-form__buttons-text {
  font-weight: 400;
  font-size: 14rem;
  line-height: 140%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #fff;
}
@media (min-width: 640px) {
  .mg-tariff-form__buttons-text {
    text-align: left;
    font-size: 16rem;
  }
}
.mg-tariff-form__buttons-text span {
  font-weight: 700;
}
.sitekey-bottom-buttons {
  padding-top: 24rem;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 640px) {
  .sitekey-bottom-buttons {
    padding-top: 40rem;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .sitekey-bottom-buttons {
    padding-top: 24rem;
  }
}
.sitekey-bottom-buttons__title {
  color: #FFF;
  text-align: center;
  font-size: 16rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.16rem;
  margin-bottom: 14rem;
}
@media (min-width: 640px) {
  .sitekey-bottom-buttons__title {
    font-size: 19rem;
    letter-spacing: -0.19rem;
    text-align: left;
    margin-right: 24rem;
    margin-bottom: 0;
  }
}
.sitekey-bottom-buttons__title br {
  display: none;
}
@media (min-width: 640px) {
  .sitekey-bottom-buttons__title br {
    display: block;
  }
}
.sitekey-bottom-buttons__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 8rem;
  width: 100%;
}
@media (min-width: 640px) {
  .sitekey-bottom-buttons__items {
    grid-gap: 12rem;
    width: auto;
  }
}
.sitekey-bottom-buttons__item {
  box-sizing: border-box;
  text-align: center;
  padding: 14rem 17rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  text-decoration: none;
  border-radius: 42rem;
  border: 1rem solid transparent;
}
@media (min-width: 640px) {
  .sitekey-bottom-buttons__item {
    padding: 19rem 23rem;
    border-radius: 54rem;
    width: 224rem;
  }
}
@media (min-width: 1200px) {
  .sitekey-bottom-buttons__item {
    width: 198rem;
  }
}
.sitekey-bottom-buttons__item:nth-child(1) {
  background: #039BE5;
}
.sitekey-bottom-buttons__item:nth-child(1):hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #039BE5;
}
.sitekey-bottom-buttons__item:nth-child(1):active {
  border: 1rem solid #039BE5;
  background: rgba(3, 155, 229, 0.4);
}
.sitekey-bottom-buttons__item:nth-child(2) {
  background: #29AF3E;
}
.sitekey-bottom-buttons__item:nth-child(2):hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #29AF3E;
}
.sitekey-bottom-buttons__item:nth-child(2):active {
  border: 1rem solid #29AF3E;
  background: rgba(41, 175, 62, 0.4);
}
.sitekey-bottom-buttons__item span img {
  width: 18rem;
  height: 18rem;
}
@media (min-width: 640px) {
  .sitekey-bottom-buttons__item span img {
    width: 24rem;
    height: 24rem;
  }
}
.sitekey-bottom-buttons__item span:first-child {
  line-height: 0;
  flex: none;
  margin-right: 6.75rem;
}
@media (min-width: 640px) {
  .sitekey-bottom-buttons__item span:first-child {
    margin-right: 9rem;
  }
}
.sitekey-bottom-buttons__item span:last-child {
  color: #FFF;
  text-align: center;
  font-size: 12.75rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.3rem;
}
@media (min-width: 640px) {
  .sitekey-bottom-buttons__item span:last-child {
    font-size: 17rem;
    letter-spacing: -0.4rem;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.mg-main-info {
  box-sizing: border-box;
  padding: 40rem 24rem;
}
@media (min-width: 640px) {
  .mg-main-info {
    padding: 56rem 32rem;
  }
}
@media (min-width: 1200px) {
  .mg-main-info {
    padding: 88rem 32rem;
  }
}
.mg-main-info__title {
  color: #000;
  text-align: center;
  font-size: 24rem;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.48rem;
  margin-bottom: 32rem;
  margin-top: 0;
}
@media (min-width: 640px) {
  .mg-main-info__title {
    font-size: 36rem;
    letter-spacing: -1.08rem;
  }
}
@media (min-width: 1200px) {
  .mg-main-info__title {
    font-size: 46rem;
    margin-bottom: 40rem;
    letter-spacing: -1.68rem;
    line-height: 100%;
  }
}
.mg-main-info__text {
  color: #6E6E73;
  font-size: 16rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.2rem;
}
@media (min-width: 640px) {
  .mg-main-info__text {
    font-size: 18rem;
    line-height: 160%;
  }
}
@media (min-width: 1200px) {
  .anim-top {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  .anim-top.visible {
    opacity: 1;
    transform: translateY(0);
  }
  .anim-bottom {
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  .anim-bottom.visible {
    opacity: 1;
    transform: translateY(0);
  }
  .anim-left {
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  .anim-left.visible {
    opacity: 1;
    transform: translateY(0);
  }
  .anim-right {
    opacity: 0;
    transform: translateX(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  .anim-right.visible {
    opacity: 1;
    transform: translateY(0);
  }
}
body .mg-popup-form {
  font-family: "Montserrat", sans-serif !important;
}
body .mg-popup-form .mg-popup-form__inner {
  max-width: 580rem;
}
@media (min-width: 640px) {
  body .mg-popup-form .mg-popup-form__inner {
    padding: 48rem 40rem;
  }
}
body .mg-popup-form .mg-popup-form__content {
  position: relative;
}
body .mg-popup-form form {
  display: grid;
  grid-gap: 16rem;
}
@media (min-width: 640px) {
  body .mg-popup-form form {
    grid-gap: 24rem;
  }
}
body .mg-popup-form form .mg-popup-form__title {
  color: #FFF;
  text-align: center;
  font-size: 24rem;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.72rem;
  margin-bottom: 8rem;
}
@media (min-width: 640px) {
  body .mg-popup-form form .mg-popup-form__title {
    font-size: 36rem;
    margin-bottom: 16rem;
    letter-spacing: -1.08rem;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  body .mg-popup-form form .mg-popup-form__title {
    font-size: 40rem;
    letter-spacing: -1.2rem;
    text-align: center;
  }
}
body .mg-popup-form form .mg-popup-form__subtitle {
  color: #FFF;
  text-align: center;
  font-size: 16rem;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.32rem;
  margin-bottom: 28rem;
}
@media (min-width: 640px) {
  body .mg-popup-form form .mg-popup-form__subtitle {
    font-size: 20rem;
    letter-spacing: -0.4rem;
    text-align: left;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  body .mg-popup-form form .mg-popup-form__subtitle {
    font-size: 24rem;
    line-height: 130%;
    margin-bottom: 54rem;
    text-align: center;
  }
}
body .mg-popup-form form .mg-form__field {
  position: relative;
  margin-bottom: 0;
}
body .mg-popup-form form .mg-form__field-title {
  position: absolute;
  top: -10rem;
  left: 12rem;
  box-sizing: border-box;
  padding: 6rem 8rem;
  background: #FFF;
  color: #3E3E3E;
  font-size: 10rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.2rem;
}
@media (min-width: 640px) {
  body .mg-popup-form form .mg-form__field-title {
    padding: 7.5rem 8rem;
    font-size: 13rem;
    top: -11rem;
    left: 16rem;
  }
}
@media (min-width: 1200px) {
  body .mg-popup-form form .mg-form__field-title {
    top: -15rem;
  }
}
body .mg-popup-form form .mg-form__field .mg-form__field-control input[type="text"] {
  width: 100%;
  border-radius: 36rem;
  border: 1rem solid #D2D5DA;
  box-sizing: border-box;
  padding: 13rem 19rem;
  color: #000;
  height: auto;
  font-size: 13rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.2rem;
  outline: none;
  font-family: "Montserrat", sans-serif !important;
}
@media (min-width: 640px) {
  body .mg-popup-form form .mg-form__field .mg-form__field-control input[type="text"] {
    font-size: 14rem;
    padding: 17.5rem 23rem;
    line-height: 120%;
  }
}
body .mg-popup-form form .mg-form__field .mg-form__field-control input[type="text"]::placeholder {
  font-family: inherit;
  color: #6E6E73;
}
body .mg-popup-form form .mg-form__field .mg-form__field-control input[type="text"]:hover {
  border-color: #EF3024;
}
body .mg-popup-form form .mg-form__field .mg-form__field-control input[type="text"]:focus {
  border-color: #EF3024;
  color: #000;
}
body .mg-popup-form form .mg-form__field .mg-form__field-control input[type="text"]:focus::placeholder {
  color: #000;
}
body .mg-popup-form form .mg-form__field-button {
  margin-top: 0;
}
@media (min-width: 640px) {
  body .mg-popup-form form .mg-form__field-button {
    text-align: left;
  }
}
body .mg-popup-form form .mg-form__field .tpl-form-button {
  width: 100%;
  border-radius: 44rem;
  background: #EF3024;
  box-sizing: border-box;
  padding: 16rem 24rem;
  color: #FFF;
  text-align: center;
  font-size: 14rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.2rem;
  border: none;
  cursor: pointer;
  box-shadow: none;
}
@media (min-width: 640px) {
  body .mg-popup-form form .mg-form__field .tpl-form-button {
    width: 198rem;
    padding: 18.5rem 48rem;
    font-size: 18rem;
    line-height: 140%;
    margin-top: 9rem;
  }
}
@media (min-width: 1200px) {
  body .mg-popup-form form .mg-form__field .tpl-form-button {
    margin-top: 5rem;
  }
}
body .mg-popup-form form .mg-form__field .tpl-form-button:hover {
  background: #EF3024;
  box-shadow: 0px 0px 11px 0px rgba(255, 255, 255, 0.32) inset, 0px 8rem 8rem 0px rgba(239, 48, 36, 0.24);
}
body .mg-popup-form form .mg-form__field .tpl-form-button:active {
  box-shadow: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%), #EF3024;
}
body .mg-popup-form .mg-popup-form__privacy {
  color: #999;
  text-align: center;
  font-size: 13rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.2rem;
  margin-top: 16rem;
}
@media (min-width: 640px) {
  body .mg-popup-form .mg-popup-form__privacy {
    position: absolute;
    bottom: 13rem;
    right: 0;
    width: 280rem;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  body .mg-popup-form .mg-popup-form__privacy {
    width: 254rem;
  }
}
body .mg-popup-form .mg-popup-form__privacy a {
  color: #EF3024;
}
.func-box._max {
  grid-template-columns: 1fr;
  overflow: visible;
}
.max__item {
  box-sizing: border-box;
  padding: 20rem;
  border-radius: 24rem;
  background: #FFF;
}
@media (min-width: 640px) {
  .max__item {
    padding: 32rem;
  }
}
@media (min-width: 1200px) {
  .max__item {
    padding: 40rem;
  }
}
.max__top {
  box-sizing: border-box;
  padding: 16rem 17rem;
  border-radius: 16rem;
  background: #F7F7FB;
  margin-bottom: 32rem;
}
@media (min-width: 640px) {
  .max__top {
    padding: 20rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .max__top {
    padding: 24rem;
  }
}
.max__title {
  color: #000;
  font-size: 20rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.2rem;
  margin-bottom: 6rem;
}
@media (min-width: 640px) {
  .max__title {
    font-size: 24rem;
  }
}
@media (min-width: 1200px) {
  .max__title {
    font-size: 28rem;
  }
}
.max__title-wrap {
  margin-bottom: 16rem;
}
@media (min-width: 640px) {
  .max__title-wrap {
    margin-bottom: 0;
  }
}
.max__text {
  color: #EF3024;
  font-size: 16rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16rem;
}
.max__price {
  color: #000;
  font-size: 20rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.2rem;
}
@media (min-width: 640px) {
  .max__price {
    font-size: 24rem;
  }
}
@media (min-width: 1200px) {
  .max__price {
    font-size: 28rem;
  }
}
.max__price span {
  color: #000;
  font-size: 12rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.12rem;
}
@media (min-width: 640px) {
  .max__price span {
    font-size: 14rem;
  }
}
.max__list-item:first-child .max__list-item-title {
  border-top: 1rem solid transparent;
}
.max__list-item-title {
  cursor: pointer;
  box-sizing: border-box;
  padding: 16rem 0;
  border-top: 1rem solid #DADADA;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000;
  font-size: 16rem;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.16rem;
}
@media (min-width: 640px) {
  .max__list-item-title {
    padding: 20rem 0;
    font-size: 18rem;
  }
}
@media (min-width: 1200px) {
  .max__list-item-title {
    font-size: 22rem;
  }
}
.max__list-item-title span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20rem;
  height: 20rem;
  min-width: 20rem;
  margin-left: 8rem;
  position: relative;
}
@media (min-width: 640px) {
  .max__list-item-title span {
    width: 24rem;
    height: 24rem;
    min-width: 24rem;
    margin-left: 16rem;
  }
}
.max__list-item-title span:before {
  content: "";
  width: 16rem;
  height: 2rem;
  border-radius: 4rem;
  background: #EF3024;
  position: absolute;
}
@media (min-width: 640px) {
  .max__list-item-title span:before {
    width: 18rem;
  }
}
.max__list-item-title span:after {
  content: "";
  width: 16rem;
  height: 2rem;
  border-radius: 4rem;
  background: #EF3024;
  position: absolute;
  transform: rotate(90deg);
  transition: 0.3s ease;
}
@media (min-width: 640px) {
  .max__list-item-title span:after {
    width: 18rem;
  }
}
.max__list-item-title.active span:after {
  transform: rotate(0deg);
}
.max__list-item-body {
  height: 0;
  overflow: hidden;
  transition: 0.3s ease;
}
.max__list-item-body-inner {
  box-sizing: border-box;
  padding: 8rem 0;
}
@media (min-width: 640px) {
  .max__list-item-body-inner {
    padding: 24rem 0;
  }
}
@media (min-width: 1200px) {
  .max__list-item-body-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16rem 24rem;
  }
}
.max__list-item-elem {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 12rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.2rem;
}
@media (min-width: 640px) {
  .max__list-item-elem {
    font-size: 17rem;
  }
}
.max__list-item-elem svg {
  width: 14rem;
  height: 14rem;
  min-width: 14rem;
  margin-right: 12rem;
}
@media (min-width: 640px) {
  .max__list-item-elem svg {
    width: 20rem;
    height: 20rem;
    min-width: 20rem;
    margin-right: 16rem;
  }
}
.max__list-item-elem + .max__list-item-elem {
  margin-top: 12rem;
}
@media (min-width: 640px) {
  .max__list-item-elem + .max__list-item-elem {
    margin-top: 16rem;
  }
}
@media (min-width: 1200px) {
  .max__list-item-elem + .max__list-item-elem {
    margin-top: 0;
  }
}
.mg-tariff-form__buttons-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 8rem;
}
@media (min-width: 640px) {
  .mg-tariff-form__buttons-list {
    grid-gap: 16rem;
  }
}
.mg-tariff-form__buttons-item {
  width: 48rem;
  height: 48rem;
  border-radius: 50%;
  text-decoration: none;
  display: inline-block;
  background-position: center;
  background-size: contain;
  transition: all 0.3s ease;
}
@media (min-width: 640px) {
  .mg-tariff-form__buttons-item {
    width: 64rem;
    height: 64rem;
  }
}
.mg-tariff-form__buttons-item._telegeram {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='64' height='64' rx='32' fill='url(%23paint0_linear_79_1592)' /%3E%3Cpath d='M27.7846 36.6975L27.2695 44.183C28.0064 44.183 28.3255 43.8559 28.7083 43.4631L32.163 40.0515L39.3217 45.4686C40.6346 46.2246 41.5596 45.8265 41.9138 44.2205L46.6127 21.469L46.614 21.4677C47.0304 19.4622 45.9121 18.678 44.633 19.17L17.0128 30.0967C15.1278 30.8527 15.1564 31.9386 16.6924 32.4305L23.7538 34.7001L40.1559 24.0951C40.9278 23.5669 41.6296 23.8592 41.0523 24.3873L27.7846 36.6975Z' fill='white' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_79_1592' x1='32' y1='0' x2='32' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2321BAFB' /%3E%3Cstop offset='1' stop-color='%23197FF1' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
@media (min-width: 1200px) {
  .mg-tariff-form__buttons-item._telegeram:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='64' height='64' rx='32' fill='url(%23paint0_linear_79_1605)' /%3E%3Crect width='64' height='64' rx='32' fill='white' fill-opacity='0.16' /%3E%3Cpath d='M27.7846 36.6975L27.2695 44.183C28.0064 44.183 28.3255 43.8559 28.7083 43.4631L32.163 40.0515L39.3217 45.4686C40.6346 46.2246 41.5596 45.8265 41.9138 44.2205L46.6127 21.469L46.614 21.4677C47.0304 19.4622 45.9121 18.678 44.633 19.17L17.0128 30.0967C15.1278 30.8527 15.1564 31.9386 16.6924 32.4305L23.7538 34.7001L40.1559 24.0951C40.9278 23.5669 41.6296 23.8592 41.0523 24.3873L27.7846 36.6975Z' fill='white' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_79_1605' x1='32' y1='0' x2='32' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2321BAFB' /%3E%3Cstop offset='1' stop-color='%23197FF1' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  }
}
.mg-tariff-form__buttons-item._telegeram:active {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='64' height='64' rx='32' fill='url(%23paint0_linear_79_1618)' /%3E%3Crect width='64' height='64' rx='32' fill='black' fill-opacity='0.08' /%3E%3Cpath d='M27.7846 36.6975L27.2695 44.183C28.0064 44.183 28.3255 43.8559 28.7083 43.4631L32.163 40.0515L39.3217 45.4686C40.6346 46.2246 41.5596 45.8265 41.9138 44.2205L46.6127 21.469L46.614 21.4677C47.0304 19.4622 45.9121 18.678 44.633 19.17L17.0128 30.0967C15.1278 30.8527 15.1564 31.9386 16.6924 32.4305L23.7538 34.7001L40.1559 24.0951C40.9278 23.5669 41.6296 23.8592 41.0523 24.3873L27.7846 36.6975Z' fill='white' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_79_1618' x1='32' y1='0' x2='32' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2321BAFB' /%3E%3Cstop offset='1' stop-color='%23197FF1' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.mg-tariff-form__buttons-item._whatsapp {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='64' height='64' rx='32' fill='url(%23paint0_linear_79_1594)' /%3E%3Cpath d='M31.9992 16.4336C23.4153 16.4336 16.4316 23.4172 16.4316 32.0012C16.4316 35.0213 17.2972 37.9334 18.9411 40.4616L16.5157 46.122C16.434 46.3126 16.4113 46.5233 16.4506 46.727C16.4898 46.9307 16.5892 47.1179 16.7358 47.2645C16.8825 47.4112 17.0697 47.5105 17.2734 47.5498C17.477 47.589 17.6877 47.5663 17.8784 47.4847L23.5388 45.0582C26.0546 46.7002 28.9949 47.5727 31.9992 47.5687C40.5832 47.5687 47.5668 40.5851 47.5668 32.0012C47.5668 23.4172 40.5832 16.4336 31.9992 16.4336ZM39.9906 37.5743C39.9906 37.5743 38.6953 39.2338 37.7592 39.622C35.3826 40.6059 32.0252 39.622 28.2007 35.7986C24.3784 31.9752 23.3935 28.6178 24.3784 26.2401C24.7665 25.304 26.4271 24.0108 26.4271 24.0108C26.6558 23.8417 26.937 23.7586 27.2209 23.7763C27.5049 23.7939 27.7736 23.9112 27.9797 24.1074L29.8581 25.9858C30.0516 26.1808 30.1602 26.4444 30.1602 26.7191C30.1602 26.9938 30.0516 27.2573 29.8581 27.4523L28.6781 28.6303C28.6781 28.6303 28.2007 30.0625 31.0683 32.9311C33.9348 35.7986 35.3691 35.3212 35.3691 35.3212L36.547 34.1422C36.742 33.9484 37.0058 33.8396 37.2808 33.8396C37.5557 33.8396 37.8195 33.9484 38.0145 34.1422L39.893 36.0207C40.2957 36.4244 40.3393 37.1229 39.9885 37.5733L39.9906 37.5743Z' fill='white' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_79_1594' x1='32' y1='0' x2='32' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2350CE5E' /%3E%3Cstop offset='1' stop-color='%2329AF3E' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
@media (min-width: 1200px) {
  .mg-tariff-form__buttons-item._whatsapp:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='64' height='64' rx='32' fill='url(%23paint0_linear_79_1607)' /%3E%3Crect width='64' height='64' rx='32' fill='white' fill-opacity='0.16' /%3E%3Cpath d='M31.9992 16.4336C23.4153 16.4336 16.4316 23.4172 16.4316 32.0012C16.4316 35.0213 17.2972 37.9334 18.9411 40.4616L16.5157 46.122C16.434 46.3126 16.4113 46.5233 16.4506 46.727C16.4898 46.9307 16.5892 47.1179 16.7358 47.2645C16.8825 47.4112 17.0697 47.5105 17.2734 47.5498C17.477 47.589 17.6877 47.5663 17.8784 47.4847L23.5388 45.0582C26.0546 46.7002 28.9949 47.5727 31.9992 47.5687C40.5832 47.5687 47.5668 40.5851 47.5668 32.0012C47.5668 23.4172 40.5832 16.4336 31.9992 16.4336ZM39.9906 37.5743C39.9906 37.5743 38.6953 39.2338 37.7592 39.622C35.3826 40.6059 32.0252 39.622 28.2007 35.7986C24.3784 31.9752 23.3935 28.6178 24.3784 26.2401C24.7665 25.304 26.4271 24.0108 26.4271 24.0108C26.6558 23.8417 26.937 23.7586 27.2209 23.7763C27.5049 23.7939 27.7736 23.9112 27.9797 24.1074L29.8581 25.9858C30.0516 26.1808 30.1602 26.4444 30.1602 26.7191C30.1602 26.9938 30.0516 27.2573 29.8581 27.4523L28.6781 28.6303C28.6781 28.6303 28.2007 30.0625 31.0683 32.9311C33.9348 35.7986 35.3691 35.3212 35.3691 35.3212L36.547 34.1422C36.742 33.9484 37.0058 33.8396 37.2808 33.8396C37.5557 33.8396 37.8195 33.9484 38.0145 34.1422L39.893 36.0207C40.2957 36.4244 40.3393 37.1229 39.9885 37.5733L39.9906 37.5743Z' fill='white' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_79_1607' x1='32' y1='0' x2='32' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2350CE5E' /%3E%3Cstop offset='1' stop-color='%2329AF3E' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  }
}
.mg-tariff-form__buttons-item._whatsapp:active {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='64' height='64' rx='32' fill='url(%23paint0_linear_79_1620)' /%3E%3Crect width='64' height='64' rx='32' fill='black' fill-opacity='0.08' /%3E%3Cpath d='M31.9992 16.4336C23.4153 16.4336 16.4316 23.4172 16.4316 32.0012C16.4316 35.0213 17.2972 37.9334 18.9411 40.4616L16.5157 46.122C16.434 46.3126 16.4113 46.5233 16.4506 46.727C16.4898 46.9307 16.5892 47.1179 16.7358 47.2645C16.8825 47.4112 17.0697 47.5105 17.2734 47.5498C17.477 47.589 17.6877 47.5663 17.8784 47.4847L23.5388 45.0582C26.0546 46.7002 28.9949 47.5727 31.9992 47.5687C40.5832 47.5687 47.5668 40.5851 47.5668 32.0012C47.5668 23.4172 40.5832 16.4336 31.9992 16.4336ZM39.9906 37.5743C39.9906 37.5743 38.6953 39.2338 37.7592 39.622C35.3826 40.6059 32.0252 39.622 28.2007 35.7986C24.3784 31.9752 23.3935 28.6178 24.3784 26.2401C24.7665 25.304 26.4271 24.0108 26.4271 24.0108C26.6558 23.8417 26.937 23.7586 27.2209 23.7763C27.5049 23.7939 27.7736 23.9112 27.9797 24.1074L29.8581 25.9858C30.0516 26.1808 30.1602 26.4444 30.1602 26.7191C30.1602 26.9938 30.0516 27.2573 29.8581 27.4523L28.6781 28.6303C28.6781 28.6303 28.2007 30.0625 31.0683 32.9311C33.9348 35.7986 35.3691 35.3212 35.3691 35.3212L36.547 34.1422C36.742 33.9484 37.0058 33.8396 37.2808 33.8396C37.5557 33.8396 37.8195 33.9484 38.0145 34.1422L39.893 36.0207C40.2957 36.4244 40.3393 37.1229 39.9885 37.5733L39.9906 37.5743Z' fill='white' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_79_1620' x1='32' y1='0' x2='32' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2350CE5E' /%3E%3Cstop offset='1' stop-color='%2329AF3E' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.mg-tariff-form__buttons-item._max {
  background-image: url("../../../../images/socials/max1.svg");
}
@media (min-width: 1200px) {
  .mg-tariff-form__buttons-item._max:hover {
    background-image: url("../../../../images/socials/max2.svg");
  }
}
.mg-tariff-form__buttons-item._max:active {
  background-image: url("../../../../images/socials/max3.svg");
}