@media (min-width: 48em) { .faq-block { margin: 5rem 0rem } .faq-block__body { display: grid; gap: 3rem; } .faq-block__head { display: grid; gap: 1.5rem; } .faq-block__label { font-size: 1.25rem; text-align: center; } .faq-block__btn { width: 24.6875rem } .faq-block_main::before { content: ""; position: absolute; z-index: -1; top: 30%; right: 0%; width: 445px; height: 257px; -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); border-radius: 445px; background: rgba(214, 56, 153, .3); -webkit-filter: blur(100px); filter: blur(100px); } .faq-spoiler__item { padding: 0.625rem 1.5rem; border-bottom: 0.0625rem solid #cacaca; } .faq-spoiler__arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .faq-spoiler__content { padding: 1rem 3.125rem 1.5625rem 0px; } .faq-spoiler__item ul { padding: 0px 0px 0px 1.375rem; margin: 1.5rem 0px; } } @media (min-width: 62em) { .faq-spoiler { display: grid; gap: 1.5rem; } } @media (min-width: 48em) { .guarantees-block { padding: 5rem 0px 0px 0px; margin: 0px 0px 10rem 0px; } .guarantees-block__title { margin: 0px 0px 2rem 0px; text-align: center; } .guarantees-block__label { margin: 0px 0px 3rem 0px; font-size: 1.25rem; text-align: center; } .guarantees-block__body { display: grid; gap: 3.75rem; } .guarantees-item { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem 2rem; } .guarantees-item__title { margin: 0px 0px 1.5rem 0px } .guarantees-item_rev .guarantees-item__column:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .guarantees-item_rev .guarantees-item__column:last-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .guarantees-item__text li { font-size: 1.25rem; } } @media (min-width: 48em) { .form-block { padding: 5rem 0px } .form-block__body { padding: 0px 1.875rem; justify-items: stretch } .form-block__text-bg { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } .form-block input:nth-of-type(6), .form-block input:nth-of-type(7) { width: 49%; } .text_under_form { font-size: 1rem } .form-block__title { text-align: left; } .form-block-2 { position: relative; overflow: hidden; background: #08111b; padding: 5rem 0px; } .form-block-2::before { content: ""; position: absolute; z-index: 1; top: -10%; left: 0%; width: 186.512px; height: 408px; -webkit-transform: rotate(-29.878deg); -ms-transform: rotate(-29.878deg); transform: rotate(-29.878deg); border-radius: 408px; background: #ff777e; -webkit-filter: blur(100px); filter: blur(100px); } .form-block-2::after { content: ""; position: absolute; z-index: 1; right: 0%; bottom: -10%; width: 445px; height: 257px; -webkit-transform: rotate(-69.045deg); -ms-transform: rotate(-69.045deg); transform: rotate(-69.045deg); border-radius: 445px; background: rgba(214, 56, 153, .3); -webkit-filter: blur(50px); filter: blur(50px); } .form-block-2 .form-block__body { position: relative; z-index: 2; display: grid; gap: 3rem; max-width: 38rem; margin: 0 auto; grid-template-columns: none; } .form-block-2 .form-block__head { display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.5rem; } .form-block-2 .form-block__title { margin: 0px; } .form-block-2 .form-block__text { font-size: 1.25rem; } .form-block-3 { position: relative; overflow: hidden; padding: 5rem 0px; background: #FFFFFF; } .form-block-3::before { content: ""; position: absolute; z-index: -1; bottom: -10%; right: -10%; width: 445px; height: 257px; -webkit-transform: rotate(-69.045deg); -ms-transform: rotate(-69.045deg); transform: rotate(-69.045deg); border-radius: 445px; background: rgba(214, 56, 153, .3); -webkit-filter: blur(100px); filter: blur(100px); } .form-block-3 .form-block__body { position: relative; z-index: 2; display: grid; gap: 3rem; max-width: unset; margin: 0 auto; grid-template-columns: none; padding: 0; } .form-block-3 .form-block__body:not(:has(.form-block__left)) { max-width: 38rem; } .form-block-3 .form-block__head { gap: 1.5rem } .form-block-3 .form-block__title { margin: 0px; } .form-block-4 .form-block__text { text-align: left; } .form-block-3 .form-block__label { font-size: 1.25rem } .form-block-3:has(.form-block__left) .form-block__title { text-align: left; } } @media (min-width: 75.0625em) { .form-block__body { position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } .form-block__left { gap: 2rem; } .form-block-4 .form-block__body { padding: 0px; grid-template-columns: repeat(2, 1fr) } }