.wrapper {
  overflow: hidden;
}
.mg-tariff-top {
  transition: all 0.5s ease;
  padding-top: min(11.1111111111vw, 56px);
  padding-bottom: min(2.2222222222vw, 16px);
  background: linear-gradient(270deg, #e7ffd8 0%, #d8fff1 100%);
  background-size: cover;
}
.mg-tariff-top[data-value="1"] {
  background: linear-gradient(90deg, #f7e5ff 0%, #fff4f6 100%);
}
.mg-tariff-top[data-value="2"] {
  background-image: url(top-bg-3.webp);
}
.mg-tariff-top__left {
  padding: 28px 20px 32px;
  background: #fff;
  border-radius: 18px;
  margin-bottom: 16px;
}
.mg-tariff-top__select {
  height: 52px;
  z-index: 2;
  margin: 0 -4px 25px;
}
.mg-tariff-top__select-inner {
  background: #fff;
  padding: 4px;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 14;
}
.opened .mg-tariff-top__select-inner:before {
  position: absolute;
  left: 4px;
  right: 4px;
  top: 112px;
  content: "";
  height: 1px;
  background: #e2e2e2;
}
.mg-tariff-top__select-item {
  border-radius: 48px;
  color: #fff;
  padding: 16px 48px 16px 24px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  background-color: transparent;
  letter-spacing: -0.01em;
  color: #1f1f1f;
  border: none;
  outline: none;
  display: none;
  text-align: left;
  cursor: pointer;
}
.mg-tariff-top__select-item.active {
  order: -1;
  display: block;
  color: #fff;
  background: #000;
  position: relative;
}
.mg-tariff-top__select-item.active:before {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23fff'/%3E%3Cpath d='m8 10 3.293 3.293c.333.333.5.5.707.5.207 0 .374-.167.707-.5L16 10' stroke='%23141B34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  content: "";
  top: 16px;
  right: 16px;
  position: absolute;
}
.opened .mg-tariff-top__select-item {
  display: block;
}
.opened .mg-tariff-top__select-item.active:before {
  transform: rotate(180deg);
}
.mg-tariff-top__select.opened:before {
  position: absolute;
  z-index: 13;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.5);
  content: "";
}
.mg-tariff-top__title {
  font-weight: 600;
  font-size: min(6.6666666667vw, 36px);
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: #000;
  margin: 0 0 8px;
  text-align: center;
}
.mg-tariff-top__text {
  font-size: 16px;
  line-height: 1.1;
  font-weight: 500;
  color: #3e3e3e;
  margin-bottom: min(5.5555555556vw, 24px);
  text-align: center;
}
.mg-tariff-top__button {
  flex: none;
  border: none;
  width: 100%;
  box-sizing: border-box;
  padding: min(4.4444444444vw, 20px) min(6.6666666667vw, 32px);
  margin-right: min(4.4444444444vw, 24px);
  background: #14a643;
  color: #fff;
  font-weight: 600;
  font-size: min(3.8888888889vw, 16px);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #fff;
  text-decoration: none;
  border-radius: 56px;
  cursor: pointer;
}
[data-value="1"] .mg-tariff-top__button {
  background: #553cf9;
}
[data-value="2"] .mg-tariff-top__button {
  background: #ff0d34;
}
.mg-tariff-top__bottom {
  display: none;
  align-items: flex-start;
  flex-direction: column-reverse;
}
[data-value="0"] .mg-tariff-top__bottom:nth-child(1) {
  display: flex;
}
[data-value="1"] .mg-tariff-top__bottom:nth-child(2) {
  display: flex;
}
[data-value="2"] .mg-tariff-top__bottom:nth-child(3) {
  display: flex;
}
.mg-tariff-top__form-main {
  box-sizing: border-box;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #D9D9D9;
}
.mg-tariff-top__form-title {
  color: #000;
  text-align: center;
  font-size: min(7.7777777778vw, 34px);
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.28px;
  margin-bottom: 16px;
}
.mg-tariff-top__price2-wrap {
  display: none;
  flex-direction: column;
  align-items: center;
}
[data-value="0"] .mg-tariff-top__price2-wrap:nth-child(1) {
  display: flex;
}
[data-value="1"] .mg-tariff-top__price2-wrap:nth-child(2) {
  display: flex;
}
[data-value="2"] .mg-tariff-top__price2-wrap:nth-child(3) {
  display: flex;
}
.mg-tariff-top__price2-old {
  color: #ADADAD;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 105%;
  letter-spacing: -0.16px;
  text-decoration: line-through;
  margin-bottom: 6px;
}
.mg-tariff-top__price2 {
  color: #000;
  font-size: min(6.6666666667vw, 38px);
  font-weight: 600;
  line-height: 105%;
  letter-spacing: -0.24px;
}
.mg-tariff-top__form-subtitle {
  color: #000;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.2px;
  margin-bottom: 30px;
}
.mg-tariff-top__image {
  font-size: 0;
  aspect-ratio: 1.0235294118;
  margin: 0 auto;
  position: relative;
}
.mg-tariff-top__image img {
  max-width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
  transform: translateY(70px);
  position: absolute;
}
[data-value="0"] .mg-tariff-top__image img:nth-child(1) {
  transition: all 0.8s ease-in;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
[data-value="1"] .mg-tariff-top__image img:nth-child(2) {
  transition: all 0.8s ease-in-out;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
[data-value="2"] .mg-tariff-top__image img:nth-child(3) {
  transition: all 0.8s ease-out;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.mg-tariff-top__image img:nth-child(4) {
  display: block;
  position: static;
  transform: translateY(0);
}
@media (min-width: 640px) {
  .mg-tariff-top__select {
    height: auto;
    font-size: 0;
    margin: 0;
    display: block;
    padding: 8px;
    background: rgba(20, 166, 67, 0.08);
    border-radius: 128px;
    margin-bottom: 24px;
  }
  [data-value="1"] .mg-tariff-top__select {
    background: rgba(85, 60, 249, 0.08);
  }
  [data-value="2"] .mg-tariff-top__select {
    background: rgba(255, 13, 52, 0.08);
  }
  .mg-tariff-top__select-inner {
    display: block;
    background: transparent;
    border-radius: 0;
    padding: 0;
  }
  .opened .mg-tariff-top__select-inner {
    background: transparent;
  }
  .opened .mg-tariff-top__select-inner:before {
    display: none;
  }
  .mg-tariff-top__select-item {
    display: inline-block;
    padding: 16px 24px;
    line-height: 1.4;
    cursor: pointer;
    font-size: 14px;
    border-radius: 32px;
  }
  .mg-tariff-top__select-item.active {
    order: inherit;
    display: inline-block;
    color: #fff;
    background: #000 !important;
    z-index: 4;
  }
  .mg-tariff-top__select-item.active:before {
    display: none;
  }
  .opened .mg-tariff-top__select-item {
    display: inline-block;
  }
  .mg-tariff-top__select.opened:before {
    display: none;
  }
  .mg-tariff-top__left {
    margin: 0 auto 32px;
    margin-bottom: 32px;
    max-width: 624px;
    box-sizing: border-box;
    border-radius: 32px;
    padding: 32px 40px 40px;
  }
  .mg-tariff-top__title {
    text-align: left;
  }
  .mg-tariff-top__text {
    text-align: left;
  }
  .mg-tariff-top__button {
    display: none;
  }
  .mg-tariff-top__form-wrap {
    box-sizing: border-box;
    border-radius: 0px 16px 16px 16px;
    background: #FFF;
    padding: 48px;
  }
  .mg-tariff-top__form-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mg-tariff-top__price2-wrap {
    align-items: flex-start;
  }
  .mg-tariff-top__price2-old {
    margin-bottom: 1px;
  }
  .mg-tariff-top__form-title {
    margin-bottom: 0;
  }
  .mg-tariff-top__form-subtitle {
    text-align: left;
    margin-bottom: 32px;
  }
  .mg-tariff-top__form form.mg-form {
    align-items: flex-end;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 23px 16px;
  }
  .mg-tariff-top__image {
    max-width: 544px;
    margin-left: auto;
    margin-right: auto;
  }
  .mg-tariff-top__bottom {
    align-items: center;
    flex-direction: row;
  }
  .mg-tariff-top__price-wrap {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .mg-tariff-top {
    margin: 0 64px;
    border-radius: 32px;
    padding: 24px 0;
    position: relative;
  }
  .mg-tariff-top__left {
    margin: 0;
    max-width: 588px;
    position: relative;
    z-index: 2;
  }
  .mg-tariff-top__text {
    margin-bottom: 24px;
  }
  .mg-tariff-top__form-wrap {
    padding: 40px 32px;
  }
  .mg-tariff-top__form-main {
    padding-bottom: 18px;
  }
  .mg-tariff-top__image {
    width: 696px;
    margin: 0;
    max-width: 696px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -41px;
  }
}
.mg-tariff-top.opened {
  z-index: 1;
}
.mg-tariff-work {
  padding: min(11.1111111111vw, 56px) 0 min(5.5555555556vw, 28px);
}
.mg-tariff-work__title {
  font-weight: 600;
  font-size: min(6.6666666667vw, 32px);
  line-height: 1;
  letter-spacing: -0.01em;
  text-align: center;
  color: #000;
  margin: 0 0 16px;
  grid-column-start: 1;
  grid-column-end: 3;
}
.mg-tariff-work__inner {
  display: grid;
  grid-gap: min(2.2222222222vw, 16px);
  grid-template-columns: repeat(2, 1fr);
}
.mg-tariff-work__item {
  display: grid;
  grid-gap: min(2.2222222222vw, 16px);
}
.mg-tariff-work__item * {
  transition: all 0.5s;
}
.mg-tariff-work__item-text-wrap {
  aspect-ratio: 1;
  background: #1CA345;
  border-radius: min(4.4444444444vw, 20px);
  position: relative;
  overflow: hidden;
}
.animate .mg-tariff-work__item-text-wrap {
  opacity: 0.5;
  transform-style: preserve-3d;
  transform: rotateY(90deg);
}
.mg-tariff-work__item-image {
  aspect-ratio: 1;
  border-radius: min(4.4444444444vw, 20px);
  overflow: hidden;
  position: relative;
}
.mg-tariff-work__item-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s 0.1s;
}
.animate .mg-tariff-work__item-image img:nth-child(2) {
  opacity: 0;
  transform-style: preserve-3d;
  transform: rotateY(90deg);
}
.mg-tariff-work__item-title {
  position: absolute;
  font-weight: 600;
  font-size: min(3.8888888889vw, 17px);
  bottom: min(5.5555555556vw, 32px);
  right: min(5.5555555556vw, 32px);
  left: min(5.5555555556vw, 32px);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #fff;
}
.animate .mg-tariff-work__item-title {
  opacity: 0;
  transform: translateY(110px);
}
.mg-tariff-work__item-ico {
  width: min(8.8888888889vw, 40px);
  height: min(8.8888888889vw, 40px);
  left: min(5.5555555556vw, 32px);
  top: min(5.5555555556vw, 32px);
  position: absolute;
}
.mg-tariff-work__item-ico img {
  width: 100%;
  height: 100%;
}
.animate .mg-tariff-work__item-ico {
  opacity: 0;
  transform: translateY(-72px);
}
.mg-tariff-work__item:nth-child(odd) .mg-tariff-work__item-image {
  order: -1;
}
.mg-tariff-work__item:nth-child(n + 4) {
  display: none;
}
@media (min-width: 640px) {
  .mg-tariff-work {
    padding-top: 80px;
  }
  .mg-tariff-work__title {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
    grid-column-start: 1;
    grid-column-end: 4;
    letter-spacing: -0.01em;
    margin-bottom: 24px;
    line-height: 1.2;
  }
  .mg-tariff-work__inner {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
  }
  .mg-tariff-work__item {
    grid-template-columns: 1fr;
  }
  .mg-tariff-work__item:nth-child(n + 3) {
    display: grid;
  }
  .mg-tariff-work__item:nth-child(n + 5) {
    display: none;
  }
}
@media (min-width: 1200px) {
  .mg-tariff-work {
    padding: 80px 0 0;
  }
  .mg-tariff-work__inner {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
  }
  .mg-tariff-work__title {
    max-width: 460px;
    grid-column-end: 3;
    grid-column-start: 2;
    font-size: 48px;
    line-height: 1.1;
    margin: 0 20px 0 36px;
    align-self: center;
    text-align: left;
  }
  .mg-tariff-work__item {
    grid-template-columns: repeat(2, 1fr);
  }
  .mg-tariff-work__item:nth-child(4) .mg-tariff-work__item-image {
    order: -1;
  }
  .mg-tariff-work__item:nth-child(2) {
    grid-row-start: 1;
  }
  .mg-tariff-work__item-text-wrap {
    border-radius: 22px;
  }
  .mg-tariff-work__item-image {
    border-radius: 22px;
  }
  .mg-tariff-work__item-title {
    font-size: 24px;
    bottom: 40px;
    right: 40px;
    left: 40px;
  }
  .mg-tariff-work__item-ico {
    width: 48px;
    height: 48px;
    left: 40px;
    top: 40px;
  }
}
.mp-wrapp {
  max-width: 1264px;
}
.business-func {
  padding: min(5.5555555556vw, 28px) 0 min(11.1111111111vw, 56px);
}
.business-func__top {
  display: flex;
  flex-direction: column;
}
.business-func__title {
  font-weight: 600;
  font-size: min(6.6666666667vw, 32px);
  line-height: 1;
  letter-spacing: -0.01em;
  text-align: center;
  color: #000;
  margin: 0 0 24px;
}
.business-func__text {
  order: 1;
}
.business-func__select {
  margin-bottom: 24px;
  height: 64px;
  z-index: 2;
}
.business-func__select-inner {
  background: #f7f8fb;
  padding: 4px;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.opened .business-func__select-inner {
  background: #fff;
}
.opened .business-func__select-inner:before {
  position: absolute;
  left: 4px;
  right: 4px;
  top: 112px;
  content: "";
  height: 1px;
  background: #e2e2e2;
}
.business-func__select-item {
  border-radius: 48px;
  color: #fff;
  padding: 17px 50px 17px 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  background-color: transparent;
  letter-spacing: -0.01em;
  color: #1f1f1f;
  border: none;
  outline: none;
  display: none;
  text-align: left;
  cursor: pointer;
}
.business-func__select-item.active {
  order: -1;
  display: block;
  color: #fff;
  background: linear-gradient(180deg, #15b746 0%, #1ca345 100%);
  position: relative;
}
.business-func__select-item.active:before {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23fff'/%3E%3Cpath d='m8 10 3.293 3.293c.333.333.5.5.707.5.207 0 .374-.167.707-.5L16 10' stroke='%23141B34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  content: "";
  top: 16px;
  right: 16px;
  position: absolute;
}
.opened .business-func__select-item {
  display: block;
}
.opened .business-func__select-item.active:before {
  transform: rotate(180deg);
}
.business-func__select.opened:before {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.5);
  content: "";
}
.business-func__text {
  font-size: min(4.4444444444vw, 18px);
  line-height: 1.4;
  letter-spacing: -0.01em;
  text-align: center;
  color: #444;
  margin-bottom: 24px;
}
@media (min-width: 640px) {
  .business-func__top {
    display: block;
  }
  .business-func__title {
    line-height: 1.2;
    margin-bottom: 8px;
  }
  .business-func__text {
    margin-bottom: 40px;
  }
  .business-func__select {
    height: auto;
    text-align: center;
    font-size: 0;
  }
  .business-func__select-inner {
    display: inline-block;
    background: #f7f8fb;
    border-radius: 104px;
    padding: 6px;
  }
  .opened .business-func__select-inner {
    background: #f7f8fb;
  }
  .opened .business-func__select-inner:before {
    display: none;
  }
  .business-func__select-item {
    display: inline-block;
    color: #9a9a9a;
    padding: 19px 24px;
    line-height: 1.4;
    font-size: 14px;
  }
  .business-func__select-item:hover:not(.active) {
    background: #e9ebf0;
  }
  .business-func__select-item.active {
    order: inherit;
    display: inline-block;
  }
  .business-func__select-item.active:before {
    display: none;
  }
  .opened .business-func__select-item {
    display: inline-block;
  }
  .business-func__select.opened:before {
    display: none;
  }
}
@media (min-width: 1200px) {
  .business-func {
    padding: 80px 0;
  }
  .business-func__top {
    margin-bottom: 40px;
  }
  .business-func__title {
    font-size: 48px;
    margin-bottom: 0;
    line-height: 1.1;
  }
  .business-func__select {
    margin-bottom: 0;
    flex: none;
    margin-left: auto;
  }
  .business-func__select-item {
    font-size: 16px;
    padding: 19px 32px;
  }
  .business-func__text {
    font-size: 22px;
  }
}
.func-box {
  border: min(0.2777777778vw, 2px) solid #f4f4f4;
  border-radius: 24px;
  padding: min(4.4444444444vw, 24px);
  display: grid;
  grid-gap: 32px;
  display: none;
}
.func-box.active {
  display: grid;
}
.func-box__top {
  background: rgba(28, 163, 69, 0.1);
  border-radius: 16px;
  padding: min(4.4444444444vw, 24px);
  margin-bottom: min(4.4444444444vw, 24px);
}
.func-box__title {
  font-weight: 600;
  font-size: min(5.5555555556vw, 22px);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #000;
  margin-bottom: 4px;
}
.func-box__text {
  font-weight: 500;
  font-size: min(3.6111111111vw, 14px);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #1CA345;
  margin-bottom: min(2.2222222222vw, 16px);
}
.func-box__price {
  font-weight: 600;
  font-size: min(5.5555555556vw, 22px);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #000;
}
.func-box__list {
  display: grid;
  grid-gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.func-box__list-item {
  font-size: min(3.6111111111vw, 14px);
  line-height: 1.23;
  letter-spacing: -0.01em;
  color: #000;
  position: relative;
  padding-left: 24px;
  break-inside: avoid;
}
.func-box__list-item-note-bottom {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #f94735;
  min-height: 40px;
  padding: 5px 0 0 48px;
  box-sizing: border-box;
  position: relative;
  margin-top: 16px;
}
.func-box__list-item-note-bottom:before {
  width: 40px;
  height: 40px;
  left: 0;
  top: 0;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='.461' width='40' height='40' rx='20' fill='%23F94735'/%3E%3Cpath d='M22 19.46h5.5a1.5 1.5 0 0 0 1.5-1.5v-1a1.5 1.5 0 0 0-1.5-1.5h-15a1.5 1.5 0 0 0-1.5 1.5v1a1.5 1.5 0 0 0 1.5 1.5H18M28 19.46v8a2 2 0 0 1-2 2H14a2 2 0 0 1-2-2v-8' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath clip-rule='evenodd' d='M18 11.46a2 2 0 0 1 2 2v2h-2a2 2 0 0 1 0-4zM22 11.46a2 2 0 1 1 0 4h-2v-2a2 2 0 0 1 2-2z' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='18' y='15.461' width='4' height='14' rx='1' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 100% auto;
  content: "";
}
.func-box__list-item-note {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
}
.func-box__list-item-note span {
  display: inline-block;
  cursor: pointer;
}
.func-box__list-item-note span:hover ~ div {
  opacity: 1;
  pointer-events: all;
  z-index: 2;
}
.func-box__list-item-note div {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s;
  top: 105%;
  left: 0;
  right: 0;
  background: #ffebb6;
  box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.12);
  padding: 10px 16px;
  border-radius: 16px;
  line-height: 1.4;
}
.func-box__list-item:before {
  position: absolute;
  left: 3px;
  top: 4px;
  width: 8px;
  height: 8px;
  content: "";
  border-radius: 50%;
  background: #1CA345;
}
.func-box__item:last-child .func-box__top {
  background: rgba(60, 100, 229, 0.1);
}
.func-box__item:last-child .func-box__text {
  color: #3c64e5;
}
.func-box__item:last-child .func-box__list-item:before {
  background: #3c64e5;
}
@media (min-width: 640px) {
  .func-box {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
  }
  .func-box__list {
    grid-gap: 16px;
  }
  .func-box__list-item {
    line-height: 1.21;
  }
}
@media (min-width: 1200px) {
  .func-box {
    padding: 40px;
    grid-gap: 24px;
  }
  .func-box__top {
    display: flex;
    align-items: center;
  }
  .func-box__title-wrap {
    flex: 1 0 1%;
  }
  .func-box__price {
    flex: none;
    width: 180px;
    text-align: right;
  }
  .func-box__text {
    margin-bottom: 0;
  }
  .func-box__list {
    display: block;
    column-count: 2;
    column-gap: 16px;
    column-fill: balance;
  }
  .func-box__list-item {
    margin-bottom: 16px;
    line-height: 1.2;
  }
  .func-box__list-item-note div {
    padding: 16px 20px;
    border-radius: 16px;
  }
  .func-box__list-item-note-bottom {
    margin-top: 0;
    padding-left: 47px;
    padding-top: 11px;
  }
}
.mg-tariff-pic {
  background: url(pic-bg.webp) center center no-repeat;
  background-size: cover;
  padding-top: min(11.1111111111vw, 56px);
}
.mg-tariff-pic__title {
  font-weight: 600;
  font-size: min(6.6666666667vw, 32px);
  line-height: 1;
  letter-spacing: -0.01em;
  text-align: center;
  color: #000;
  margin-bottom: 15px;
}
.mg-tariff-pic__img {
  line-height: 0;
  margin: 0 -16px;
  height: 70vw;
}
.mg-tariff-pic__img img {
  max-width: 100%;
  height: auto;
}
@media (min-width: 640px) {
  .mg-tariff-pic__title {
    margin-bottom: 43px;
  }
  .mg-tariff-pic__img {
    text-align: center;
    height: 313px;
    padding-left: 24px;
  }
}
@media (min-width: 1200px) {
  .mg-tariff-pic {
    padding-top: 80px;
    border-radius: 32px;
    margin: 0 64px;
  }
  .mg-tariff-pic__title {
    margin-bottom: 48px;
    font-size: 48px;
  }
  .mg-tariff-pic .mp-wrapp {
    max-width: 1173px;
  }
  .mg-tariff-pic__img {
    padding-left: 0;
    height: 563px;
  }
  .mg-tariff-pic__img img {
    max-width: 100%;
    transform: translateX(19px);
  }
}
.mg-tariff-form {
  padding: 104px 0 0;
}
.mg-tariff-form__inner {
  display: grid;
  grid-gap: min(6.6666666667vw, 60px);
}
.mg-tariff-form__title {
  font-weight: 600;
  font-size: min(6.6666666667vw, 32px);
  line-height: 1.1;
  letter-spacing: -0.01em;
  text-align: center;
  color: #000;
  margin-bottom: 8px;
}
.mg-tariff-form__text {
  font-size: min(4.4444444444vw, 20px);
  line-height: 1.1;
  letter-spacing: -0.01em;
  text-align: center;
  color: #444;
  margin-bottom: 29px;
}
.mg-tariff-form__pic {
  max-width: 52.8vw;
  margin: 0 auto;
  line-height: 0;
  position: relative;
}
.mg-tariff-form__pic:before {
  position: absolute;
  width: 11.1vw;
  top: -18px;
  content: "";
  left: -6%;
  height: 11.1vw;
  background: url("data:image/svg+xml,%3Csvg width='103' height='103' viewBox='0 0 103 103' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' fill='%239148D6'%3E%3Cpath opacity='.05' d='m69.3 6.11-4.518 13.906c-.497 1.513-2.114 2.3-3.606 1.824-.02 0-.041-.02-.062-.02a2.828 2.828 0 0 1-1.845-3.586l4.518-13.906a2.811 2.811 0 0 1 3.565-1.824c.041.02.104.041.145.041 1.471.477 2.28 2.073 1.803 3.565Z'/%3E%3Cpath opacity='.1' d='m82.44 13.847-8.6 11.833a2.853 2.853 0 0 1-4 .622c-.02-.02-.041-.02-.041-.041-1.285-.933-1.575-2.715-.643-3.98l8.6-11.833a2.845 2.845 0 0 1 3.96-.643c.04.021.082.063.124.083 1.264.912 1.533 2.694.6 3.959Z'/%3E%3Cpath opacity='.15' d='m92.572 25.24-11.833 8.6a2.848 2.848 0 0 1-3.98-.642c-.02-.02-.02-.041-.04-.041a2.854 2.854 0 0 1 .62-4l11.835-8.6c1.264-.913 3.046-.643 3.958.6.02.042.062.083.083.125a2.845 2.845 0 0 1-.643 3.958Z'/%3E%3Cpath opacity='.2' d='m98.69 39.214-13.906 4.518c-1.513.497-3.109-.352-3.586-1.845 0-.02-.02-.041-.02-.062-.498-1.513.31-3.13 1.824-3.606l13.906-4.518a2.847 2.847 0 0 1 3.585 1.803.378.378 0 0 1 .041.145c.456 1.492-.373 3.088-1.844 3.565Z'/%3E%3Cpath opacity='.25' d='M103 51.503v.083c0 1.554-1.285 2.818-2.839 2.818h-14.61c-1.576 0-2.84-1.285-2.84-2.88v-.041c0-1.576 1.264-2.881 2.84-2.881h14.61c1.554 0 2.839 1.264 2.839 2.818v.083Z'/%3E%3Cpath opacity='.3' d='M100.511 67.352a.381.381 0 0 0-.042.145c-.476 1.492-2.093 2.3-3.585 1.803l-13.906-4.518c-1.513-.497-2.3-2.114-1.824-3.606 0-.02.021-.041.021-.062a2.828 2.828 0 0 1 3.585-1.845l13.906 4.518a2.84 2.84 0 0 1 1.845 3.565Z'/%3E%3Cpath opacity='.35' d='M93.215 81.715c-.021.042-.062.083-.083.124-.912 1.265-2.694 1.534-3.959.602L77.34 73.84a2.854 2.854 0 0 1-.622-4c.02-.02.02-.041.042-.041.932-1.285 2.715-1.575 3.979-.643l11.833 8.6a2.845 2.845 0 0 1 .643 3.96Z'/%3E%3Cpath opacity='.4' d='M81.841 93.116c-.041.02-.082.062-.124.083a2.845 2.845 0 0 1-3.958-.642l-8.6-11.834a2.848 2.848 0 0 1 .642-3.979c.02-.02.041-.02.041-.041a2.853 2.853 0 0 1 4 .621l8.6 11.834c.933 1.264.664 3.046-.6 3.958Z'/%3E%3Cpath opacity='.45' d='M67.503 100.472a.38.38 0 0 1-.145.042 2.846 2.846 0 0 1-3.565-1.824l-4.518-13.906c-.497-1.513.353-3.109 1.845-3.586.02 0 .041-.02.062-.02 1.513-.498 3.13.31 3.606 1.824l4.518 13.906a2.85 2.85 0 0 1-1.803 3.564Z'/%3E%3Cpath opacity='.5' d='M54.404 85.527v14.61c0 1.555-1.264 2.84-2.818 2.84h-.166c-1.554 0-2.818-1.285-2.818-2.84v-14.61c0-1.575 1.285-2.84 2.88-2.84h.041c1.596 0 2.881 1.265 2.881 2.84Z'/%3E%3Cpath opacity='.55' d='M43.748 84.781 39.23 98.687a2.812 2.812 0 0 1-3.565 1.824.38.38 0 0 0-.145-.042c-1.492-.476-2.3-2.093-1.803-3.585l4.518-13.906c.497-1.513 2.114-2.3 3.606-1.824.02 0 .041.021.062.021a2.884 2.884 0 0 1 1.845 3.606Z'/%3E%3Cpath opacity='.6' d='m33.84 80.739-8.6 11.833a2.845 2.845 0 0 1-3.96.643c-.04-.021-.082-.062-.124-.083-1.264-.912-1.533-2.694-.6-3.959l8.6-11.833a2.854 2.854 0 0 1 4-.622c.02.02.041.02.041.042a2.848 2.848 0 0 1 .643 3.979Z'/%3E%3Cpath opacity='.65' d='m25.68 73.865-11.833 8.6c-1.264.913-3.047.643-3.959-.6-.02-.041-.062-.083-.083-.124a2.845 2.845 0 0 1 .643-3.959l11.834-8.6a2.848 2.848 0 0 1 3.979.642c.02.02.02.041.041.041.912 1.265.643 3.068-.622 4Z'/%3E%3Cpath opacity='.7' d='M20.02 64.788 6.112 69.306a2.847 2.847 0 0 1-3.585-1.803.384.384 0 0 1-.042-.145 2.845 2.845 0 0 1 1.824-3.565l13.906-4.518c1.513-.497 3.109.353 3.585 1.845 0 .02.021.041.021.062a2.836 2.836 0 0 1-1.803 3.606Z'/%3E%3Cpath opacity='.75' d='M20.31 51.503v.02c0 1.576-1.264 2.881-2.84 2.881H2.84C1.284 54.404 0 53.14 0 51.586v-.166c0-1.554 1.285-2.818 2.84-2.818h14.61c1.575 0 2.84 1.285 2.84 2.88.02 0 .02.021.02.021Z'/%3E%3Cpath opacity='.8' d='M21.84 41.825c0 .021-.02.042-.02.063a2.828 2.828 0 0 1-3.586 1.844L4.328 39.214a2.811 2.811 0 0 1-1.824-3.564.384.384 0 0 0 .041-.146c.477-1.492 2.094-2.3 3.586-1.803l13.906 4.518c1.492.498 2.28 2.114 1.803 3.606Z'/%3E%3Cpath opacity='.85' d='M26.279 33.14c-.021.02-.021.042-.042.042-.932 1.285-2.715 1.575-3.979.642l-11.834-8.6a2.845 2.845 0 0 1-.642-3.959c.02-.041.062-.083.083-.124.912-1.264 2.694-1.534 3.958-.601l11.834 8.6a2.856 2.856 0 0 1 .622 4Z'/%3E%3Cpath opacity='.9' d='M33.198 26.24c-.02.02-.041.02-.041.041a2.853 2.853 0 0 1-4-.621l-8.6-11.813c-.913-1.264-.643-3.047.6-3.959.042-.02.083-.062.125-.083a2.845 2.845 0 0 1 3.958.643l8.6 11.834c.933 1.264.622 3.046-.642 3.958Z'/%3E%3Cpath opacity='.95' d='M41.887 21.822c-.02 0-.041.021-.062.021-1.513.497-3.13-.31-3.606-1.824L33.701 6.113a2.847 2.847 0 0 1 1.803-3.585.384.384 0 0 1 .145-.042 2.845 2.845 0 0 1 3.565 1.824l4.518 13.906c.497 1.513-.332 3.109-1.845 3.606Z'/%3E%3Cpath d='M54.404 2.84v14.61c0 1.575-1.285 2.84-2.88 2.84h-.041c-1.576 0-2.881-1.265-2.881-2.84V2.84c0-1.555 1.264-2.84 2.818-2.84h.166c1.554 0 2.818 1.285 2.818 2.84Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h103v103H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center center no-repeat;
  background-size: cover;
  animation: spin 5s linear infinite;
}
.mg-tariff-form__pic span {
  display: block;
}
.mg-tariff-form__pic img {
  max-width: 100%;
  height: auto;
}
.mg-tariff-form__right .mg-tariff-form__text {
  margin-bottom: 20px;
}
.mg-tariff-form__form-wrap {
  background: #f7f7fb;
  border-radius: 18px;
  padding: min(8.8888888889vw, 56px) min(5.5555555556vw, 56px);
}
.mg-tariff-form__form form {
  display: grid;
  grid-gap: 4px;
}
.mg-tariff-form__form form .mg-form__field-title {
  display: inline-block;
  font-weight: 600;
  font-size: 10px;
  padding: 6px 8px;
  background: #f7f7fb;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #3e3e3e;
  position: relative;
  margin-left: 12px;
}
.mg-tariff-form__form form .mg-form__field-control {
  margin-top: -12px;
}
.mg-tariff-form__form form input[type="text"] {
  border: 1px solid #d2d5da;
  border-radius: 36px;
  width: 100%;
  height: 46px;
  padding: 10px 19px;
  box-sizing: border-box;
  background: transparent;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  outline: none;
  transition: all 0.2s;
}
.mg-tariff-form__form form input[type="text"]::placeholder {
  font-family: inherit;
  color: rgba(102, 112, 133, 0.64);
}
.mg-tariff-form__form form input[type="text"]:hover {
  border-color: #14a643;
}
.mg-tariff-form__form form input[type="text"]:focus {
  border-color: #14a643;
  color: #000;
}
.mg-tariff-form__form form input[type="text"]:focus::placeholder {
  color: #000;
}
.mg-tariff-form__form form .tpl-form-button {
  margin-top: 11px;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-align: center;
  color: #fff;
  border: none;
  outline: none;
  padding: 16px 24px;
  border-radius: 48px;
  cursor: pointer;
  background: linear-gradient(180deg, #15B746 0%, #1CA345 100%);
  box-shadow: 0px 8px 16px rgba(28, 163, 69, 0.24);
}
.mg-tariff-form__form form .tpl-form-button:hover {
  box-shadow: 0 8px 8px 0 rgba(20, 166, 67, 0.24), inset 0 0 11px 0 rgba(255, 255, 255, 0.32);
  background: #14a643;
}
.mg-tariff-form__form form .tpl-form-button:active {
  box-shadow: none;
  background: #12993E;
}
.mg-tariff-form__form-note {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  text-align: center;
  color: #777;
  margin-top: 16px;
}
.mg-tariff-form__form-note a {
  color: #2663ff;
}
@media (min-width: 640px) {
  .mg-tariff-form {
    padding: 72px 0 0;
  }
  .mg-tariff-form__inner {
    grid-gap: 40px;
  }
  .mg-tariff-form__left {
    display: flex;
    align-items: center;
    padding-left: 42px;
  }
  .mg-tariff-form__left .mg-tariff-form__text {
    margin-bottom: 14px;
  }
  .mg-tariff-form__title {
    text-align: left;
    font-size: 36px;
    margin-bottom: 16px;
  }
  .mg-tariff-form__text {
    text-align: left;
  }
  .mg-tariff-form__pic {
    order: -1;
    flex: none;
    width: 204px;
    padding-right: 7px;
    line-height: 0;
    margin-right: 16px;
  }
  .mg-tariff-form__pic:before {
    width: 7.1vw;
    top: -19px;
    left: -7%;
    height: 7.1vw;
  }
  .mg-tariff-form__pic:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 7px;
    left: 0;
    content: "";
    border: 3px solid #f0f0f0;
    border-radius: 50%;
    transform: translate(7px, 7px);
    z-index: -1;
  }
  .mg-tariff-form__form-wrap {
    padding: 56px;
  }
  .mg-tariff-form__right {
    margin: 0 32px;
  }
  .mg-tariff-form__right .mg-tariff-form__title {
    margin-bottom: 16px;
    text-align: center;
  }
  .mg-tariff-form__right .mg-tariff-form__text {
    margin-bottom: 32px;
    text-align: center;
    font-size: 16px;
  }
  .mg-tariff-form__form {
    position: relative;
  }
  .mg-tariff-form__form form {
    grid-gap: 8px;
  }
  .mg-tariff-form__form form input[type="text"] {
    height: 54px;
    font-size: 14px;
  }
  .mg-tariff-form__form form .mg-form__field-title {
    font-size: 13px;
    padding: 8px;
    margin-left: 16px;
  }
  .mg-tariff-form__form form .mg-form__field-control {
    margin-top: -14px;
  }
  .mg-tariff-form__form form .tpl-form-button {
    font-size: 18px;
    width: fit-content;
    padding: 19px 48px;
    margin-top: 24px;
  }
  .mg-tariff-form__form-note {
    font-size: 13px;
    text-align: left;
    position: absolute;
    left: 220px;
    bottom: 11px;
    width: 280px;
  }
}
.mg-tariff-form__buttons {
  padding-top: min(6.6666666667vw, 32px);
  padding-bottom: min(6.6666666667vw, 32px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 640px) {
  .mg-tariff-form__buttons {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .mg-tariff-form__buttons {
    padding-top: 22px;
  }
}
.mg-tariff-form__buttons-title {
  color: #000;
  font-size: min(4.4444444444vw, 21px);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.16px;
  text-align: center;
  margin-bottom: 8px;
}
@media (min-width: 640px) {
  .mg-tariff-form__buttons-title {
    text-align: left;
  }
}
.mg-tariff-form__buttons-text {
  font-weight: 400;
  font-size: min(3.8888888889vw, 16px);
  line-height: 140%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #6e6e6e;
}
@media (min-width: 640px) {
  .mg-tariff-form__buttons-text {
    text-align: left;
  }
}
.mg-tariff-form__buttons-text span {
  font-weight: 700;
  color: #000;
}
.mg-tariff-form__buttons-item {
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  border-radius: 40px;
  padding: 15px 18px;
  text-decoration: none;
}
.mg-tariff-form__buttons-item:nth-child(2) {
  background: rgba(3, 155, 229, 0.16);
}
.mg-tariff-form__buttons-item:nth-child(2):hover {
  background: rgba(3, 155, 229, 0.24);
}
.mg-tariff-form__buttons-item:nth-child(2):active {
  background: rgba(3, 155, 229, 0.32);
}
.mg-tariff-form__buttons-item:nth-child(3) {
  background: linear-gradient(180deg, rgba(80, 206, 94, 0.16) 0%, rgba(41, 175, 62, 0.16) 100%);
}
.mg-tariff-form__buttons-item:nth-child(3):hover {
  background: linear-gradient(180deg, rgba(80, 206, 94, 0.24) 0%, rgba(41, 175, 62, 0.24) 100%);
}
.mg-tariff-form__buttons-item:nth-child(3):active {
  background: linear-gradient(180deg, rgba(80, 206, 94, 0.32) 0%, rgba(41, 175, 62, 0.32) 100%);
}
.mg-tariff-form__buttons-item span img {
  height: 18px;
  width: auto;
}
.mg-tariff-form__buttons-item span:first-child {
  line-height: 0;
  flex: none;
  margin-right: 7px;
}
.mg-tariff-form__buttons-item span:last-child {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #000;
}
@media (min-width: 1200px) {
  .mg-tariff-form {
    padding: 87px 0 0;
  }
  .mg-tariff-form__inner {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px;
  }
  .mg-tariff-form__left {
    display: block;
    padding-left: 0;
  }
  .mg-tariff-form__left .mg-tariff-form__text {
    font-size: 24px;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 60px;
  }
  .mg-tariff-form__title {
    text-align: center;
    font-size: 48px;
    margin-bottom: 16px;
    line-height: 1.1;
    letter-spacing: -0.01em;
  }
  .mg-tariff-form__text {
    font-size: 24px;
  }
  .mg-tariff-form__pic {
    width: 442px;
    padding-right: 0;
    margin: 0 auto;
  }
  .mg-tariff-form__pic:before {
    width: 103px;
    top: -38px;
    left: -36px;
    height: 103px;
  }
  .mg-tariff-form__pic:after {
    right: 0;
    transform: translate(13px, 13px);
  }
  .mg-tariff-form__pic span {
    position: relative;
  }
  .mg-tariff-form__pic span:before {
    position: absolute;
    content: "";
    background: url("data:image/svg+xml,%3Csvg width='144' height='113' viewBox='0 0 144 113' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M136.939 59.613c-1.662.24-3.373.496-5.034.737-1.662.24-3.323.48-4.969.77-1.186.203-2.42.42-3.621.573l-3.62.572-3.586.508-1.776.221-1.791.172c-.689.05-1.57-.167-2.054.199-.4.285-.834.636-1.154 1.006-.37.385-.625.789-.766 1.212-.16.537.759 2.64 1.491 2.198 1.699-1.174 5.956-1.617 10.079-1.964 2.069-.15 4.074-.332 5.651-.493.789-.08 1.479-.13 2.054-.198.526-.054.938-.126 1.136-.187l.301.45c-.362.056-.69.049-1.052.106-1.25.168-2.5.336-3.803.683-1.269.282-2.606.694-3.978 1.17-1.372.477-2.797 1.133-4.306 1.869-1.89.907-3.73 1.8-5.636 2.657-.96.404-1.905.858-2.865 1.262l-2.881 1.213c-.96.404-1.936.758-2.896 1.162-.975.355-1.936.76-2.911 1.114-1.966.66-3.917 1.369-5.914 1.93-1.966.659-3.978 1.17-5.94 1.666-2.028.461-3.99.957-5.999 1.304-4.05.76-8.063 1.29-12.118 1.508-8.11.436-16.188-.439-23.738-2.941a63.214 63.214 0 0 1-5.541-2.145c-1.784-.86-3.568-1.721-5.249-2.777-3.38-1.996-6.57-4.43-9.51-7.105-7.271-6.71-13.31-15.046-17.507-24.276-.656-1.425-1.243-2.98-2.051-4.195-.873-1.25-1.902-2.126-3.522-2.278-.243 2.732.283 5.499 1.221 8.193.938 2.694 2.273 5.266 3.84 7.712 2.325 3.677 5 7.084 7.878 10.265a118.68 118.68 0 0 0 4.502 4.58 117.791 117.791 0 0 0 4.738 4.29c5.66 4.82 12.146 8.626 19.19 11.067 7.042 2.441 14.527 3.5 21.954 3.49a87.228 87.228 0 0 0 11.15-.776c3.686-.538 7.39-1.19 10.968-2.075 7.27-1.75 14.328-4.195 21.213-7.02 1.01-.42 2.035-.79 3.06-1.159 1.025-.37 2.081-.64 3.121-.96 1.04-.321 2.065-.691 3.106-1.011l1.57-.538c.529-.217 1.009-.42 1.539-.637 1.772-.762 3.593-1.54 5.319-2.451-1.028 1.239-2.042 2.527-3.021 3.75-.792.95-1.505 1.982-2.232 2.966-.728.983-1.44 2.016-2.153 3.049-.339.484-.061 1.916.458 2.19.469.29 1.593-.11 2.355-.453.43-.187.705-.705 1.009-1.124 4.477-6.423 9.152-12.2 15.164-16.98.301-.256.602-.512.724-.82.248-.782.712-1.738.464-2.367-.251-.465-1.421-.918-2.061-.884Z' fill='%23000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.672 37.68 120.552.767l22.896 74.357-119.88 36.913z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center center no-repeat;
    width: 144px;
    height: 113px;
    right: -70px;
    bottom: 35px;
  }
  .mg-tariff-form__right {
    margin: 0;
  }
  .mg-tariff-form__form-wrap {
    padding: 56px;
  }
  .mg-tariff-form__right .mg-tariff-form__text {
    margin-bottom: 32px;
    line-height: 1.2;
  }
  .mg-tariff-form__right .mg-tariff-form__title {
    font-size: 36px;
  }
  .mg-tariff-form__form {
    position: relative;
  }
  .mg-tariff-form__form form {
    grid-gap: 5px;
  }
  .mg-tariff-form__form form .tpl-form-button {
    margin-top: 29px;
    font-size: 18px;
    width: fit-content;
    padding: 19px 48px;
  }
  .mg-tariff-form__form-note {
    bottom: 12px;
    width: 270px;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.mg-tariff-themes {
  background: url(theme-bg.webp) center center no-repeat;
  padding: min(11.1111111111vw, 56px) 0;
}
.mg-tariff-themes__title {
  font-weight: 600;
  font-size: min(6.6666666667vw, 32px);
  text-align: center;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: #000;
  margin: 0 0 8px;
}
.mg-tariff-themes__text {
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #777;
  font-size: min(4.4444444444vw, 20px);
  padding-bottom: min(4.4444444444vw, 24px);
}
.mg-tariff-themes__list {
  line-height: 0;
  margin: 0 -4px;
  text-align: center;
}
.mg-tariff-themes__item {
  margin: 8px 4px 0;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  padding: min(3.8888888889vw, 20px) min(5vw, 24px) min(3.8888888889vw, 20px) min(3.8888888889vw, 24px);
  background: #fff;
  border-radius: 60px;
  font-weight: 600;
  font-size: min(3.6111111111vw, 16px);
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: #000;
}
.mg-tariff-themes__item img, .mg-tariff-themes__item svg {
  flex: none;
  margin-right: min(1.6666666667vw, 8px);
  width: min(6.6666666667vw, 30px);
  height: min(6.6666666667vw, 30px);
}
.mg-tariff-themes__item:hover {
  box-shadow: inset 0 0 14px 0 rgba(255, 255, 255, 0.24), 0 8px 16px 0 rgba(0, 163, 55, 0.3);
  background: linear-gradient(180deg, #15B746 0%, #1CA345 100%);
  color: #fff;
}
.mg-tariff-themes__item:hover path[stroke] {
  stroke: #fff;
}
.mg-tariff-themes__item:hover path[fill] {
  fill: #fff;
}
.mg-tariff-themes__item:active {
  box-shadow: none;
  background: linear-gradient(0deg, #15B746 0%, #1CA345 100%);
  color: #fff;
}
.mg-tariff-themes__item:active path[stroke] {
  stroke: #fff;
}
.mg-tariff-themes__item:active path[fill] {
  fill: #fff;
}
.mg-tariff-themes__item--last {
  display: block;
  padding: 20px 40px;
  margin-top: 24px;
  font-size: 16px;
  line-height: 140%;
  box-shadow: 0 8px 16px 0 rgba(28, 163, 69, 0.24);
  background: linear-gradient(180deg, #15b746 0%, #1ca345 100%);
  color: #fff;
}
@media (min-width: 640px) {
  .mg-tariff-themes__title {
    line-height: 1.2;
  }
  .mg-tariff-themes__text {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.3;
    padding-bottom: 32px;
  }
  .mg-tariff-themes__item {
    padding: 17px 24px;
    font-size: 16px;
  }
  .mg-tariff-themes__item--last {
    padding: 20px 40px;
    margin-top: 8px;
    line-height: 24px;
    display: inline-block;
    vertical-align: top;
  }
}
@media (min-width: 1200px) {
  .mg-tariff-themes {
    margin: 0 32px;
    border-radius: 32px;
    padding: 80px 0;
  }
  .mg-tariff-themes__title {
    font-size: 48px;
    margin-bottom: 16px;
  }
  .mg-tariff-themes__text {
    font-size: 22px;
    padding-bottom: 24px;
  }
  .mg-tariff-themes__item {
    margin: 16px 8px 0;
    padding: 20px 32px 20px 28px;
    font-size: 18px;
    vertical-align: bottom;
  }
  .mg-tariff-themes__item img, .mg-tariff-themes__item svg {
    margin-right: 16px;
    width: 24px;
    height: 24px;
  }
  .mg-tariff-themes__item--last {
    font-size: 18px;
    padding: 23px 40px;
    margin: 16px 8px 0;
  }
}
.mg-tariff-portfolio__title {
  padding-top: min(6.6666666667vw, 40px);
  padding-bottom: min(6.6666666667vw, 32px);
  background: #fff;
}
.mg-tariff-portfolio__title h2 {
  color: #000;
  text-align: center;
  font-size: min(6.6666666667vw, 32px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.2px;
  margin-top: 0;
  margin-bottom: 0;
}
.mg-tariff-portfolio__list {
  display: flex;
  flex-wrap: wrap;
}
.mg-tariff-portfolio__item {
  flex: 1 0 320px;
  text-decoration: none;
  color: #fff;
}
.mg-tariff-portfolio__item * {
  display: block;
}
.mg-tariff-portfolio__item-inner {
  padding-top: 100%;
  position: relative;
}
.mg-tariff-portfolio__item-text-wrapper {
  position: absolute;
  top: min(6.6666666667vw, 32px);
  left: min(6.6666666667vw, 32px);
  right: min(6.6666666667vw, 32px);
  z-index: 1;
}
.mg-tariff-portfolio__item-title {
  font-size: min(5vw, 20px);
  font-weight: 600;
  line-height: 130%;
  /* 23.4px */
  letter-spacing: -0.2px;
  margin-bottom: 8px;
}
.mg-tariff-portfolio__item-text {
  font-size: min(3.8888888889vw, 16px);
  line-height: 130%;
  /* 20.8px */
  letter-spacing: -0.2px;
}
.mg-tariff-portfolio__item-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.mg-tariff-portfolio__item-image:before {
  position: absolute;
  background: rgba(31, 31, 31, 0.59);
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.mg-tariff-portfolio__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mg-tariff-portfolio__item:nth-child(n+7) {
  display: none;
}
@media (min-width: 1200px) {
  .mg-tariff-portfolio {
    overflow: hidden;
  }
  .mg-tariff-portfolio__title {
    padding: 80px 0 56px;
  }
  .mg-tariff-portfolio__title h2 {
    font-size: 44px;
    letter-spacing: -0.01em;
  }
  .mg-tariff-portfolio__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .mg-tariff-portfolio__item-text-wrapper {
    left: 32px;
    right: 32px;
    top: 24px;
  }
  .mg-tariff-portfolio__item-title {
    font-size: 24px;
  }
  .mg-tariff-portfolio__item-text {
    font-size: 18px;
  }
  .mg-tariff-portfolio__item-image {
    transition: all 0.3s;
  }
  .mg-tariff-portfolio__item:hover {
    z-index: 1;
  }
  .mg-tariff-portfolio__item:hover .mg-tariff-portfolio__item-image {
    left: -12px;
    right: -12px;
    top: -12px;
    bottom: -12px;
  }
  .mg-tariff-portfolio__item:hover .mg-tariff-portfolio__item-image:before {
    background: linear-gradient(180deg, rgba(31, 31, 31, 0.78) 24.26%, rgba(31, 31, 31, 0) 78.85%);
  }
}
@media (min-width: 1440px) {
  .mg-tariff-portfolio__list {
    grid-template-columns: repeat(4, 1fr);
  }
  .mg-tariff-portfolio__item:nth-child(n+7) {
    display: block;
  }
}
.mg-tariff-info {
  box-sizing: border-box;
  padding: min(11.1111111111vw, 56px) 0;
}
.mg-tariff-info__title {
  color: #000;
  text-align: center;
  font-size: min(6.6666666667vw, 28px);
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.5px;
  margin-bottom: min(6.6666666667vw, 40px);
}
.mg-tariff-info__text {
  color: #0B0B0B;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.2px;
}
.mg-tariff-info__text-inner {
  height: 300px;
  overflow: hidden;
  position: relative;
}
.mg-tariff-info__text-inner:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 250px;
  background: linear-gradient(0deg, #fff 0%, #fff 5%, transparent 100%);
  content: "";
}
.show .mg-tariff-info__text-inner {
  height: 100%;
  overflow: visible;
}
.show .mg-tariff-info__text-inner:before {
  display: none;
}
.mg-tariff-info__text p {
  margin: 8px 0;
}
.mg-tariff-info__text p:first-child {
  margin-top: 0;
}
.mg-tariff-info__text p:last-child {
  margin-bottom: 0;
}
.mg-tariff-info__text h3 {
  color: #000;
  text-align: center;
  font-size: min(5.5555555556vw, 24px);
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.5px;
  margin: 16px 0 min(6.6666666667vw, 40px);
}
.mg-tariff-info__text .table-sctoll {
  max-width: 100%;
  overflow: auto;
  padding-bottom: 8px;
}
.mg-tariff-info__text table {
  border: 1px solid #cccccc;
  width: 100%;
  max-width: 100%;
}
.mg-tariff-info__text table td {
  padding: 4px 8px;
  border: 1px solid #cccccc;
}
.mg-tariff-info__button {
  display: block;
  width: fit-content;
  font-size: 16px;
  font-weight: 500;
  background: transparent;
  border: 2px solid #1ca345;
  margin: 24px auto 0;
  padding: 16px 32px;
  border-radius: 40px;
  cursor: pointer;
  transition: all 0.2s;
}
.mg-tariff-info__button:hover {
  background: #1ca345;
  color: #fff;
}
.mg-tariff-info__button:active {
  background: #148b38;
  border-color: #148b38;
  color: #fff;
}
@media (min-width: 640px) {
  .mg-tariff-info__title {
    line-height: 1.2;
  }
  .mg-tariff-info__text {
    line-height: 1.6;
  }
}
@media (min-width: 1200px) {
  .mg-tariff-info {
    padding: 80px 0;
  }
  .mg-tariff-info__title {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    font-size: 36px;
    margin-bottom: 48px;
  }
  .mg-tariff-info__button {
    font-size: 18px;
    padding: 20px 48px;
  }
  .mg-tariff-info__text {
    font-size: 18px;
  }
  .mg-tariff-info__text h3 {
    margin-top: 32px;
    margin-bottom: 32px;
    font-size: 28px;
  }
  .mg-tariff-info__text p {
    margin: 12px 0px;
  }
}
.anim-top {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.anim-right {
  opacity: 0;
  transform: translateX(50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.anim-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.anim-top.visible {
  opacity: 1;
  transform: translateX(0);
}
.anim-right.visible {
  opacity: 1;
  transform: translateX(0);
}
.anim-left.visible {
  opacity: 1;
  transform: translateX(0);
}
.business-top__form-wrap .mg-form__field {
  position: relative;
}
.business-top__form-wrap .mg-form__field + .mg-form__field {
  margin-top: 18px;
}
@media (min-width: 640px) {
  .business-top__form-wrap .mg-form__field + .mg-form__field {
    margin-top: 0;
  }
}
.business-top__form-wrap .mg-form__field-title {
  pointer-events: none;
  display: inline-block;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.2px;
  box-sizing: border-box;
  padding: 7.5px 8px;
  background: #FFF;
  position: absolute;
  top: 0;
  left: min(3.3333333333vw, 16px);
  transform: translateY(-50%);
  z-index: 1;
}
.business-top__form-wrap .lp-form-tpl__field-select {
  position: relative;
}
.business-top__form-wrap .lp-form-tpl__field-select .select-arrow {
  pointer-events: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: min(5.5555555556vw, 24px);
  width: 16px;
  height: 16px;
  background-image: 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='M2.71978 5.93994L7.06645 10.2866C7.99984 11.22 7.99984 11.2199 8.93312 10.2866L13.2798 5.93994' stroke='%231CA345' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  transition: 0.3s ease;
}
.business-top__form-wrap .lp-form-tpl__field-select__input {
  background: #fff;
  box-sizing: border-box;
  padding: 18px min(12.2222222222vw, 48px) 18px min(5.5555555556vw, 24px);
  border-radius: 36px;
  border: 1px solid #1CA345;
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.2px;
  cursor: pointer;
  width: 100%;
  max-width: 100%;
}
.business-top__form-wrap .lp-form-tpl__field-select__input:hover {
  border-color: #1CA345;
}
.business-top__form-wrap .lp-form-tpl__field-select__input.active {
  border-color: #1CA345;
}
.business-top__form-wrap .lp-form-tpl__field-select__input.active + .select-arrow {
  transform: translateY(-50%) rotate(180deg);
}
.business-top__form-wrap .lp-form-tpl__field-select__list {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  width: 100%;
  z-index: 2;
  box-sizing: border-box;
  padding: 8px;
  border-radius: 16px;
  background: #F7F7FB;
}
.business-top__form-wrap .lp-form-tpl__field-select__list > div {
  max-height: 200px;
  overflow: auto;
  padding-right: 4px;
}
.business-top__form-wrap .lp-form-tpl__field-select__list > div::-webkit-scrollbar {
  width: 2px;
  background: #d3d3d3;
  border-radius: 2px;
}
.business-top__form-wrap .lp-form-tpl__field-select__list > div::-webkit-scrollbar-thumb {
  background: #1CA345;
  border-radius: 2px;
}
.business-top__form-wrap .lp-form-tpl__field-select__list.active {
  display: block;
  z-index: 2;
}
.business-top__form-wrap .lp-form-tpl__field-select__list-item {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.2px;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 32px;
  cursor: pointer;
}
.business-top__form-wrap .lp-form-tpl__field-select__list-item:hover {
  background: #1CA345;
  color: #fff;
}
.business-top__form-wrap input[type="text"] {
  background: #fff;
  outline: none;
  box-sizing: border-box;
  padding: 18px min(5.5555555556vw, 24px);
  border-radius: 36px;
  border: 1px solid #D2D5DA;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.2px;
  width: 100%;
  max-width: 100%;
}
.business-top__form-wrap input[type="text"]::placeholder {
  color: #999;
}
.business-top__form-wrap input[type="text"]:hover {
  border-color: #1CA345;
}
.business-top__form-wrap input[type="text"]:focus {
  border-color: #1CA345;
}
.business-top__form-wrap .mg-form__field + .mg-form__field-button {
  margin-top: 16px;
}
@media (min-width: 640px) {
  .business-top__form-wrap .mg-form__field + .mg-form__field-button {
    margin-top: 0;
  }
}
.business-top__form-wrap .tpl-form-button {
  cursor: pointer;
  border: none;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.2px;
  border-radius: 44px;
  background: linear-gradient(180deg, #15B746 0%, #1CA345 100%);
  box-shadow: 0px 8px 16px 0px rgba(28, 163, 69, 0.24);
  box-sizing: border-box;
  padding: 18.5px 24px;
  width: 100%;
}
.business-top__form-wrap .tpl-form-button:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0) 100%), #1CA345;
  box-shadow: 0px 6px 12px 0px rgba(28, 163, 69, 0.24);
}
.business-top__form-wrap .tpl-form-button:active {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), #1CA345;
  box-shadow: 0px 0px 0px 0px rgba(28, 163, 69, 0);
}
.business-top__form-wrap .mg-form__field + .mg-form__field-privacy {
  margin-top: 8px;
  color: #333;
  text-align: center;
  font-size: min(3.6111111111vw, 14px);
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.2px;
}
.business-top__form-wrap .mg-form__field + .mg-form__field-privacy a {
  color: #0369D9;
}
@media (min-width: 640px) {
  .business-top__form-wrap .mg-form__field + .mg-form__field-privacy {
    margin-top: 0;
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
.business-top[data-value="1"] .tpl-form-button {
  box-shadow: 0 8px 16px 0 rgba(187, 60, 131, 0.24);
  background: linear-gradient(180deg, #f77b9f 0%, #bb3c83 100%);
}
.business-top[data-value="1"] .tpl-form-button:hover {
  box-shadow: 0 8px 16px 0 rgba(187, 60, 131, 0.24);
  background: linear-gradient(180deg, #ff98b6 0%, #dc4c9c 100%);
}
.business-top[data-value="1"] .tpl-form-button:active {
  box-shadow: none;
  background: linear-gradient(360deg, #f77b9f 0%, #bb3c83 100%);
}
.business-top[data-value="2"] .tpl-form-button {
  box-shadow: 0 8px 16px 0 rgba(255, 104, 20, 0.24);
  background: linear-gradient(360deg, #ff6814 0%, #ff9221 99%);
}
.business-top[data-value="2"] .tpl-form-button:hover {
  box-shadow: 0 8px 16px 0 rgba(255, 104, 20, 0.24);
  background: linear-gradient(360deg, #ff7930 0%, #ff9b32 99%);
}
.business-top[data-value="2"] .tpl-form-button:active {
  box-shadow: none;
  background: linear-gradient(180deg, #ff6814 0%, #ff9221 99%);
}
.formsteps {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: auto;
  height: 100%;
}
.formsteps._active {
  z-index: 15;
  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: 10px 10px 10px 16px;
  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: 24px 24px 0 0;
  flex: 1;
  height: calc(100vh - 126px);
}
@media (min-width: 640px) {
  .formsteps__main {
    height: auto;
    flex: none;
    width: 100%;
    border-radius: 22px;
  }
}
@media (min-width: 1200px) {
  .formsteps__main {
    flex: 1;
  }
}
.formsteps__close {
  cursor: pointer;
  margin-left: auto;
}
.formsteps__close svg {
  width: 44px;
  height: 44px;
}
@media (min-width: 640px) {
  .formsteps__close svg {
    width: 48px;
    height: 48px;
  }
}
.formsteps__title {
  box-sizing: border-box;
  padding: 20px 24px;
  border-radius: 24px 24px 0 0;
  border-bottom: 1px solid #E0E0E0;
  background: #FFF;
  color: #1CA345;
  font-size: 19px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.38px;
}
@media (min-width: 640px) {
  .formsteps__title {
    display: none;
  }
}
.formsteps__note {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 3px 16px 3px 8px;
  background: linear-gradient(90deg, #0081FE 0%, #AB3DFF 100%);
  color: #FFF;
  font-size: 11px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.22px;
}
@media (min-width: 640px) {
  .formsteps__note {
    margin-top: 16px;
    padding: 8px 24px 8px 16px;
    font-size: 16px;
    letter-spacing: -0.32px;
    border-radius: 20px;
    width: 100%;
    max-width: 704px;
  }
  .formsteps__note br {
    display: none;
  }
}
@media (min-width: 1200px) {
  .formsteps__note {
    margin-top: 8px;
  }
  .formsteps__note br {
    display: block;
  }
}
.formsteps__note img {
  width: 56px;
  height: 56px;
  margin-right: 14px;
}
@media (min-width: 640px) {
  .formsteps__note img {
    width: 86px;
    height: 86px;
    margin-right: 13px;
  }
}
.formsteps__form {
  height: calc(100% - 64px);
  background: #fff;
}
@media (min-width: 640px) {
  .formsteps__form {
    height: auto;
    background: transparent;
  }
}
@media (min-width: 1200px) {
  .formsteps__form {
    height: calc(100% - 72px);
  }
}
@keyframes blick {
  15%, to {
    left: 110%;
  }
}
/*stepform end*/
.mg-business-solution__btn-wrap {
  display: none;
}
@media (max-width: 639px) {
  .mg-business-solution__btn-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.56);
    backdrop-filter: blur(4px);
    z-index: 1;
    transition: 0.3s ease;
    transform: translateY(100%);
    display: block;
  }
  .mg-business-solution__btn-wrap.active_btn {
    transform: translateY(0);
  }
  .mg-business-solution__btn-fix {
    cursor: pointer;
    box-sizing: border-box;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.2px;
    padding: 19px 32px;
    border-radius: 40px;
    background: linear-gradient(180deg, #15B746 0%, #1CA345 100%);
    box-shadow: 0px 8px 16px 0px rgba(28, 163, 69, 0.24);
    width: 100%;
    max-width: calc(100% - 78px);
  }
  .scroll-to-top.js-top-scroll {
    left: auto;
    right: 21px;
    width: 56px;
    height: 56px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 15L11.1392 9.86083C11.545 9.45503 11.7479 9.25213 12 9.25213C12.2521 9.25213 12.455 9.45503 12.8608 9.86083L18 15' stroke='%231BA445' stroke-width='2.43478' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat, rgba(255, 255, 255, 0.8);
  }
  .scroll-to-top.js-top-scroll:hover {
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 15L11.1392 9.86083C11.545 9.45503 11.7479 9.25213 12 9.25213C12.2521 9.25213 12.455 9.45503 12.8608 9.86083L18 15' stroke='%231BA445' stroke-width='2.43478' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat, rgba(255, 255, 255, 0.8);
  }
  .scroll-to-top.js-top-scroll.active_btn {
    bottom: 97px;
  }
  .scroll-to-top.js-top-scroll .scroll-to-top__icon {
    display: none;
  }
  .scroll-to-top.js-top-scroll .scroll-to-top__text {
    display: none;
  }
}
.socials-bottom-buttons__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 8px;
}
@media (min-width: 640px) {
  .socials-bottom-buttons__list {
    grid-gap: 16px;
  }
}
.socials-bottom-buttons__item {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  text-decoration: none;
  display: inline-block;
  background-position: center;
  background-size: contain;
  transition: all 0.3s ease;
}
@media (min-width: 640px) {
  .socials-bottom-buttons__item {
    width: 64px;
    height: 64px;
  }
}
.socials-bottom-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) {
  .socials-bottom-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");
  }
}
.socials-bottom-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");
}
.socials-bottom-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) {
  .socials-bottom-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");
  }
}
.socials-bottom-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");
}
.socials-bottom-buttons__item._max {
  background-image: url("../../../../images/socials/max1.svg");
}
@media (min-width: 1200px) {
  .socials-bottom-buttons__item._max:hover {
    background-image: url("../../../../images/socials/max2.svg");
  }
}
.socials-bottom-buttons__item._max:active {
  background-image: url("../../../../images/socials/max3.svg");
}
