@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap");
img {
  max-width: 100%;
  max-height: 100%;
}

@media screen and (max-width: 1280px) {
  [class*=__container] {
    max-width: 991px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 991px) {
  .header__container {
    max-width: 768px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .header__container .header__logo {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .header__container .menu {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    white-space: nowrap;
    margin: 25px 0;
  }
  .header__container .menu .menu__list {
    gap: 75px;
  }
  .header__container .header__buttons {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .main-block__container img {
    margin: 0 10px 0 0;
  }

  .main-block__text {
    font-size: 0.75em;
    margin: 68px 0 50px 10px;
  }

  .about__container .about__title {
    font-size: 3rem;
  }
  .about__container .about__title span {
    font-size: 3.5rem;
  }

  .try-now__container .try-now__text {
    margin: 0 0 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .header__container {
    max-width: 480px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .header__container .header__logo {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .header__container .menu {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    white-space: nowrap;
    margin: 25px 0;
  }
  .header__container .menu .menu__list {
    gap: 20px;
  }
  .header__container .header__buttons {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .main-block__container {
    text-align: center;
  }
  .main-block__container .main-block__text::before {
    content: "";
    position: absolute;
    left: -8%;
    top: -50px;
    background-color: #F7515C;
  }
  .main-block__container img {
    display: none;
  }
  .main-block__container .main-block__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .about__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .about__container img {
    display: none;
  }
  .about__container .about__title {
    font-size: 3rem;
  }
  .about__container .about__title span {
    font-size: 3.5rem;
  }

  .try-now__container .try-now__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .try-now__container img {
    display: none;
  }

  .try-now__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .try-now__container .try-now__title {
    margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 480px) {
  [class*=__container] {
    max-width: 360px;
    margin: 0 auto;
  }

  .header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .header__container .header__logo {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .header__container .menu {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    white-space: nowrap;
    margin: 25px 0;
  }
  .header__container .menu .menu__list {
    gap: 25px;
  }
  .header__container .header__buttons {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .main-block__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .main-block__buttons a:first-child {
    padding: 10px 0;
    background-color: #F7515C;
    color: #FFF;
  }
  .main-block__buttons a:last-child {
    content: "";
    position: relative;
    color: #282A30;
    margin: 0 0 0 -47px;
  }
  .main-block__buttons a:last-child::before {
    position: absolute;
    top: -3px;
    left: 0px;
  }

  .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .swiper-wrapper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .swiper-navigation {
    display: none;
  }

  .block-1__title {
    font-size: 2rem;
  }
  .block-1__title .transparent-text {
    font-size: 4.5rem;
  }

  .slider-block .transparent-text {
    font-size: 4.5rem;
  }

  .footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  .footer__container .footer__cell {
    margin: 0 0 20px 0;
  }
}