.wrapper {
  font-family: "Montserrat", sans-serif;
  overflow: hidden; }

.center {
  width: 100%;
  max-width: 1168px;
  padding-left: 24px;
  padding-right: 24px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media (min-width: 640px) {
  .center {
    padding-left: 32px;
    padding-right: 32px; } }
  @media (min-width: 1440px) {
  .center {
    max-width: 1216px; } }
/* top-block */
.top-block {
  position: relative;
  box-sizing: border-box;
  padding: 64px 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media (min-width: 1200px) {
  .top-block {
    padding: 40px 0; } }
  @media (min-width: 1440px) {
  .top-block {
    padding: 62px 0; } }
  .top-block__main {
    position: relative;
    z-index: 1; }
    @media (min-width: 1200px) {
  .top-block__main {
    background: #fff;
    border-radius: 24px;
    box-sizing: border-box;
    padding: 48px;
    max-width: 536px;
    margin-right: auto; } }
    @media (min-width: 1440px) {
  .top-block__main {
    padding: 56px; } }
  .top-block__title {
    margin: 0;
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    color: #fff; }
    @media (min-width: 640px) {
  .top-block__title {
    font-size: 32px;
    line-height: 40px; } }
    @media (min-width: 1200px) {
  .top-block__title {
    color: #000;
    text-align: left; }
    .top-block__title br {
      display: none; } }
    @media (min-width: 1440px) {
  .top-block__title {
    font-size: 34px;
    line-height: 44px; } }
  .top-block__desc {
    margin-top: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #fff; }
    @media (min-width: 640px) {
  .top-block__desc {
    font-size: 18px;
    line-height: 28px; } }
    @media (min-width: 1200px) {
  .top-block__desc {
    font-size: 20px;
    line-height: 32px;
    color: rgba(0, 0, 0, 0.7);
    text-align: left; } }
  .top-block__btn {
    cursor: pointer;
    margin-top: 32px;
    box-sizing: border-box;
    padding: 16px 24px;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #fff;
    background: var(--color1);
    border-radius: 96px;
    transition: 0.3s ease;
    max-width: 272px;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 640px) {
  .top-block__btn {
    margin-top: 24px;
    font-size: 16px;
    line-height: 24px;
    padding: 24px;
    width: 100%;
    max-width: 212px; } }
    @media (min-width: 1200px) {
  .top-block__btn {
    font-size: 18px;
    line-height: 24px;
    max-width: 228px;
    margin-left: 0; } }
    .top-block__btn:hover {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04)), var(--color1);
      box-shadow: 0px 8px 24px var(--color1_primary_3); }
    .top-block__btn:active {
      background: var(--color1);
      box-shadow: 0px 0px 0px var(--color1_primary_3); }
  .top-block:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(40, 40, 40, 0.82), rgba(40, 40, 40, 0.82));
    pointer-events: none; }
    @media (min-width: 1200px) {
  .top-block:after {
    display: none; } }
/* top-block end */
/* swiper */
.mg-slider-list-inner {
  display: flex; }

.mg-slider-item {
  flex: none; }

