@media (min-width: 48em) { .contact-block { margin: 5rem 0rem 10rem; } .contact-block__list { display: grid; gap: 2rem; justify-items: center; } .contact-block__icon img { width: 4.0625rem; height: 4.0625rem } .contact-block__value { font-size: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5rem 1.5rem; } .contact-block__img img { height: 7.8125rem } .contact-block__img img { width: auto; height: 5rem } } @media (min-width: 62em) { .contact-block__body { display: grid; grid-template-columns:1fr auto; gap: 3.75rem } .contact-block__img { position: static; top: auto; right: auto; width: auto } } @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) } }