@media screen and (min-width: 768px) {
  .content {
    width: 744px;
  }

  .offer__list {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .offer__item {
    flex-basis: calc(50% - 8px);
  }
  .offer__item--nobg {
    border: 2px solid #fff;
    padding: 30px 20px;
    justify-content: center;
  }
  .offer__button {
    width: auto;
  }

  .get__list {
    flex-direction: row;
  }

  .work__box {
    width: 100%;
  }

  .form__box textarea {
    width: 674px;
    min-width: 674px;
    max-width: 674px;
  }
  .form__row {
    flex-direction: row;
  }
  .form__item {
    flex: 1;
  }
  .form__button {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 990px) {
  .content {
    width: 970px;
  }

  body {
    font-size: 20px;
    line-height: 1.3;
  }

  .logo {
    width: 286px;
    height: 36px;
  }

  .button {
    padding: 10px;
    font-size: 24px;
  }

  .title {
    font-size: 48px;
  }

  .header__decor--1 {
    width: 560px;
    height: 560px;
    top: -220px;
    filter: blur(147px);
    transform: translateX(490px);
  }
  .header__decor--2 {
    width: 654px;
    height: 875px;
    top: -218px;
    filter: blur(147px);
    transform: translateX(157px);
  }
  .header__decor--3 {
    width: 1782px;
    height: 928px;
    top: -398px;
    filter: blur(147px);
    transform: translateX(-389px);
  }
  .header__decor--4 {
    width: 560px;
    height: 560px;
    top: 96px;
    transform: translateX(-720px);
  }

  .about {
    padding: 165px 0 100px;
  }
  .about__title {
    font-size: 64px;
  }
  .about__subtitle {
    font-size: 24px;
  }

  .why__box {
    padding: 75px 0 200px;
  }
  .why__box:before, .why__box:after {
    height: 34px;
  }
  .why__box:before {
    margin-right: -135px;
  }
  .why__box:after {
    bottom: 34px;
    margin-left: 131px;
  }
  .why__title {
    padding-left: 110px;
  }
  .why__title:before {
    width: 80px;
    top: 24px;
  }
  .why__text {
    margin-top: 50px;
    font-size: 24px;
    line-height: 1.3;
    gap: 40px;
  }
  .why__decor--1 {
    width: 560px;
    height: 560px;
    top: 188px;
    transform: translateX(646px);
  }
  .why__decor--2 {
    display: block;
    position: absolute;
    width: 740px;
    height: 740px;
    top: 10px;
    left: 50%;
    fill: #BA96FF;
    filter: blur(227px);
    transform: translateX(-730px);
  }

  .offer__box {
    padding-bottom: 200px;
  }
  .offer__box:before, .offer__box:after {
    height: 34px;
  }
  .offer__box:before {
    bottom: 34px;
    margin-right: 420px;
  }
  .offer__box:after {
    margin-left: -424px;
  }
  .offer__list {
    margin-top: 64px;
    gap: 20px;
    justify-content: space-between;
  }
  .offer__item {
    flex-basis: calc(33.3% - 14px);
  }
  .offer__subtitle {
    font-size: 32px;
  }
  .offer__text {
    font-size: 20px;
  }
  .offer__decor--1 {
    width: 305px;
    height: 305px;
    transform: translateX(-625px);
  }
  .offer__decor--2 {
    width: 440px;
    height: 440px;
    filter: blur(347px);
  }

  .say {
    padding-bottom: 115px;
  }
  .say .content {
    flex-direction: row;
  }
  .say__title {
    padding-left: 110px;
    flex: 0 0 45%;
    align-self: center;
  }
  .say__title:before {
    width: 80px;
    top: 24px;
  }
  .say__list {
    margin-top: 0;
  }
  .say__list:before {
    border-radius: 20px 0 0 20px;
    border-right: none;
    width: 150px;
    top: -28px;
    bottom: -28px;
    left: -30px;
  }
  .say__item:before {
    width: 40px;
    margin-right: 12px;
  }
  .say__item:after {
    left: -12px;
  }

  .get {
    padding: 115px 0;
  }
  .get__list {
    margin-top: 70px;
  }
  .get__subtitle {
    font-size: 64px;
  }
  .get__text {
    font-size: 24px;
    margin-top: 18px;
  }
  .get__button {
    margin-top: 65px;
  }
  .get__decor--1 {
    width: 700px;
    height: 700px;
    filter: blur(147px);
    top: -164px;
    transform: translateX(443px);
  }
  .get__decor--2 {
    width: 654px;
    height: 875px;
    filter: blur(147px);
    top: -10px;
    transform: translateX(444px) rotateZ(-59.73deg);
  }

  .next {
    padding: 75px 0;
  }
  .next__title {
    padding-left: 110px;
  }
  .next__title:before {
    width: 80px;
    top: 24px;
  }
  .next__list {
    margin-top: 110px;
    flex-direction: row;
    padding: 76px 0 0 0;
  }
  .next__list:before {
    top: 0;
    left: 50%;
    height: 0;
    width: 5000px;
    transform: translateX(-50%);
  }
  .next__item {
    width: calc((100% - 140px) / 3);
  }
  .next__subtitle {
    font-size: 32px;
  }
  .next__subtitle:before {
    border: 2px solid #fff;
    border-bottom-right-radius: 10px 5px;
    border-right-width: 3px;
    border-top: none;
    border-left: none;
    transform-origin: bottom left;
    bottom: auto;
    top: -74px;
  }
  .next__subtitle:after {
    bottom: auto;
    top: -95px;
    left: 185px;
  }
  .next__text {
    font-size: 20px;
    margin-top: 20px;
  }

  .work {
    padding: 115px 0 200px;
  }
  .work__box {
    display: flex;
    gap: 20px;
  }
  .work__box:before {
    top: 0;
    right: 34%;
    margin-right: 32px;
    height: 35px;
  }
  .work__box:after {
    left: 66%;
    top: 32px;
    margin-left: -38px;
    height: 35px;
  }
  .work__form {
    flex: 0 0 66%;
  }
  .work__address {
    margin-top: 116px;
    font-size: 16px;
  }
  .work__address:before {
    position: absolute;
    content: "";
    top: 0;
    height: 66px;
    width: 1000px;
    background: rgba(255, 255, 255, 0.65);
    right: 100%;
  }
  .work__address:after {
    position: absolute;
    content: "";
    top: 66px;
    bottom: 0;
    width: 1000px;
    background: linear-gradient(-163.32deg, rgba(255, 255, 255, 0.65) 0, rgba(203, 255, 252, 0.65) 149.8%);
    right: 100%;
  }
  .work__pattern:before, .work__pattern:after {
    height: 34px;
  }
  .work__pattern:before {
    top: 64px;
    right: 50%;
    margin-right: -357px;
  }
  .work__pattern:after {
    top: 32px;
    left: 50%;
    margin-left: 352px;
  }
  .work__decor--1 {
    width: 502px;
    height: 502px;
    top: 210px;
    transform: translateX(-395px);
  }
  .work__decor--2 {
    width: 654px;
    height: 875px;
    top: -168px;
    transform: translateX(-446px) rotateZ(122.17deg);
  }
  .work__decor--3 {
    width: 1782px;
    height: 928px;
    top: -174px;
    transform: translateX(112px) rotate(178.44deg);
  }

  .form {
    padding-right: 100px;
  }
  .form__title {
    margin-top: -16px;
  }
  .form__box textarea {
    width: 500px;
    min-width: 500px;
    max-width: 500px;
  }
  .form__item--check {
    margin-top: 16px;
  }
  .form__button {
    margin-top: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .content {
    width: 1170px;
  }

  .why__box .content {
    padding-right: 250px;
  }

  .offer__box:before {
    margin-right: 720px;
  }
  .offer__box:after {
    margin-left: -724px;
  }

  .say .content {
    gap: 200px;
  }
  .say__title {
    flex-basis: 35%;
  }
  .say__list:before {
    left: -110px;
    top: -35px;
    bottom: -35px;
  }
  .say__item:before {
    width: 150px;
    margin-right: 40px;
  }
  .say__item:after {
    left: -40px;
  }

  .work__pattern:before {
    margin-right: -757px;
  }
  .work__pattern:after {
    margin-left: 752px;
  }

  .form__box {
    width: 632px;
  }
  .form__box textarea {
    width: 632px;
    min-width: 632px;
    max-width: 632px;
  }
}