.js-swiper-dots {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (min-width: 640px) {
  .js-swiper-dots {
    margin-top: 32px; } }
  @media (min-width: 1200px) {
  .js-swiper-dots {
    height: 16px;
    margin-top: 40px; } }
  .js-swiper-dots span {
    width: 6px;
    height: 6px;
    margin: 0 3px;
    background: var(--color2);
    border-radius: 50%;
    cursor: pointer;
    transition: 0.3s ease; }
    @media (min-width: 640px) {
  .js-swiper-dots span {
    width: 8px;
    height: 8px;
    margin: 0 4px; } }
    .js-swiper-dots span.services-swiper-dot--active {
      background: var(--color1); }
      @media (min-width: 1200px) {
  .js-swiper-dots span.services-swiper-dot--active {
    width: 16px;
    height: 16px; } }
/* swiper end */
/* tariffs */
.mg-main-tariffs {
  padding: 40px 0 32px;
  box-sizing: border-box; }
  @media (min-width: 640px) {
  .mg-main-tariffs {
    padding: 80px 0 48px;
    border-bottom: 3px solid var(--color2); } }
  @media (min-width: 1200px) {
  .mg-main-tariffs {
    padding: 80px 0; }
    .mg-main-tariffs .mg-slider-list-inner {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 32px; }

    .mg-main-tariffs .js-swiper-dots {
      display: none; } }
  @media (min-width: 1440px) {
  .mg-main-tariffs {
    padding: 102px 0; } }
  .mg-main-tariffs__title {
    margin: 0;
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    color: #000; }
    @media (min-width: 640px) {
  .mg-main-tariffs__title {
    font-size: 32px;
    line-height: 40px; } }
    @media (min-width: 1200px) {
  .mg-main-tariffs__title {
    font-size: 40px;
    line-height: 48px; } }
  .mg-main-tariffs__list-wrapper {
    margin-top: 32px;
    box-sizing: border-box; }
    @media (min-width: 640px) {
  .mg-main-tariffs__list-wrapper {
    margin-top: 48px;
    padding-right: 30px; } }
    @media (min-width: 1200px) {
  .mg-main-tariffs__list-wrapper {
    margin-top: 64px;
    padding-right: 0; } }
    @media (min-width: 1440px) {
  .mg-main-tariffs__list-wrapper {
    margin-top: 80px; } }
  .mg-main-tariffs__item {
    background: #fff;
    border: 2px solid var(--color1);
    border-radius: 12px;
    box-sizing: border-box;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: 0.3s ease;
    cursor: pointer; }
    @media (min-width: 640px) {
  .mg-main-tariffs__item {
    padding: 38px;
    border-radius: 24px; } }
    .mg-main-tariffs__item-title {
      font-weight: 500;
      font-size: 20px;
      line-height: 32px;
      text-align: center;
      color: #000; }
      @media (min-width: 640px) {
  .mg-main-tariffs__item-title {
    font-size: 24px;
    line-height: 32px; } }
      @media (min-width: 1200px) {
  .mg-main-tariffs__item-title {
    font-size: 26px;
    line-height: 40px; } }
      @media (min-width: 1440px) {
  .mg-main-tariffs__item-title {
    line-height: 42px; } }
    .mg-main-tariffs__item-text {
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      text-align: center;
      color: #666;
      margin-top: 8px; }
      @media (min-width: 640px) {
  .mg-main-tariffs__item-text {
    font-size: 18px;
    line-height: 28px;
    margin-top: 16px; }
    .mg-main-tariffs__item-text br {
      display: none; } }
      @media (min-width: 1200px) {
  .mg-main-tariffs__item-text {
    font-size: 20px;
    line-height: 32px; }
    .mg-main-tariffs__item-text br {
      display: block; } }
    .mg-main-tariffs__item-price {
      margin-top: 32px; }
      .mg-main-tariffs__item-price-from {
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        color: #000;
        margin-right: 8px; }
        @media (min-width: 640px) {
  .mg-main-tariffs__item-price-from {
    font-size: 16px;
    line-height: 24px; } }
        @media (min-width: 1200px) {
  .mg-main-tariffs__item-price-from {
    font-size: 18px;
    line-height: 24px; } }
      .mg-main-tariffs__item-price-sum {
        font-weight: 500;
        font-size: 20px;
        line-height: 32px;
        color: #000; }
        @media (min-width: 640px) {
  .mg-main-tariffs__item-price-sum {
    font-size: 24px;
    line-height: 32px; } }
        @media (min-width: 1200px) {
  .mg-main-tariffs__item-price-sum {
    font-size: 26px;
    line-height: 32px; } }
      .mg-main-tariffs__item-price-old {
        text-decoration: line-through;
        color: var(--color1); }
    .mg-main-tariffs__item-crm {
      margin-top: 24px;
      display: flex;
      align-items: center;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: var(--color1); }
      @media (min-width: 640px) {
  .mg-main-tariffs__item-crm {
    font-size: 18px;
    line-height: 32px; } }
      @media (min-width: 1200px) {
  .mg-main-tariffs__item-crm {
    margin-top: 32px;
    font-size: 20px;
    line-height: 32px; } }
      .mg-main-tariffs__item-crm svg {
        margin-right: 8px; }
    .mg-main-tariffs__item-button {
      margin-top: 24px;
      display: block;
      text-decoration: none;
      background: var(--color2);
      border-radius: 40px;
      padding: 16px;
      box-sizing: border-box;
      font-weight: 600;
      font-size: 14px;
      line-height: 24px;
      text-align: center;
      letter-spacing: 0.2px;
      color: #000;
      width: 100%;
      transition: 0.3s ease; }
      @media (min-width: 640px) {
  .mg-main-tariffs__item-button {
    padding: 24px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 96px; } }
      @media (min-width: 1200px) {
  .mg-main-tariffs__item-button {
    font-size: 18px;
    line-height: 24px; } }
    @media (min-width: 1200px) {
  .mg-main-tariffs__item:hover {
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.1); }
    .mg-main-tariffs__item:hover .mg-main-tariffs__item-button {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04)), var(--color1);
      box-shadow: 0px 8px 24px var(--color1_primary_3);
      color: #fff; }
  .mg-main-tariffs__item:active {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); }
    .mg-main-tariffs__item:active .mg-main-tariffs__item-button {
      background: var(--color1);
      box-shadow: 0px 0px 0px var(--color1_primary_3);
      color: #fff; } }
/* tariffs end */
/* our-works */
.our-works {
  box-sizing: border-box;
  padding-top: 32px; }
  @media (min-width: 640px) {
  .our-works {
    padding-top: 48px; } }
  @media (min-width: 1200px) {
  .our-works {
    padding-top: 80px; } }
  @media (min-width: 1440px) {
  .our-works {
    padding-top: 90px; } }
  .our-works__title {
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    color: #000;
    box-sizing: border-box;
    padding-left: 24px;
    padding-right: 24px; }
    @media (min-width: 640px) {
  .our-works__title {
    font-size: 32px;
    line-height: 40px;
    padding-left: 32px;
    padding-right: 32px; } }
    @media (min-width: 1200px) {
  .our-works__title {
    font-size: 40px;
    line-height: 48px; } }
  .our-works__list {
    margin-top: 32px;
    display: grid;
    grid-template-columns: 1fr 1fr; }
    @media (min-width: 640px) {
  .our-works__list {
    margin-top: 48px; } }
    @media (min-width: 960px) {
  .our-works__list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto; } }
    @media (min-width: 1200px) {
  .our-works__list {
    margin-top: 64px; } }
    @media (min-width: 1440px) {
  .our-works__list {
    margin-top: 80px; } }
  .our-works__item {
    line-height: 0;
    position: relative;
    cursor: pointer;
    border-radius: 0px;
    transition: 0.5s ease;
    overflow: hidden; }
    .our-works__item img {
      max-width: 100%; }
    .our-works__item-title {
      display: none; }
      @media (min-width: 960px) {
  .our-works__item-title {
    display: block;
    position: absolute;
    bottom: 0;
    left: 32px;
    right: 32px;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    opacity: 0;
    transform: translateY(40px);
    transition: 0.3s ease;
    z-index: 1; } }
    .our-works__item:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: linear-gradient(0deg, rgba(25, 25, 31, 0.64), rgba(25, 25, 31, 0.64));
      transition: 0.3s ease; }
    .our-works__item:hover:after {
      background: linear-gradient(0deg, rgba(25, 25, 31, 0.56) 0%, rgba(25, 25, 31, 0) 100%); }
    @media (min-width: 960px) {
    .our-works__item:hover {
      transform: scale(1.1);
      box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.3);
      border-radius: 24px;
      position: relative;
      z-index: 1;
      transition: 0.5s ease; }
      .our-works__item:hover .our-works__item-title {
        opacity: 1;
        transform: translateY(-32px); } }
