.hero-screen-vertical-20250815 { background: radial-gradient(46.46% 39.29% at 50.83% 0%, rgba(205, 129, 189, 0.50) 0%, rgba(205, 129, 189, 0.00) 100%), radial-gradient(138.65% 88.07% at 100% 0%, rgba(31, 162, 255, 0.80) 0%, rgba(43, 131, 229, 0.35) 44.23%, rgba(56, 97, 201, 0.00) 100%), radial-gradient(186.76% 84.72% at 0% 0%, rgba(229, 53, 56, 0.90) 0%, rgba(195, 54, 103, 0.35) 53.85%, rgba(184, 55, 117, 0.17) 72.12%, rgba(173, 55, 132, 0.00) 100%); } .hero-screen-vertical-20250815 .content { position: relative; padding: 240px 0 166px; } .hero-screen-vertical-20250815 .content::before, .hero-screen-vertical-20250815 .content::after { content: ''; position: absolute; top: calc(50% + 30px); display: block; width: 350px; height: 500px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: cover; background-repeat: no-repeat; background-position: center; } .hero-screen-vertical-20250815 .content::before { left: -40px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/components/hero-screen-vertical-20250815/hero-bg-left.png?1755548779"); } .hero-screen-vertical-20250815 .content::after { right: -40px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/components/hero-screen-vertical-20250815/hero-bg-right.png?1755548779"); } .hero-screen-vertical-20250815 .text-block { position: relative; display: flex; flex-direction: column; gap: 16px; max-width: 586px; margin: 0 auto 32px; text-align: center; z-index: 1; } .hero-screen-vertical-20250815 .text-block .title { color: #111; } .hero-screen-vertical-20250815 .links-block { position: relative; display: flex; justify-content: center; align-items: center; gap: 16px; z-index: 1; } .hero-screen-vertical-20250815 .links-block .btn { min-height: 47px; } .hero-screen-vertical-20250815 .links-block .btn:first-child { min-width: 174px; } .hero-screen-vertical-20250815 .links-block .btn:last-child { min-width: 191px; } @media (-webkit-min-device-pixel-ratio: 1.5) { .hero-screen-vertical-20250815 .content::before { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/components/hero-screen-vertical-20250815/hero-bg-left-2x.png?1755548780"); } .hero-screen-vertical-20250815 .content::after { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/components/hero-screen-vertical-20250815/hero-bg-right-2x.png?1755548777"); } } @media (max-width: 1199px) { .hero-screen-vertical-20250815 .content { padding: 220px 0 132px; } .hero-screen-vertical-20250815 .content::before, .hero-screen-vertical-20250815 .content::after { width: 308px; height: 440px; top: calc(50% + 30px); } .hero-screen-vertical-20250815 .content::before { left: -90px; } .hero-screen-vertical-20250815 .content::after { right: -90px; } .hero-screen-vertical-20250815 .text-block { max-width: 460px; } .hero-screen-vertical-20250815 .text-block .title { font-size: 2.5em; } .hero-screen-vertical-20250815 .text-block .text { font-size: 1.125em; } } @media (max-width: 991px) { .hero-screen-vertical-20250815 .content { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 40px; padding: 160px 0 53px; } .hero-screen-vertical-20250815 .content::before { position: static; width: 100%; height: 280px; -moz-transform: unset; -webkit-transform: unset; -o-transform: unset; -ms-transform: unset; transform: unset; background-size: contain; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/components/hero-screen-vertical-20250815/hero-bg-mobile-2x.png?1755548777"); } .hero-screen-vertical-20250815 .content::after { display: none; } .hero-screen-vertical-20250815 .text-block { max-width: 520px; } } @media (max-width: 767px) { .hero-screen-vertical-20250815 .content { padding: 160px 0 40px; } .hero-screen-vertical-20250815 .content::before { height: 210px; } .hero-screen-vertical-20250815 .text-block { max-width: 500px; } .hero-screen-vertical-20250815 .text-block .title { font-size: 1.5em; } .hero-screen-vertical-20250815 .text-block .text { font-size: 1em; } } @media (max-width: 575px) { .hero-screen-vertical-20250815 .content { padding: 140px 0 40px; } .hero-screen-vertical-20250815 .content::before { width: 370px; height: 140px; } .hero-screen-vertical-20250815 .links-block { flex-direction: column; } .hero-screen-vertical-20250815 .links-block .btn:first-child, .hero-screen-vertical-20250815 .links-block .btn:last-child { min-width: unset; max-width: 335px; width: 100%; } }.top-choice { background: #FBFBFD; padding: 16px 0; } .top-choice.bg-white { background: #fff; } .top-choice.bg-grey-transparent, .top-choice.bg-blue-blur { -moz-backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); -o-backdrop-filter: blur(10px); -ms-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .top-choice.bg-grey-transparent { background-color: rgba(51, 51, 53, 0.70); } .top-choice.bg-blue-blur { background-color: rgba(255, 255, 255, 0.20); } .dark .top-choice { border-top: 1px solid rgba(255, 255, 255, 0.15); background-color: rgba(17, 17, 55, 0.70); } .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/pdfexpert/20220504/common/garland-left.svg?1652198658") no-repeat 0 0; background-size: contain; } .top-choice.bg-grey-transparent .garland-card:before { background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/garland-left-white.svg?1746446944") no-repeat 0 0; } .top-choice.bg-blue-blur .garland-card:before { background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/garland-left-blue-bg.svg?1755078827") no-repeat 0 0; } .top-choice .garland-card:after { content: ''; position: absolute; top: 0; right: 0; width: 20px; height: 70px; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/garland-right.svg?1652198673") no-repeat 0 0; background-size: contain; } .top-choice.bg-grey-transparent .garland-card:after { background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/garland-right-white.svg?1746446944") no-repeat 0 0; } .top-choice.bg-blue-blur .garland-card:after { background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/garland-right-blue-bg.svg?1755078842") no-repeat 0 0; } .dark .top-choice .garland-card:before, .dark .top-choice .garland-card:after { filter: invert(1); } .top-choice .garland-card .title { font-weight: 600; font-size: 1.25em; line-height: 133%; text-align: center; color: #111111; margin-top: 10px; margin-bottom: 4px; } .top-choice.bg-grey-transparent .garland-card .title, .top-choice.bg-blue-blur .garland-card .title { color: #fff; } .dark .top-choice .garland-card .title { color: var(--white); } .top-choice .garland-card .desc { font-weight: 400; font-size: 0.875em; line-height: 150%; text-align: center; display: flex; justify-content: center; letter-spacing: -0.03em; color: var(--grey); } .top-choice.bg-grey-transparent .garland-card .desc, .top-choice.bg-blue-blur .garland-card .desc { color: rgba(255, 255, 255, 0.60); } .dark .top-choice .garland-card .desc { color: rgba(255,255,255,.6); } .top-choice .garland-card .desc span { position: relative; display: flex; align-items: center; padding-left: 12px; margin-left: 7px; } .top-choice .garland-card .desc span:before { content: ''; position: absolute; left: 0; width: 10px; height: 12px; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/icon-apple-logo.svg?1652280570") no-repeat 0 0; background-size: contain; } @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; } }.title-slider-overflow-visible-right .title { max-width: 750px; margin: 0 auto 64px; color: #111; text-align: center; } .title-slider-overflow-visible-right .title span { position: relative; display: inline-flex; background: -webkit-linear-gradient(90deg, #EC4146 0%, #BD84C9 50%, #349EF3 100%); background: -moz-linear-gradient(90deg, #EC4146 0%, #BD84C9 50%, #349EF3 100%); background: -o-linear-gradient(90deg, #EC4146 0%, #BD84C9 50%, #349EF3 100%); background: -ms-linear-gradient(90deg, #EC4146 0%, #BD84C9 50%, #349EF3 100%); background: linear-gradient(90deg, #EC4146 0%, #BD84C9 50%, #349EF3 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .title-slider-overflow-visible-right .title span::before { content: ''; position: absolute; bottom: 0; left: 0; display: inline-flex; width: 100%; height: 7px; background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/affiliate/icons/highlight-gradient.svg?1755589715"); } .title-slider-overflow-visible-right .slider-block { position: relative; } .title-slider-overflow-visible-right .slick-list { overflow: visible !important; } .title-slider-overflow-visible-right .slick-track { display: flex !important; } .title-slider-overflow-visible-right .slide { display: flex; flex-direction: column; height: auto; margin: 0 16px; padding: 32px; background-color: #FBFBFD; border-radius: 16px; } .title-slider-overflow-visible-right .slide:first-child { margin-left: 0; } .title-slider-overflow-visible-right .slide:last-child { margin-right: 0; } .title-slider-overflow-visible-right .slide .icon { display: inline-flex; width: 48px; height: 48px; margin: 0 0 20px; background-size: contain; background-position: center; background-repeat: no-repeat; } .title-slider-overflow-visible-right .slide .icon.commissions { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/components/title-slider-overflow-visible-right/icons/commissions.svg?1755595625"); } .title-slider-overflow-visible-right .slide .icon.cookie { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/components/title-slider-overflow-visible-right/icons/cookie.svg?1755595666"); } .title-slider-overflow-visible-right .slide .icon.resources { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/components/title-slider-overflow-visible-right/icons/resources.svg?1755595805"); } .title-slider-overflow-visible-right .slide .icon.rewards { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/components/title-slider-overflow-visible-right/icons/rewards.svg?1755595764"); } .title-slider-overflow-visible-right .slide .icon.team { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/components/title-slider-overflow-visible-right/icons/team.svg?1755595811"); } .title-slider-overflow-visible-right .slide .icon.tracking { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/components/title-slider-overflow-visible-right/icons/tracking.svg?1755595692"); } .title-slider-overflow-visible-right .slide h3 { color: #111; font-size: 1.5em; font-weight: 700; line-height: 1.33; margin: 0 0 16px; } .title-slider-overflow-visible-right .slide p { color: #333; font-size: 1.25em; font-weight: 400; line-height: 1.5; } .title-slider-overflow-visible-right .slick-dots { position: relative; display: flex; justify-content: center; bottom: -18px; } .title-slider-overflow-visible-right .slick-dots li { position: relative; display: inline-block; width: 12px; height: 12px; margin: 0 4px; padding: 0; cursor: pointer; z-index: 10; } .title-slider-overflow-visible-right .slick-dots li button { width: 12px; height: 12px; font-size: 0; } .title-slider-overflow-visible-right .slick-dots li button::before { content: ''; width: 100%; height: 100%; color: unset; font-size: 0; background: transparent; border: 2px solid #6E6E6E; border-radius: 50%; opacity: 1; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } .title-slider-overflow-visible-right .slick-dots li.slick-active button:before { background: #6E6E6E; border: 2px solid #6e6e6e; opacity: 1; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } .title-slider-overflow-visible-right .slider-arrows { position: absolute; bottom: -32px; left: 0; width: 100%; display: flex; justify-content: space-between; align-items: center; z-index: 1; } .title-slider-overflow-visible-right .slider-arrows button { position: relative; display: inline-flex; width: 40px; height: 40px; background-color: #F7F7FA; border-radius: 8px; border: none; outline: none; background-size: 20px 20px; background-position: center; background-repeat: no-repeat; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/components/title-slider-overflow-visible-right/slider-arrow.svg?1755592658"); cursor: pointer; z-index: 10; } .title-slider-overflow-visible-right .slider-arrows .slick-disabled { opacity: 0.4; } .title-slider-overflow-visible-right .slider-arrows button.arrow-left { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 1199px) { .title-slider-overflow-visible-right .title { font-size: 2.5em; } .title-slider-overflow-visible-right .slide { margin: 0 12px; } .title-slider-overflow-visible-right .slide p { font-size: 1.125em; } } @media (max-width: 991px) { .title-slider-overflow-visible-right .slide .icon { width: 40px; height: 40px; } } @media (max-width: 767px) { .title-slider-overflow-visible-right .title { margin: 0 auto 40px; font-size: 1.5em; } .title-slider-overflow-visible-right .slide p { font-size: 1em; } } @media (max-width: 575px) { .title-slider-overflow-visible-right .slide .icon { margin: 0 0 12px; } .title-slider-overflow-visible-right .slide h3 { font-size: 1.25em; margin: 0 0 12px; } .title-slider-overflow-visible-right .slide p { font-size: 1em; } }.title-asset-left-right-text-steps-list .title { color: #111; text-align: center; margin: 0 0 64px; } .title-asset-left-right-text-steps-list .list { display: flex; flex-direction: column; gap: 64px; max-width: 996px; margin: 0 auto; } .title-asset-left-right-text-steps-list .item { display: flex; align-items: center; } .title-asset-left-right-text-steps-list .item.reverse { flex-direction: row-reverse; } .title-asset-left-right-text-steps-list .item::after { content: ''; display: block; flex-shrink: 0; align-self: end; background-position: center; background-size: contain; background-repeat: no-repeat; margin: 0 0 0 30px; } .title-asset-left-right-text-steps-list .item.reverse::after { margin: 0 30px 0 0 ; } .title-asset-left-right-text-steps-list .item:nth-child(3n - 2)::after { width: 95px; height: 74px; -moz-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/affiliate/icons/step-arrow-1.svg?1755358302"); } .title-asset-left-right-text-steps-list .item:nth-child(3n - 1)::after { width: 138px; height: 100px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/affiliate/icons/step-arrow-2.svg?1755358325"); } .title-asset-left-right-text-steps-list .item:nth-child(3n)::after { width: 106px; height: 50px; -moz-transform: rotate(55deg); -webkit-transform: rotate(55deg); -o-transform: rotate(55deg); -ms-transform: rotate(55deg); transform: rotate(55deg); background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/affiliate/icons/step-arrow-3.svg?1755358495"); } .title-asset-left-right-text-steps-list .item:last-child::after { display: none; } .title-asset-left-right-text-steps-list .item .illustration { position: relative; flex-shrink: 0; margin: 0 56px 0 0; } .title-asset-left-right-text-steps-list .item.reverse .illustration { margin: 0 0 0 56px; } .title-asset-left-right-text-steps-list .item .illustration picture img { overflow: hidden; border-radius: 9px; } .title-asset-left-right-text-steps-list .item .step-icon { position: absolute; left: -8px; bottom: -8px; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; color: #fff; font-weight: 600; line-height: 1.5; text-align: center; background-color: #1E91FA; border-radius: 50%; } .title-asset-left-right-text-steps-list .item h3 { color: #111; font-size: 1.5em; margin: 0 0 16px; } .title-asset-left-right-text-steps-list .item p { color: #111; font-size: 1.125em; font-weight: 400; line-height: 1.5; } .title-asset-left-right-text-steps-list .item p a { font-weight: 700; } @media (max-width: 1199px) { .title-asset-left-right-text-steps-list .item .illustration { margin: 0 48px 0 0; } .title-asset-left-right-text-steps-list .item.reverse .illustration { margin: 0 0 0 48px; } } @media (max-width: 991px) { .title-asset-left-right-text-steps-list .item::after { display: none; } .title-asset-left-right-text-steps-list .item .illustration { margin: 0 40px 0 0; } .title-asset-left-right-text-steps-list .item.reverse .illustration { margin: 0 0 0 40px; } .title-asset-left-right-text-steps-list .item h3 { font-size: 1.25em; } } @media (max-width: 767px) { .title-asset-left-right-text-steps-list .title { margin: 0 0 40px; font-size: 1.5em; } .title-asset-left-right-text-steps-list .list { align-items: center; gap: 40px; } .title-asset-left-right-text-steps-list .item, .title-asset-left-right-text-steps-list .item.reverse { flex-direction: column; max-width: 335px; } .title-asset-left-right-text-steps-list .item .illustration, .title-asset-left-right-text-steps-list .item.reverse .illustration { margin: 0 0 20px; max-width: 323px; width: 100%; } .title-asset-left-right-text-steps-list .item .illustration img { width: 100%; } .title-asset-left-right-text-steps-list .item p { font-size: 1em; } .title-asset-left-right-text-steps-list .item .step-icon { width: 46px; height: 46px; left: -12px; bottom: -12px; } }.get-started-row { padding: 48px 0 56px 0; } .get-started-row.pink-gradient { background: radial-gradient(112.23% 137.92% at 56.94% -93.68%, rgba(205, 129, 189, 0.30) 0%, rgba(205, 129, 189, 0.00) 100%), radial-gradient(114.25% 189.49% at 102.08% -65.26%, rgba(31, 162, 255, 0.80) 0%, rgba(31, 162, 255, 0.35) 44.23%, rgba(56, 97, 201, 0.00) 100%), radial-gradient(283.34% 193.73% at -0.83% -76.84%, rgba(229, 53, 56, 0.90) 0%, rgba(195, 54, 103, 0.35) 53.85%, rgba(184, 55, 117, 0.17) 72.12%, rgba(173, 55, 132, 0.00) 100%), #F5F6FF; } .get-started-row .container { max-width: 1038px; display: flex; justify-content: space-between; align-items: center; } .get-started-row .text-block h3 { position: relative; font-weight: 700; font-size: 2em; line-height: 133%; display: flex; align-items: center; padding-left: 84px; } .get-started-row .text-block h3:before { content: ''; position: absolute; left: 0; width: 52px; height: 52px; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/pdfexpert-logo.svg?1651760161") no-repeat 0 0; background-size: contain; } .get-started-row.black .text-block h3 { color: #FFFFFF; } .get-started-row.white .text-block h3 { color: #111111; } .get-started-row .link-group { position: relative; display: flex; align-items: center; flex-shrink: 0; } .get-started-row .free-download ~ .buy-now { margin-left: 16px; } .get-started-row.btn-revers .buy-now ~ .free-download { margin-left: 16px; } .get-started-row .buy-now { min-width: 120px; } .get-started-row .special-offer { position: absolute; width: max-content; bottom: -30px; font-size: 0.875em; color: #555555; } .get-started-row.black .special-offer { color: var(--grey); } @media (max-width: 991px) { .get-started-row { padding: 32px 0; } .get-started-row .text-block h3 { font-size: 1.5em; padding-left: 48px; } .get-started-row .text-block h3:before { width: 32px; height: 32px; } .get-started-row .special-offer { display: none; } } @media (max-width: 767px) { .get-started-row { padding: 40px 0; } .get-started-row .container { justify-content: center; } .get-started-row .text-block h3 { display: none; } .get-started-row .text-block h3:before { content: unset; } } @media (max-width: 480px) { .get-started-row .link-group { width: 100%; flex-direction: column; } .get-started-row .free-download ~ .buy-now { margin: 16px 0 0 0; } .get-started-row.btn-revers .buy-now ~ .free-download { margin: 16px 0 0 0; } .get-started-row .free-download, .get-started-row .buy-now { max-width: 100%; width: 100%; } }.text-asset-blocks-scroll-magic { margin-bottom: 120px; } .text-asset-blocks-scroll-magic > .text-block { max-width: 1035px; margin: 0 auto 64px; padding: 0 20px; text-align: center; } .text-asset-blocks-scroll-magic .title { color: #111; } .text-asset-blocks-scroll-magic .text { margin: 24px 0 0; } .text-asset-blocks-scroll-magic .container { position: relative; padding-top: 0; padding-bottom: 0; box-sizing: border-box; } .text-asset-blocks-scroll-magic h3 { font-size: 2em; margin-bottom: 20px; } .text-asset-blocks-scroll-magic .highlight-case-show-container { position: absolute; top: 0; left: calc(50% - 80px); width: 800px; height: 573px; z-index: 10; } .text-asset-blocks-scroll-magic .highlight-case-show { position: relative; width: 800px; height: 573px; } .text-asset-blocks-scroll-magic > .trigger { position: relative; top: 280px; left: 0; z-index: 0; } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(1) { position: absolute; top: calc(578px); } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(2) { position: absolute; top: calc(2 * 578px); } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(3) { position: absolute; top: calc(3 * 578px); } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(4) { position: absolute; top: calc(4 * 578px); } .text-asset-blocks-scroll-magic #trigger-screen-in-2, .text-asset-blocks-scroll-magic #trigger-screen-in-3, .text-asset-blocks-scroll-magic #trigger-screen-in-4, .text-asset-blocks-scroll-magic #trigger-screen-in-5 { position: absolute; top: -27px; } .text-asset-blocks-scroll-magic .highlight-case-show .background-ipad { display: block; width: 100%; height: 100%; } .text-asset-blocks-scroll-magic .highlight-case-show .highlight-case-screen-container { position: absolute; top: 27px; left: 26px; display: block; width: 749px; height: 519px; } .text-asset-blocks-scroll-magic .highlight-case-screen-container #sign-animation { position: absolute; width: 100%; height: 100%; z-index: 2; } .text-asset-blocks-scroll-magic .highlight-case-show .highlight-case-screen img { position: absolute; display: block; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s ease-in-out; } .text-asset-blocks-scroll-magic.no-device-border .highlight-case-show .highlight-case-screen img { border-radius: 16px; } .text-asset-blocks-scroll-magic .highlight-case-show .highlight-case-screen.active img { opacity: 1; } .text-asset-blocks-scroll-magic .highlight-case-show .highlight-case-screen:nth-of-type(1) img { opacity: 1; z-index: 1; } .text-asset-blocks-scroll-magic .highlight-case-show .highlight-case-screen:nth-of-type(2) img { z-index: 2; } .text-asset-blocks-scroll-magic .highlight-case-show .highlight-case-screen:nth-of-type(3) img { z-index: 3; } .text-asset-blocks-scroll-magic .highlight-case-show .highlight-case-screen:nth-of-type(4) img { z-index: 4; } .text-asset-blocks-scroll-magic .highlight-case-show .highlight-case-screen:nth-of-type(5) img { z-index: 5; } .text-asset-blocks-scroll-magic .highlight-case-card { position: relative; display: flex; justify-content: center; align-items: center; width: 486px; height: 573px; margin: 0 24px 0 0; } .text-asset-blocks-scroll-magic .highlight-case-card.has-features-list { padding: 55px 35px; background-color: #FBFBFD; border-radius: 16px; margin: 0 16px 60px 0; align-items: flex-start; opacity: 0; transform: translate(0, 100px); transition: transform 1s ease-in-out, opacity 1s ease-in-out; } .text-asset-blocks-scroll-magic .highlight-case-card.has-features-list.active { transform: translate(0, 0); opacity: 1; } .text-asset-blocks-scroll-magic.right .highlight-case-show-container { right: initial; left: calc(50vw + 8px); } .text-asset-blocks-scroll-magic .highlight-case-card .text-block { width: 100%; height: 400px; display: flex; flex-direction: column; justify-content: center; padding: 64px; border-radius: 16px; background-color: #FBFBFD; opacity: 0; transform: translate(0, 100px); transition: transform 1s ease-in-out, opacity 1s ease-in-out; } .text-asset-blocks-scroll-magic .highlight-case-card.has-features-list .text-block { display: block; padding: 0; opacity: unset; transform: unset; transition: unset; } .text-asset-blocks-scroll-magic .highlight-case-card.active .text-block { transform: translate(0, 0); opacity: 1; } .text-asset-blocks-scroll-magic .highlight-case-card.has-features-list.active .text-block { transform: translate(0, 0); opacity: 1; } .text-asset-blocks-scroll-magic.right .highlight-case-card { margin: 0 auto 60px 16px; } .text-asset-blocks-scroll-magic .highlight-case-card:last-of-type, .text-asset-blocks-scroll-magic.right .highlight-case-card:last-of-type { margin-bottom: 0; } .text-asset-blocks-scroll-magic .highlight-case-card .title { line-height: 1.25; } .text-asset-blocks-scroll-magic .highlight-case-card .features-list { display: flex; justify-content: space-around; margin-top: 60px; position: absolute; width: 100%; bottom: 55px; left: 0; } .text-asset-blocks-scroll-magic .highlight-case-card.two-items .features-list { justify-content: initial; } .text-asset-blocks-scroll-magic .highlight-case-card .feature-item { width: 156px; } .text-asset-blocks-scroll-magic .highlight-case-card .feature-item .feature-icon { display: block; width: 64px; height: 64px; margin: 0 auto; } .text-asset-blocks-scroll-magic .highlight-case-card .feature-item p { padding: 16px 0 0; color: var(--black); font-size: 0.875em; line-height: 1.5; text-align: center; } .text-asset-blocks-scroll-magic .mobile-case-screen { display: none; } @media (max-width: 1199px) { .text-asset-blocks-scroll-magic { margin-bottom: 80px; } .text-asset-blocks-scroll-magic > .text-block { max-width: 100%; padding: 0 64px; } .text-asset-blocks-scroll-magic .highlight-case-card { width: 440px; height: 420px; margin-bottom: 60px; } .text-asset-blocks-scroll-magic .highlight-case-card.has-features-list { padding: 20px 40px; } .text-asset-blocks-scroll-magic > .trigger { top: 220px; } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(1) { position: absolute; top: calc(500px); } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(2) { position: absolute; top: calc(2 * 500px); } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(3) { position: absolute; top: calc(3 * 500px); } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(4) { position: absolute; top: calc(4 * 500px); } .text-asset-blocks-scroll-magic #trigger-screen-in-2, .text-asset-blocks-scroll-magic #trigger-screen-in-3, .text-asset-blocks-scroll-magic #trigger-screen-in-4, .text-asset-blocks-scroll-magic #trigger-screen-in-5 { top: -45px; } .text-asset-blocks-scroll-magic .highlight-case-card .text-block { width: 100%; height: 100%; padding: 20px 40px; } .text-asset-blocks-scroll-magic h3 { font-size: 1.75em; } .text-asset-blocks-scroll-magic .highlight-case-card .features-list { bottom: 40px; } .text-asset-blocks-scroll-magic .highlight-case-card .feature-item .feature-icon { width: 55px; height: 55px; } .text-asset-blocks-scroll-magic .highlight-case-show-container { left: calc(440px + 64px + 16px); width: 580px; height: 420px; } .text-asset-blocks-scroll-magic .highlight-case-show { width: 580px; height: 420px; } .text-asset-blocks-scroll-magic .highlight-case-show .highlight-case-screen-container { top: 20px; left: 20px; width: 544px; height: 380px; } } @media (max-width: 991px) { .text-asset-blocks-scroll-magic > .text-block { padding: 0 32px; } .text-asset-blocks-scroll-magic .highlight-case-card { width: 400px; height: 372px; margin-bottom: 0px; } .text-asset-blocks-scroll-magic > .trigger { top: 186px; } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(1) { position: absolute; top: calc(22px); } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(2) { position: absolute; top: calc(372px); } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(3) { position: absolute; top: calc(2 * 372px); } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(4) { position: absolute; top: calc(3 * 372px); } .text-asset-blocks-scroll-magic #trigger-screen-in-2, .text-asset-blocks-scroll-magic #trigger-screen-in-3, .text-asset-blocks-scroll-magic #trigger-screen-in-4, .text-asset-blocks-scroll-magic #trigger-screen-in-5 { top: -10px; } .text-asset-blocks-scroll-magic .highlight-case-card .text-block { width: 100%; height: 330px; padding: 20px 40px; } .text-asset-blocks-scroll-magic h3 { font-size: 1.5em; } .text-asset-blocks-scroll-magic p { font-size: 1em; } .text-asset-blocks-scroll-magic .highlight-case-show-container { left: calc(400px + 32px + 16px); width: 504px; height: 372px; } .text-asset-blocks-scroll-magic .highlight-case-show { width: 504px; height: 372px; } .text-asset-blocks-scroll-magic .highlight-case-show .highlight-case-screen-container { top: 15px; left: 16px; width: 472px; height: 338px; } } @media (max-width: 767px) { .text-asset-blocks-scroll-magic { margin-bottom: 96px; } .text-asset-blocks-scroll-magic > .text-block { margin: 0 auto 40px; padding: 0 20px; } .text-asset-blocks-scroll-magic .title { font-size: 1.5em; } .text-asset-blocks-scroll-magic .text { margin: 24px 0 0; } .text-asset-blocks-scroll-magic .container { padding-top: 0; padding-bottom: 0; } .highlight-case-show-container .section-device { display: none; } .text-asset-blocks-scroll-magic .mobile-case-screen { display: block; width: 100%; max-width: 259px; margin: 0 auto; box-sizing: content-box; } .text-asset-blocks-scroll-magic .highlight-case-card { width: auto; height: auto; margin: 0 0 40px 0; opacity: 1; transform: translate(0, 0); } .text-asset-blocks-scroll-magic .highlight-case-card.has-features-list { padding: 40px 20px; margin: 0 0 40px; display: flex; flex-direction: column; align-items: center; text-align: center; transform: translate(0, 0); opacity: 1; } .text-asset-blocks-scroll-magic .highlight-case-card.two-items .features-list { justify-content: center; } .text-asset-blocks-scroll-magic .highlight-case-card .text-block { max-width: 535px; width: 100%; height: 100%; margin: 0 auto; transform: translate(0, 0); opacity: 1; padding: 40px; } .text-asset-blocks-scroll-magic h3 { font-size: 1.5em; margin-bottom: 16px; } .text-asset-blocks-scroll-magic p { font-size: 1em; } .text-asset-blocks-scroll-magic.right .highlight-case-card { margin: 0 auto 40px; } .text-asset-blocks-scroll-magic .highlight-case-card .features-list { position: initial; top: unset; margin-top: 50px; } } @media (max-width: 575px) { .text-asset-blocks-scroll-magic { margin-bottom: 80px; } .text-asset-blocks-scroll-magic .highlight-case-card .text-block { max-width: 335px; } .text-asset-blocks-scroll-magic p { font-size: 0.875em; } } @media (max-width: 375px) { .text-asset-blocks-scroll-magic .highlight-case-card .text-block { padding: 20px; } }.callout-box .content { display: flex; align-items: center; gap: 16px; max-width: 792px; margin: 0 auto; padding: 32px; background: #f0f2ff; border: 1px solid rgba(101, 121, 227, 0.50); border-radius: 12px; } .callout-box picture { flex-shrink: 0; width: fit-content; } .callout-box picture img { display: block; width: 64px; height: 64px; } .callout-box p { color: #111; } .callout-box p span { font-weight: 600; } @media (max-width: 1199px) { .callout-box .content { max-width: 896px; } } @media (max-width: 767px) { .callout-box .content { flex-direction: column; } .callout-box picture img { width: 32px; height: 32px; } .callout-box p { text-align: center; font-size: 1em; } }.faq-section .box { max-width: 998px; width: 100%; margin: 0 auto; } .faq-section h2.title-center-block { text-align: center; margin-bottom: 64px; } .faq-section .list { background: #FBFBFD; padding: 20px 40px; border-radius: 8px; } .faq-section .item { padding: 27px 16px; border-bottom: 1px solid rgba(68, 68, 68, 0.1); } .faq-section .item:focus-within { border-radius: 6px; -moz-box-shadow: var(--common-focus-box-shadow) !important; -webkit-box-shadow: var(--common-focus-box-shadow) !important; -o-box-shadow: var(--common-focus-box-shadow) !important; -ms-box-shadow: var(--common-focus-box-shadow) !important; box-shadow: var(--common-focus-box-shadow) !important; } .faq-section .item:last-child { border-bottom: none; } .faq-section .item-title { position: relative; width: calc(100% - 60px); display: flex; align-items: center; font-size: 1.25em; font-style: normal; font-weight: 700; line-height: 133%; color: #333333; cursor: pointer; outline: none; border-radius: 0; -moz-box-shadow: unset !important; -webkit-box-shadow: unset !important; -o-box-shadow: unset !important; -ms-box-shadow: unset !important; box-shadow: unset !important; } .faq-section .item .item-title:after { content: ''; position: absolute; right: -60px; width: 24px; height: 24px; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/faq/icon-grey-plus.svg?1692356489") no-repeat 0 0; background-size: contain; transition: .4s ease; } .faq-section .item.open .item-title:after { transform: rotate(-45deg); opacity: .25; transition: .4s ease; } .faq-section .item .text-block { display: none; padding-top: 24px; } .faq-section .item .text-block p { font-size: 1.125em; font-style: normal; font-weight: 400; line-height: 150%; color: var(--grey); } @media (max-width: 1199px) { .faq-section .list { padding: 20px 30px; } } @media (max-width: 575px) { .faq-section h2.title-center-block { margin-bottom: 40px; } .faq-section .list { padding: 20px 12px; } .faq-section .item-title { width: calc(100% - 75px); font-size: 1em; } .faq-section .item .item-title:after { right: -58px; } .faq-section .item { padding: 15px 16px; } .faq-section .item .text-block p { font-size: 0.875em; } }.title-text-btn .text-block { max-width: 792px; text-align: center; margin: 0 auto 32px; } .title-text-btn .text-block .title { color: #111; font-size: 2.5em; margin: 0 0 24px; } .title-text-btn .btn { margin: 32px auto 0; min-width: 200px; min-height: 45px; } .title-text-btn .callout-box { margin: 64px 0 0; } @media (max-width: 1199px) { .title-text-btn .text-block { margin: 0 auto 24px; } .title-text-btn .text-block .title { font-size: 1.75em; } } @media (max-width: 991px) { .title-text-btn .text-block .title { font-size: 1.5em; } }.get-started { padding: 80px 0; } .get-started.black { background: #282828; } .get-started.white { background: rgba(255, 255, 255, .9); border-top: 1px solid; border-bottom: 1px solid; border-color: rgba(17, 17, 17, 0.1); } .get-started.grey { background: #FBFBFD; } .get-started.color-bg { max-width: 1920px; width: 100%; } .get-started.pink-gradient { background: radial-gradient(50% 50% at 50% 50%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(70.35% 102.86% at 70.21% 167.14%, #C336B7 0%, rgba(195, 54, 183, 0.00) 100%), radial-gradient(93.88% 93.88% at 14.1% -27.96%, #6986DB 0%, rgba(170, 105, 219, 0.00) 100%), radial-gradient(72.84% 93.06% at 74.1% -19.39%, rgba(31, 132, 255, 0.80) 0%, rgba(43, 131, 229, 0.35) 44.23%, rgba(56, 97, 201, 0.00) 100%), radial-gradient(81.7% 111.84% at 32.99% 123.47%, rgba(229, 53, 56, 0.90) 0%, rgba(229, 53, 65, 0.35) 47.12%, rgba(229, 53, 94, 0.00) 100%), #F4F8FF; } .get-started .container { display: flex; justify-content: center; height: 100%; } .get-started .text-block { max-width: 480px; width: 100%; display: flex; flex-direction: column; align-items: center; } .get-started.wide-block .text-block { max-width: 700px; } .get-started.color-bg .text-block { justify-content: center; } .get-started .text-block .pdfexpert-logo { width: 48px; height: 48px; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/pdfexpert-logo.svg?1651760161") no-repeat 0 0; background-size: contain; margin-bottom: 24px; } .get-started .text-block h3 { font-size: 2.5em; text-align: center; margin-bottom: 16px; } .get-started.black .text-block h3 { color: #FFFFFF; } .get-started.white .text-block h3 { color: #111111; } .get-started .text-block p { max-width: 384px; width: 100%; font-size: 1.25rem; text-align: center; line-height: 150%; margin-bottom: 32px; } .get-started.wide-block .text-block p { max-width: initial; } .get-started.black .text-block p { color: rgba(255, 255, 255, 0.8); } .get-started.white .text-block p { color: var(--grey); } .get-started .text-block .link-group { display: flex; justify-content: center; align-items: center; } .get-started .free-download { min-width: 160px; transition: .3s; } .get-started .free-download ~ .buy-now { margin-left: 16px; } .get-started .buy-now { min-width: 133px; border-radius: 6px; } .get-started .special-offer { padding: 16px 0 0; font-size: 0.875em; color: #555555; } .get-started.black .special-offer { color: rgba(255, 255, 255, 0.8); } .get-started .bottom-block { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 32px; margin-top: 64px; border-radius: 12px; } .get-started .bottom-block.light-grey { background: #F0F2FF; border: 1px solid rgba(101, 121, 227, 0.50); } .get-started .bottom-block .text { display: flex; align-items: center; gap: 16px; } .get-started .bottom-block .text .icon { width: 48px; height: 48px; flex-shrink: 0; } .get-started .bottom-block .text .icon.profile { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/icon-profile.svg?1745960476"); background-size: contain; background-repeat: no-repeat; } .get-started .bottom-block .text p { font-size: 1.25em; font-weight: 400; line-height: 150%; text-align: left; margin: 0; } .get-started .bottom-block .btn { flex-shrink: 0; } @media (min-width: 1921px) { .get-started.color-bg { margin: 0 auto 120px; border-radius: 16px; } } @media (max-width: 991px) { .get-started .special-offer { display: none; } } @media (max-width: 767px) { .get-started { padding: 100px 0; } .get-started .bottom-block { max-width: 400px; flex-direction: column; gap: 24px; padding: 24px; } .get-started .bottom-block .text { flex-direction: column; } .get-started .bottom-block .text p { font-size: 1em; text-align: center; } } @media (max-width: 575px) { .get-started { padding: 40px 0; } .get-started .text-block .pdfexpert-logo { width: 32px; height: 32px; margin-bottom: 16px; } .get-started .text-block { max-width: 100%; } .get-started .text-block h3 { font-size: 1.5em; } .get-started .text-block p { max-width: 335px; width: 100%; font-size: 1em; } .get-started .bottom-block .custom-btn { width: 100%; } } @media (max-width: 480px) { .get-started .text-block .link-group { width: 100%; flex-direction: column; } .get-started .free-download ~ .buy-now { margin: 16px 0 0 0; } .get-started .free-download, .get-started .buy-now { width: 100%; } }.bg-title-text-center { height: 600px; max-width: 1920px; width: 100%; } .bg-title-text-center.small { max-width: 1400px; margin: 120px auto; border-radius: 16px; } .bg-title-text-center .container { height: 100%; } .bg-title-text-center .text-block { display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 792px; width: 100%; height: 100%; margin: 0 auto; text-align: center; } .bg-title-text-center .text-block h2 { padding: 0 0 24px; color: #ffffff; } .bg-title-text-center .text-block .text { color: #ffffff; } .bg-title-text-center .text-block .text a { color: #59a5ff; font-weight: 600; } @media (min-width: 1921px) { .bg-title-text-center { margin: 0 auto 120px; border-radius: 16px; } } @media (max-width: 1399px) { .bg-title-text-center { height: 548px; } .bg-title-text-center.small { max-width: 100%; margin: 0; border-radius: 0; } } @media (max-width: 1199px) { .bg-title-text-center { height: 390px; background-size: 1400px auto; } } .text-asset-blocks-scroll-magic { margin-bottom: 64px; } .title-text-btn.secondary { margin: 0 0 80px; } .bg-title-text-center { background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/affiliate/contact-us-illustration.jpg?1755170575") center; background-size: cover; } @media (-webkit-min-device-pixel-ratio: 1.5) { .bg-title-text-center { background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/affiliate/contact-us-illustration-2x.jpg?1755170576") center; background-size: cover; } } @media (max-width: 767px) { .text-asset-blocks-scroll-magic { margin-bottom: 40px; } .text-asset-blocks-scroll-magic .mobile-case-screen { max-width: 535px; border-radius: 16px 16px 0 0; } .text-asset-blocks-scroll-magic .highlight-case-card .text-block { border-radius: 0 0 16px 16px; } .title-text-btn.secondary { margin: 0 0 64px; } } @media (max-width: 575px) { .text-asset-blocks-scroll-magic .highlight-case-card .text-block { max-width: unset; } .bg-title-text-center { background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/affiliate/contact-us-illustration-mobile-2x.jpg?1755170575") center; background-size: cover; } } @media (max-width: 575px) and (-webkit-min-device-pixel-ratio: 2.5) { .bg-title-text-center { background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/affiliate/contact-us-illustration-mobile-3x.jpg?1755170577") center; background-size: cover; } }