.title-text-asset-wide-banner { padding: 140px 0 64px; } .title-text-asset-wide-banner .text-block { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; max-width: 840px; margin: 0 auto 64px; text-align: center; } .title-text-asset-wide-banner .text-block .title { color: #1E1E1E; font-size: 3em; font-weight: 700; line-height: 1.33; } .title-text-asset-wide-banner .text-block .text { color: #3C3C3C; font-size: 1.5em; line-height: 1.5; } .title-text-asset-wide-banner .illustration { overflow: hidden; border-radius: 24px; } .title-text-asset-wide-banner .illustration, .title-text-asset-wide-banner .illustration img { display: block; width: 100%; } @media (max-width: 1199px) { .title-text-asset-wide-banner { padding: 132px 0 56px; } .title-text-asset-wide-banner .text-block { margin: 0 auto 56px; } .title-text-asset-wide-banner .text-block .title { font-size: 2.5em; } .title-text-asset-wide-banner .illustration { border-radius: 20px; } } @media (max-width: 991px) { .title-text-asset-wide-banner { padding: 124px 0 48px; } .title-text-asset-wide-banner .text-block { margin: 0 auto 48px; } .title-text-asset-wide-banner .text-block .title { font-size: 2em; } .title-text-asset-wide-banner .illustration { border-radius: 16px; } } @media (max-width: 767px) { .title-text-asset-wide-banner { padding: 100px 0 40px; } .title-text-asset-wide-banner .text-block { gap: 16px; margin: 0 auto 40px; } .title-text-asset-wide-banner .illustration { display: flex; align-items: center; justify-content: center; } .title-text-asset-wide-banner .illustration img { min-width: 535px; width: unset; max-width: unset; } }.horizontal-text-scrollbar { padding: 10px 0; background-color: #FFDF0D; overflow: hidden; } .horizontal-text-scrollbar .text-block { display: flex; align-items: center; justify-content: center; width: max-content; -webkit-animation: scroll 40s linear infinite; -moz-animation: scroll 40s linear infinite; -o-animation: scroll 40s linear infinite; -ms-animation: scroll 40s linear infinite; animation: scroll 40s linear infinite; } .horizontal-text-scrollbar .text { position: relative; display: flex; align-items: center; flex-wrap: nowrap; color: #1E1E1E; font-size: 1.5em; font-weight: 600; line-height: 1.5; } .horizontal-text-scrollbar .text::before { content: ''; display: inline-flex; margin: 0 12px; width: 32px; height: 41px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/pages/backtoschool/icons/scrollbar-separator.svg?1756216507"); } @-webkit-keyframes scroll { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } } @-moz-keyframes scroll { 0% { -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -moz-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } } @-o-keyframes scroll { 0% { -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -o-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } } @-ms-keyframes scroll { 0% { -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -ms-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } } @keyframes scroll { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-50%, 0, 0); } } @media (max-width: 991px) { .horizontal-text-scrollbar { padding: 6px 0; } .horizontal-text-scrollbar .text { font-size: 1.25em; } }.text-asset-blocks-scroll-magic .content { position: relative; max-width: 1240px; padding: 0 20px; width: 100%; margin: 0 auto; } .text-asset-blocks-scroll-magic .highlight-case > .trigger { position: absolute; top: 208px; } .text-asset-blocks-scroll-magic .highlight-case #trigger-screen-in-2, .text-asset-blocks-scroll-magic .highlight-case #trigger-screen-in-3, .text-asset-blocks-scroll-magic .highlight-case #trigger-screen-in-4, .text-asset-blocks-scroll-magic .highlight-case #trigger-screen-in-5 { position: absolute; top: -27px; } .text-asset-blocks-scroll-magic .highlight-case .container > .trigger:nth-of-type(1) { top: calc(497px); } .text-asset-blocks-scroll-magic .highlight-case .container > .trigger:nth-of-type(2) { top: calc(2 * 497px); } .text-asset-blocks-scroll-magic .highlight-case .container > .trigger:nth-of-type(3) { top: calc(3 * 497px); } .text-asset-blocks-scroll-magic .highlight-case .container > .trigger:nth-of-type(4) { top: calc(4 * 497px); } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card { position: relative; display: flex; justify-content: center; align-items: center; width: 548px; height: 500px; opacity: 0; -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); -ms-transform: translate(0, 100px); -o-transform: translate(0, 100px); transform: translate(0, 100px); -webkit-transition: transform 1s ease-in-out, opacity 1s ease-in-out; -moz-transition: transform 1s ease-in-out, opacity 1s ease-in-out; -o-transition: transform 1s ease-in-out, opacity 1s ease-in-out; -ms-transition: transform 1s ease-in-out, opacity 1s ease-in-out; transition: transform 1s ease-in-out, opacity 1s ease-in-out; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block { display: flex; flex-direction: column; justify-content: center; height: 417px; padding: 40px; border-radius: 24px; background-color: #F8F8F8; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3 { font-size: 2em; margin: 0 0 24px; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p { color: #3C3C3C; font-size: 1.25em; line-height: 1.5; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p span { position: relative; display: flex; align-items: flex-start; gap: 10px; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p span::before { content: '•'; display: block; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block a { min-width: unset; width: fit-content; margin: 24px 0 0; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card.active { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .text-asset-blocks-scroll-magic .highlight-case .mobile-case-screen, .text-asset-blocks-scroll-magic .highlight-case .mobile-img { display: none; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-show-container { position: absolute; top: 0; left: calc(50% + 32px); width: 588px; height: 500px; z-index: 10; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-show { position: relative; width: 100%; height: 100%; -moz-box-shadow: 0 20px 40px rgb(34 41 69 / 12%), inset 0 2px 2px rgb(255 255 255 / 25%); -webkit-box-shadow: 0 20px 40px rgb(34 41 69 / 12%), inset 0 2px 2px rgb(255 255 255 / 25%); -o-box-shadow: 0 20px 40px rgb(34 41 69 / 12%), inset 0 2px 2px rgb(255 255 255 / 25%); -ms-box-shadow: 0 20px 40px rgb(34 41 69 / 12%), inset 0 2px 2px rgb(255 255 255 / 25%); box-shadow: 0 20px 40px rgb(34 41 69 / 12%), inset 0 2px 2px rgb(255 255 255 / 25%); border-radius: 24px; overflow: hidden; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-show .highlight-case-screen { position: absolute; opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-show .highlight-case-screen.active { opacity: 1; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-show .highlight-case-screen:nth-of-type(1) { opacity: 1; z-index: 1; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-show .highlight-case-screen:nth-of-type(2) { z-index: 2; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-show .highlight-case-screen:nth-of-type(3) { z-index: 3; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-show .highlight-case-screen:nth-of-type(4) { z-index: 4; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-show .highlight-case-screen:nth-of-type(5) { z-index: 5; } @media (max-width: 1199px) { .text-asset-blocks-scroll-magic .content { max-width: 100%; padding: 0 64px; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card { width: 428px; height: 500px; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block { height: 460px; border-radius: 20px; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-show-container { left: calc(50% + 20px); } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p { font-size: 1.125em; } } @media (max-width: 991px) { .text-asset-blocks-scroll-magic .content { padding: 0 32px; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-show-container { position: static; top: unset; left: unset; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-show .highlight-case-screen { position: static; opacity: 1; } .text-asset-blocks-scroll-magic .highlight-case .mobile-case-screen { display: block; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card { -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; -o-transform: unset; transform: unset; opacity: 1; } .text-asset-blocks-scroll-magic .highlight-case .mobile-img { display: flex; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-show-container { display: none; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card.active { -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; -o-transform: unset; transform: unset; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card { max-width: 535px; width: 100%; height: unset; margin: 0 auto 24px; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block { height: 100%; } .text-asset-blocks-scroll-magic .lazy-img-block { justify-content: center; margin: 0 0 64px; } .text-asset-blocks-scroll-magic .highlight-case .mobile-case-screen { max-width: 535px; width: 100%; border-radius: 16px; } } @media (max-width: 767px) { .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card { margin: 0 auto 20px; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block { padding: 40px 32px; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3 { font-size: 1.5em; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p { font-size: 1em; } .text-asset-blocks-scroll-magic .lazy-img-block { margin: 0 0 40px; } } @media (max-width: 575px) { .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block { padding: 40px 24px; } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block a { width: 100%; } }.title-text-center-card-text-list { position: relative; background: -webkit-linear-gradient(96deg, #3E5194 0%, #333A68 38%, #333A68 64.5%, #814AA5 100%); background: -moz-linear-gradient(96deg, #3E5194 0%, #333A68 38%, #333A68 64.5%, #814AA5 100%); background: -o-linear-gradient(96deg, #3E5194 0%, #333A68 38%, #333A68 64.5%, #814AA5 100%); background: -ms-linear-gradient(96deg, #3E5194 0%, #333A68 38%, #333A68 64.5%, #814AA5 100%); background: linear-gradient(96deg, #3E5194 0%, #333A68 38%, #333A68 64.5%, #814AA5 100%); padding: 100px 0 130px; } .title-text-center-card-text-list::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .2; background-repeat: repeat-y; background-position: center; background-size: 2100px 800px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/pages/backtoschool/common-cell-bg.svg?1756293236"); } .title-text-center-card-text-list::after { content: ''; position: absolute; top: -24px; left: 50%; width: 145px; height: 56px; padding: 12px 24px; -moz-transform: translateX(-50%) rotate(8deg); -webkit-transform: translateX(-50%) rotate(8deg); -o-transform: translateX(-50%) rotate(8deg); -ms-transform: translateX(-50%) rotate(8deg); transform: translateX(-50%) rotate(8deg); border-radius: 140px; background-color: #FFDF0D; background-repeat: no-repeat; background-position: center; background-size: 96px 32px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/pages/backtoschool/icons/devices.svg?1756294041"); } .title-text-center-card-text-list .text-block { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; max-width: 800px; margin: 0 auto 64px; text-align: center; } .title-text-center-card-text-list .title { color: #FFF; font-size: 3em; font-weight: 700; line-height: 1.33; } .title-text-center-card-text-list .text { color: #FFF; font-size: 1.25em; line-height: 1.5; } .title-text-center-card-text-list .list { display: flex; align-items: stretch; justify-content: space-between; gap: 32px; } .title-text-center-card-text-list .item { position: relative; } .title-text-center-card-text-list .item .illustration, .title-text-center-card-text-list .item .illustration img { display: block; width: 100%; height: 100%; border-radius: 24px; } .title-text-center-card-text-list .item .description { position: absolute; z-index: 1; bottom: -32px; left: 24px; } .title-text-center-card-text-list .item .description span { display: flex; width: max-content; padding: 6px 10px; font-size: 1.75em; font-weight: 650; letter-spacing: -0.84px; } .title-text-center-card-text-list .item .description span:first-child { border-radius: 12px 12px 12px 0; } .title-text-center-card-text-list .item .description span:last-child { border-radius: 0 0 12px 12px; } .title-text-center-card-text-list .item.purple .description span { background-color: #AD54E4; color: #FFBCC9; } .title-text-center-card-text-list .item.blue .description span { background-color: #3141D0; color: #91C8FF; } .title-text-center-card-text-list .item.pink .description span { background-color: #F45384; color: #F8D1FF; } .title-text-center-card-text-list .item.green .description span { background-color: #049739; color: #E0FFB4; } @media (max-width: 1199px) { .title-text-center-card-text-list { padding: 80px 0 110px; } .title-text-center-card-text-list .text-block { margin: 0 auto 56px; } .title-text-center-card-text-list .title { font-size: 2.5em; } .title-text-center-card-text-list .list { gap: 24px; } .title-text-center-card-text-list .item .description { left: 10px; } .title-text-center-card-text-list .item .description span { font-size: 1.25em; } } @media (max-width: 991px) { .title-text-center-card-text-list { padding: 80px 0 100px; } .title-text-center-card-text-list .text-block { margin: 0 auto 48px; } .title-text-center-card-text-list .title { font-size: 2em; } .title-text-center-card-text-list .text { font-size: 1.125em; } .title-text-center-card-text-list .list { flex-wrap: wrap; gap: unset; row-gap: 52px; column-gap: 32px; max-width: 584px; margin: 0 auto; } .title-text-center-card-text-list .item { width: calc(50% - 16px); } .title-text-center-card-text-list .item .illustration, .title-text-center-card-text-list .item .illustration img { border-radius: 16px; } } @media (max-width: 767px) { .title-text-center-card-text-list { padding: 64px 0 84px; } .title-text-center-card-text-list .text-block { gap: 16px; margin: 0 auto 40px; } .title-text-center-card-text-list .list { flex-direction: column; align-items: center; } .title-text-center-card-text-list .item { width: 100%; max-width: 276px; } .title-text-center-card-text-list .item .description span { font-size: 1.5em; } }.social-media-block .content { display: flex; align-items: center; justify-content: space-between; gap: 20px; max-width: 840px; margin: 0 auto; padding: 40px; border-radius: 24px; background-color: #F8F8F8; } .social-media-block .content .title { color: #1E1E1E; font-size: 2em; font-weight: 700; line-height: 1.33; } .social-media-block .content .list { display: flex; align-items: stretch; justify-content: flex-start; flex-shrink: 0; } .social-media-block .content .item { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 56px; text-align: center; padding: 10px 20px; border-radius: 50px; font-size: 1.5em; font-weight: 700; line-height: 1.5; letter-spacing: -0.72px; } .social-media-block .content .item.blue { background-color: #0866FF; color: #C4F3FF; } .social-media-block .content .item.black { background-color: #1E1E1E; } .social-media-block .content .item.aqua { background-color: #007EBB; color: #C0FFF9; } .social-media-block .content .item.purple { background-color: #AD54E4; color: #FFBCC9; } .social-media-block .content .item.x { background-size: 46px 46px; background-position: center; background-repeat: no-repeat; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/share_icons/x.svg?1741165555"); } .social-media-block .content .item.smaller-br { border-radius: 16px; } @media (max-width: 991px) { .social-media-block .content .list { flex-shrink: 1; flex-wrap: wrap; } } @media (max-width: 767px) { .social-media-block .content { flex-direction: column; justify-content: center; gap: 24px; padding: 40px 24px; } .social-media-block .content .title { text-align: center; } .social-media-block .content .list { justify-content: center; } } .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block { height: 460px; justify-content: space-between; } .de .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .es .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .fr .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .it .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .pt .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .uk .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block { padding: 30px; } .de .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3, .es .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3, .fr .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3, .it .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3, .pt .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3, .uk .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3 { font-size: 1.75em; } .uk .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3 { margin: 0 0 8px; } .de .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p, .es .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p, .fr .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p, .it .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p, .pt .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p, .uk .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p { font-size: 1.125em; } .de .title-text-center-card-text-list .item:nth-child(2) .description span:first-child, .de .title-text-center-card-text-list .item:nth-child(4) .description span:first-child, .it .title-text-center-card-text-list .item:nth-child(1) .description span:first-child, .ja .title-text-center-card-text-list .item:nth-child(1) .description span:first-child, .ja .title-text-center-card-text-list .item:nth-child(3) .description span:first-child, .uk .title-text-center-card-text-list .item:nth-child(4) .description span:first-child, .zh .title-text-center-card-text-list .item .description span:first-child { border-radius: 12px 12px 0 0 ; } .de .title-text-center-card-text-list .item:nth-child(2) .description span:last-child, .de .title-text-center-card-text-list .item:nth-child(4) .description span:last-child, .it .title-text-center-card-text-list .item:nth-child(1) .description span:last-child, .ja .title-text-center-card-text-list .item:nth-child(1) .description span:last-child, .ja .title-text-center-card-text-list .item:nth-child(3) .description span:last-child, .uk .title-text-center-card-text-list .item:nth-child(4) .description span:last-child { border-radius: 0 12px 12px 12px; } .zh .title-text-center-card-text-list .item .description span:last-child { border-radius: 0 0 12px 12px; } .de .title-text-center-card-text-list .item .description, .uk .title-text-center-card-text-list .item .description { left: 0; } .es .title-text-center-card-text-list .item .description, .fr .title-text-center-card-text-list .item .description, .pt .title-text-center-card-text-list .item .description { left: 10px; } .de .title-text-center-card-text-list .item .description span, .fr .title-text-center-card-text-list .item .description span, .pt .title-text-center-card-text-list .item .description span, .uk .title-text-center-card-text-list .item .description span { font-size: 1.125em; } @media (max-width: 1199px) { .de .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .es .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .fr .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .it .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .pt .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .uk .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block { padding: 25px; } .de .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3, .es .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3, .fr .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3, .it .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3, .pt .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3, .uk .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3 { font-size: 1.5em; margin: 0 0 8px; } .de .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p, .es .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p, .fr .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p, .it .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p, .pt .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p, .uk .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p { font-size: 1em; } } @media (max-width: 991px) { .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .de .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .es .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .fr .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .it .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .pt .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .uk .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block { height: 100%; padding: 40px; } .de .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3, .es .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3, .fr .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3, .it .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3, .pt .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3, .uk .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3 { font-size: 2em; margin: 0 0 24px; } .de .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p, .es .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p, .fr .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p, .it .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p, .pt .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p, .uk .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p { font-size: 1.25em; } } @media (max-width: 767px) { .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .de .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .es .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .fr .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .it .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .pt .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .uk .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block { padding: 40px 32px; } .de .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3, .es .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3, .fr .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3, .it .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3, .pt .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3, .uk .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block h3 { font-size: 1.5em; } .de .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p, .es .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p, .fr .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p, .it .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p, .pt .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p, .uk .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block p { font-size: 1em; } .de .title-text-center-card-text-list .item .description span, .fr .title-text-center-card-text-list .item .description span, .pt .title-text-center-card-text-list .item .description span, .uk .title-text-center-card-text-list .item .description span { font-size: 1.25em; } } @media (max-width: 575px) { .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .de .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .es .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .fr .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .it .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .pt .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block, .uk .text-asset-blocks-scroll-magic .highlight-case .highlight-case-card .text-block { padding: 40px 24px; } }