/* our-works end */
/* mg-main-get */
.mg-main-get {
  padding: 40px 0;
  box-sizing: border-box;
  position: relative; }
  @media (min-width: 640px) {
  .mg-main-get {
    padding: 80px 0; } }
  @media (min-width: 1440px) {
  .mg-main-get {
    padding: 102px 0; } }
  .mg-main-get__images {
    display: none; }
    @media (min-width: 1200px) {
  .mg-main-get__images {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: calc(50% + 16px); }
    .mg-main-get__images img {
      max-height: 100%; } }
  @media (min-width: 1200px) {
    .mg-main-get__left {
      max-width: 536px; } }
    @media (min-width: 1440px) {
  .mg-main-get__left {
    width: 568px; } }
  .mg-main-get__title {
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    color: #000;
    margin: 0; }
    @media (min-width: 640px) {
  .mg-main-get__title {
    font-size: 32px;
    line-height: 40px; } }
    @media (min-width: 1200px) {
  .mg-main-get__title {
    font-size: 36px;
    line-height: 48px;
    text-align: left; } }
    @media (min-width: 1440px) {
  .mg-main-get__title {
    font-size: 40px;
    line-height: 48px; } }
  .mg-main-get__list {
    margin-top: 32px; }
    @media (min-width: 640px) {
  .mg-main-get__list {
    margin-top: 48px; } }
    @media (min-width: 1200px) {
  .mg-main-get__list {
    margin-top: 56px; } }
  .mg-main-get__item + .mg-main-get__item {
    margin-top: 24px; }
    @media (min-width: 640px) {
  .mg-main-get__item + .mg-main-get__item {
    margin-top: 40px; } }
  .mg-main-get__item-title-wrapper {
    display: flex;
    align-items: center; }
    .mg-main-get__item-ico {
      width: 40px;
      height: 40px;
      min-width: 40px;
      margin-right: 16px;
      line-height: 0; }
      @media (min-width: 640px) {
  .mg-main-get__item-ico {
    width: auto;
    height: auto;
    min-width: 56px;
    margin-right: 24px; } }
      .mg-main-get__item-ico svg {
        max-width: 100%;
        max-height: 100%; }
        .mg-main-get__item-ico svg path[fill] {
          fill: var(--color1); }
        .mg-main-get__item-ico svg path[stroke] {
          stroke: var(--color1); }
    .mg-main-get__item-title {
      font-weight: 500;
      font-size: 18px;
      line-height: 24px;
      color: #000; }
      @media (min-width: 640px) {
  .mg-main-get__item-title {
    font-size: 32px;
    line-height: 40px; } }
    .mg-main-get__item-text {
      margin-top: 16px;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: #666; }
      @media (min-width: 640px) {
  .mg-main-get__item-text {
    font-size: 18px;
    line-height: 28px; } }
      @media (min-width: 1440px) {
  .mg-main-get__item-text {
    font-size: 20px;
    line-height: 32px; } }
  .mg-main-get__button {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #fff;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    text-decoration: none;
    background: var(--color1);
    border-radius: 96px;
    display: block;
    margin-top: 24px;
    transition: 0.3s ease;
    max-width: 272px;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 640px) {
  .mg-main-get__button {
    margin-top: 40px;
    max-width: 294px;
    margin-left: 0;
    font-size: 16px;
    line-height: 24px;
    padding: 24px; } }
    @media (min-width: 1200px) {
  .mg-main-get__button {
    max-width: 320px;
    font-size: 18px;
    line-height: 24px; } }
    .mg-main-get__button:hover {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04)), var(--color1);
      box-shadow: 0px 8px 24px var(--color1_primary_3); }
    .mg-main-get__button:active {
      background: var(--color1);
      box-shadow: 0px 0px 0px var(--color1_primary_3); }
