.hero-screen-slider { position: relative; padding: 92px 0 64px; background: #121212; overflow: hidden; } .hero-screen-slider .container { display: flex; flex-direction: column; align-items: center; } .hero-screen-slider .container:before, .hero-screen-slider .container:after { content: ''; position: absolute; bottom: -180px; width: 1157px; height: 682px; opacity: .3; border-radius: 1157px; z-index: 0; } .hero-screen-slider .container:before { left: -578px; opacity: 0.3; background: -webkit-radial-gradient(50% 50% at 50% 50%, #214BE1 0%, #1C389E 41%, #121212 100%); background: -moz-radial-gradient(50% 50% at 50% 50%, #214BE1 0%, #1C389E 41%, #121212 100%); background: -o-radial-gradient(50% 50% at 50% 50%, #214BE1 0%, #1C389E 41%, #121212 100%); background: -ms-radial-gradient(50% 50% at 50% 50%, #214BE1 0%, #1C389E 41%, #121212 100%); background: radial-gradient(50% 50% at 50% 50%, #214BE1 0%, #1C389E 41%, #121212 100%); } .hero-screen-slider .container:after { right: -578px; background: -webkit-radial-gradient(50% 50% at 50% 50%, #7C1CDC 0%, #5A179C 44%, #121212 100%); background: -moz-radial-gradient(50% 50% at 50% 50%, #7C1CDC 0%, #5A179C 44%, #121212 100%); background: -o-radial-gradient(50% 50% at 50% 50%, #7C1CDC 0%, #5A179C 44%, #121212 100%); background: -ms-radial-gradient(50% 50% at 50% 50%, #7C1CDC 0%, #5A179C 44%, #121212 100%); background: radial-gradient(50% 50% at 50% 50%, #7C1CDC 0%, #5A179C 44%, #121212 100%); } .hero-screen-slider .text-block { max-width: 838px; width: 100%; margin: 0 0 40px; z-index: 1; } .hero-screen-slider .text-block h1 { display: flex; flex-direction: column; font-size: 2.5rem; font-style: normal; font-weight: 700; line-height: 133%; text-align: center; color: #FFFFFF; } .hero-screen-slider .text-block h1 span { color: #A3A3A3; } .hero-screen-slider .text-block p { font-size: 1.25rem; font-style: normal; font-weight: 400; line-height: 150%; text-align: center; color: #FFFFFF; } .hero-screen-slider .slider-block { position: relative; width: 100%; margin: 0 auto; } .hero-screen-slider .slider-block.init-preloader .slider-list, .hero-screen-slider .slider-block.init-preloader .slider-arrows, .hero-screen-slider .slider-block.init-preloader .slider-dots { visibility: hidden; } .hero-screen-slider .slider-list { width: 100%; z-index: 2; height: 480px; overflow: hidden; margin-bottom: 32px; } .hero-screen-slider .item { position: relative; height: 480px; padding: 0 56px 48px; overflow: hidden; border-radius: 24px; } .hero-screen-slider .item:focus { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border-radius: 24px; } .hero-screen-slider .item:focus:after { content: ''; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% - 3px); height: calc(100% - 3px); -moz-box-shadow: var(--common-focus-box-shadow);; -webkit-box-shadow: var(--common-focus-box-shadow);; -o-box-shadow: var(--common-focus-box-shadow);; -ms-box-shadow: var(--common-focus-box-shadow);; box-shadow: var(--common-focus-box-shadow);; border-radius: 24px; z-index: 10000000; pointer-events: none; } .hero-screen-slider .item .lazy-img-block { position: initial; } .hero-screen-slider .item picture:not(.lazy-loader):before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%); background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%); background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%); background: -ms-linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%); z-index: 0; } .hero-screen-slider .item img { position: absolute; top: 0; left: 0; width: 1200px; height: 480px; z-index: -1; } .hero-screen-slider .item .bottom-block { position: relative; height: 100%; display: flex; justify-content: space-between; align-items: flex-end; z-index: 1; } .hero-screen-slider .item .icon { display: flex; height: 40px; } .hero-screen-slider .item .icon.spark { width: 127px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/pages/home/hero-screen-slider/product-logo/icon-spark.svg?1706091868"); background-repeat: no-repeat; background-size: contain; } .hero-screen-slider .item .icon.pdfexpert { width: 170px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/pages/home/hero-screen-slider/product-logo/icon-pdfe.svg?1706089852"); background-repeat: no-repeat; background-size: contain; } .hero-screen-slider .item .icon.scannerpro { width: 209px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/pages/home/hero-screen-slider/product-logo/icon-scannerpro.svg?1706091383"); background-repeat: no-repeat; background-size: contain; } .hero-screen-slider .item .icon.documents { width: 209px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/pages/home/hero-screen-slider/product-logo/icon-documents.svg?1706097999"); background-repeat: no-repeat; background-size: contain; } .hero-screen-slider .item .icon.calendars { width: 209px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/pages/home/hero-screen-slider/product-logo/icon-calendars.svg?1706098013"); background-repeat: no-repeat; background-size: contain; } .hero-screen-slider .slider-arrows { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 40px); display: flex; justify-content: space-between; align-items: center; z-index: 1; } .hero-screen-slider .slider-arrows .slick-arrow { width: 34px; height: 63px; display: flex; justify-content: center; align-items: center; border-radius: 8px; background: rgba(255, 255, 255, 0.05); cursor: pointer; border: none; } .hero-screen-slider .slider-arrows .slick-arrow:focus { -moz-box-shadow: var(--common-focus-box-shadow);; -webkit-box-shadow: var(--common-focus-box-shadow);; -o-box-shadow: var(--common-focus-box-shadow);; -ms-box-shadow: var(--common-focus-box-shadow);; box-shadow: var(--common-focus-box-shadow);; border-radius: 8px; } .hero-screen-slider .slider-arrows .arrow-left { position: relative; left: -58px; } .hero-screen-slider .slider-arrows .arrow-right { position: relative; right: -58px; } .hero-screen-slider .slider-arrows .arrow-left:before, .hero-screen-slider .slider-arrows .arrow-right:before { content: ''; position: relative; width: 15px; height: 26px; opacity: .5; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/hero-screen-slider/icons-arrow.svg?1707479168"); background-repeat: no-repeat; background-size: 32px 26px; } .hero-screen-slider .slider-arrows .arrow-left:hover:before, .hero-screen-slider .slider-arrows .arrow-right:hover:before { opacity: 1; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } .hero-screen-slider .slider-arrows .arrow-left:before { background-position: 0 0; } .hero-screen-slider .slider-arrows .arrow-right:before { background-position: -16px 0; } .hero-screen-slider .slider-dots { position: relative; height: 10px; display: flex; justify-content: center; z-index: 2; } .hero-screen-slider .slider-dots li { width: 10px; height: 10px; } .hero-screen-slider .slider-dots li button { font-size: 0; width: 10px; height: 10px; } .hero-screen-slider .slider-dots li button:focus { border-radius: 50%; -moz-box-shadow: var(--common-focus-box-shadow);; -webkit-box-shadow: var(--common-focus-box-shadow);; -o-box-shadow: var(--common-focus-box-shadow);; -ms-box-shadow: var(--common-focus-box-shadow);; box-shadow: var(--common-focus-box-shadow);; } .hero-screen-slider .slick-dots { position: relative; display: flex; justify-content: center; bottom: unset; } .hero-screen-slider .slick-dots li button:before { content: ''; color: unset; font-size: 0; width: 100%; height: 100%; background: #FFF; border-radius: 50%; opacity: .2; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } .hero-screen-slider .slick-dots li button:hover:before, .hero-screen-slider .slick-dots li button:focus:before { opacity: .2; } .hero-screen-slider .slick-dots li.slick-active button:before { opacity: 1; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } @media (max-width: 1199px) { .hero-screen-slider { padding: 116px 0 48px; } .hero-screen-slider .container:before, .hero-screen-slider .container:after { width: 887px; height: 682px; bottom: -185px; border-radius: 887px; } .hero-screen-slider .container:before { left: -486px; } .hero-screen-slider .container:after { right: -486px; } .hero-screen-slider .text-block { margin: 0 0 54px; } .hero-screen-slider .text-block p { font-size: 1.125rem; } .hero-screen-slider .item img { max-width: unset; left: calc((100% - 1200px)/2); } .hero-screen-slider .slider-arrows { display: none; } } @media (max-width: 991px) { .hero-screen-slider { padding: 108px 0 32px; } .hero-screen-slider .container:before, .hero-screen-slider .container:after { width: 771px; height: 682px; bottom: -209px; border-radius: 771px; } .hero-screen-slider .text-block { max-width: 704px; margin: 0 0 48px; } } @media (max-width: 767px) { .hero-screen-slider { padding: 100px 0 40px; } .hero-screen-slider .container:before, .hero-screen-slider .container:after { width: 683px; height: 682px; bottom: -347px; border-radius: 683px; } .hero-screen-slider .container:before { left: -440px; } .hero-screen-slider .container:after { right: -440px; } .hero-screen-slider .slider-list { height: 380px; } .hero-screen-slider .item { height: 380px; padding: 32px 20px; } .hero-screen-slider .item img { width: 950px; left: calc((100% - 950px)/2); height: 380px; } .hero-screen-slider .item .icon { height: 32px; } .hero-screen-slider .item .icon.icon-spark { width: 101px; } .hero-screen-slider .item .icon.icon-pdfe { width: 136px; } .hero-screen-slider .item .icon.icon-scannerpro { width: 167px; } .hero-screen-slider .item .icon.icon-documents { width: 159px; } .hero-screen-slider .item .icon.icon-calendars { width: 146px; } .hero-screen-slider .btn-link { font-size: 0; padding: 0; border: 0; min-width: unset; width: 38px; height: 39px; border-radius: 0; background-color: unset; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/hero-screen-slider/icon-white-arrow.svg?1706794178"); background-repeat: no-repeat; background-size: contain; } .hero-screen-slider .btn-link.white:hover { background-color: unset; border: 0; } } @media (max-width: 575px) { .hero-screen-slider .container:before, .hero-screen-slider .container:after { width: 588px; height: 682px; bottom: -304px; } .hero-screen-slider .container:before { left: -407px; } .hero-screen-slider .container:after { right: -407px; } .hero-screen-slider .item img { width: 535px; left: calc((100% - 535px)/2); height: 380px; } .hero-screen-slider .text-block { margin: 0 0 32px; } .hero-screen-slider .text-block h1 { font-size: 2rem; } }.title-text-news-block h2 { text-align: center; margin-bottom: 24px; } .title-text-news-block h2 { font-size: 2.5rem; } .title-text-news-block .text-block { margin-bottom: 64px; } .title-text-news-block .slider-block { position: relative; } .title-text-news-block .slider-block.init-preloader .list { visibility: hidden; } .title-text-news-block .list { position: relative; display: flex; justify-content: space-between; min-height: 566px; } .title-text-news-block .item { overflow: hidden; border-radius: 24px; z-index: 1; } .title-text-news-block .item.big { position: relative; width: 794px; } .title-text-news-block .item .bottom-block { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; background: -webkit-linear-gradient(180deg, rgba(12, 16, 26, 0.00) 0%, rgba(12, 16, 26, 0.70) 100%); background: -moz-linear-gradient(180deg, rgba(12, 16, 26, 0.00) 0%, rgba(12, 16, 26, 0.70) 100%); background: -o-linear-gradient(180deg, rgba(12, 16, 26, 0.00) 0%, rgba(12, 16, 26, 0.70) 100%); background: -ms-linear-gradient(180deg, rgba(12, 16, 26, 0.00) 0%, rgba(12, 16, 26, 0.70) 100%); background: linear-gradient(180deg, rgba(12, 16, 26, 0.00) 0%, rgba(12, 16, 26, 0.70) 100%); } .title-text-news-block .item.big .bottom-block { position: absolute; left: 0; bottom: 0; width: 100%; height: 200px; padding: 0 32px 32px; } .title-text-news-block .item.small { position: relative; width: 380px; height: 271px; } .title-text-news-block .item.small .bottom-block { position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; padding: 0 20px 20px; } .title-text-news-block .item p { display: flex; align-items: center; font-size: 2rem; font-weight: 700; line-height: 133%; color: #FFFFFF; } .title-text-news-block .item.small p { font-size: 1rem; } .title-text-news-block .item span { display: flex; flex-shrink: 0; width: 38px; height: 39px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/title-text-news-block/icon-white-arrow.svg?1706794178"); background-repeat: no-repeat; background-size: contain; } .title-text-news-block .item.absolute { position: absolute; right: 0; bottom: 0; } .title-text-news-block .item .lazy-img-block { height: 100%; } .title-text-news-block .item img { width: 100%; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .title-text-news-block .item:hover img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .title-text-news-block .slick-dotted.slick-slider { margin-bottom: 30px; } .title-text-news-block .slider-pagination { display: none; } .title-text-news-block .slider-dots { position: relative; height: 10px; display: flex; justify-content: center; } .title-text-news-block .slider-dots li { width: 10px; height: 10px; } .title-text-news-block .slider-dots li button { font-size: 0; width: 10px; height: 10px; } .title-text-news-block .slick-dots { position: relative; display: flex; justify-content: center; bottom: unset; } .title-text-news-block .slick-dots li button:before { content: ''; color: unset; font-size: 0; width: 100%; height: 100%; background: #1E1E1E; border-radius: 50%; opacity: .2; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } .title-text-news-block .slick-dots li button:hover:before { opacity: .2; } .title-text-news-block .slick-dots li.slick-active button:before { opacity: 1; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } @media (max-width: 1239px) { .title-text-news-block .list { max-width: 1160px; width: 100%; min-height: 550px; margin: 0 auto; } .title-text-news-block .item.big { width: 770px; } .title-text-news-block .item.small { width: 370px; height: 264px; } } @media (max-width: 1199px) { .title-text-news-block .text-block { margin-bottom: 48px; } .title-text-news-block .list { max-width: 896px; min-height: unset; flex-wrap: wrap; gap: 24px; } .title-text-news-block .item.big { width: 100%; } .title-text-news-block .item.small { width: calc(50% - 12px); height: 311px; } .title-text-news-block .item.absolute { position: relative; left: unset; bottom: unset; } .title-text-news-block .item p { font-size: 1.75rem; } } @media (max-width: 991px) { .title-text-news-block .list { max-width: 704px; height: 502px; flex-wrap: unset; gap: unset; overflow: hidden; } .title-text-news-block .item.big, .title-text-news-block .item.small { max-width: 704px; height: 502px; } .title-text-news-block .item img { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .title-text-news-block .item:hover img { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .title-text-news-block .item.big .bottom-block, .title-text-news-block .item.small .bottom-block { padding: 0 24px 24px; } .title-text-news-block .item.small .bottom-block { height: 200px; } .title-text-news-block .item p, .title-text-news-block .item.small p { font-size: 1.5rem; } .title-text-news-block .slider-pagination { display: block; } } @media (max-width: 767px) { .title-text-news-block .list { max-width: 535px; height: 362px; } .title-text-news-block .item.big, .title-text-news-block .item.small { width: 535px; height: 362px; } } @media (max-width: 575px) { .title-text-news-block .text-block { margin-bottom: 40px; } .title-text-news-block .list { max-width: 440px; height: 314px; } .title-text-news-block .slick-dotted.slick-slider { margin-bottom: 24px; } .title-text-news-block .item.big, .title-text-news-block .item.small { width: 440px; height: 314px; } .title-text-news-block .item.big .bottom-block, .title-text-news-block .item.small .bottom-block { padding: 0 16px 16px; gap: 9px; } .title-text-news-block .item p, .title-text-news-block .item.small p { font-size: 0.875rem; } .title-text-news-block .item span { width: 32px; height: 33px; } } @media (max-width: 480px) { .title-text-news-block .list { max-width: 335px; height: 239px; } .title-text-news-block .item.big, .title-text-news-block .item.small { width: 335px; height: 239px; } } @media (max-width: 375px) { .title-text-news-block .list { max-width: 280px; height: 199px; } .title-text-news-block .item.big, .title-text-news-block .item.small { width: 280px; height: 199px; } }.title-text-products-cards .text-block { max-width: 800px; width: 100%; margin: 0 auto 64px; } .title-text-products-cards .text-block h2 { text-align: center; margin-bottom: 24px; } .title-text-products-cards .list { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; } .title-text-products-cards .list .item { position: relative; display: flex; flex: 1 1 calc(33.3% - 20px); 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 .list .item:hover { background: #F2F2F2; } .title-text-products-cards .item .top { display: flex; flex-direction: column; align-items: center; margin-bottom: 32px; } .title-text-products-cards .item .icon { display: flex; width: 100px; height: 100px; margin-bottom: 20px; } .title-text-products-cards .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 .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 .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 .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 .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 .item .icon.icon-fluix { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/fluix.svg?1749136621"); background-repeat: no-repeat; background-size: contain; } .title-text-products-cards .item .product-name { font-size: 1.5rem; font-style: normal; font-weight: 700; line-height: 133%; text-align: center; margin-bottom: 8px; color: var(--title-color); } .title-text-products-cards .item .product-desc { display: flex; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 150%; text-align: center; color: var(--text-color); } .title-text-products-cards .item .award-block { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 24px; margin: 24px 0 0; } .title-text-products-cards .item .award-block:before, .title-text-products-cards .item .award-block:after { content: ''; position: absolute; display: flex; width: 13px; height: 46px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/icons-wrth.svg?1707482027"); background-repeat: no-repeat; background-size: 29px 46px; } .title-text-products-cards .item .award-block:before { left: 0; background-position: 0 0; } .title-text-products-cards .item .award-block:after { right: 0; background-position: -16px 0; } .title-text-products-cards .item .award-block .award-title { font-size: 1rem; font-style: normal; font-weight: 600; line-height: 150%; margin-bottom: 4px; color: #1E1E1E; } .title-text-products-cards .item .award-block .award-desc { font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; color: #6A6A6A; } .title-text-products-cards .item .custom-btn.absolute:not(.white) { display: none; } @media (max-width: 1199px) { .title-text-products-cards .text-block { max-width: 100%; margin: 0 auto 48px; } .title-text-products-cards .item .bottom .btn-link { padding: 0 14px; } } @media (max-width: 991px) { .title-text-products-cards .text-block { padding: 0 32px; } .title-text-products-cards .container { padding: 0; } .title-text-products-cards .list { flex-wrap: nowrap; gap: 10px; overflow: hidden; overflow-x: scroll; padding: 0 32px; } .title-text-products-cards .list .item { position: relative; min-width: 130px; flex: unset; margin-bottom: 15px; padding: 20px; } .title-text-products-cards .item .top { margin: 0; } .title-text-products-cards .item .icon { width: 64px; height: 64px; margin-bottom: 12px; } .title-text-products-cards .item .product-name { font-size: 1rem; letter-spacing: -0.41px; margin: 0; } .title-text-products-cards .item .product-desc, .title-text-products-cards .item .award-block { display: none; } .title-text-products-cards .item .custom-btn.white:not(.absolute) { display: none; } .title-text-products-cards .item .custom-btn.absolute:not(.white) { display: inline-flex; } .title-text-products-cards .item .custom-btn.absolute { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; background: none; padding: 0; opacity: 0; z-index: 2; } } @media (max-width: 767px) { .title-text-products-cards .text-block { padding: 0 20px; } .title-text-products-cards .list { padding: 0 20px; } } @media (max-width: 575px) { .title-text-products-cards .text-block { margin: 0 auto 40px; } }.block-text-title-social.gradient-bg { background: -webkit-linear-gradient(96deg, #2A3B76 0%, #191F3E 38%, #15162E 64.5%, #5D3479 100%); background: -moz-linear-gradient(96deg, #2A3B76 0%, #191F3E 38%, #15162E 64.5%, #5D3479 100%); background: -o-linear-gradient(96deg, #2A3B76 0%, #191F3E 38%, #15162E 64.5%, #5D3479 100%); background: -ms-linear-gradient(96deg, #2A3B76 0%, #191F3E 38%, #15162E 64.5%, #5D3479 100%); background: linear-gradient(96deg, #2A3B76 0%, #191F3E 38%, #15162E 64.5%, #5D3479 100%); } .block-text-title-social .block-container { display: flex; justify-content: space-between; align-items: center; padding: 40px 56px; background: #F8F8F8; border-radius: 24px; } .block-text-title-social.gradient-bg .block-container { background: transparent; padding: 40px 0; } .block-text-title-social .left h3 { margin-bottom: 12px; } .block-text-title-social.gradient-bg .left h3 { color: #fff; } .block-text-title-social .left p { font-size: 1.25rem; font-weight: 400; line-height: 30px; color: #1E1E1E; } .block-text-title-social.gradient-bg .left p { color: rgba(255, 255, 255, 0.80); } .block-text-title-social .right { flex-shrink: 0; } .block-text-title-social .right .social-list { display: flex; align-items: center; gap: 10px; } .block-text-title-social .social-list a { display: flex; width: 49px; height: 48px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/icons-social-color.svg?1706541174"); background-repeat: no-repeat; background-size: 150px 48px; opacity: 1; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } .block-text-title-social .social-list a:hover { -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; opacity: .9; } .block-text-title-social .social-list a.facebook { background-position: 0 0; } .block-text-title-social .social-list a.twitter { background-position: -51px 0; } .block-text-title-social .social-list a.linkedin { background-position: -101px 0; } @media (max-width: 991px) { .block-text-title-social .block-container { padding: 32px; } .block-text-title-social .left p { font-size: 1.125rem; } } @media (max-width: 767px) { .block-text-title-social .block-container { flex-direction: column; align-items: center; } .block-text-title-social .left { width: 100%; margin: 0 0 24px; } .block-text-title-social .left h3, .block-text-title-social .left p { text-align: center; } .block-text-title-social .right { width: 100%; display: flex; justify-content: center; } }.title-card-list-right-text-left { position: relative; overflow: hidden; padding: 100px 0; background: linear-gradient(96deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: -webkit-linear-gradient(96deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: -moz-linear-gradient(96deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: -o-linear-gradient(96deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: -ms-linear-gradient(96deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: linear-gradient(96deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); } .title-card-list-right-text-left .container { position: relative; display: flex; justify-content: space-between; z-index: 1; } .title-card-list-right-text-left .container:after { content: ''; position: absolute; width: 1340px; height: 670px; bottom: -103px; left: 220px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/pages/home/illustration-bg-map-2x.webp?1734366936") no-repeat; background-size: contain; z-index: -1; } .title-card-list-right-text-left .left { max-width: 550px; width: 100%; } .title-card-list-right-text-left .left h2 { color: #FFF; margin-bottom: 123px; } .title-card-list-right-text-left .left .list { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; } .title-card-list-right-text-left .list .item { flex: 1 1 calc(50% - 20px); padding: 24px; border-radius: 24px; background: rgba(255, 255, 255, .08); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .title-card-list-right-text-left .item .icon { display: flex; width: 48px; height: 48px; margin-bottom: 24px; } .title-card-list-right-text-left .item .icon.icon-employees { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/title-card-list-right-text-left/icon-employees.svg?1706708303"); background-repeat: no-repeat; background-size: contain; } .title-card-list-right-text-left .item .icon.icon-downloads { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/title-card-list-right-text-left/icon-downloads.svg?1706708364"); background-repeat: no-repeat; background-size: contain; } .title-card-list-right-text-left .item .icon.icon-office { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/title-card-list-right-text-left/icon-office.svg?1706708616"); background-repeat: no-repeat; background-size: contain; } .title-card-list-right-text-left .item .icon.icon-market { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/title-card-list-right-text-left/icon-market.svg?1739281532"); background-repeat: no-repeat; background-size: contain; } .title-card-list-right-text-left .item p { font-size: 2.5rem; font-style: normal; font-weight: 700; line-height: 133%; color: #FFFFFF; } .title-card-list-right-text-left .item .text { font-size: 1.25rem; font-style: normal; font-weight: 400; line-height: 150%; color: rgba(255, 255, 255, 0.70); } .title-card-list-right-text-left .item .text span { color: rgba(255, 255, 255, 0.80); font-weight: 600; } .title-card-list-right-text-left .right { max-width: 550px; width: 100%; } .title-card-list-right-text-left .right p { font-size: 1.25rem; font-style: normal; font-weight: 400; line-height: 150%; color: rgba(255, 255, 255, .7); margin-bottom: 24px; opacity: .8; } .title-card-list-right-text-left .right p span { font-weight: 600; color: #FFF; } @media (max-width: 1199px) { .title-card-list-right-text-left { padding: 80px 0; } .title-card-list-right-text-left .container { gap: 30px; } .title-card-list-right-text-left .container:after { left: 127px; bottom: -183px; } .title-card-list-right-text-left .left, .title-card-list-right-text-left .right { max-width: 428px; } .title-card-list-right-text-left .item .icon { width: 40px; height: 40px; margin-bottom: 15px; } .title-card-list-right-text-left .item p { font-size: 2rem; } .title-card-list-right-text-left .item .text { font-size: 1.125rem; } } @media (max-width: 991px) { .title-card-list-right-text-left { padding: 48px 0; } .title-card-list-right-text-left .container { flex-direction: column; align-items: center; gap: 40px; } .title-card-list-right-text-left .container:after { content: unset; } .title-card-list-right-text-left .left, .title-card-list-right-text-left .right { max-width: 704px; width: 100%; } .title-card-list-right-text-left .left h2 { text-align: center; margin-bottom: 32px; } .title-card-list-right-text-left .item .text br { display: none; } .title-card-list-right-text-left .right { display: flex; flex-direction: column; align-items: center; } } @media (max-width: 767px) { .title-card-list-right-text-left { background: linear-gradient(138deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: -webkit-linear-gradient(138deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: -moz-linear-gradient(138deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: -o-linear-gradient(138deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: -ms-linear-gradient(138deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: linear-gradient(138deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); } .title-card-list-right-text-left .left .list { flex-direction: column; gap: 10px; } .title-card-list-right-text-left .list .item { flex: unset; display: flex; gap: 12px; width: 100%; padding: 16px; } .title-card-list-right-text-left .item .icon { flex-shrink: 0; width: 32px; height: 32px; margin: 0; } .title-card-list-right-text-left .item p { line-height: 100%; margin-bottom: 10px; } }.title-text-left-video-block .container { display: flex; justify-content: space-between; align-items: center; } .title-text-left-video-block .text-block { max-width: 510px; width: 100%; } .title-text-left-video-block .text-block h3 { margin-bottom: 24px; } .title-text-left-video-block .text-block p { font-size: 1.25rem; font-style: normal; font-weight: 400; line-height: 150%; color: #1E1E1E; opacity: .8; margin-bottom: 40px; } .title-text-left-video-block .video { position: relative; max-width: 588px; width: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 24px; overflow: hidden; z-index: 1; } .title-text-left-video-block .video:focus { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .title-text-left-video-block .video:focus .btn-play { -moz-box-shadow: var(--common-focus-box-shadow);; -webkit-box-shadow: var(--common-focus-box-shadow);; -o-box-shadow: var(--common-focus-box-shadow);; -ms-box-shadow: var(--common-focus-box-shadow);; box-shadow: var(--common-focus-box-shadow);; } .title-text-left-video-block .video img { width: 100%; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .title-text-left-video-block .video:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .title-text-left-video-block .video .btn-play { position: absolute; width: 64px; height: 64px; display: flex; justify-content: center; align-items: center; background: rgba(28, 28, 28, 0.60); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 50%; z-index: 1; } .title-text-left-video-block .video .btn-play:focus-visible { -webkit-backdrop-filter: none; backdrop-filter: none; -moz-box-shadow: var(--common-focus-box-shadow);; -webkit-box-shadow: var(--common-focus-box-shadow);; -o-box-shadow: var(--common-focus-box-shadow);; -ms-box-shadow: var(--common-focus-box-shadow);; box-shadow: var(--common-focus-box-shadow);; border-radius: 50%; outline: none; } .title-text-left-video-block .video .btn-play:before { content: ''; position: relative; display: flex; width: 24px; height: 25px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/icon-play-grey.svg?1706869285"); background-repeat: no-repeat; background-size: contain; } @media (max-width: 1199px) { .title-text-left-video-block .text-block { max-width: 406px; } .title-text-left-video-block .text-block p { font-size: 1.125rem; } .title-text-left-video-block .video { max-width: 458px; } } @media (max-width: 991px) { .title-text-left-video-block .container { flex-direction: column-reverse; } .title-text-left-video-block .text-block { max-width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 0; } .title-text-left-video-block .text-block h3, .title-text-left-video-block .text-block p { text-align: center; } .title-text-left-video-block .video { max-width: 704px; margin-bottom: 32px; } .title-text-left-video-block .video img { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .title-text-left-video-block .video:hover img { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } } @media (max-width: 767px) { .title-text-left-video-block .video { max-width: 535px; } } @media (max-width: 575px) { .title-text-left-video-block .container { flex-direction: column; } .title-text-left-video-block .text-block { margin-bottom: 40px; } .title-text-left-video-block .text-block .btn-link { width: 100%; } .title-text-left-video-block .video { margin-bottom: 0; border-radius: 0; overflow: unset; } .title-text-left-video-block .video .lazy-img-block { width: 575px; max-width: 575px; } .title-text-left-video-block .video img { width: 575px; max-width: 575px; } }.press-slider .quote-window { position: relative; height: 160px; } .press-slider .quote-card { display: none; position: absolute; top: 0; left: 0; right: 0; width: 100%; min-height: 160px; justify-content: space-between; align-items: center; background: #F8F8F8; border-radius: 24px; padding: 40px 56px; opacity: 0; } .press-slider .quote-card.current { display: flex; } .press-slider .quote-card p { position: relative; width: calc(100% - 200px); font-weight: 600; font-size: 1.5rem; line-height: 150%; color: #333333; } .press-slider .quote-card p:before { content: ''; position: absolute; top: -27px; left: -19px; width: 58px; height: 45px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/icon-quotes-grey.svg?1706615614"); background-repeat: no-repeat; background-size: contain; } .press-slider .icon { display: flex; height: 70px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/press-icons/press-3x.webp?1707397620"); background-repeat: no-repeat; background-size: 2984px 70px; } .press-slider .icon.xataka { width: 134px; background-position: -2422px 0; } .press-slider .icon.mac-source { width: 69px; background-position: -2756px 0; } .press-slider .icon.five-mac { width: 70px; background-position: -2837px 0; } .press-slider .icon.appleinsider { width: 70px; background-position: -2913px 0; } @media (max-width: 991px) { .press-slider { margin-bottom: 80px; } .press-slider .quote-window { height: 100%; margin: 0 auto; } .press-slider .quote-card { position: relative; padding: 32px 48px; } .press-slider .quote-card p { font-size: 1.25rem; } .press-slider .quote-card p:before { top: -14px; left: -7px; width: 58px; height: 45px; } } @media (max-width: 767px) { .press-slider .quote-card { flex-direction: column; align-items: center; padding: 40px 24px; } .press-slider .quote-card p { max-width: 400px; width: 100%; text-align: center; margin-bottom: 10px; } .press-slider .quote-card p:before { width: 51px; height: 43px; left: -30px; top: -12px; } .press-slider .quote-card img { height: 49px; } } @media (max-width: 575px) { .press-slider .quote-card { padding: 40px 24px; } .press-slider .quote-card p { font-size: 1rem; } .press-slider .quote-card p:before { top: -13px; left: -2px; } .press-slider .icon { height: 49px; background-size: 2046px 49px; } .press-slider .icon.icon-xataka { width: 92px; background-position: -1661px 0; } .press-slider .icon.icon-mac-source { width: 45px; background-position: -1890px 0; } .press-slider .icon.icon-5mac { width: 45px; background-position: -1945px 0; } .press-slider .icon.icon-appleinsider { width: 51px; background-position: -1996px 0; } }.full-width-press-slide-blocks .text-block { max-width: 792px; width: 100%; margin: 0 auto 64px; } .full-width-press-slide-blocks h2 { text-align: center; margin-bottom: 24px; } .full-width-press-slide-blocks .arrow-block { position: relative; display: flex; overflow: hidden; user-select: none; gap: 20px; margin-bottom: 20px; } .full-width-press-slide-blocks .list { flex-shrink: 0; display: flex; gap: 20px; counter-reset: item; justify-content: space-around; min-width: 100%; animation: scroll 40s linear infinite; } .full-width-press-slide-blocks .list.reverce { animation-direction: reverse; } .full-width-press-slide-blocks .arrow-block:hover .list { animation-play-state: paused; } @keyframes scroll { from { transform: translateX(0); } to { transform: translateX(calc(-100% - 20px)); } } @-moz-keyframes scroll { from { transform: translateX(0); } to { transform: translateX(calc(-100% - 20px)); } } @-webkit-keyframes scroll { from { transform: translateX(0); } to { transform: translateX(calc(-100% - 20px)); } } .full-width-press-slide-blocks .item { position: relative; flex: 0 0 auto; width: 220px; height: 130px; border-radius: 16px; display: flex; justify-content: center; align-items: center; background: #F8F8F8; } .full-width-press-slide-blocks .item:focus { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .full-width-press-slide-blocks .item:focus .icon { -moz-box-shadow: var(--common-focus-box-shadow);; -webkit-box-shadow: var(--common-focus-box-shadow);; -o-box-shadow: var(--common-focus-box-shadow);; -ms-box-shadow: var(--common-focus-box-shadow);; box-shadow: var(--common-focus-box-shadow);; border-radius: 8px; } .full-width-press-slide-blocks .item .icon { display: flex; height: 70px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/press-icons/press-3x.webp?1707397620"); background-repeat: no-repeat; background-size: 2984px 70px; } .full-width-press-slide-blocks .item .icon.icon-wt { width: 172px; background-position: 0 0; } .full-width-press-slide-blocks .item .icon.icon-tnw { width: 113px; background-position: -182px 0; } .full-width-press-slide-blocks .item .icon.icon-bbc { width: 126px; background-position: -305px 0; } .full-width-press-slide-blocks .item .icon.icon-cnet { width: 67px; background-position: -441px 0; } .full-width-press-slide-blocks .item .icon.icon-macworld { width: 107px; background-position: -518px 0; } .full-width-press-slide-blocks .item .icon.icon-fast-company { width: 155px; background-position: -635px 0; } .full-width-press-slide-blocks .item .icon.icon-lifehacker { width: 138px; background-position: -800px 0; } .full-width-press-slide-blocks .item .icon.icon-tc { width: 74px; background-position: -948px 0; } .full-width-press-slide-blocks .item .icon.icon-oreilly { width: 143px; background-position: -1032px 0; } .full-width-press-slide-blocks .item .icon.icon-verge { width: 134px; background-position: -1185px 0; } .full-width-press-slide-blocks .item .icon.icon-bloomberg { width: 141px; background-position: -1329px 0; } .full-width-press-slide-blocks .item .icon.icon-pixel { width: 132px; background-position: -1480px 0; } .full-width-press-slide-blocks .item .icon.icon-guardian { width: 165px; background-position: -1622px 0; } .full-width-press-slide-blocks .item .icon.icon-wired { width: 154px; background-position: -1797px 0; } .full-width-press-slide-blocks .item .icon.icon-igeaks { width: 144px; background-position: -1961px 0; } .full-width-press-slide-blocks .item .icon.icon-android-central { width: 168px; background-position: -2115px 0; } .full-width-press-slide-blocks .item .icon.icon-wsj { width: 115px; background-position: -2293px 0; } @media (min-width: 1921px) { .full-width-press-slide-blocks .arrow-block { width: 1920px; margin: 0 auto 20px; } .full-width-press-slide-blocks .arrow-block:before, .full-width-press-slide-blocks .arrow-block:after { content: ''; position: absolute; width: 160px; height: 100%; z-index: 1; } .full-width-press-slide-blocks .arrow-block:before { left: 0; background: linear-gradient( 90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100% ); } .full-width-press-slide-blocks .arrow-block:after { right: 0; background: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% ); } } @media (max-width: 991px) { .full-width-press-slide-blocks .arrow-block { margin-bottom: 16px; } .full-width-press-slide-blocks .arrow-block { gap: 16px; } .full-width-press-slide-blocks .list { gap: 16px; } .full-width-press-slide-blocks .arrow-block:hover .list { animation-play-state: unset; } .full-width-press-slide-blocks .item { width: 190px; height: 100px; } .full-width-press-slide-blocks .item .icon { height: 49px; background-size: 2046px 49px; } .full-width-press-slide-blocks .item .icon.icon-wt { width: 119px; background-position: 0 0; } .full-width-press-slide-blocks .item .icon.icon-tnw { width: 80px; background-position: -124px 0; } .full-width-press-slide-blocks .item .icon.icon-bbc { width: 88px; background-position: -209px 0; } .full-width-press-slide-blocks .item .icon.icon-cnet { width: 46px; background-position: -302px 0; } .full-width-press-slide-blocks .item .icon.icon-macworld { width: 77px; background-position: -354px 0; } .full-width-press-slide-blocks .item .icon.icon-fast-company { width: 109px; background-position: -435px 0; } .full-width-press-slide-blocks .item .icon.icon-lifehacker { width: 97px; background-position: -548px 0; } .full-width-press-slide-blocks .item .icon.icon-tc { width: 53px; background-position: -650px 0; } .full-width-press-slide-blocks .item .icon.icon-oreilly { width: 99px; background-position: -708px 0; } .full-width-press-slide-blocks .item .icon.icon-verge { width: 93px; background-position: -812px 0; } .full-width-press-slide-blocks .item .icon.icon-bloomberg { width: 99px; background-position: -911px 0; } .full-width-press-slide-blocks .item .icon.icon-pixel { width: 85px; background-position: -1021px 0; } .full-width-press-slide-blocks .item .icon.icon-guardian { width: 116px; background-position: -1110px 0; } .full-width-press-slide-blocks .item .icon.icon-wired { width: 109px; background-position: -1231px 0; } .full-width-press-slide-blocks .item .icon.icon-igeaks { width: 101px; background-position: -1343px 0; } .full-width-press-slide-blocks .item .icon.icon-android-central { width: 117px; background-position: -1449px 0; } .full-width-press-slide-blocks .item .icon.icon-wsj { width: 77px; background-position: -1573px 0; } }.recommendation-form { padding: 100px 0; background: -webkit-linear-gradient(95.95deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: -moz-linear-gradient(95.95deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: -o-linear-gradient(95.95deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: -ms-linear-gradient(95.95deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: linear-gradient(95.95deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); } .recommendation-form .container { display: flex; flex-direction: column; align-items: center; gap: 56px; } .recommendation-form .text-block { max-width: 794px; width: 100%; } .recommendation-form .text-block h3 { text-align: center; color: #FFFFFF; margin-bottom: 24px; } .recommendation-form .text-block p { color: #D3D3D3; } .recommendation-form .form { width: 100%; display: flex; flex-direction: column; gap: 24px; } .recommendation-form .form .input-block { width: 100%; display: flex; justify-content: center; } .recommendation-form .form .email { max-width: 344px; width: 100%; min-height: 48px; font-size: 1rem; font-weight: 400; line-height: 150%; display: flex; align-items: center; padding: 0 16px; border-radius: 8px 0px 0px 8px; border: 0; background: #FFFFFF; box-sizing: border-box; outline: none; } .recommendation-form .form input.email::placeholder { color: #A3A3A3; } .recommendation-form .form .subscribe { max-width: 135px; width: 100%; min-height: 48px; border-radius: 0 8px 8px 0; border: 0; cursor: pointer; } .recommendation-form .form .subscribe:disabled { background-color: #223f8d; pointer-events: none; } .recommendation-form .form .subscribe:disabled:hover { background-color: #223f8d; } .recommendation-form .form .privacy-text { font-size: 1rem; font-weight: 400; line-height: 150%; text-align: center; color: #FFFFFF; } .recommendation-form .form .privacy-text a { color: #0A80FF; } .recommendation-form .info-block.hidden { display: none; } .recommendation-form .info-block { max-width: 794px; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 12px; } .recommendation-form .info-block .icon { display: flex; flex-shrink: 0; width: 64px; height: 64px; } .recommendation-form .info-block.success .icon { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/recommendation-form/icon-success.svg?1707220247"); background-repeat: no-repeat; background-size: contain; } .recommendation-form .info-block.error .icon { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/recommendation-form/icon-error.svg?1707225412"); background-repeat: no-repeat; background-size: contain; } .recommendation-form .info-block .text { display: flex; flex-direction: column; gap: 8px; } .recommendation-form .info-block p { font-size: 1.75rem; font-weight: 700; line-height: 133%; text-align: center; } .recommendation-form .info-block.success p { color: #3CC83C; } .recommendation-form .info-block.error p { color: #FA4655; } .recommendation-form .info-block span { font-size: 1rem; font-weight: 400; text-align: center; line-height: 30px; color: #FFF; } @media (max-width: 1199px) { .recommendation-form { padding: 80px 0; background: -webkit-linear-gradient(100deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: -moz-linear-gradient(100deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: -o-linear-gradient(100deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: -ms-linear-gradient(100deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: linear-gradient(100deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); } } @media (max-width: 991px) { .recommendation-form { padding: 64px 0; } .recommendation-form .container { gap: 48px; } .recommendation-form .info-block .icon { width: 56px; height: 56px; } .recommendation-form .info-block p { font-size: 1.5rem; } } @media (max-width: 767px) { .recommendation-form .info-block .icon { width: 48px; height: 48px; } } @media (max-width: 575px) { .recommendation-form .form .input-block { flex-direction: column; gap: 24px; } .recommendation-form .form .email { max-width: 100%; border-radius: 8px; } .recommendation-form .form .subscribe { max-width: 100%; border-radius: 8px; } .recommendation-form .info-block .icon { width: 40px; height: 40px; } } .title-text-left-video-block { margin-bottom: 64px; }