.title-text-contacts-block .text-block { margin: 0 auto 64px; } .title-text-contacts-block .text-block .title { margin: 0 0 24px; } .title-text-contacts-block .text-block .text { color: #3C3C3C; font-size: 1.25em; line-height: 1.5; } .title-text-contacts-block .list { display: flex; align-items: stretch; justify-content: center; gap: 20px; } .title-text-contacts-block .list-item { display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; padding: 40px; border-radius: 24px; background: #F8F8F8; width: calc(33.3% - 20px); } .title-text-contacts-block .list-item .icon { display: block; width: 80px; height: 80px; margin: 0 auto 24px; background-repeat: no-repeat; background-size: contain; } .title-text-contacts-block .list-item .icon.media-and-marketing { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/title-text-contacts-block/media-and-marketing.svg?1736944818"); } .title-text-contacts-block .list-item .icon.partnerships-and-licensing { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/title-text-contacts-block/partnerships-and-licensing.svg?1736944903"); } .title-text-contacts-block .list-item .icon.beta-program { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/title-text-contacts-block/beta-program.svg?1736944969"); } .title-text-contacts-block .list-item .icon.help-center { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/title-text-contacts-block/help-center.svg?1742400377"); } .title-text-contacts-block .list-item .icon.blog { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/title-text-contacts-block/blog.svg?1742400421"); } .title-text-contacts-block .list-item .icon.about-readdle { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/title-text-contacts-block/about-readdle.svg?1742400444"); background-repeat: no-repeat; background-size: contain; } .title-text-contacts-block .list-item .text { color: #1E1E1E; font-size: 1.5em; font-weight: 700; line-height: 1.33; margin: 0 0 40px; } .title-text-contacts-block .list-item .btn-link { background: transparent; border: 2px solid #6A6A6A; white-space: nowrap; } .title-text-contacts-block .list-item .btn-link:hover { border-color: #3C3C3C; background: #1E1E1E; color: #fff; } @media (max-width: 1199px) { .title-text-contacts-block .list { gap: 16px; } .title-text-contacts-block .list-item { padding: 40px 24px; } .title-text-contacts-block .list-item .icon { width: 60px; height: 60px; } } @media (max-width: 991px) { .title-text-contacts-block .text-block { margin: 0 auto 48px; } .title-text-contacts-block .text-block .text { font-size: 1.125em; } .title-text-contacts-block .list-item { padding: 32px 24px; border-radius: 16px; } .title-text-contacts-block .list-item .text { font-size: 1.25em; } } @media (max-width: 767px) { .title-text-contacts-block .list { flex-direction: column; align-items: center; } .title-text-contacts-block .list-item { max-width: 340px; width: 100%; padding: 32px; } .title-text-contacts-block .list-item .icon { width: 54px; height: 54px; margin: 0 auto 16px; } .title-text-contacts-block .list-item .text { margin: 0 0 24px; } } @media (max-width: 575px) { .title-text-contacts-block .text-block { margin: 0 auto 40px; } .title-text-contacts-block .list { gap: 20px; } .title-text-contacts-block .list-item { padding: 24px; } .title-text-contacts-block .list-item .top-block { display: flex; align-items: center; text-align: start; width: 100%; gap: 16px; margin: 0 0 24px; } .title-text-contacts-block .list-item .icon { width: 40px; height: 40px; margin: 0; flex-shrink: 0; } .title-text-contacts-block .list-item .text { margin: 0; } .title-text-contacts-block .list-item .btn-link { min-width: 100%; } }.title-text-products-cards-minimized .text-block { margin: 0 0 64px; } .title-text-products-cards-minimized .title { text-align: center; font-size: 2.5rem; margin: 0 0 24px; } .title-text-products-cards-minimized h1.title { font-size: 3em; } .title-text-products-cards-minimized .subtitle { color: #3C3C3C; text-align: center; font-size: 1.25rem; font-weight: 400; line-height: 1.5; } .title-text-products-cards-minimized .list { display: flex; flex-wrap: wrap; gap: 20px; } .title-text-products-cards-minimized .list.row-items-3 { justify-content: center; } .title-text-products-cards-minimized .list.row-items-4 { justify-content: flex-start; } .title-text-products-cards-minimized .list-item { position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: center; background: #F8F8F8; border-radius: 24px; padding: 40px 24px; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .title-text-products-cards-minimized .list-item:hover { background: #F2F2F2; } .title-text-products-cards-minimized .list.row-items-3 .list-item { flex: 0 1 calc(33.3% - 20px); } .title-text-products-cards-minimized .list.row-items-4 .list-item { flex: 0 1 calc(25% - 20px); } .title-text-products-cards-minimized .list-item .top { display: flex; flex-direction: column; align-items: center; } .title-text-products-cards-minimized .list-item .icon { display: flex; margin: 0 0 24px; } .title-text-products-cards-minimized .list.row-items-3 .list-item .icon { width: 100px; height: 100px; } .title-text-products-cards-minimized .list.row-items-4 .list-item .icon { width: 94px; height: 94px; } .title-text-products-cards-minimized .list-item .icon.icon-pdfe { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/pdfexpert.svg?1580137746"); background-repeat: no-repeat; background-size: contain; } .title-text-products-cards-minimized .list-item .icon.icon-spark { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/spark.svg?1708000218"); background-repeat: no-repeat; background-size: contain; } .title-text-products-cards-minimized .list-item .icon.icon-spark-2 { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/spark-2.svg?1630508806"); background-repeat: no-repeat; background-size: contain; } .title-text-products-cards-minimized .list-item .icon.icon-scannerpro { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/scannerpro.svg?1707309733"); background-repeat: no-repeat; background-size: contain; } .title-text-products-cards-minimized .list-item .icon.icon-calendars { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/calendars.svg?1708004057"); background-repeat: no-repeat; background-size: contain; } .title-text-products-cards-minimized .list-item .icon.icon-documents { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/documents.svg?1707309688"); background-repeat: no-repeat; background-size: contain; } .title-text-products-cards-minimized .list-item .icon.icon-fluix { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/fluix.svg?1708001986"); background-repeat: no-repeat; background-size: contain; } .title-text-products-cards-minimized .list-item .item-name { color: #1E1E1E; text-align: center; font-size: 1.5rem; line-height: 1.33; } .title-text-products-cards-minimized .list.row-items-3 .list-item .item-name { margin: 0 0 12px; font-weight: 700; } .title-text-products-cards-minimized .list.row-items-4 .list-item .item-name { margin: 0; font-weight: 600; } .title-text-products-cards-minimized .list-item .item-desc { color: #3C3C3C; text-align: center; font-size: 1rem; line-height: 1.5; opacity: 0.8; margin: 0 0 24px; } @media (max-width: 1199px) { .title-text-products-cards-minimized h1.title { font-size: 2.5em; } .title-text-products-cards-minimized .list.row-items-4 { gap: 16px; } .title-text-products-cards-minimized .text-block { margin: 0 0 48px; } .title-text-products-cards-minimized .list.row-items-3 .list-item { padding: 32px 24px; } .title-text-products-cards-minimized .list.row-items-4 .list-item { padding: 40px 24px; flex: 0 1 calc(33% - 11px); } } @media (max-width: 991px) { .title-text-products-cards-minimized .subtitle { font-size: 1.125rem; } .title-text-products-cards-minimized h1 + .subtitle { font-size: 1.25em; } .title-text-products-cards-minimized .list.row-items-3 { flex-wrap: nowrap; justify-content: space-between; overflow: hidden; overflow-x: scroll; padding: 0 0 20px; } .title-text-products-cards-minimized .list.row-items-3 .list-item { min-width: 310px; flex-shrink: 0; } .title-text-products-cards-minimized .list.row-items-4 .list-item .icon { width: 80px; height: 80px; } } @media (max-width: 767px) { .title-text-products-cards-minimized .text-block { margin: 0 0 40px; } .title-text-products-cards-minimized .title { font-size: 2rem; } .title-text-products-cards-minimized h1.title { font-size: 2em; } .title-text-products-cards-minimized .list.row-items-4 .list-item { flex: 0 1 calc(50% - 16px); } } @media (max-width: 575px) { .title-text-products-cards-minimized .title { margin: 0 0 16px; } .title-text-products-cards-minimized .subtitle { margin: 0 0 40px; } .title-text-products-cards-minimized h1 + .subtitle { font-size: 1.125em; } .title-text-products-cards-minimized .list.row-items-3 .list-item { min-width: 295px; } .title-text-products-cards-minimized .list.row-items-4 .list-item { padding: 32px 16px; } .title-text-products-cards-minimized .list.row-items-4 .list-item .icon { width: 64px; height: 64px; margin: 0 0 16px; } .title-text-products-cards-minimized .list.row-items-4 .list-item .item-name { font-size: 1em; } } @media (max-width: 375px) { .title-text-products-cards-minimized .list.row-items-4 { justify-content: center; } .title-text-products-cards-minimized .list.row-items-4 .list-item { flex: 0 1 100%; max-width: 260px; } } .title-text-products-cards-minimized { padding: 140px 0 0; } .support-block { padding: 96px 0; background: #F8F8F8; } .support-block .text-block { margin: 0 auto 48px; max-width: 792px; width: 100%; } .support-block .text-block .title { font-size: 2.5em; margin: 0 0 24px; } .support-block .text-block .text { color: #1E1E1E; font-size: 1.25em; line-height: 1.5; } .support-block .support-form-block { max-width: 792px; width: 100%; margin: 0 auto; } .support-block .support-form-wrapper { display: flex; justify-content: center; flex-wrap: wrap; column-gap: 40px; row-gap: 48px; } .support-block .support-form-block .labels_row { flex-grow: 1; flex-basis: 100%; } .support-block .support-form-block .labels_title { display: block; color: #2D2D2D; text-align: center; font-size: 1.25em; font-weight: 700; line-height: 1.33; margin: 0 0 24px; } .support-block .support-form-block .labels_list { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; align-items: center; justify-content: center; column-gap: 32px; row-gap: 20px; flex-wrap: wrap; } .support-block .support-form-block .label { display: flex; justify-content: flex-start; align-items: center; gap: 8px; width: 90px; white-space: nowrap; } .support-block form input[type="checkbox"] { display: none; } .support-block input[type="checkbox"] + label span { display: inline-block; width: 22px; height: 22px; margin: -1px 4px 0 0; vertical-align: middle; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/contact-checkbox@2x.png?1567686355") left top no-repeat; background-size: 22px 48px; cursor: pointer; } .support-block input[type="checkbox"]:checked + label span { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/contact-checkbox@2x.png?1567686355") no-repeat 0 -26px; background-size: 22px 48px; } .support-block .inputs-block-fields { display: flex; flex-direction: column; gap: 16px; width: calc(50% - 20px); } .support-block .inputs-block-fields input, .support-block .inputs-block-fields select { display: block; height: 56px; padding: 10px 16px; border-radius: 8px; border: 1px solid #D3D3D3; background: #FFF; -webkit-appearance: none; font-size: 1.125em; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; } .support-block .inputs-block-fields select { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/dropdown-arrow.svg?1737387350"); background-position: right 16px top; background-repeat: no-repeat; background-size: 24px 56px; } .support-block .inputs-block-fields input { color: #1E1E1E; } .support-block .inputs-block-fields select, .support-block .inputs-block-fields input::placeholder { color: #535353; } .support-block .inputs-block-fields input:focus, .support-block .inputs-block-fields select:focus { border-color: transparent; outline: 4px solid rgba(131, 192, 253, 0.50); } .support-block .inputs-block-fields input.error, .support-block .inputs-block-fields select.error, .support-block .textarea_wrapper.error { border-color: transparent; outline: 2px solid #E83D5C; } .support-block .inputs-block-fields input + span, .support-block .inputs-block-fields select + span { display: none; } .support-block .inputs-block-fields input.error + span, .support-block .inputs-block-fields select.error + span { display: flex; align-items: center; gap: 10px; color: #E83D5C; font-size: 1.125em; font-weight: 600; line-height: 1.5; } .support-block .inputs-block-fields input.error + span::before, .support-block .inputs-block-fields select.error + span::before { content: ''; display: block; width: 24px; height: 24px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/error.svg?1737108175") no-repeat center center; } .support-block .textarea_block { display: flex; flex-direction: column; gap: 16px; width: calc(50% - 20px); } .support-block .textarea_wrapper { display: flex; flex-direction: column; justify-content: space-between; position: relative; border-radius: 8px; gap: 16px; border: 1px solid #D3D3D3; background: #FFF; -webkit-appearance: none; overflow: hidden; height: 100%; min-height: 272px; } .support-block .textarea_wrapper.active { border-color: transparent; outline: 4px solid rgba(131, 192, 253, 0.50); } .support-block .textarea_wrapper .support_text { padding: 12px 16px 0; display: block; width: 100%; outline: none; -webkit-appearance: none; resize: none; overflow-x: hidden; overflow-y: scroll; color: #1E1E1E; font-size: 1.125em; font-weight: 600; line-height: 1.5; min-height: auto; flex-grow: 1; border: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; } .support-block .textarea_wrapper .support_text::placeholder { color: #535353; } .support-block .textarea_wrapper .files_row { padding: 0 16px 12px; } .support-block .textarea_wrapper .support_file_upload { display: flex; align-items: center; gap: 8px; padding: 4px 12px; border-radius: 16px; background: #F8F8F8; width: fit-content; white-space: nowrap; cursor: pointer; } .support-block .textarea_wrapper .support_file_upload::before { content: ''; display: block; width: 20px; height: 20px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/contact-attach-icon.svg?1737023769") no-repeat center center; background-size: contain; cursor: pointer; flex-shrink: 0; } .support-block .textarea_wrapper .support_file_upload span { color: #3C3C3C; font-size: 14px; font-weight: 600; line-height: 150%; } .support-block .textarea_wrapper .fileupload { position: fixed; left: -1000px; } .support-block .textarea_wrapper + span { display: none; } .support-block .textarea_wrapper.error + span { display: flex; align-items: center; gap: 10px; color: #E83D5C; font-size: 1.125em; font-weight: 600; line-height: 1.5; } .support-block .textarea_wrapper + span::before { content: ''; display: block; width: 24px; height: 24px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/error.svg?1737108175") no-repeat center center; } .support-block .files_row .filename { display: flex; align-items: center; gap: 8px; padding: 4px 12px; border-radius: 16px; background: #66A5F9; width: fit-content; cursor: pointer; color: #fff; font-size: 0.875em; font-weight: 600; line-height: 150%; position: relative; } .support-block .files_row .filename::before { content: ''; display: block; width: 20px; height: 20px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/contact-attach-icon-white.svg?1737124885") no-repeat center center; background-size: contain; cursor: pointer; flex-shrink: 0; } .support-block .files_row .filename a { font-size: 1.125em; color: #fff; } .support-block .files_row .filename.error a { color: #E83D5C; } .support-block .submit-row { display: flex; justify-content: space-between; width: 100%; } .support-block .button-block { display: flex; flex-direction: column; align-items: flex-end; gap: 24px; max-width: 372px; width: 100%; } .support-block .button-block .btn_submit { display: block; height: 48px; padding: 10px 40px; outline: none; border: none; border-radius: 8px; background: #265BD6; width: fit-content; color: #FFF; font-size: 1.125em; font-weight: 500; line-height: 1.5; cursor: pointer; } .support-block .button-block .btn_submit:hover { background: #3892FA; } .support-block .button-block .btn_submit:focus { outline: 3px solid rgba(131, 192, 253, 0.50); } .support-block .button-block .privacy-agreement { text-align: right; color: #2D2D2D; font-size: 0.875em; line-height: 1.5; } .support-block .button-block .privacy-agreement a { color: #007AFE; font-weight: 600; } .support-block .success-message { display: none; align-items: center; gap: 10px; padding: 12px 24px; border-radius: 8px; background: rgba(60, 200, 60, 0.10); color: #49B71D; font-size: 1.125em; font-weight: 600; line-height: 1.5; position: relative; } .support-block .success-message::before { content: ''; display: block; flex-shrink: 0; width: 20px; height: 20px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/checkmark-green.svg?1737994950") no-repeat center center; background-size: contain; } .support-product { padding: 124px 0 96px; background: #F8F8F8; } .support-product .content { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; max-width: 792px; width: 100%; margin: 0 auto; } .support-product .content .title { color: #1E1E1E; text-align: center; font-size: 2.5em; font-weight: 700; line-height: 1.33; margin: 0 0 48px; } .support-product .content .icon { display: block; width: 64px; height: 64px; margin: 0 0 24px; } .support-product .content .icon.pdfexpert { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/products_icons/pdfexpert.svg?1580137746") no-repeat 0 0; } .support-product .content .icon.documents { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/products_icons/documents.svg?1580913232") no-repeat 0 0; } .support-product .support-form { display: flex; justify-content: center; flex-wrap: wrap; column-gap: 24px; row-gap: 16px; width: 100%; } .support-product .support-form .field-wrapper, .support-product .support-form .textarea-wrapper { display: flex; align-items: flex-start; flex-direction: column; gap: 16px; } .support-product .support-form .field-wrapper { flex-basis: calc(50% - 12px); } .support-product .support-form .textarea-wrapper { flex-basis: 100%; margin: 0 0 8px; } .support-product .support-form input:not([type='button']), .support-product .support-form .textarea { display: block; border-radius: 8px; border: 1px solid #D3D3D3; background: #FFF; -webkit-appearance: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; font-size: 1.125em; font-weight: 600; color: #1E1E1E; width: 100%; } .support-product .support-form input:not([type='button']) { padding: 10px 16px; height: 56px; } .support-product .support-form .textarea { padding: 0; min-height: 170px; border-color: transparent; font-size: unset; } .support-product .support-form .textarea textarea { font-size: 1.125em; font-weight: 600; color: #1E1E1E; width: 100%; padding: 12px 16px; height: 100%; border-radius: 8px; border: 1px solid #D3D3D3; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; resize: none; } .support-product .support-form input:not([type='button'])::placeholder, .support-product .support-form .textarea textarea::placeholder { color: #535353; } .support-product .support-form input:not([type='button']):focus, .support-product .support-form .textarea textarea:focus { border-color: transparent; outline: 4px solid rgba(131, 192, 253, 0.50); } .support-product .support-form input:not([type='button']).error, .support-product .support-form .textarea-wrapper.error textarea { border-color: transparent; outline: 2px solid #E83D5C; } .support-product .support-form input + span, .support-product .support-form .textarea-wrapper span { display: none; } .support-product .support-form input:not([type='button']).error + span, .support-product .support-form .textarea-wrapper.error span { display: flex; align-items: center; gap: 10px; color: #E83D5C; font-size: 1.125em; font-weight: 600; line-height: 1.5; } .support-product .support-form input:not([type='button']).error + span::before, .support-product .support-form .textarea-wrapper.error span::before { content: ''; display: block; width: 24px; height: 24px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/error.svg?1737108175") no-repeat center center; } .support-product .form-description { color: #2D2D2D; font-size: 0.875em; line-height: 1.5; text-align: left; margin: 0 0 24px; width: 100%; } .support-product .form-description a { color: #007AFE; font-weight: 600; } .support-product .btn_submit { display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px 40px; border-radius: 8px; background: #265BD6; color: #FFF; font-size: 1.125em; font-weight: 500; line-height: 1.5; border: none; outline: none; justify-self: flex-start; margin: 0 auto 0 0; cursor: pointer; } .support-product .btn_submit:hover { background: #3892FA; } .contact-form-success { display: none; align-items: center; justify-content: center; min-height: 100vh; min-width: 100vw; position: fixed; left: 0; top: 0; background: #F8F8F8; } .contact-form-success.active { display: flex; } .contact-form-success .content { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; max-width: 832px; width: 100%; padding: 0 20px; } .contact-form-success .content .icon { display: block; width: 80px; height: 80px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/support/icon-success.svg?1737464258") no-repeat 0 0; background-size: contain; margin: 0 0 24px; } .contact-form-success .content .title { color: #1E1E1E; font-size: 2.5em; font-weight: 700; line-height: 1.33; margin: 0 0 24px; } .contact-form-success .content .text { color: rgba(30, 30, 30, 0.8); font-size: 1.25em; line-height: 1.5; margin: 0 0 40px; } .contact-form-success .content .btn-link { background: transparent; border: 2px solid #6A6A6A; } .contact-form-success .content .btn-link:hover { background: #1E1E1E; border: 2px solid #3C3C3C; } @media (max-width: 1199px) { .support-block .text-block { max-width: 896px; } } @media (max-width: 991px) { .support-block { padding: 80px 0; } } @media (max-width: 767px) { .support-block .text-block { margin: 0 auto 40px; } .support-block .text-block .title { font-size: 2em; } .support-block .support-form-wrapper { row-gap: 0; display: flex; flex-direction: column; } .support-block .inputs-block-fields { order: 1; margin: 0 0 32px; width: 100%; } .support-block .inputs-block-fields > div { width: 100%; } .support-block .inputs-block-fields input, .support-block .inputs-block-fields select { height: 42px; padding: 10px 12px; font-size: 1em; } .support-block .inputs-block-fields select { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/dropdown-arrow.svg?1737387350") right 12px top no-repeat; background-size: 24px 42px; } .support-block .inputs-block-fields input.error + span, .support-block .inputs-block-fields select.error + span, .support-block .textarea_wrapper.error + span { font-size: 1em; } .support-block .support-form-block .labels_row { order: 2; margin: 0 0 32px; } .support-block .textarea_block { width: 100%; order: 3; min-height: 272px; margin: 0 0 40px; } .support-block .textarea_wrapper { min-height: 272px; } .support-block .textarea_wrapper .support_text { padding: 10px 12px 0; font-size: 1em; } .support-block .textarea_wrapper .files_row { padding: 0 12px 10px; } .support-block .submit-row { order: 4; flex-direction: column; align-items: center; gap: 24px; } .support-block .button-block { align-items: center; } .support-block .button-block .privacy-agreement { text-align: center; } .support-block .success-message { font-size: 1em; align-items: flex-start; } .support-product { padding: 108px 0 80px; } .support-product .content .icon { width: 48px; height: 48px; } .support-product .content .title { font-size: 2em; margin: 0 0 40px; } .support-product .support-form .field-wrapper { flex-basis: 100%; } .support-product .btn_submit { width: 100%; } } @media (max-width: 575px) { .section-top { padding: 124px 0 0; } .support-block { padding: 64px 0; } .support-block .text-block .text { font-size: 1.125em; } .contact-form-success .content .icon { width: 40px; height: 40px; } .contact-form-success .content .title { font-size: 1.5em; } .contact-form-success .content .btn-link { width: 100%; } } @media (max-width: 375px) { .support-block .support-form-block .labels_list { column-gap: 20px; } .support-block .button-block .btn_submit { width: 100%; } }