@media only screen and (min-width: 1023px) { .qa { padding: 0 0 160px 0 } .qa .title-qa { width: 100%; font-size: 60px; margin-bottom: 64px } .qa .faqs-wrap { gap: 32px } } @media only screen and (min-width: 1280px) { .qa .title-qa { font-size: 80px } } @media only screen and (min-width: 767px) { section.register:not(.no-bg,.last) .content-wrap:before { content: ""; position: absolute; display: block; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #393E46; border-radius: 16px } section.register:not(.no-bg) .content-wrap { display: flex; align-items: center; justify-content: flex-start; position: relative; z-index: 1 } section.register:not(.no-bg) .content-wrap .half { width: 50% } section.register:not(.no-bg) .content-wrap .half.left h3 { text-align: left; font-size: 35px } section.register:not(.no-bg) .content-wrap:before { height: calc(100% - 200px); top: 115px; transform: rotate(-6deg) } section.register:not(.no-bg) .leadform:before { content: unset } section.register .leadform { flex-wrap: wrap; flex-direction: unset } section.register .leadform input[name=full_name] { margin-right: 8px } section.register .leadform input[name=full_name], section.register .leadform input[name=last_name] { width: calc(50% - 4px) } section.register:not(.no-bg) .content-wrap .half.right.desk { display: flex } section.register.no-bg .leadform { max-width: 610px; margin: auto } section.register.last { margin-bottom: 40px } section.register.last .content-wrap { align-items: flex-start; padding: 32px 24px } section.register.last .content-wrap .half.left { order: 2 } section.register.last .content-wrap .half.left h3 { display: none } section.register.last .content-wrap .half.right { flex-direction: column; align-items: flex-start; justify-content: flex-start; order: 1 } section.register.last .content-wrap .half.right h3, section.register.last .leadform .consent-text.desk { display: block; text-align: left } section.register.last .leadform .consent-text.desk { color: #FFF; margin-bottom: 0 } section.register.last .leadform { padding: 0 } section.register.last .content-wrap .half.right img { max-width: 270px } } @media only screen and (min-width: 1023px) { section.register h3 { margin: 0 0 0 30px; font-size: 45px } section.register .leadform { padding: 100px 0 0 30px } .register:not(.no-bg,.last) .form-preloader-orange { top: 100px; left: 30px; width: calc(100% - 30px); height: calc(100% - 100px) } section.register:not(.no-bg) .content-wrap:before { top: 145px } .register .leadform.bg-elem .consent-text { font-size: 16px; line-height: 140% } section.register:not(.no-bg) .content-wrap .half.left h3 { font-size: 50px; margin: 0 } .register.no-bg .content-wrap { padding: 60px 0 35px 0 } .register.no-bg .heading h3:not(.no-sub), .register.no-bg .heading, .register.no-bg .leadform .orange-btn { margin-bottom: 40px } .register.no-bg .heading h3 { max-width: 750px; width: 100% } .register.no-bg .heading p { max-width: 780px; font-size: 20px } section.register.last .content-wrap .half.right h3 { margin: 0 auto 0 0; width: 65% } } @media only screen and (min-width: 1279px) { section.register:not(.no-bg) .content-wrap .half.left h3 { margin: 0 0 0 30px } } @media only screen and (min-width: 1439px) { section.register:not(.no-bg) .content-wrap .half.left h3 { font-size: 50px } section.register:not(.no-bg) .content-wrap:before { top: 100px; height: calc(100% - 100px) } section.register:not(.no-bg,.last) { margin-bottom: 50px } section.register:not(.no-bg) .content-wrap { padding: 32px } section.register.last .content-wrap .half.right h3 { font-size: 32px; width: 75% } }