.mg-button {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: -0.01px;
  text-align: center;
  color: #fff;
  padding: 20px 32px;
  background: linear-gradient(180deg, #15B746 0%, #1CA345 100%);
  border-radius: 40px;
  text-decoration: none;
  text-align: center;
  display: block;
  width: fit-content;
  box-sizing: border-box;
  cursor: pointer;
}
.mg-button: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%);
}
.mg-button:active {
  box-shadow: none;
  background: linear-gradient(0deg, #15B746 0%, #1CA345 100%);
}
.mg-main-top {
  background: #F7F7FB;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 16px;
  overflow: hidden;
}
@media (min-width: 640px) {
  .mg-main-top {
    padding-top: 0;
    padding-bottom: 0;
    background: linear-gradient(to right, #F7F7FB 0%, #F7F7FB 90%, #2ea051 90%, #2ea051 100%);
  }
}
@media (min-width: 1200px) {
  .mg-main-top {
    padding-top: 0;
    padding-bottom: 0;
    background: linear-gradient(to right, #F7F7FB 0%, #F7F7FB 80%, #2ea051 80%, #2ea051 100%);
  }
}
@media (min-width: 640px) {
  .mg-main-top__inner {
    padding-right: 0;
    margin-left: 0;
  }
  .mg-main-top__inner_1 {
    display: grid;
    grid-template-columns: 372px 1fr;
    padding-top: 48px;
    padding-bottom: 48px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1184px;
  }
}
@media (min-width: 1200px) {
  .mg-main-top__inner_1 {
    grid-template-columns: 637px 1fr;
    padding-top: 104px;
    padding-bottom: 104px;
  }
}
.mg-main-top__title {
  font-weight: 600;
  font-size: min(6.875vw, 26px);
  line-height: 1.1;
  letter-spacing: -0.2px;
  color: #000;
  margin: 0 0 8px;
}
@media (min-width: 640px) {
  .mg-main-top__title {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .mg-main-top__title {
    font-size: 40px;
    margin-bottom: 16px;
  }
}
.mg-main-top__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #444;
  margin-bottom: 16px;
}
@media (min-width: 640px) {
  .mg-main-top__text {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .mg-main-top__text {
    font-size: 22px;
    line-height: 110%;
    margin-bottom: 24px;
  }
}
.mg-main-top__button {
  margin-right: 12px;
  padding: 16px 18px;
  font-size: 14px;
  white-space: nowrap;
}
@media (min-width: 640px) {
  .mg-main-top__button {
    padding: 16px 24px;
  }
}
@media (min-width: 1200px) {
  .mg-main-top__button {
    margin-right: 16px;
    font-size: 18px;
    padding: 24px 40px;
  }
}
.mg-main-top__image {
  text-align: center;
  height: 254px;
  line-height: 0;
  margin-top: 16px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 640px) {
  .mg-main-top__image {
    margin-top: -49px;
    margin-bottom: -50px;
    height: 338px;
    overflow: visible;
  }
}
@media (min-width: 1200px) {
  .mg-main-top__image {
    height: 433.38px;
    margin-top: -104px;
    margin-bottom: -104px;
  }
}
.mg-main-top__image:before {
  content: "";
  background: url("./img/top-bg.svg") left / cover no-repeat;
  height: 100%;
  width: 768px;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-102px);
}
@media (min-width: 640px) {
  .mg-main-top__image:before {
    left: 80px;
    transform: translateX(0);
  }
}
@media (min-width: 1200px) {
  .mg-main-top__image:before {
    left: 312px;
  }
}
.mg-main-top__image img {
  position: absolute;
  width: 433px;
  left: 50%;
  transform: translateX(-149px);
  top: 32px;
}
@media (min-width: 640px) {
  .mg-main-top__image img {
    left: 20px;
    transform: translateX(0);
    width: 536px;
    top: 34px;
  }
}
@media (min-width: 1200px) {
  .mg-main-top__image img {
    width: auto;
    left: 3px;
    top: 30px;
  }
}
.mg-main-tariffs {
  padding: min(12.5vw, 48px) 0;
}
.mg-main-tariffs__title {
  font-weight: 600;
  font-size: min(6.875vw, 28px);
  line-height: 1.1;
  letter-spacing: -0.02px;
  color: #000;
  margin: 0 0 min(7.5vw, 32px);
  text-align: center;
}
.mg-main-tariffs__inner {
  position: relative;
}
.mg-main-tariffs__slider {
  overflow: hidden;
  position: relative;
  margin-right: -16px;
  margin-left: -16px;
  padding-right: 24px;
  padding-left: 16px;
}
@media (min-width: 416px) {
  .mg-main-tariffs__slider {
    margin-right: -32px;
    margin-left: -32px;
    padding-right: 32px;
    padding-left: 32px;
  }
}
.mg-main-tariffs__list {
  display: flex;
  position: relative;
}
.mg-main-tariffs__item {
  flex: none;
  box-sizing: border-box;
  border: 2px solid #1ca345;
  border-radius: 16px;
  padding: min(6.875vw, 30px);
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
._1 .mg-main-tariffs__item.tariff1 {
  position: relative;
  z-index: 12;
}
._2 .mg-main-tariffs__item.tariff2 {
  position: relative;
  z-index: 12;
}
._3 .mg-main-tariffs__item.tariff3 {
  position: relative;
  z-index: 12;
}
.mg-main-tariffs__item-title {
  font-weight: 600;
  font-size: min(5.625vw, 20px);
  line-height: 1.3;
  letter-spacing: -0.01px;
  text-align: center;
  color: #000;
  margin-bottom: 16px;
}
.mg-main-tariffs__item-text {
  font-size: min(5vw, 18px);
  line-height: 1.4;
  letter-spacing: -0.01px;
  text-align: center;
  color: #777;
  margin-bottom: 16px;
}
.mg-main-tariffs__item-price {
  font-size: min(5.625vw, 20px);
  margin-bottom: 16px;
  line-height: 1.2;
  letter-spacing: -0.2px;
  text-align: center;
  color: #000;
  font-weight: 600;
}
.mg-main-tariffs__item-price-old {
  font-weight: 500;
  color: red;
  text-decoration: line-through;
  font-size: 0.75em;
  margin-top: 4px;
}
.mg-main-tariffs__item-buttons {
  display: flex;
  align-items: center;
  width: 100%;
}
.mg-main-tariffs__item-button-more {
  color: #2663FF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.32px;
  text-decoration-line: underline;
  margin-bottom: 16px;
}
.mg-main-tariffs__item-link {
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  color: #2663ff;
  text-decoration: none;
  font-weight: 500;
  position: relative;
}
.mg-main-tariffs__item-link:before {
  position: absolute;
  left: 0;
  right: 0;
  content: "";
  height: 1px;
  background: currentColor;
  top: 102%;
  transition: all 0.2s;
}
.mg-main-tariffs__item-link:hover:before {
  transform: translateY(4px);
  opacity: 0;
}
.mg-main-tariffs__item-more {
  flex: none;
  background: #fff;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 80px;
  line-height: 0;
  margin-left: 16px;
  padding: 0;
}
.mg-main-tariffs__item-more svg {
  width: 32px;
  height: 32px;
}
.mg-main-tariffs__item-button {
  flex: 1 0 1%;
  text-align: center;
  box-shadow: 0 8px 16px 0 rgba(28, 163, 69, 0.24);
  background: linear-gradient(180deg, #15b746 0%, #1ca345 100%);
  padding: 14px 24px;
  border-radius: 80px;
  font-weight: 600;
  font-size: min(3.75vw, 14px);
  text-decoration: none;
  line-height: 1.3;
  letter-spacing: -0.2px;
  text-align: center;
  color: #fff;
}
.mg-main-tariffs__item-button:hover {
  background: linear-gradient(180deg, rgba(21, 183, 70, 0.2) 0%, rgba(28, 163, 69, 0.2) 100%);
  color: #1ca345;
}
.mg-main-tariffs__item-button:active {
  box-shadow: none;
  color: #fff;
  background: linear-gradient(0deg, #15b746 0%, #1ca345 100%);
}
.mg-main-tariffs__dots {
  text-align: center;
}
.mg-main-tariffs__dots .services-swiper-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 16px;
  margin: 16px 5px 0;
  background: #F4F5F4;
}
.mg-main-tariffs__dots .services-swiper-dot--active {
  background: #1ca345;
}
.mg-main-tariffs__buttons {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  max-width: 216px;
  box-sizing: border-box;
  border-radius: 104px;
  background: #F7F7FB;
  box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.82) inset;
  padding: 8px 16px 8px 24px;
  align-items: center;
  margin-top: min(5.5vw, 32px);
}
.mg-main-tariffs__buttons-title {
  font-size: min(4.0625vw, 16px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.2px;
  color: #000;
  flex: 1 0 1%;
}
.mg-main-tariffs__buttons-list {
  flex: none;
  margin-left: 16px;
}
.mg-main-tariffs__buttons-item {
  line-height: 0;
  padding: 10px;
  display: inline-block;
  border-radius: 80px;
}
.mg-main-tariffs__buttons-item + .mg-main-tariffs__buttons-item {
  margin-left: 8px;
}
.mg-main-tariffs__buttons-item:nth-child(1) {
  background: #1CA345;
}
.mg-main-tariffs__buttons-item:nth-child(1):hover {
  box-shadow: 0 4px 8px 0 rgba(158, 158, 158, 0.4), inset 0 0 4px 0 rgba(255, 255, 255, 0.84);
}
.mg-main-tariffs__buttons-item:nth-child(1):active {
  background: linear-gradient(360deg, #f6f6f6 0%, #e3e3e3 100%);
  box-shadow: inset 0 0 4px 0 rgba(255, 255, 255, 0.84);
}
.mg-main-tariffs__buttons-item:nth-child(2) {
  background: linear-gradient(180deg, #2aabee 0%, #239fdb 100%);
  box-shadow: inset 0 0 8px 0 rgba(255, 255, 255, 0.32);
}
.mg-main-tariffs__buttons-item:nth-child(2):hover {
  box-shadow: 0 4px 8px 0 rgba(158, 158, 158, 0.4), inset 0 0 4px 0 rgba(255, 255, 255, 0.84);
}
.mg-main-tariffs__buttons-item:nth-child(2):active {
  background: linear-gradient(360deg, #2aabee 0%, #239fdb 100%);
  box-shadow: inset 0 0 8px 0 rgba(255, 255, 255, 0.32);
}
.mg-main-tariffs__buttons-item:nth-child(3) {
  background: linear-gradient(180deg, #50ce5e 0%, #29af3e 100%);
  box-shadow: inset 0 0 8px 0 rgba(255, 255, 255, 0.32);
}
.mg-main-tariffs__buttons-item:nth-child(3):hover {
  box-shadow: 0 4px 8px 0 rgba(158, 158, 158, 0.4), inset 0 0 4px 0 rgba(255, 255, 255, 0.84);
}
.mg-main-tariffs__buttons-item:nth-child(3):active {
  background: linear-gradient(360deg, #50ce5e 0%, #29af3e 100%);
  box-shadow: inset 0 0 8px 0 rgba(255, 255, 255, 0.32);
}
.mg-main-tariffs__buttons-item img {
  width: 20px;
  height: 20px;
}
.mg-main-tariffs__popup {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 16px 36px 0 rgba(0, 0, 0, 0.24);
  background: #fff;
  left: 0;
  right: 0;
  top: -20px;
  padding: min(12.5vw, 48px) min(5vw, 32px) min(7.5vw, 48px);
  border-radius: 18px;
}
.mg-main-tariffs__popup-close {
  padding: 0;
  margin: 0;
  background: none;
  outline: none;
  position: absolute;
  right: min(5vw, 32px);
  top: min(5vw, 24px);
  line-height: 0;
  border: none;
  cursor: pointer;
}
.mg-main-tariffs__popup-list {
  display: grid;
  grid-gap: 16px;
}
.mg-main-tariffs__popup-column-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: -0.01px;
  color: #000;
  margin-bottom: 16px;
}
.mg-main-tariffs__popup-column-list {
  display: grid;
  grid-gap: 8px;
}
.mg-main-tariffs__popup-column-item {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: -0.01px;
  color: #666;
  display: flex;
}
.mg-main-tariffs__popup-column-item svg {
  flex: none;
  margin-right: 8px;
}
._1 .mg-main-tariffs__popup:nth-child(1) {
  opacity: 1;
  pointer-events: all;
  z-index: 11;
}
._2 .mg-main-tariffs__popup:nth-child(2) {
  opacity: 1;
  pointer-events: all;
  z-index: 11;
}
._3 .mg-main-tariffs__popup:nth-child(3) {
  opacity: 1;
  pointer-events: all;
  z-index: 11;
}
.mg-main-tariffs__popup-wrapper {
  position: relative;
}
.mg-main-tariffs__popup-wrapper:before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  background: rgba(0, 0, 0, 0.18);
  opacity: 0;
  pointer-events: none;
}
._1 .mg-main-tariffs__popup-wrapper:before, ._2 .mg-main-tariffs__popup-wrapper:before, ._3 .mg-main-tariffs__popup-wrapper:before {
  opacity: 1;
  pointer-events: all;
  transition: 0.5s;
}
.mg-main-split {
  background: linear-gradient(90deg, #E1FFE4 0%, #DBFCFF 100%), linear-gradient(90deg, #DBFFDE 0%, #D4FFD9 100%);
  padding-top: 40px;
  padding-bottom: 40px;
}
.mg-main-split__inner {
  display: grid;
  grid-gap: 8px;
}
.mg-main-split__title {
  text-align: center;
  font-weight: 600;
  font-size: min(6.875vw, 28px);
  line-height: 1.1;
  letter-spacing: -0.5px;
  color: #000;
  margin: 0 0 8px;
}
.mg-main-split__right {
  line-height: 0;
  text-align: center;
}
.mg-main-split__right img {
  width: min(90vw, 340px);
  height: auto;
}
.mg-main-get {
  padding: min(12.5vw, 48px) 0;
  background: linear-gradient(0deg, #F7F7FB 0%, #F7F7FB 100%), linear-gradient(0deg, #FFF 0%, #F7F7FB 100%);
}
.mg-main-get__title {
  font-weight: 600;
  font-size: min(6.875vw, 28px);
  margin: 0 0 min(7.5vw, 32px);
  line-height: 1.1;
  letter-spacing: -0.02px;
  text-align: center;
  color: #000;
}
.mg-main-get__list {
  display: grid;
  grid-gap: 16px;
}
.mg-main-get__item {
  border-radius: 16px;
  padding: min(7.5vw, 32px);
  background: #FFF;
}
.mg-main-get__item-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: -0.2px;
  color: #000;
  align-self: center;
}
.mg-main-get__item-title-wrapper {
  margin-bottom: 16px;
  display: flex;
}
.mg-main-get__item-title-ico {
  flex: none;
  padding: 10px;
  background: rgba(28, 163, 69, 0.08);
  border-radius: 80px;
  margin-right: 14px;
  font-size: 0;
}
.mg-main-get__item-title-ico img {
  width: 28px;
  height: auto;
}
.mg-main-get__item-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: -0.01px;
  color: #777;
}
.mg-main-get__button {
  width: 280px;
  margin-left: auto;
  margin-right: auto;
  margin-top: min(7.5vw, 32px);
  padding: 21px 16px;
  box-shadow: 0px 8px 16px 0px rgba(28, 163, 69, 0.24);
}
.mg-main-faq {
  padding: min(12.5vw, 48px) 0;
}
.mg-main-faq__title {
  margin: 0 0 24px;
  font-weight: 600;
  font-size: min(6.875vw, 28px);
  line-height: 1.1;
  letter-spacing: -0.02px;
  color: #000;
  text-align: center;
}
.mg-main-faq__more-top {
  width: fit-content;
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: -0.01px;
  text-decoration: none;
  color: #2663ff;
  margin-bottom: min(7.5vw, 32px);
}
.mg-main-faq__item {
  border-bottom: 1px solid #e9e9e9;
}
.mg-main-faq__item:first-child {
  border-top: 1px solid #e9e9e9;
}
.mg-main-faq__item-title {
  font-weight: 500;
  font-size: min(5vw, 18px);
  line-height: 1.3;
  letter-spacing: -0.01px;
  color: #000;
  padding: 24px 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.mg-main-faq__item-title_text {
  flex: 1 0 1%;
}
.mg-main-faq__item-title_icon {
  width: min(5vw, 24px);
  flex: none;
  margin-left: min(5vw, 24px);
  height: min(5vw, 24px);
  position: relative;
}
.mg-main-faq__item-title_icon:before, .mg-main-faq__item-title_icon:after {
  width: 2px;
  height: min(4.0625vw, 18px);
  content: "";
  position: absolute;
  border-radius: 1px;
  left: min(2.1875vw, 11px);
  top: min(0.46875vw, 3px);
  background: #1ca345;
  display: block;
  transition: all 0.5s;
}
.mg-main-faq__item-title_icon:after {
  transform: rotate(90deg);
}
.mg-main-faq__item-body {
  height: 0;
  overflow: hidden;
  transition: all 0.8s;
}
.mg-main-faq__item-body-inner {
  padding: 0 0 24px;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.2px;
  color: #777777;
}
.mg-main-faq__item-body p:first-child {
  margin-top: 0;
}
.mg-main-faq__item-body p:last-child {
  margin-bottom: 0;
}
.mg-main-faq__item.active .mg-main-faq__item-title_icon:before {
  transform: rotate(90deg);
}
.mg-main-steps2 {
  box-shadow: inset 0 1px 0 0 #eee;
  box-sizing: border-box;
  padding: 40px 0;
}
.mg-main-steps2__title {
  color: #000;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.5px;
  margin: 0 0 24px;
}
.mg-main-steps2__item {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.mg-main-steps2__item-num {
  width: 45px;
  height: 45px;
  min-width: 45px;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.5px;
  box-sizing: border-box;
  padding: 11px;
  border-radius: 50%;
  background: #1CA345;
  margin-right: 16px;
}
.mg-main-steps2__item-num:before {
  content: "";
  display: block;
  position: absolute;
  left: 19.5px;
  width: 6px;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='79' viewBox='0 0 6 79' fill='none'%3E%3Cpath d='M3 79L5.88675 74L0.113245 74L3 79ZM2.49999 2.82143C2.49999 3.09757 2.72385 3.32143 2.99999 3.32143C3.27614 3.32143 3.49999 3.09757 3.49999 2.82143L2.49999 2.82143ZM3.49999 8.46429C3.49999 8.18814 3.27614 7.96429 2.99999 7.96429C2.72385 7.96429 2.49999 8.18814 2.49999 8.46429L3.49999 8.46429ZM2.49999 14.1071C2.49999 14.3833 2.72385 14.6071 2.99999 14.6071C3.27614 14.6071 3.49999 14.3833 3.49999 14.1071L2.49999 14.1071ZM3.49999 19.75C3.49999 19.4739 3.27614 19.25 2.99999 19.25C2.72385 19.25 2.49999 19.4739 2.49999 19.75L3.49999 19.75ZM2.49999 25.3929C2.49999 25.669 2.72385 25.8929 2.99999 25.8929C3.27614 25.8929 3.49999 25.669 3.49999 25.3929L2.49999 25.3929ZM3.49999 31.0357C3.49999 30.7596 3.27614 30.5357 2.99999 30.5357C2.72385 30.5357 2.49999 30.7596 2.49999 31.0357L3.49999 31.0357ZM2.49999 36.6786C2.49999 36.9547 2.72385 37.1786 2.99999 37.1786C3.27614 37.1786 3.49999 36.9547 3.49999 36.6786L2.49999 36.6786ZM3.49999 42.3214C3.49999 42.0453 3.27614 41.8214 2.99999 41.8214C2.72385 41.8214 2.49999 42.0453 2.49999 42.3214L3.49999 42.3214ZM2.49999 47.9643C2.49999 48.2404 2.72385 48.4643 2.99999 48.4643C3.27614 48.4643 3.49999 48.2404 3.49999 47.9643L2.49999 47.9643ZM3.5 53.6071C3.5 53.331 3.27614 53.1071 3 53.1071C2.72385 53.1071 2.5 53.331 2.5 53.6071L3.5 53.6071ZM2.5 59.25C2.5 59.5261 2.72385 59.75 3 59.75C3.27614 59.75 3.5 59.5261 3.5 59.25L2.5 59.25ZM3.5 64.8929C3.5 64.6167 3.27614 64.3929 3 64.3929C2.72385 64.3929 2.5 64.6167 2.5 64.8929L3.5 64.8929ZM2.5 70.5357C2.5 70.8119 2.72385 71.0357 3 71.0357C3.27614 71.0357 3.5 70.8119 3.5 70.5357L2.5 70.5357ZM3.5 76.1786C3.5 75.9024 3.27614 75.6786 3 75.6786C2.72385 75.6786 2.5 75.9024 2.5 76.1786L3.5 76.1786ZM2.49999 2.54519e-08L2.49999 2.82143L3.49999 2.82143L3.49999 -2.54525e-08L2.49999 2.54519e-08ZM2.49999 8.46429L2.49999 14.1071L3.49999 14.1071L3.49999 8.46429L2.49999 8.46429ZM2.49999 19.75L2.49999 25.3929L3.49999 25.3929L3.49999 19.75L2.49999 19.75ZM2.49999 31.0357L2.49999 36.6786L3.49999 36.6786L3.49999 31.0357L2.49999 31.0357ZM2.49999 42.3214L2.49999 47.9643L3.49999 47.9643L3.49999 42.3214L2.49999 42.3214ZM2.5 53.6071L2.5 59.25L3.5 59.25L3.5 53.6071L2.5 53.6071ZM2.5 64.8929L2.5 70.5357L3.5 70.5357L3.5 64.8929L2.5 64.8929Z' fill='%231CA345' fill-opacity='0.6'/%3E%3C/svg%3E") bottom center no-repeat;
  z-index: -1;
}
.mg-main-steps2__item:last-child .mg-main-steps2__item-num:before {
  display: none;
}
.mg-main-steps2__item-title {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.2px;
  margin-bottom: 6px;
}
@media (min-width: 340px) and (max-width: 639px) {
  .mg-main-steps2__item-title br {
    display: none;
  }
}
.mg-main-steps2__item-text {
  color: #777;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.5px;
}
.mg-main-steps2__item + .mg-main-steps2__item {
  margin-top: 24px;
}
.mg-main-catalog {
  background: linear-gradient(90deg, #ECFFEE 0%, #ECF5FF 100%);
  padding-top: min(12.5vw, 48px);
  overflow: hidden;
}
.mg-main-catalog__title {
  font-weight: 600;
  font-size: min(6.875vw, 28px);
  line-height: 1.1;
  letter-spacing: -0.02px;
  color: #000;
  margin-bottom: 16px;
}
.mg-main-catalog__list {
  display: grid;
  grid-gap: min(2.5vw, 12px);
  margin-bottom: 24px;
}
.mg-main-catalog__item {
  font-weight: 500;
  font-size: min(5vw, 18px);
  line-height: 1.4;
  letter-spacing: -0.4px;
  padding-left: 26px;
  color: #444;
  background: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6654 8.34749C14.6654 4.66559 11.6806 1.68083 7.9987 1.68083C4.3168 1.68083 1.33203 4.66559 1.33203 8.34749C1.33203 12.0294 4.3168 15.0142 7.9987 15.0142C11.6806 15.0142 14.6654 12.0294 14.6654 8.34749Z' stroke='%231BA345' stroke-width='1.33333'/%3E%3Cpath d='M5.33203 8.6805L6.9987 10.3472L10.6654 6.34717' stroke='%231BA345' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") left top no-repeat;
}
.mg-main-catalog__image {
  text-align: center;
  line-height: 0;
  margin-top: -11px;
  pointer-events: none;
}
.mg-main-catalog__image img {
  width: 126%;
  height: auto;
  line-height: 0;
}
.mg-main-portfolio {
  padding: min(12.5vw, 48px) 0 0;
  overflow: hidden;
}
.mg-main-portfolio__title {
  font-weight: 600;
  font-size: min(6.875vw, 28px);
  line-height: 1.1;
  letter-spacing: -0.5px;
  text-align: center;
  color: #000;
  margin: 0 0 16px;
}
.mg-main-portfolio__subtitle {
  font-weight: 500;
  font-size: min(5vw, 18px);
  line-height: 1.4;
  letter-spacing: -0.03px;
  text-align: center;
  color: #777;
}
.mg-main-portfolio__subtitle a {
  text-decoration: none;
  color: #2663ff;
  position: relative;
}
.mg-main-portfolio__subtitle a:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 106%;
  content: "";
  height: 1px;
  background: currentColor;
  transition: all 0.2s;
}
.mg-main-portfolio__subtitle a:hover:before {
  opacity: 0;
  transform: translateY(4px);
}
.mg-main-portfolio__list {
  display: grid;
  padding-top: min(7.5vw, 32px);
  overflow: hidden;
}
.mg-main-portfolio__item {
  position: relative;
  display: block;
  text-decoration: none;
}
.mg-main-portfolio__item span {
  display: block;
}
.mg-main-portfolio__item-inner {
  padding-top: 100%;
  position: relative;
}
.mg-main-portfolio__item-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.3s;
  pointer-events: none;
}
.mg-main-portfolio__item-image:after {
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0.01%, rgba(0, 0, 0, 0.3) 100%);
  display: block;
  position: absolute;
}
.mg-main-portfolio__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mg-main-portfolio__item-title-wrapper {
  position: absolute;
  left: min(5vw, 24px);
  top: min(5vw, 24px);
  right: min(5vw, 24px);
  z-index: 1;
  color: #fff;
}
.mg-main-portfolio__item-title {
  font-weight: 600;
  font-size: min(5.625vw, 20px);
  line-height: 1.4;
  letter-spacing: -0.02px;
  margin-bottom: 4px;
}
.mg-main-portfolio__item-theme {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: -0.03px;
}
.mg-main-portfolio__item:nth-child(n+7) {
  display: none;
}
.mg-main-progress {
  padding: min(12.5vw, 48px) 0 min(12.5vw, 48px);
}
.mg-main-progress__title {
  font-weight: 600;
  font-size: min(6.875vw, 28px);
  line-height: 1.1;
  letter-spacing: -0.02px;
  text-align: center;
  color: #000;
  margin: 0 0 min(7.5vw, 32px);
}
.mg-main-progress__list {
  display: grid;
  grid-gap: 24px;
}
.mg-main-progress__item-top {
  width: 183px;
  margin-bottom: 24px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 19px 0;
  background: url(img/progress-left.svg) left center no-repeat, url(img/progress-right.svg) right center no-repeat;
}
.mg-main-progress__item-num {
  font-weight: 700;
  font-size: 34px;
  line-height: 0.9;
  letter-spacing: -0.01px;
  text-align: center;
  color: #1ca345;
  margin-bottom: 5px;
}
.mg-main-progress__item-value {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -0.01px;
  text-align: center;
  color: #000;
}
.mg-main-progress__item-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: -0.01px;
  text-align: center;
  color: #000;
}
@media (min-width: 640px) {
  .mg-main-tariffs__slider {
    overflow: hidden;
    margin-right: -32px;
    padding-right: 32px;
    margin-left: 0;
    padding-left: 0;
  }
  .mg-main-tariffs__dots {
    margin-top: 8px;
    line-height: 0;
  }
  .mg-main-tariffs__buttons {
    padding: 8px 8px 8px 24px;
    max-width: 280px;
  }
  .mg-main-tariffs__buttons-list {
    margin-left: 14px;
  }
  .mg-main-tariffs__buttons-title {
    line-height: 1.4;
  }
  .mg-main-tariffs__popup {
    top: 8px;
    transition: opacity 0.5s;
  }
  .mg-main-tariffs__popup-list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px 24px;
  }
  .mg-main-split {
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
  }
  .mg-main-split__inner {
    display: flex;
    justify-content: space-between;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .mg-main-split__title {
    text-align: left;
  }
  .mg-main-split__left {
    align-self: center;
  }
  .mg-main-split__text {
    margin-bottom: 16px;
    text-align: left;
    display: flex;
  }
  .mg-main-split__text img {
    display: inline-block;
    width: auto;
    height: 32px;
    margin-left: 12px;
    vertical-align: middle;
    margin-top: -4px;
  }
  .mg-main-split__button {
    margin-left: 0;
  }
  .mg-main-split__right {
    line-height: 0;
    text-align: center;
  }
  .mg-main-split__right img {
    height: auto;
  }
  .mg-main-get__list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px;
  }
  .mg-main-get__item-text {
    line-height: 1.5;
  }
  .mg-main-get__button {
    width: fit-content;
    margin-top: 32px;
    padding: 21px 32px;
  }
  .mg-main-faq__list {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
  }
  .mg-main-steps2 {
    padding: 48px 0;
  }
  .mg-main-steps2__title {
    margin-bottom: 32px;
    font-size: 28px;
    line-height: 110%;
  }
  .mg-main-steps2__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 16px;
  }
  .mg-main-steps2__item {
    align-items: center;
    flex-direction: column;
  }
  .mg-main-steps2__item-num {
    margin-right: 0;
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 126%;
    padding: 15px;
    width: 60px;
    height: 60px;
    min-width: 60px;
  }
  .mg-main-steps2__item-num:before {
    height: 12px;
    width: 22vw;
    left: 18vw;
    top: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='307' height='12' viewBox='0 0 307 12' fill='none'%3E%3Cpath d='M307 6L297 0.226497V11.7735L307 6ZM2.95192 7C3.50421 7 3.95192 6.55228 3.95192 6C3.95192 5.44772 3.50421 5 2.95192 5V7ZM8.85577 5C8.30348 5 7.85577 5.44772 7.85577 6C7.85577 6.55228 8.30348 7 8.85577 7V5ZM14.7596 7C15.3119 7 15.7596 6.55228 15.7596 6C15.7596 5.44772 15.3119 5 14.7596 5V7ZM20.6635 5C20.1112 5 19.6635 5.44772 19.6635 6C19.6635 6.55228 20.1112 7 20.6635 7V5ZM26.5673 7C27.1196 7 27.5673 6.55228 27.5673 6C27.5673 5.44772 27.1196 5 26.5673 5V7ZM32.4712 5C31.9189 5 31.4712 5.44772 31.4712 6C31.4712 6.55228 31.9189 7 32.4712 7V5ZM38.375 7C38.9273 7 39.375 6.55228 39.375 6C39.375 5.44772 38.9273 5 38.375 5V7ZM44.2788 5C43.7266 5 43.2788 5.44772 43.2788 6C43.2788 6.55228 43.7266 7 44.2788 7V5ZM50.1827 7C50.735 7 51.1827 6.55228 51.1827 6C51.1827 5.44772 50.735 5 50.1827 5V7ZM56.0865 5C55.5343 5 55.0865 5.44772 55.0865 6C55.0865 6.55228 55.5343 7 56.0865 7V5ZM61.9904 7C62.5427 7 62.9904 6.55228 62.9904 6C62.9904 5.44772 62.5427 5 61.9904 5V7ZM67.8942 5C67.3419 5 66.8942 5.44772 66.8942 6C66.8942 6.55228 67.3419 7 67.8942 7V5ZM73.7981 7C74.3504 7 74.7981 6.55228 74.7981 6C74.7981 5.44772 74.3504 5 73.7981 5V7ZM79.7019 5C79.1496 5 78.7019 5.44772 78.7019 6C78.7019 6.55228 79.1496 7 79.7019 7V5ZM85.6058 7C86.1581 7 86.6058 6.55228 86.6058 6C86.6058 5.44772 86.1581 5 85.6058 5V7ZM91.5096 5C90.9573 5 90.5096 5.44772 90.5096 6C90.5096 6.55228 90.9573 7 91.5096 7V5ZM97.4135 7C97.9658 7 98.4135 6.55228 98.4135 6C98.4135 5.44772 97.9658 5 97.4135 5V7ZM103.317 5C102.765 5 102.317 5.44772 102.317 6C102.317 6.55228 102.765 7 103.317 7V5ZM109.221 7C109.773 7 110.221 6.55228 110.221 6C110.221 5.44772 109.773 5 109.221 5V7ZM115.125 5C114.573 5 114.125 5.44772 114.125 6C114.125 6.55228 114.573 7 115.125 7V5ZM121.029 7C121.581 7 122.029 6.55228 122.029 6C122.029 5.44772 121.581 5 121.029 5V7ZM126.933 5C126.38 5 125.933 5.44772 125.933 6C125.933 6.55228 126.38 7 126.933 7V5ZM132.837 7C133.389 7 133.837 6.55228 133.837 6C133.837 5.44772 133.389 5 132.837 5V7ZM138.74 5C138.188 5 137.74 5.44772 137.74 6C137.74 6.55228 138.188 7 138.74 7V5ZM144.644 7C145.197 7 145.644 6.55228 145.644 6C145.644 5.44772 145.197 5 144.644 5V7ZM150.548 5C149.996 5 149.548 5.44772 149.548 6C149.548 6.55228 149.996 7 150.548 7V5ZM156.452 7C157.004 7 157.452 6.55228 157.452 6C157.452 5.44772 157.004 5 156.452 5V7ZM162.356 5C161.803 5 161.356 5.44772 161.356 6C161.356 6.55228 161.803 7 162.356 7V5ZM168.26 7C168.812 7 169.26 6.55228 169.26 6C169.26 5.44772 168.812 5 168.26 5V7ZM174.163 5C173.611 5 173.163 5.44772 173.163 6C173.163 6.55228 173.611 7 174.163 7V5ZM180.067 7C180.62 7 181.067 6.55228 181.067 6C181.067 5.44772 180.62 5 180.067 5V7ZM185.971 5C185.419 5 184.971 5.44772 184.971 6C184.971 6.55228 185.419 7 185.971 7V5ZM191.875 7C192.427 7 192.875 6.55228 192.875 6C192.875 5.44772 192.427 5 191.875 5V7ZM197.779 5C197.226 5 196.779 5.44772 196.779 6C196.779 6.55228 197.226 7 197.779 7V5ZM203.683 7C204.235 7 204.683 6.55228 204.683 6C204.683 5.44772 204.235 5 203.683 5V7ZM209.586 5C209.034 5 208.586 5.44772 208.586 6C208.586 6.55228 209.034 7 209.586 7V5ZM215.49 7C216.043 7 216.49 6.55228 216.49 6C216.49 5.44772 216.043 5 215.49 5V7ZM221.394 5C220.842 5 220.394 5.44772 220.394 6C220.394 6.55228 220.842 7 221.394 7V5ZM227.298 7C227.85 7 228.298 6.55228 228.298 6C228.298 5.44772 227.85 5 227.298 5V7ZM233.202 5C232.65 5 232.202 5.44772 232.202 6C232.202 6.55228 232.65 7 233.202 7V5ZM239.106 7C239.658 7 240.106 6.55228 240.106 6C240.106 5.44772 239.658 5 239.106 5V7ZM245.009 5C244.457 5 244.009 5.44772 244.009 6C244.009 6.55228 244.457 7 245.009 7V5ZM250.913 7C251.466 7 251.913 6.55228 251.913 6C251.913 5.44772 251.466 5 250.913 5V7ZM256.817 5C256.265 5 255.817 5.44772 255.817 6C255.817 6.55228 256.265 7 256.817 7V5ZM262.721 7C263.273 7 263.721 6.55228 263.721 6C263.721 5.44772 263.273 5 262.721 5V7ZM268.625 5C268.073 5 267.625 5.44772 267.625 6C267.625 6.55228 268.073 7 268.625 7V5ZM274.529 7C275.081 7 275.529 6.55228 275.529 6C275.529 5.44772 275.081 5 274.529 5V7ZM280.433 5C279.88 5 279.433 5.44772 279.433 6C279.433 6.55228 279.88 7 280.433 7V5ZM286.336 7C286.889 7 287.336 6.55228 287.336 6C287.336 5.44772 286.889 5 286.336 5V7ZM292.24 5C291.688 5 291.24 5.44772 291.24 6C291.24 6.55228 291.688 7 292.24 7V5ZM298.144 7C298.696 7 299.144 6.55228 299.144 6C299.144 5.44772 298.696 5 298.144 5V7ZM304.048 5C303.496 5 303.048 5.44772 303.048 6C303.048 6.55228 303.496 7 304.048 7V5ZM0 7H2.95192V5H0V7ZM8.85577 7H14.7596V5H8.85577V7ZM20.6635 7H26.5673V5H20.6635V7ZM32.4712 7H38.375V5H32.4712V7ZM44.2788 7H50.1827V5H44.2788V7ZM56.0865 7H61.9904V5H56.0865V7ZM67.8942 7H73.7981V5H67.8942V7ZM79.7019 7H85.6058V5H79.7019V7ZM91.5096 7H97.4135V5H91.5096V7ZM103.317 7H109.221V5H103.317V7ZM115.125 7H121.029V5H115.125V7ZM126.933 7H132.837V5H126.933V7ZM138.74 7H144.644V5H138.74V7ZM150.548 7H156.452V5H150.548V7ZM162.356 7H168.26V5H162.356V7ZM174.163 7H180.067V5H174.163V7ZM185.971 7H191.875V5H185.971V7ZM197.779 7H203.683V5H197.779V7ZM209.586 7H215.49V5H209.586V7ZM221.394 7H227.298V5H221.394V7ZM233.202 7H239.106V5H233.202V7ZM245.009 7H250.913V5H245.009V7ZM256.817 7H262.721V5H256.817V7ZM268.625 7H274.529V5H268.625V7ZM280.433 7H286.336V5H280.433V7ZM292.24 7H298.144V5H292.24V7Z' fill='%231CA345' fill-opacity='0.6'/%3E%3C/svg%3E") center right no-repeat;
  }
  .mg-main-steps2__item-title {
    text-align: center;
    margin-bottom: 8px;
  }
  .mg-main-steps2__item-text {
    font-size: 13px;
    text-align: center;
  }
  .mg-main-steps2__item + .mg-main-steps2__item {
    margin-top: 0;
  }
  .mg-main-catalog {
    padding: 48px 0;
    overflow: hidden;
    position: relative;
  }
  .mg-main-catalog__image {
    position: absolute;
    right: 50%;
    top: auto;
    bottom: 0;
    width: 657px;
    margin-right: -669px;
    line-height: 0;
    max-width: 100%;
    margin-top: 0;
  }
  .mg-main-catalog__item {
    background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 12.5C22 6.97715 17.5228 2.5 12 2.5C6.47715 2.5 2 6.97715 2 12.5C2 18.0228 6.47715 22.5 12 22.5C17.5228 22.5 22 18.0228 22 12.5Z' stroke='%231BA345' stroke-width='2'/%3E%3Cpath d='M8 13L10.5 15.5L16 9.5' stroke='%231BA345' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") left top no-repeat;
    padding-left: 34px;
  }
  .mg-main-portfolio__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .mg-main-progress__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .mg-main-progress__button {
    padding: 16px 20px;
    width: 313px;
  }
  .mg-main-progress__button + .mg-main-progress__button {
    margin-top: 0;
    margin-left: 16px;
  }
}
@media (min-width: 960px) {
  .mg-main-tariffs__item-button {
    padding-left: 4px;
    padding-right: 4px;
  }
  .mg-main-tariffs__popup {
    padding: 32px;
  }
  .mg-main-tariffs__popup-close {
    display: none;
  }
  .mg-main-tariffs__popup-column-title {
    font-size: 18px;
    margin-bottom: 24px;
  }
  .mg-main-tariffs__popup-column-list {
    grid-gap: 16px;
  }
  .mg-main-tariffs__popup-column-item {
    font-size: 16px;
  }
  .mg-main-split__inner {
    display: grid;
    padding-top: 0;
    padding-bottom: 0;
    grid-template-columns: 1fr 544px;
  }
  .mg-main-split__title {
    font-size: 40px;
    margin-bottom: 8px;
  }
  .mg-main-split__text {
    font-size: 26px;
    line-height: 1.3;
    text-align: left;
    margin-bottom: 24px;
  }
  .mg-main-split__text img {
    width: 116px;
    height: auto;
  }
  .mg-main-split__right img {
    width: auto;
  }
  .mg-main-portfolio__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .mg-main-tariffs__dots {
    display: none;
  }
  .mg-button {
    font-size: 18px;
    padding: 24px 40px;
  }
  .mg-main-tariffs__slider {
    margin-right: 0;
    padding-right: 0;
    overflow: visible;
  }
  .mg-main-tariffs__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px;
  }
  .mg-main-tariffs {
    padding: 96px 0 96px;
  }
  .mg-main-tariffs__title {
    margin-bottom: 56px;
    font-size: 40px;
  }
  .mg-main-tariffs__item {
    padding: 38px 30px 30px;
    cursor: pointer;
    transition: all 0.3s;
  }
  .mg-main-tariffs__item:hover {
    box-shadow: 0 16px 32px 0 rgba(0, 163, 55, 0.76);
  }
  .mg-main-tariffs__item-title {
    font-size: 24px;
    margin-bottom: 14px;
  }
  .mg-main-tariffs__item-text {
    font-size: 20px;
  }
  .mg-main-tariffs__item-price {
    font-size: 26px;
    margin-bottom: 16px;
  }
  .mg-main-tariffs__item-link {
    margin-bottom: 32px;
    line-height: 1.3;
    font-size: 16px;
  }
  .mg-main-tariffs__item-button {
    font-size: 16px;
    padding: 14px 24px;
  }
  .mg-main-tariffs__item-button-more {
    margin-bottom: 32px;
  }
  .mg-main-tariffs__buttons {
    max-width: 300px;
    margin-top: 24px;
  }
  .mg-main-tariffs__buttons-title {
    font-size: 16px;
    letter-spacing: -0.2px;
  }
  .mg-main-tariffs__buttons-item {
    padding: 12px;
  }
  .mg-main-tariffs__buttons-item img {
    width: 24px;
    height: 24px;
  }
  .mg-main-split__inner {
    grid-template-columns: 1fr 599px;
    grid-gap: 32px;
  }
  .mg-main-get {
    padding: 96px 0;
  }
  .mg-main-get__title {
    font-size: 40px;
    margin-bottom: 56px;
  }
  .mg-main-get__list {
    grid-gap: 32px;
  }
  .mg-main-get__item {
    padding: 40px;
  }
  .mg-main-get__item-title {
    font-size: 26px;
  }
  .mg-main-get__item-title-ico {
    padding: 14px;
  }
  .mg-main-get__item-title-ico img {
    width: 40px;
  }
  .mg-main-get__item-text {
    font-size: 20px;
  }
  .mg-main-get__button {
    margin-top: 40px;
  }
  .mg-main-faq {
    padding: 96px 0;
  }
  .mg-main-faq__title {
    font-size: 40px;
    margin-bottom: 56px;
  }
  .mg-main-faq__more-top {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 56px;
  }
  .mg-main-faq__item-title {
    font-size: 20px;
    letter-spacing: 0;
  }
  .mg-main-faq__item-body-inner {
    font-size: 20px;
  }
  .mg-main-steps2 {
    padding: 96px 0;
  }
  .mg-main-steps2__title {
    margin-bottom: 56px;
    font-size: 40px;
  }
  .mg-main-steps2__list {
    grid-gap: 32px;
  }
  .mg-main-steps2__item-num {
    margin-bottom: 24px;
    font-size: 29px;
    line-height: 130%;
    padding: 15px;
    width: 68px;
    height: 68px;
    min-width: 68px;
  }
  .mg-main-steps2__item-num:before {
    height: 12px;
    width: 440px;
    left: calc(50% + 120px);
    top: 28px;
    transform: translateX(-50%);
  }
  .mg-main-steps2__item-title {
    font-size: 17px;
    margin-bottom: 10px;
    line-height: 150%;
  }
  .mg-main-steps2__item-title br {
    display: none;
  }
  .mg-main-steps2__item-text {
    font-size: 14px;
    line-height: 140%;
  }
  .mg-main-catalog {
    padding: 96px 0;
  }
  .mg-main-catalog__title {
    font-size: 40px;
    margin-bottom: 24px;
  }
  .mg-main-catalog__list {
    grid-gap: 12px;
    margin-bottom: 35px;
  }
  .mg-main-catalog__item {
    background-position: left center;
    font-size: 22px;
    background-size: 24px 24px;
    padding-left: 34px;
  }
  .mg-main-catalog__image {
    position: absolute;
    right: 50%;
    top: auto;
    bottom: 0;
    width: 750px;
    margin-right: -694px;
  }
  .mg-main-portfolio {
    padding-top: 96px;
  }
  .mg-main-portfolio__title {
    font-size: 40px;
    margin-bottom: 16px;
  }
  .mg-main-portfolio__subtitle {
    font-size: 22px;
  }
  .mg-main-portfolio__list {
    grid-template-columns: repeat(4, 1fr);
    padding-top: 56px;
    padding-bottom: 0px;
  }
  .mg-main-portfolio__item {
    cursor: pointer;
  }
  .mg-main-portfolio__item:hover {
    position: relative;
    z-index: 1;
  }
  .mg-main-portfolio__item:hover .mg-main-portfolio__item-image {
    transform: scale(1.05);
  }
  .mg-main-portfolio__item-title-wrapper {
    left: 32px;
    right: 32px;
  }
  .mg-main-portfolio__item-title {
    font-size: 22px;
  }
  .mg-main-portfolio__item-text {
    font-size: 18px;
  }
  .mg-main-portfolio__item:nth-child(n+7) {
    display: block;
  }
  .mg-main-progress {
    padding: 64px 0;
  }
  .mg-main-progress__title {
    font-size: 40px;
    margin-bottom: 72px;
  }
  .mg-main-progress__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.mg-main-progress {
  display: none;
}
/*kapital*/
.our-partner {
  margin-top: 16px;
}
@media (min-width: 640px) {
  .our-partner {
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  .our-partner {
    margin-top: 42px;
  }
}
.our-partner__inner {
  position: relative;
  border-radius: 16px;
  box-sizing: border-box;
  padding: 40px 24px 0;
  background: url("/t/images/pages2/main/partner/our-partner-mob-line.png") right bottom / 67px no-repeat, #ECECEC;
  overflow: hidden;
}
@media (min-width: 640px) {
  .our-partner__inner {
    padding: 61px 32px;
    background: url("/t/images/pages2/main/partner/our-partner-tab-left.png") left bottom / auto 100% no-repeat, #ECECEC;
  }
}
@media (min-width: 1200px) {
  .our-partner__inner {
    padding: 30px 34px 30px 45px;
    display: flex;
    overflow: visible;
    background: #ECECEC;
  }
}
.our-partner__line {
  display: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  overflow: hidden;
}
@media (min-width: 640px) {
  .our-partner__line {
    border-radius: 16px;
  }
}
@media (min-width: 1200px) {
  .our-partner__line {
    display: block;
  }
}
.our-partner__line1 img {
  position: absolute;
  width: 58px;
  left: -38px;
  bottom: 0;
}
@media (min-width: 640px) {
  .our-partner__line1 img {
    width: 150px;
    left: -42px;
  }
}
.our-partner__line2 img {
  position: absolute;
  width: 58px;
  right: -3px;
  top: 0;
}
@media (min-width: 640px) {
  .our-partner__line2 img {
    width: 194px;
    right: -85px;
    top: -44px;
  }
}
@media (min-width: 1200px) {
  .our-partner__line2 img {
    right: -15px;
    top: -52px;
  }
}
.our-partner__left {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 640px) {
  .our-partner__left {
    align-items: flex-start;
    max-width: 57%;
  }
}
@media (min-width: 1200px) {
  .our-partner__left {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
  }
}
.our-partner__left-coin {
  pointer-events: none;
  display: none;
}
@media (min-width: 1200px) {
  .our-partner__left-coin {
    display: block;
    position: absolute;
    width: 50px;
    top: -46px;
    left: 30px;
  }
  .our-partner__left-coin img {
    max-width: 100%;
  }
}
.our-partner__left-title {
  color: #000;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.2px;
  margin-bottom: 16px;
}
.our-partner__left-title br {
  display: none;
}
@media (min-width: 640px) {
  .our-partner__left-title {
    text-align: left;
    font-size: 24px;
    margin-bottom: 11px;
  }
  .our-partner__left-title br {
    display: block;
  }
}
@media (min-width: 1200px) {
  .our-partner__left-title {
    margin-bottom: 0;
    font-size: 24px;
    max-width: 595px;
  }
  .our-partner__left-title br {
    display: none;
  }
}
.our-partner__left-btn {
  display: inline-block;
  text-decoration: none;
  color: #FFF;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.1px;
  text-transform: uppercase;
  box-sizing: border-box;
  padding: 16px 20px;
  border-radius: 48px;
  background: #000;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .our-partner__left-btn {
    padding: 15px 24px;
    font-size: 12px;
    line-height: 20px;
  }
  .our-partner__left-btn:hover {
    background: #fff;
    color: #000;
  }
}
.our-partner__right-mob {
  line-height: 0;
  text-align: center;
  margin-top: 16px;
  margin-left: -24px;
  margin-right: -24px;
}
@media (min-width: 640px) {
  .our-partner__right-mob {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 1200px) {
  .our-partner__right-mob {
    display: none;
  }
}
.our-partner__right-mob img:nth-child(1) {
  max-width: 288px;
}
@media (min-width: 640px) {
  .our-partner__right-mob img:nth-child(1) {
    display: none;
  }
}
.our-partner__right-mob img:nth-child(2) {
  display: none;
}
@media (min-width: 640px) {
  .our-partner__right-mob img:nth-child(2) {
    display: block;
    height: 100%;
  }
}
.our-partner__right-desk {
  display: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 11px;
  width: 71px;
}
@media (min-width: 640px) {
  .our-partner__right-desk {
    right: 62px;
    width: 141px;
  }
}
@media (min-width: 1200px) {
  .our-partner__right-desk {
    display: block;
    right: 267px;
    width: 131px;
  }
}
.our-partner__right-desk-coins {
  position: absolute;
  width: 25px;
  left: -17px;
  top: -10px;
}
@media (min-width: 640px) {
  .our-partner__right-desk-coins {
    width: 50px;
    left: -30px;
    top: -23px;
  }
}
@media (min-width: 1200px) {
  .our-partner__right-desk-coins {
    width: 56px;
    left: -50px;
    top: -15px;
  }
}
.our-partner__right-desk-coins img {
  max-width: 100%;
}
.our-partner__right-desk > img {
  position: absolute;
  bottom: 0;
  max-width: 100%;
}
.our-partner__right-desk-coin {
  position: absolute;
  width: 20px;
  bottom: -18px;
  right: -11px;
}
@media (min-width: 640px) {
  .our-partner__right-desk-coin {
    width: 40px;
    bottom: -22px;
    right: -24px;
  }
}
@media (min-width: 1200px) {
  .our-partner__right-desk-coin {
    width: 44px;
    bottom: -32px;
    right: -32px;
  }
}
.our-partner__right-desk-coin img {
  max-width: 100%;
}
.bf2025-top {
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #ffbd0f 50%, black 50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.bf2025-top__img {
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.bf2025-top__img-gifts {
  position: absolute;
  display: none;
}
@media (min-width: 1200px) {
  .bf2025-top__img-gifts {
    display: block;
    right: 40px;
    bottom: -136px;
  }
}
@media (min-width: 640px) {
  .bf2025-top__img img {
    height: 340px;
  }
}
@media (min-width: 1200px) {
  .bf2025-top__img img {
    height: 460px;
  }
}
.bf2025-top__main {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding: 32px 16px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 640px) {
  .bf2025-top__main {
    align-items: flex-start;
    justify-content: center;
    padding: 32px;
    bottom: 0;
  }
}
@media (min-width: 1200px) {
  .bf2025-top__main {
    max-width: 1200px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
}
.bf2025-top__main-text {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 640px) {
  .bf2025-top__main-text {
    align-items: flex-start;
  }
}
.bf2025-top__main-title {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 5px;
  line-height: 120%;
  color: #000;
}
@media (min-width: 640px) {
  .bf2025-top__main-title {
    font-size: 28px;
  }
}
@media (min-width: 1200px) {
  .bf2025-top__main-title {
    font-size: 48px;
  }
}
.bf2025-top__main-desc {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  margin-bottom: 16px;
  color: #000;
}
@media (min-width: 640px) {
  .bf2025-top__main-desc {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .bf2025-top__main-desc {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
.bf2025-top__main-link {
  box-sizing: border-box;
  display: block;
  text-decoration: none;
  padding: 22px 32px;
  font-weight: 800;
  font-size: 13px;
  line-height: 120%;
  border-radius: 64px;
  background: #FF102D;
  color: #fff;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
@media (min-width: 640px) {
  .bf2025-top__main-link {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .bf2025-top__main-link {
    padding: 24px 40px;
    font-size: 16px;
  }
  .bf2025-top__main-link:hover {
    background: #fff;
    color: #000;
  }
}
.bf2025-top__main-link:active {
  background: #fff;
  color: #000;
}
.mg-main-top-bf__timer {
  display: flex;
  align-items: center;
  background: #000;
  padding: 8px 8px 8px 17px;
  border-radius: 12px;
  margin-top: 16px;
}
@media (min-width: 1200px) {
  .mg-main-top-bf__timer {
    bottom: 40px;
    padding: 10px 10px 10px 24px;
    border-radius: 16px;
  }
}
.mg-main-top-bf__timer-text {
  font-weight: 700;
  font-size: 12px;
  line-height: 120%;
  color: #ffbd0f;
  margin-right: 16px;
}
@media (min-width: 640px) {
  .mg-main-top-bf__timer-text {
    margin-right: 24px;
  }
}
@media (min-width: 1200px) {
  .mg-main-top-bf__timer-text {
    font-size: 21px;
    line-height: 130%;
  }
}
.mg-main-top-bf__timer-main {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
@media (min-width: 1200px) {
  .mg-main-top-bf__timer-main {
    gap: 8px;
  }
}
.mg-main-top-bf__timer-item .digital-wrap {
  width: 40px;
  height: 40px;
  max-height: 40px;
  min-height: 40px;
  display: flex;
  position: relative;
  aspect-ratio: 1;
  text-align: center;
}
@media (min-width: 640px) {
  .mg-main-top-bf__timer-item .digital-wrap {
    width: 48px;
    height: 48px;
    max-height: 48px;
    min-height: 48px;
  }
}
@media (min-width: 1200px) {
  .mg-main-top-bf__timer-item .digital-wrap {
    width: 72px;
    height: 72px;
    max-height: 72px;
    min-height: 72px;
  }
}
.mg-main-top-bf__timer-item .digital-wrap:before {
  content: "";
  position: absolute;
  width: 90%;
  background: #000;
  height: 1px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
.mg-main-top-bf__timer-item .digital:after, .mg-main-top-bf__timer-item .digital:before {
  font-weight: 900;
  font-size: 22px;
  line-height: 184%;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: -0.02em;
  text-transform: uppercase;
  content: "" attr(data-number) "";
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
}
@media (min-width: 640px) {
  .mg-main-top-bf__timer-item .digital:after, .mg-main-top-bf__timer-item .digital:before {
    font-size: 28px;
    line-height: 172%;
  }
}
@media (min-width: 1200px) {
  .mg-main-top-bf__timer-item .digital:after, .mg-main-top-bf__timer-item .digital:before {
    font-size: 48px;
    line-height: 155%;
  }
}
.mg-main-top-bf__timer-item .digital:before {
  top: 0;
  bottom: 50%;
  background: url("/t/images/bf2025/time-bg-top.webp") top center / contain no-repeat;
  box-shadow: none;
}
.mg-main-top-bf__timer-item .digital:after {
  top: 50%;
  bottom: 0;
  line-height: 0;
  background: url("/t/images/bf2025/time-bg-bottom.webp") bottom center / contain no-repeat;
  box-shadow: 0px 0.5px 0px 0px black inset;
}
.mg-main-top-bf__timer-item.down .back:before, .mg-main-top-bf__timer-item.down .front:after {
  z-index: 1;
}
.mg-main-top-bf__timer-item.down .back:after {
  z-index: 2;
  transform-origin: 50% 0;
  transform: perspective(var(--perspective-value)) rotate(180deg);
}
.mg-main-top-bf__timer-item.down .front:before {
  z-index: 3;
}
.mg-main-top-bf__timer-item.down.go .front:before, .mg-main-top-bf__timer-item.down.go .back:after {
  will-change: transform;
}
.mg-main-top-bf__timer-item.down.go .front:before {
  transform-origin: 50% 100%;
  animation: frontFlipDown 0.6s ease-in-out both;
  backface-visibility: hidden;
}
.mg-main-top-bf__timer-item.down.go .back:after {
  animation: backFlipDown 0.6s ease-in-out both;
  backface-visibility: hidden;
}
.mg-main-top-bf__timer-item:not(.go) .front:before, .mg-main-top-bf__timer-item:not(.go) .back:after {
  will-change: auto;
}
.mg-main-top-bf__timer-hour-text, .mg-main-top-bf__timer-minute-text, .mg-main-top-bf__timer-second-text {
  margin-top: 5px;
  font-weight: 500;
  font-size: 5px;
  line-height: 130%;
  text-align: center;
  color: #fff;
}
@media (min-width: 640px) {
  .mg-main-top-bf__timer-hour-text, .mg-main-top-bf__timer-minute-text, .mg-main-top-bf__timer-second-text {
    font-size: 6px;
  }
}
@media (min-width: 1200px) {
  .mg-main-top-bf__timer-hour-text, .mg-main-top-bf__timer-minute-text, .mg-main-top-bf__timer-second-text {
    margin-top: 8px;
    font-size: 10px;
  }
}
@keyframes frontFlipDown {
  0% {
    transform: perspective(52rem) rotateX(0deg);
  }
  100% {
    transform: perspective(52rem) rotateX(180deg);
  }
}
@keyframes backFlipDown {
  0% {
    transform: perspective(52rem) rotateX(180deg);
  }
  100% {
    transform: perspective(52rem) rotateX(0deg);
  }
}
.mg-main-top__buttons-wrap {
  box-sizing: border-box;
  padding: 6px 16px 6px 6px;
  border-radius: 128px;
  display: flex;
  align-items: center;
  background: #fff;
  margin-left: -8px;
  margin-right: -8px;
  position: relative;
}
@media (min-width: 1200px) {
  .mg-main-top__buttons-wrap {
    padding: 8px 20px 8px 8px;
  }
}
.mg-main-top__resident {
  position: absolute;
  line-height: 0;
  top: calc(100% + 15px);
}
@media (min-width: 640px) {
  .mg-main-top__resident {
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% + 12px);
  }
}
@media (min-width: 1200px) {
  .mg-main-top__resident {
    left: calc(100% + 24px);
  }
}
.mg-main-top__resident img {
  width: 90px;
}
@media (min-width: 640px) {
  .mg-main-top__resident img {
    width: 97px;
  }
}
@media (min-width: 1200px) {
  .mg-main-top__resident img {
    width: 146px;
  }
}
.mg-main-top__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 640px) {
  .mg-main-top__inner {
    align-items: flex-start;
  }
}