:root { --btn-green-color: #1DA84B; --btn-green-hover-color: #23da48; --btn-green-disable-color: #179e32; } .header-btn { background: var(--btn-green-color); } .header-btn:hover { background: var(--btn-green-hover-color); } .dwn-btn { display: flex; justify-content: center; align-items: center; width: fit-content; min-width: 140px; min-height: 44px; margin: 0; padding: 0 24px; font-size: 1.125rem; font-weight: 600; background: var(--btn-green-color); box-sizing: border-box; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .dwn-btn:hover { background: var(--btn-green-hover-color); } .moved .header-prod-logo .title { display: block; } .moved .header-prod-logo::before { opacity: 1; } .wrap .container { max-width: 1060px; } .content.description { max-width: 890px; margin: 0 auto; } .content .section-title { padding-bottom: 20px; font-size: 3.125rem; font-weight: bold; line-height: 1.2; text-align: center; color: #222222; } .section-title span { color: #4e4cc3; } .content .section-text { padding-bottom: 60px; font-size: 1.375rem; line-height: 1.55; text-align: center; color: #444444; } .quote-text { font-size: 2rem; font-weight: bold; line-height: 1.5; color: #222222; } .description.fade { transform: translateY(0); opacity: 1; transition: transform .6s ease-in-out,opacity .4s ease-in-out; } .description.fade.fade-in { opacity: 0; transition: transform .2s ease-in,opacity .2s ease-in; transform: translateY(50px); } @media (max-width: 991px) { .dwn-btn { font-size: 1rem; } .content .section-title { font-size: 2.875rem; } } @media (max-width: 768px) { .wrap .container { padding: 0 30px; } } @media (max-width: 575px) { .uk .dwn-btn { font-size: 0.9375rem; } .wrap .container { padding: 0 20px; } .content .section-title { font-size: 1.875rem; line-height: 1.33; } .content .section-text { padding-bottom: 40px; font-size: 1.25rem; line-height: 1.5; } .quote-text { font-size: 1.5rem; line-height: 1.42; } } @media (max-width: 375px) { .quote-text { font-size: 1.4rem; } } .spring-sale-banner { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; display: none; align-items: center; justify-content: space-between; height: 60px; background: #3A89FF; overflow: hidden; } body.scanner-spring-sale.ios-device .spring-sale-banner { display: flex; } .spring-sale-banner.show-countdown .countdown { display: block; } .spring-sale-banner.show-countdown .content { max-width: 1159px; } .spring-sale-banner::before, .spring-sale-banner::after { content: ''; overflow: hidden; width: 130px; height: 60px; flex-shrink: 0; } .spring-sale-banner::before { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-left.webp?1715266671") no-repeat; background-size: 130px 80px; background-position: center; } .spring-sale-banner::after { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-right.webp?1715266692") no-repeat; background-size: 130px 80px; background-position: center; } .spring-sale-banner .content { display: flex; align-items: center; justify-content: center; max-width: 1013px; width: 100%; margin: 0 auto; gap: 24px; height: 100%; } .spring-sale-banner .title { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 171px; height: 35px; font-size: 1.375rem; font-weight: 600; text-transform: uppercase; color: #fff; border: 1px solid #FFF; border-radius: 28px; } .spring-sale-banner .text { flex-shrink: 0; font-size: 2.75rem; font-weight: 700; text-transform: uppercase; color: #FFF; } .spring-sale-banner .image { flex-shrink: 0; width: 451px; height: 60px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-center.webp?1715266681") no-repeat; background-position: center; background-size: 451px 100px; } .spring-sale-banner .spring-sale-btn { flex-shrink: 0; min-width: 133px; height: 44px; padding: 10px; font-size: 1rem; font-weight: 600; line-height: 1.5; color: #FFF; border-radius: 6px; background: #1CC43E; text-align: center; } .spring-sale-banner .countdown { display: none; } .spring-sale-banner .countdown-items { display: flex; align-items: center; gap: 20px; } .spring-sale-banner .countdown-item { position: relative; display: flex; flex-direction: column; width: 28px; } .spring-sale-banner .countdown-item::after { content: ':'; position: absolute; top: 0; left: -12.5px; width: 7px; height: 26px; font-size: 1.375rem; font-weight: 700; color: #FFF; } .spring-sale-banner .countdown-item:first-child::after { display: none; } .spring-sale-banner .countdown-value { font-size: 1.375rem; font-weight: 700; text-align: center; color: #FFF; } .spring-sale-banner .countdown-name { font-size: 0.688rem; font-weight: 700; text-align: center; color: #fff; } @media (-webkit-min-device-pixel-ratio: 2) { .spring-sale-banner::before { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-left-2x.webp?1715266396") no-repeat; background-size: 130px 100px; background-position: center; } .spring-sale-banner::after { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-right-2x.webp?1715266426") no-repeat; background-size: 130px 100px; background-position: center; } .spring-sale-banner .image { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-center-2x.webp?1715266520") no-repeat; background-position: center; background-size: 451px 100px; } } @media(max-width: 1450px) { .spring-sale-banner .content { gap: 32px; } .spring-sale-banner .title { height: 30px; width: 147px; font-size: 1.125rem; font-weight: 600; border-radius: 24px; } .spring-sale-banner .text { font-size: 2.25rem; } .spring-sale-banner .image { display: none; } } @media (max-width: 991px) { .spring-sale-banner .spring-sale-btn { display: none; } } @media (max-width: 768px) { .spring-sale-banner.show-countdown .title { display: none; } .spring-sale-banner::before, .spring-sale-banner::after { width: 104px; height: 80px; background-size: 104px 80px; } .spring-sale-banner .content { gap: 24px; } .spring-sale-banner .title { font-size: 0.813rem; height: 21px; width: 106px; border-radius: 18px; } .spring-sale-banner .text { font-size: 1.875rem; } .spring-sale-banner.countdown-value { font-size: 1rem; } .spring-sale-banner .countdown-name { font-size: 0.5rem; } } @media (-webkit-min-device-pixel-ratio: 3) and (max-width: 575px) { .spring-sale-banner::before { width: 104px; height: 80px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-left-mobile-3x.webp?1715267063") no-repeat; background-size: 104px 80px; background-position: center; } .spring-sale-banner::after { width: 104px; height: 80px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-right-mobile-3x.webp?1715267076") no-repeat; background-size: 104px 80px; background-position: center; } } @media (max-width: 575px) { .spring-sale-banner { height: 80px; } .spring-sale-banner.show-countdown .title { display: none; } .spring-sale-banner .content { flex-direction: column; gap: 4px; } .spring-sale-banner .title { font-size: 0.813rem; height: 21px; width: 106px; border-radius: 18px; } .spring-sale-banner .text { font-size: 1.875rem; } .spring-sale-banner .countdown-item { width: 21px; } .spring-sale-banner .countdown-value { font-size: 1rem; } .spring-sale-banner .countdown-name { font-size: 0.5rem; } } @media(max-width: 375px) { .spring-sale-banner .text { font-size: 1.25rem; } .spring-sale-banner .countdown-items { gap: 15px; } .spring-sale-banner .countdown-value { font-size: 0.75rem; } .spring-sale-banner .countdown-item::after { height: 23px; left: -10px; font-size: 1rem; } }.top-choice { background: #0C1131; padding: 16px 0; } .garland-window { display: flex; justify-content: center; margin: 0 auto; } .top-choice .garland-card { position: relative; display: inline-block; height: 70px; padding: 0 37px; margin-right: 92px; } .top-choice .garland-card:last-child { margin-right: 0; } .top-choice .garland-card:before { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 70px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/icons/wrth-left.svg?1712922133") no-repeat 0 0; background-size: contain; } .top-choice .garland-card:after { content: ''; position: absolute; top: 0; right: 0; width: 20px; height: 70px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/icons/wrth-right.svg?1712922133") no-repeat 0 0; background-size: contain; } .top-choice .garland-card .title { font-weight: 600; font-size: 1.25rem; line-height: 133%; text-align: center; color: #ffffff; margin-top: 10px; margin-bottom: 4px; } .top-choice .garland-card .desc { font-weight: 400; font-size: 0.875rem; line-height: 150%; text-align: center; display: flex; justify-content: center; letter-spacing: -0.03em; color: #ffffff; opacity: 0.75; } @media (min-width: 992px) { .garland-window .garland-card { opacity: 1 !important; } } @media (max-width: 991px) { .top-choice { position: relative; height: 102px; padding: 0; } .garland-window { position: absolute; top: 16px; left: 0; right: 0; display: flex; justify-content: space-around; align-items: center; height: 70px; } .top-choice .garland-card { position: absolute; left: unset; margin: 0; opacity: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .garland-window .garland-card.current { opacity: 1; } } .hero-screen { position: relative; padding-top: 190px; margin-bottom: 140px; } .hero-screen.violet-bg { background: #0a1036; } .hero-screen .container { position: relative; min-height: 392px; height: 100%; display: flex; margin-bottom: 106px; } .hero-screen .text-block { max-width: 480px; padding: 30px 0 0; } .hero-screen .text-block .banner-logo { position: relative; font-weight: 700; font-size: 1.25em; line-height: 130%; display: flex; align-items: center; color: #111111; padding-left: 54px; margin-bottom: 38px; } .hero-screen .text-block .banner-logo:before { content: ''; position: absolute; left: 0; width: 40px; height: 40px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/products_icons/scannerpro.svg?1580204525") no-repeat 0 0; background-size: contain; } .hero-screen .text-block .section-name { margin-bottom: 8px; color: #777777; font-size: 1em; line-height: 150%; font-weight: 600; text-transform: uppercase; } .hero-screen .text-block h1 { display: flex; flex-direction: column; margin-bottom: 16px; font-weight: 700; font-size: 2.75rem; line-height: 120%; color: #ffffff; } .hero-screen .text-block h1 span { color: #777777; font-weight: 600; } .hero-screen .text-block p { margin-bottom: 32px; font-weight: 400; font-size: 1.375rem; line-height: 150%; color: #ffffff; opacity: 0.8; } .hero-screen .additional-text { font-size: 1.25em; line-height: 150%; color: #ffffff; opacity: 0.8; } .hero-screen .additional-text ul { padding: 0 0 0 24px; } .hero-screen .additional-text ul li { padding: 0 0 0 3px; } .hero-screen .text-block .link-group { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 24px; } .hero-screen .link-group .btn:nth-child(1) { min-width: 160px; height: 44px; color: #ffffff; } .hero-screen .link-group .btn.free-download ~ .btn.buy-now, .hero-screen .link-group .btn.buy-now ~ .btn.free-download { margin: 0 0 0 16px; } .hero-screen .link-group .btn:nth-child(2), .hero-screen .link-group .btn:nth-child(3) { min-width: 112px; height: 44px; } .hero-screen .dwn-btn { margin: 0; } .hero-screen .special-offer { margin: -10px 0 16px; font-size: 0.875rem; color: #555555; } .hero-screen .ratings { position: relative; font-weight: 600; font-size: 0.875rem; line-height: 150%; letter-spacing: -0.03em; display: flex; align-items: center; color: #ffffff; padding-left: 84px; } .hero-screen .ratings-block p { display: none; } .hero-screen .ratings span { display: flex; font-size: 0.875rem; line-height: 21px; margin-left: 5px; opacity: 0.7; } .hero-screen .ratings:before { content: ''; position: absolute; left: 0; width: 76px; height: 12px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/icons/gradient-stars-4.9.svg?1712922133") no-repeat 0 0; background-size: contain; } .hero-screen .illustration { position: absolute; top: 0; left: 530px; width: 640px; height: 392px; } .hero-screen .illustration.big-asset { top: -37px; width: 880px; height: 438px; } .hero-screen .illustration img { width: 100%; } body.scanner-spring-sale.ios-device .hero-screen { padding-top: 250px; } @media (max-width: 1199px) { .hero-screen { padding-top: 174px; margin-bottom: 80px; } .hero-screen .container { min-height: 364px; margin-bottom: 82px; } .hero-screen .text-block { max-width: 440px; padding: 0; } .hero-screen .text-block .banner-logo { font-size: 1em; padding-left: 43px; margin-bottom: 21px; } .hero-screen .text-block .banner-logo:before { width: 32px; height: 32px; } .hero-screen .text-block .section-name { font-size: 0.75em; } .hero-screen .text-block h1 { margin-bottom: 8px; } .hero-screen .text-block p { margin-bottom: 24px; } .hero-screen .additional-text { font-size: 1.125em; } .hero-screen .illustration { left: 540px; width: 547px; height: 335px; } .hero-screen .illustration.big-asset { top: -10px; left: 520px; width: 767px; height: 335px; } body.scanner-spring-sale.ios-device .hero-screen { padding-top: 234px; } } @media (max-width: 1024px) { .hero-screen .additional-text { font-size: 1.125em; } } @media (max-width: 991px) { .hero-screen { padding-top: 140px; } .hero-screen .container { flex-direction: column-reverse; align-items: center; margin-bottom: 64px; } .hero-screen .text-block { max-width: 100%; display: flex; flex-direction: column; align-items: center; } .hero-screen .text-block .banner-logo { font-size: 1.2em; margin: 10px 0 10px; } .hero-screen .text-block h1 { text-align: center; font-size: ; } .hero-screen .text-block p { max-width: 480px; text-align: center; margin-bottom: 40px; } .hero-screen .special-offer { display: none; } .hero-screen .additional-text ul li { padding: 0; } .hero-screen .additional-text ul li:not(:first-child):before { content: ''; list-style-type: disc; display: list-item; float: left; width: 5px; margin: 0 10px 0 8px; } .hero-screen .link-group .btn:nth-child(1) { min-width: 175px; } .hero-screen .illustration { position: relative; top: unset; left: unset; max-width: 650px; width: 100%; height: auto; margin-bottom: 60px; } body.scanner-spring-sale.ios-device .hero-screen { padding-top: 200px; } } @media (max-width: 767px) { .hero-screen .illustration { margin-bottom: 40px; } .hero-screen .illustration.big-asset { max-width: 550px; } } @media (max-width: 575px) { .hero-screen { padding-top: 108px; } .hero-screen .container { margin-bottom: 56px; } .hero-screen .text-block .banner-logo { font-size: 1em; padding-left: 33px; } .hero-screen .text-block .banner-logo:before { width: 25px; height: 25px; } .hero-screen .text-block h1 { font-size: 1.875rem; line-height: 133%; } .hero-screen .text-block p { margin-bottom: 32px; font-size: 1.25rem; } .hero-screen .text-block .link-group { margin-bottom: 16px; } .hero-screen .link-group .btn:nth-child(1), .hero-screen .link-group .btn:nth-child(2), .hero-screen .link-group .btn:nth-child(3) { padding: 0 10px; } .hero-screen .additional-text { font-size: 1em; } .hero-screen .illustration { max-width: 317px; } .hero-screen .illustration.big-asset { max-width: 480px; } body.scanner-spring-sale.ios-device .hero-screen { padding-top: 168px; } } @media (max-width: 480px) { .hero-screen .text-block { width: 100%; } .hero-screen .text-block .link-group { width: 100%; flex-direction: column; } .hero-screen .link-group .btn:nth-child(1) { min-width: unset; width: 100%; } .hero-screen .link-group .btn:nth-child(2), .hero-screen .link-group .btn:nth-child(3) { width: 100%; } .hero-screen .link-group .btn.free-download ~ .btn.buy-now, .hero-screen .link-group .btn.buy-now ~ .btn.free-download { margin: 16px 0 0; } } @media (max-width: 375px) { .hero-screen .illustration, .hero-screen .illustration.big-asset { width: 100%; } }.text-left-right-asset { padding: 0 20px 140px; } .text-left-right-asset .container { display: flex; justify-content: space-between; } .text-left-right-asset.violet-bg .container { padding: 100px 80px; background-color: rgba(112, 110, 255, 0.08); border-radius: 20px; } .text-left-right-asset .animation-block { width: 100%; position: relative; } .text-left-right-asset.text-left .animation-block { order: 2; } .text-left-right-asset.text-left .description { order: 1; margin: 0 80px 0 0; } .text-left-right-asset .animation-block img, .text-left-right-asset .animation-block video { display: block; max-width: 400px; margin: 0 0 0 25px; } .text-left-right-asset .vertical-view-btn { display: none; } .text-left-right-asset .description { display: flex; flex-direction: column; justify-content: center; width: 100%; max-width: 484px; margin: 0 0 0 80px; } .text-left-right-asset .section-title { text-align: left; } .text-left-right-asset .section-text { text-align: left; } .text-left-right-asset .dwn-btn { margin: 0 auto 0 0; } @media (max-width: 1199px) { .text-left-right-asset { padding: 0 0 120px; } .text-left-right-asset.violet-bg { padding: 0 20px 120px; } .text-left-right-asset .description { margin: 0 0 0 40px; } .text-left-right-asset.text-left .description { margin: 0 40px 0 0; } .text-left-right-asset .animation-block img, .text-left-right-asset .animation-block video { margin: initial; } .text-left-right-asset.text-left .animation-block img, .text-left-right-asset.text-left .animation-block video { margin: 0 0 0 auto; } } @media (max-width: 991px) { .text-left-right-asset { padding: 0 0 100px; } .text-left-right-asset.violet-bg .container { padding: 80px 45px; } .text-left-right-asset.violet-bg { padding: 0 20px 100px; } .text-left-right-asset .animation-block { width: 344px; min-width: initial; } .text-left-right-asset .animation-block img, .text-left-right-asset .animation-block video { height: 450px; } .text-left-right-asset .description { margin: 0 0 0 50px; } .text-left-right-asset.text-left .description { margin: 0 50px 0 0; } .text-left-right-asset .section-text { padding-bottom: 40px; } } @media (max-width: 768px) { .text-left-right-asset .container { flex-direction: column; } .text-left-right-asset.violet-bg .container { padding: 50px 20px; } .text-left-right-asset .description { max-width: initial; margin: 0; order: 1; } .text-left-right-asset.text-left .description { margin: 0; } .text-left-right-asset .description .dwn-btn { display: none; } .text-left-right-asset .animation-block { width: 100%; margin: 0 auto; order: 2; } .text-left-right-asset .animation-block img, .text-left-right-asset .animation-block video, .text-left-right-asset.text-left .animation-block img, .text-left-right-asset.text-left .animation-block video { height: initial; margin: 0 auto; } .text-left-right-asset .vertical-view-btn.dwn-btn { display: block; margin: 60px auto 0; order: 3; } } @media (max-width: 575px) { .text-left-right-asset { padding: 0 0 80px; } .text-left-right-asset.violet-bg { padding: 0 10px 80px; } .text-left-right-asset .animation-block img, .text-left-right-asset .animation-block video { max-width: 335px; } } @media (max-width: 414px){ .text-left-right-asset .section-text { padding-bottom: 35px; } .text-left-right-asset .animation-block img, .text-left-right-asset .animation-block video { margin: 0 auto; } } @media (max-width: 375px) { .text-left-right-asset .animation-block img, .text-left-right-asset .animation-block video { max-width: 280px; } }.features-list-block { padding: 0 20px 140px; } .features-list-block .container { padding: 100px 80px; border-radius: 20px; background-color: rgba(112, 110, 255, 0.08); } .features-list-block .section-title { text-align: left; } .features-list-block .feature-list { display: flex; justify-content: space-between; flex-wrap: wrap; } .features-list-block .feature-item { padding: 60px 0 0; width: 45%; max-width: 400px; } .features-list-block .feature-item .icon { height: 60px; width: 100%; margin: 0 auto 20px 0; } .features-list-block.json-animation .feature-item .icon { width: 60px; height: initial; } .features-list-block .feature-item .title { padding: 0 0 2px; font-size: 1.375rem; font-weight: bold; line-height: 1.55; color: #222222; } .features-list-block .feature-item .text { font-size: 1.375rem; line-height: 1.55; color: #444444; } @media (max-width: 1199px) { .features-list-block { padding: 0 20px 120px; } .features-list-block .container { padding: 80px 66px; } } @media (max-width: 991px) { .features-list-block { padding: 0 20px 100px; } .features-list-block .container { padding: 80px 45px; } .features-list-block .feature-item { padding: 50px 0 0; } } @media (max-width: 768px) { .features-list-block .container { padding: 50px 20px; } .features-list-block .section-title { padding-bottom: 5px; } .features-list-block .feature-item { padding: 40px 0 0; } .features-list-block .feature-item .icon { margin: 0 auto 15px 0; } } @media (max-width: 575px) { .features-list-block { padding: 0 10px 80px; } .features-list-block .container { padding: 50px 20px; } .features-list-block .feature-list { flex-direction: column; } .features-list-block .feature-item { width: 100%; max-width: initial; } .features-list-block .feature-item .icon { margin: 0 auto 5px 0; } }.icon.icon-edit { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/features-icons/icon-edit.svg?1712922133") no-repeat 0 0; background-size: contain; } .icon.icon-folder { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/features-icons/icon-folder.svg?1712922133") no-repeat 0 0; background-size: contain; } .icon.icon-search { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/features-icons/icon-search.svg?1712922133") no-repeat 0 0; background-size: contain; } .icon.icon-star { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/features-icons/icon-star.svg?1712922133") no-repeat 0 0; background-size: contain; } .icon-title-text-btn-block { padding: 0 20px; } .icon-title-text-btn-block.black { background: #282828; } .icon-title-text-btn-block .container { } .wrap .icon-title-text-btn-block .container { display: flex; justify-content: center; height: 100%; padding: 80px 0; } .icon-title-text-btn-block.bordered-block .container { background: rgba(255, 255, 255, .9); border-top: 1px solid; border-color: #dcdcdc; } .icon-title-text-btn-block .text-block { max-width: 480px; width: 100%; display: flex; flex-direction: column; align-items: center; } .icon-title-text-btn-block .text-block .icon-block { width: 48px; height: 48px; background-size: contain; margin-bottom: 24px; } .icon-title-text-btn-block .text-block .scannerpro-logo { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/products_icons/scannerpro.svg?1580204525") no-repeat 0 0; } .icon-title-text-btn-block .text-block h3 { font-size: 2.5em; text-align: center; margin-bottom: 16px; } .icon-title-text-btn-block.black .text-block h3 { color: #FFFFFF; } .icon-title-text-btn-block .text-block h3 { color: #222222; } .icon-title-text-btn-block .text-block p { width: 100%; margin-bottom: 32px; font-size: 1.25rem; line-height: 150%; text-align: center; } .icon-title-text-btn-block.black .text-block p { color: rgba(255, 255, 255, 0.8); } .icon-title-text-btn-block .text-block p { color: #444444; } .icon-title-text-btn-block .text-block .link-group { display: flex; justify-content: center; align-items: center; } @media (max-width: 767px) { .wrap .icon-title-text-btn-block .container { padding: 100px 0; } } @media (max-width: 575px) { .wrap .icon-title-text-btn-block .container { padding: 80px 0; } .icon-title-text-btn-block .text-block .scannerpro-logo { width: 40px; height: 40px; margin-bottom: 16px; } .icon-title-text-btn-block .text-block { max-width: 100%; } .icon-title-text-btn-block .text-block h3 { font-size: 1.5em; } .icon-title-text-btn-block .text-block p { max-width: 335px; width: 100%; font-size: 1em; } } @media (max-width: 480px) { .icon-title-text-btn-block .text-block .link-group { width: 100%; flex-direction: column; } }.testimonial-slider { padding: 0 20px 140px; } .testimonial-slider .text-block { max-width: 792px; width: 100%; display: flex; flex-direction: column; align-items: center; margin: 0 auto 64px; } .testimonial-slider .text-block h2 { text-align: center; padding: 0; } .testimonial-slider .text-block p { text-align: center; } .testimonial-slider .slider-block { position: relative; max-width: 1035px; width: 100%; margin: 0 auto; } .testimonial-slider .feature-testimonials-slider { display: flex; visibility: hidden; min-height: 454px; overflow: hidden; } .testimonial-slider .feature-testimonials-slider.slick-initialized { visibility: visible; min-height: unset; } .testimonial-slider .item-slide { width: 307px; height: auto; background: #F7F7FA; border-radius: 16px; padding: 32px; margin: 0 19px; } .testimonial-slider .item-slide .name { font-weight: 600; font-size: 1.25em; line-height: 133%; margin-bottom: 24px; } .testimonial-slider .item-slide .rating { display: flex; width: 127px; height: 18px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/icons/full-stars.svg?1712922133"); background-repeat: no-repeat; background-size: contain; margin-bottom: 24px; } .testimonial-slider .item-slide .testimonial-text { font-weight: 400; font-size: 1.125em; line-height: 150%; letter-spacing: -0.03em; color: #777777; } .testimonial-slider .slick-track { display: flex !important; } .testimonial-slider .slick-pagination { position: relative; height: 24px; display: flex; align-items: center; justify-content: center; margin: 0 auto; } .testimonial-slider .slick-pagination .center-block { position: relative; height: 100%; display: flex; align-items: center; justify-content: center; } .testimonial-slider .slider-arrows { position: absolute; display: flex; justify-content: space-between; width: calc(100% + 80px); } .testimonial-slider .slick-arrow { width: 24px; height: 24px; cursor: pointer; } .testimonial-slider .slick-arrow.arrow-left { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/slider-arrow-left.svg?1712922133"); background-repeat: no-repeat; background-size: contain; } .testimonial-slider .slick-arrow.arrow-right { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/slider-arrow-right.svg?1712922133"); background-repeat: no-repeat; background-size: contain; } .testimonial-slider .slick-dots { position: relative; display: flex; justify-content: center; bottom: unset; } .testimonial-slider .slick-dots li { width: 10px; height: 10px; } .testimonial-slider .slick-dots li button { font-size: 0; width: 10px; height: 10px; } .testimonial-slider .slick-dots li button:before { content: ''; color: unset; font-size: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, .3); border-radius: 50%; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .testimonial-slider .slick-dots li.slick-active button:before { background: #777777; opacity: 1; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } @media (max-width: 1199px) { .testimonial-slider { padding: 0 0 120px; } .testimonial-slider .feature-testimonials-slider { min-height: 350px; } .testimonial-slider .item-slide { margin: 0 9px; } } @media (max-width: 991px) { .testimonial-slider { padding: 0 0 100px; } } @media (max-width: 767px) { .testimonial-slider .text-block { margin: 0 auto 50px; } .testimonial-slider .slider-block { max-width: 530px; } .testimonial-slider .item-slide { margin: 0; } } @media (max-width: 575px) { .testimonial-slider { padding: 0 0 80px; } .testimonial-slider .text-block { margin: 0 auto 40px; } .testimonial-slider .slider-block { max-width: 335px; } } .testimonial-slider .item-slide { background: rgba(112, 110, 255, 0.08); }