/* mg-main-get end */
/* tools */
.tools {
  background: var(--color2);
  box-sizing: border-box;
  padding: 40px 0; }
  @media (min-width: 640px) {
  .tools {
    padding: 80px 0; } }
  @media (min-width: 1440px) {
  .tools {
    padding: 102px 0; } }
  .tools__title {
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    color: #000; }
    @media (min-width: 640px) {
  .tools__title {
    font-size: 32px;
    line-height: 40px; } }
    @media (min-width: 1200px) {
  .tools__title {
    font-size: 40px;
    line-height: 48px; } }
  .tools__desc {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #666;
    margin-top: 8px; }
    @media (min-width: 640px) {
  .tools__desc {
    font-size: 18px;
    line-height: 24px;
    margin-top: 16px; } }
    @media (min-width: 1200px) {
  .tools__desc {
    font-size: 22px;
    line-height: 32px; } }
  .tools__list {
    margin-top: 32px;
    display: grid;
    grid-gap: 24px; }
    @media (min-width: 640px) {
  .tools__list {
    margin-top: 48px;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px; } }
    @media (min-width: 1200px) {
  .tools__list {
    margin-top: 64px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px; } }
    @media (min-width: 1440px) {
  .tools__list {
    margin-top: 80px;
    grid-gap: 48px; } }
  .tools__item {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .tools__item-icon {
      background: var(--color1);
      border-radius: 50%;
      width: 88px;
      height: 88px;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media (min-width: 640px) {
  .tools__item-icon {
    width: 112px;
    height: 112px; } }
      .tools__item-icon svg {
        width: 56px;
        height: 56px; }
        @media (min-width: 640px) {
  .tools__item-icon svg {
    width: auto; } }
    .tools__item-title {
      margin-top: 16px;
      font-weight: 500;
      font-size: 18px;
      line-height: 28px;
      text-align: center;
      color: #000; }
      @media (min-width: 640px) {
  .tools__item-title {
    margin-top: 24px; } }
      @media (min-width: 1200px) {
  .tools__item-title {
    font-size: 20px;
    line-height: 32px; } }
      @media (min-width: 1440px) {
  .tools__item-title {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.01px; } }
/* tools end */
/*achievements*/
.achievements {
  box-sizing: border-box;
  padding: 40px 0;
  overflow: hidden;
  background: linear-gradient(0deg, rgba(36, 36, 36, 0.84), rgba(36, 36, 36, 0.84)), url(../images/achievements-bg.webp) center center / cover no-repeat;
  position: relative;
  transition: all 0.3s; }
  .achievements__title {
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    margin-bottom: 32px; }
  .achievements__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none; }
    .achievements__item-main {
      display: flex;
      margin-bottom: 20px;
      align-items: center; }
      .achievements__item-main-left {
        line-height: 0; }
        .achievements__item-main-left img {
          transform: matrix(-1, 0, 0, 1, 0, 0); }
      .achievements__item-main-right {
        line-height: 0; }
      .achievements__item-main-center {
        margin-left: 8px;
        margin-right: 8px;
        min-width: 72px; }
      .achievements__item-main-center-title {
        font-weight: 500;
        font-size: 40px;
        line-height: 1.4;
        text-align: center;
        letter-spacing: 0.2px;
        color: #fff; }
      .achievements__item-main-center-text {
        font-weight: 600;
        font-size: 18px;
        line-height: 1.6;
        text-align: center;
        letter-spacing: 0.2px;
        color: #fff; }
    .achievements__item-text {
      font-size: 16px;
      line-height: 24px;
      text-align: center;
      letter-spacing: 0.2px;
      color: #fff; }
    .achievements__item + .achievements__item {
      margin-top: 48px; }
  .achievements__btn-wrap {
    margin-top: 32px; }
  .achievements__btn {
    background: #fff;
    border-radius: 88px;
    box-sizing: border-box;
    padding: 16px;
    display: flex;
    align-items: center;
    text-decoration: none; }
    .achievements__btn-icon {
      width: 40px;
      min-width: 40px;
      margin-right: 12px;
      line-height: 0; }
      .achievements__btn-icon img {
        max-width: 100%; }
    .achievements__btn-title {
      font-weight: 600;
      font-size: 14px;
      line-height: 1.6;
      letter-spacing: 0.2px;
      color: #000; }
    .achievements__btn + .achievements__btn {
      margin-top: 24px; }
  .achievements__qr {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 0;
    transition: all 0.3s;
    width: 127px;
    height: 165px;
    transform: translate(100%, 100%); }
  @media (min-width: 416px) {
  .achievements__btn-wrap {
    margin-top: 48px;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto; } }
  @media (min-width: 640px) {
  .achievements {
    padding: 80px 0; }
    .achievements__title {
      font-size: 32px;
      line-height: 40px;
      margin-bottom: 48px; }

    .achievements__list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 32px;
      max-width: 756px;
      margin-left: auto;
      margin-right: auto; }

    .achievements .achievements__item + .achievements__item {
      margin-top: 0; }

    .achievements__btn-wrap {
      max-width: 756px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 32px; }

    .achievements__btn-title {
      font-size: 16px;
      line-height: 24px; }

    .achievements__item-text {
      font-size: 18px;
      line-height: 32px; }

    .achievements__btn-icon {
      width: 56px;
      height: 56px; }

    .achievements .achievements__btn + .achievements__btn {
      margin-top: 0; } }
  @media (min-width: 1200px) {
  .achievements {
    background-attachment: fixed; }
    .achievements__title {
      font-size: 40px;
      line-height: 48px;
      margin-bottom: 64px; }

    .achievements__list {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-gap: 24px;
      max-width: 100%;
      margin-left: 0;
      margin-right: 0; }

    .achievements__item-text {
      font-size: 16px;
      line-height: 24px; }
      .achievements__item-text br {
        display: none; }

    .achievements:hover .achievements__qr {
      transform: translate(-34px, -34px); } }
  @media (min-width: 1440px) {
  .achievements {
    padding: 102px 0; }
    .achievements__title {
      font-size: 40px;
      line-height: 48px;
      margin-bottom: 80px; }

    .achievements__item-text {
      font-size: 17px;
      line-height: 24px; }

    .achievements__list {
      grid-gap: 32px; }

    .achievements .achievements__item-main-center-text {
      font-size: 22px;
      line-height: 32px; } }
/*achievements end*/
/* gr-pick */
.gr-pick {
  box-sizing: border-box;
  padding: 40px 0 24px;
  background: var(--color2); }
  @media (min-width: 640px) {
  .gr-pick {
    padding: 80px 0 48px; } }
  @media (min-width: 1200px) {
  .gr-pick {
    padding: 80px 0; } }
  @media (min-width: 1440px) {
  .gr-pick {
    padding: 102px 0 80px; }
    .gr-pick__inner {
      max-width: 1488px; } }
  .gr-pick .js-swiper-dots span {
    background: #ddd; }
    .gr-pick .js-swiper-dots span.services-swiper-dot--active {
      background: var(--color1); }
  .gr-pick .js-swiper-arrows {
    display: none; }
    @media (min-width: 640px) {
  .gr-pick .js-swiper-arrows {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding-right: 32px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; }
    .gr-pick .js-swiper-arrows > div {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      pointer-events: auto; }
    .gr-pick .js-swiper-arrows .gr-pick__slider-prev-arrow {
      transform: translateX(-50%); }
    .gr-pick .js-swiper-arrows .gr-pick__slider-next-arrow {
      transform: translateX(50%); } }
      @media (min-width: 640px) and (min-width: 1200px) {
      .gr-pick .js-swiper-arrows > div {
        width: 56px;
        height: 56px; } }
      @media (min-width: 640px) and (min-width: 1200px) {
      .gr-pick .js-swiper-arrows .gr-pick__slider-prev-arrow {
        transform: translateX(-100%);
        margin-left: -24px;
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1); } }
      @media (min-width: 640px) and (min-width: 1200px) {
      .gr-pick .js-swiper-arrows .gr-pick__slider-next-arrow {
        transform: translateX(100%);
        margin-right: -24px;
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1); } }
    @media (min-width: 1023px) {
  .gr-pick .js-swiper-arrows {
    padding-right: 0; } }
  .gr-pick__title {
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    color: #000; }
    @media (min-width: 640px) {
  .gr-pick__title {
    font-size: 32px;
    line-height: 40px; } }
    @media (min-width: 1200px) {
  .gr-pick__title {
    font-size: 40px;
    line-height: 48px; } }
  .gr-pick__desc {
    margin-top: 8px;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #666; }
    @media (min-width: 640px) {
  .gr-pick__desc {
    font-size: 18px;
    line-height: 24px;
    margin-top: 16px; } }
    @media (min-width: 1200px) {
  .gr-pick__desc {
    font-size: 22px;
    line-height: 32px; } }
    .gr-pick__desc a {
      text-decoration: none;
      color: var(--color1); }
  .gr-pick__main {
    margin-top: 32px;
    box-sizing: border-box; }
    @media (min-width: 640px) {
  .gr-pick__main {
    margin-top: 48px;
    padding-right: 32px;
    position: relative; } }
    @media (min-width: 1023px) {
  .gr-pick__main {
    padding-right: 0; } }
    @media (min-width: 1200px) {
  .gr-pick__main {
    margin-top: 64px; } }
    @media (min-width: 1440px) {
  .gr-pick__main {
    margin-top: 80px; } }
  .gr-pick__item {
    background: #fff;
    border-radius: 16px;
    box-sizing: border-box;
    padding: 14px;
    border: 2px solid #fff;
    text-decoration: none;
    transition: 0.3s ease;
    opacity: 0.4; }
    @media (min-width: 1200px) {
  .gr-pick__item {
    padding: 22px; } }
    .gr-pick__item.swiper-slide-visible {
      opacity: 1; }
    .gr-pick__item-img {
      line-height: 0;
      border-radius: 8px;
      overflow: hidden;
      width: 100%;
      padding-top: 111.67%;
      position: relative; }
      @media (min-width: 1440px) {
  .gr-pick__item-img {
    padding-top: 112%; } }
      .gr-pick__item-img img {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        max-width: 100%;
        width: 100%;
        pointer-events: none; }
    .gr-pick__item-bottom {
      margin-top: 24px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .gr-pick__item-bottom-left-num {
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -0.1px;
        color: #9f9f9f; }
      .gr-pick__item-bottom-left-title {
        margin-top: 2px;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -0.1px;
        color: #000; }
      @media (min-width: 640px) {
      .gr-pick__item-bottom-left-title {
        font-size: 16px;
        line-height: 24px; } }
      @media (min-width: 1440px) {
      .gr-pick__item-bottom-left-title {
        font-size: 18px; } }
      .gr-pick__item-bottom-right {
        margin-left: 8px;
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        background: var(--color1);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center; }
      @media (min-width: 640px) {
    .gr-pick__item-bottom-right {
      width: 56px;
      height: 56px;
      min-width: 56px;
      min-height: 56px; } }
    @media (min-width: 1200px) {
  .gr-pick__item:hover {
    border: 2px solid var(--color1);
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.1); }
    .gr-pick__item:hover .gr-pick__item-bottom-right {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04)), var(--color1);
      box-shadow: 0px 8px 24px var(--color1_primary_3); }
  .gr-pick__item:active {
    border: 2px solid var(--color1);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); }
    .gr-pick__item:active .gr-pick__item-bottom-right {
      background: var(--color1);
      box-shadow: 0px 0px 0px var(--color1_primary_3); } }
/* gr-pick end */
/* red-block */
.red-block {
  padding: 40px 0;
  box-sizing: border-box; }
  @media (min-width: 640px) {
  .red-block {
    padding: 80px 0; } }
  @media (min-width: 1440px) {
  .red-block {
    padding: 102px 0; } }
  .red-block__title {
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    color: #000; }
    @media (min-width: 640px) {
  .red-block__title {
    font-size: 32px;
    line-height: 40px; } }
    @media (min-width: 1200px) {
  .red-block__title {
    font-size: 40px;
    line-height: 48px; } }
  .red-block__text {
    margin-top: 32px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #444; }
    @media (min-width: 640px) {
  .red-block__text {
    font-size: 18px;
    line-height: 28px;
    margin-top: 48px; } }
    @media (min-width: 1200px) {
  .red-block__text {
    font-size: 20px;
    line-height: 32px;
    margin-top: 64px; } }
    @media (min-width: 1440px) {
  .red-block__text {
    font-size: 22px;
    line-height: 34px;
    margin-top: 56px; } }
/* red-block */
/* mg-main-form */
.mg-main-form {
  padding: 40px 0;
  background: var(--color2);
  box-sizing: border-box; }
  @media (min-width: 640px) {
  .mg-main-form {
    padding: 80px 0; } }
  @media (min-width: 1200px) {
  .mg-main-form {
    padding: 104px 0; }
    .mg-main-form__inner {
      max-width: 1296px; } }
  @media (min-width: 1440px) {
  .mg-main-form__inner {
    max-width: 1376px; } }
  .mg-main-form__title {
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    color: #000; }
    @media (min-width: 640px) {
  .mg-main-form__title {
    font-size: 32px;
    line-height: 40px; } }
    @media (min-width: 1200px) {
  .mg-main-form__title {
    text-align: left;
    font-size: 40px;
    line-height: 48px; } }
  .mg-main-form__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #666;
    margin-top: 8px; }
    @media (min-width: 640px) {
  .mg-main-form__text {
    font-size: 18px;
    line-height: 24px;
    margin-top: 16px; } }
    @media (min-width: 1200px) {
  .mg-main-form__text {
    font-size: 22px;
    line-height: 170%;
    margin-top: 24px;
    text-align: left; } }
  .mg-main-form__popup {
    text-decoration: none;
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #fff;
    padding: 20px 24px;
    background: var(--color1);
    margin-top: 24px;
    border-radius: 96px;
    width: 100%;
    max-width: 272px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box; }
    @media (min-width: 640px) {
  .mg-main-form__popup {
    font-size: 16px;
    line-height: 170%;
    padding: 24px;
    max-width: 237px; } }
    @media (min-width: 1200px) {
  .mg-main-form__popup {
    display: none; } }
  .mg-main-form__note {
    margin-top: 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #666; }
    @media (min-width: 640px) {
  .mg-main-form__note {
    line-height: 170%; } }
    @media (min-width: 1200px) {
  .mg-main-form__note {
    font-size: 16px;
    line-height: 170%;
    text-align: left;
    margin-top: 32px; } }
    .mg-main-form__note a {
      text-decoration: none;
      color: #0369d9; }
  .mg-main-form__bottom {
    display: none; }
  .mg-main-form__top-radio {
    display: none; }
  @media (min-width: 1200px) {
  .mg-main-form form {
    padding: 64px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 12px; }
  .mg-main-form__button {
    font-family: "Montserrat", sans-serif;
    border: none;
    background: var(--color1);
    border-radius: 96px;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    width: 100%;
    padding: 24px 32px;
    box-sizing: border-box;
    cursor: pointer;
    transition: 0.3s ease; }
    .mg-main-form__button:hover {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04)), var(--color1);
      box-shadow: 0px 8px 24px var(--color1_primary_3); }

    .mg-main-form__button:active {
      background: var(--color1);
      box-shadow: 0px 0px 0px var(--color1_primary_3); }
  .mg-main-form__top {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 24px; }
    .mg-main-form__top-text {
      grid-column-start: 1;
      grid-column-end: 3;
      display: flex;
      flex-direction: column; }

    .mg-main-form__top-radio {
      display: grid;
      grid-gap: 24px; }

    .mg-main-form__top-radio-item {
      display: flex;
      align-items: center;
      cursor: pointer; }
      .mg-main-form__top-radio-item.disable {
        pointer-events: none; }
      .mg-main-form__top-radio-item-input {
        width: 32px;
        height: 32px;
        flex: none;
        margin-right: 16px;
        position: relative;
        color: #000; }
        .mg-main-form__top-radio-item-input input {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          right: 0;
          opacity: 0;
          z-index: 1;
          cursor: pointer; }
          .mg-main-form__top-radio-item-input input:checked + span {
            box-shadow: inset 0px 0px 0px 2px var(--color1), inset 0px 0px 0px 9px #fff, inset 0px 0px 0px 16px var(--color1);
            border: none; }
        .mg-main-form__top-radio-item-input span {
          display: block;
          width: 100%;
          height: 100%;
          box-sizing: border-box;
          border: 2px solid #ccc;
          border-radius: 50%;
          transition: all 0.2s; }
      .mg-main-form__top-radio-item-text {
        font-weight: 400;
        font-size: 20px;
        line-height: 170%;
        color: #000; }
      .mg-main-form__top-radio-item:hover .mg-main-form__top-radio-item-input span {
        border: 2px solid var(--color1); }
  .mg-main-form__bottom {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 24px;
    margin-top: 48px; }
    .mg-main-form__bottom .__long {
      grid-column-start: 1;
      grid-column-end: 3;
      display: flex; }
  .mg-main-form__item input[type="text"] {
    font-family: "Montserrat", sans-serif;
    box-sizing: border-box;
    background: var(--color2);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 44px;
    width: 100%;
    padding: 24px 32px;
    outline: none;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #000; }
    .mg-main-form__item input[type="text"]::placeholder {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 24px;
      letter-spacing: 0.2px;
      color: #666; }

    .mg-main-form__item input[type="text"]:hover {
      border: 1px solid var(--color1);
      box-shadow: 0px 0px 0px 1px var(--color1); }

    .mg-main-form__item input[type="text"]:focus {
      border: 1px solid var(--color1);
      box-shadow: 0px 0px 0px 1px var(--color1); } }
  @media (min-width: 1440px) {
  .mg-main-form form {
    padding: 80px; } }
/* mg-main-form end */
body .lg-outer {
  z-index: 10001; }

body .mp-footer, body .mp-footer__left {
  background: #fff; }

.lg-outer .lg-image {
  max-height: none !important; }

.lg-outer .lg-img-wrap {
  overflow: auto; }