.hero .content-wrap { padding: 0 0 32px 0 } .hero .content-wrap, .hero .content-wrap .btns-wrap { display: flex; align-items: center; justify-content: center; flex-direction: column } .hero .content-wrap { gap: 25px } .hero .content-wrap h1, .hero .content-wrap p { text-align: center } .hero .content-wrap h1 { font-size: 34px; line-height: 110% } .hero .content-wrap p { margin-bottom: 32px } .hero .content-wrap .btns-wrap { width: 100%; gap: 16px } .benefits { padding: 32px 0 } .benefits h2 { margin-bottom: 40px } .benefits h2, .benefits .benefits-slider .content h4, .benefits .benefits-slider .content p { color: #FFF; text-align: center } .benefits .benefits-slider .content { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; padding: 0 20px 12px 20px; height: 100% } .benefits .benefits-slider { display: flex; align-items: stretch; justify-content: center; } .benefits .benefits-slider .p-slide { display: flex; align-items: flex-start; justify-content: center; margin-right: 32px } .benefits .benefits-slider .content img { width: 50px; height: 50px; margin-bottom: 24px } .benefits .benefits-slider .content h4 { font-weight: 700; font-size: 20px; line-height: 120%; margin-bottom: 15px; } .benefits .benefits-slider .content p { font-size: 14px; line-height: 140%; margin: 0 } .benefits:not(:has(.benefits-slider-ident)) .benefits-slider .content img { width: 150px; height: 150px; } .benefits:not(:has(.benefits-slider-ident)) .benefits-slider .content h4 { font-size: 24px; line-height: 28px; } .benefits:not(:has(.benefits-slider-ident)) .benefits-slider .content p { font-size: 18px; line-height: 28px; } .benefits:not(:has(.benefits-slider-ident)) .benefits-slider { flex-direction: column; margin: 0 auto; justify-content: center; gap: 36px; } .benefits:not(:has(.benefits-slider-ident)) .benefits-slider .p-slide { margin-right: 0; } .benefits:not(:has(.benefits-slider-ident)) h2 { font-size: 50px; line-height: 55px; } .benefits h3 { font-size: 20px; line-height: 26px; color: #FFFFFF; text-align: center; margin-bottom: 40px; } .cta2 .row h3 { text-align: center } .cta2 .row { padding: 40px 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap } .cta2 .row h3 { margin-bottom: 16px } .cta2 .content-wrap { padding: 0 0 32px 0 } .cta2 .half { position: relative; } .cta2 .content-wrap .half, .cta2 .content-wrap .half p { margin-bottom: 16px } .cta2 .content-wrap .half h3, .cta2 .content-wrap .half p { text-align: center } .cta2 .content-wrap .no-btn-text .cta-text p:last-of-type { margin: 0; } .cta2 .content-wrap .orange-btn { display: flex; align-items: center; justify-content: center; } .cards-img .content-wrap { padding: 60px 0 20px 0 } .cards-img .top { margin-bottom: 15px } .cards-img .top h3 { text-align: center; margin-bottom: 15px } .cards-img .top p { text-align: center; margin-bottom: 0 } .cards-img .cards-row { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: 16px } .card-img { display: flex; align-items: stretch; justify-content: flex-start; border-radius: 16px; box-shadow: 0 5px 15px 0 #5B796F26 } .card-img .wrap-img, .card-img .text { display: flex; align-items: center; justify-content: center } .card-img .wrap-img { width: 35%; border-top-left-radius: 16px; border-bottom-left-radius: 16px } .orange-bg { background-color: #EAD8D4 } .card-img .text { width: 65%; border-top-right-radius: 16px; border-bottom-right-radius: 16px; padding: 20px 50px 20px 24px; background-color: #F1F1F1 } .card-img .text p { margin: 0; font-size: 14px; line-height: 140% } .cards-img.no-img { gap: 8px } .cards-img.no-img .content-wrap { padding: 40px 0 } .cards-img.no-img .card-img .text { width: 100%; padding: 26px 24px; border-top-left-radius: 16px; border-bottom-left-radius: 16px } .cards-img.no-img .card-img .text p { text-align: center } .cards-img.no-img.sec .content-wrap { padding: 40px 0 80px 0 } .cards-img.no-img.sec .top { margin-bottom: 24px } .cards-img.no-img.sec h3 { width: 85%; margin: auto } .cards-img.no-img.sec .cards-row { gap: 24px } .cards-img.no-img.sec .cards-row .card-img { width: 100% } .cards-img.no-img.sec .cards-row .card-img .text { flex-direction: column; align-items: center; justify-content: center; padding: 16px 24px; gap: 7px } .cards-img.no-img.third .content-wrap { padding: 0 0 64px 0 } .cards-img.no-img.third .cards-row.slider4 { display: flex; align-items: stretch; justify-content: unset; flex-direction: unset; gap: unset; padding: 10px 0 } .cards-img.no-img.third .cards-row.slider4 .card-img { display: flex; align-items: flex-start; justify-content: center; box-shadow: 0 5px 15px 0 #2D3F8F1A } .cards-img.no-img.third .cards-row.slider4 .card-img { margin-right: 16px } .cards-img.no-img.third .cards-row.slider4 .card-img .text { text-align: center; justify-content: flex-start; width: 100%; height: 100% } .cards-img.no-img.third .cards-row.slider4 .card-img .text h4 { font-size: 20px; line-height: 120%; margin-bottom: 7px; padding: 0 20px } .preferences { padding-bottom: 64px } .preferences .card-img .text { flex-direction: column; align-items: flex-start; padding: 24px 32px; } .preferences .card-img .text h4 { font-size: 20px; line-height: 120%; margin-bottom: 8px; text-align: left; } .cards-img .orange-btn { width: fit-content; margin: 60px auto 0 auto; padding: 16px 46px; } .with-btn .cards-subtitle { font-size: 24px; font-weight: 700; } .with-btn h3 { font-size: 50px; line-height: 55px; font-weight: 700; } .bottom-text-cards { font-size: 20px; line-height: 26px; margin-top: 40px; text-align: center; } section.cards-img.no-img.sec .content-wrap .bottom.cards-row .card-img:has(.no-text) { min-height: 122px; text-align: center; } section.cards-img.no-img.sec .content-wrap .bottom.cards-row .card-img:has(.no-text) h4 { font-size: 24px; line-height: 29px; } .readmore-wrapper { max-height: 380px; overflow-y: scroll; border-radius: 4px; padding-right: 20px; } .readmore .container { padding-top: 30px; padding-bottom: 30px; } .readmore-wrapper h1 { font-size: 32px; line-height: 120%; margin: 0 0 8px 0; } .readmore-wrapper h2 { font-size: 24px; line-height: 120%; margin: 0 0 8px 0; } .readmore-wrapper h3 { font-size: 19px; line-height: 120%; margin: 0 0 8px 0; } .readmore-wrapper h5 { font-size: 14px; line-height: 120%; margin: 0 0 8px 0; } .readmore-wrapper h6 { font-size: 11px; line-height: 120%; margin: 0 0 8px 0; } .readmore-wrapper h4 { font-size: 16px; font-weight: 700; line-height: 21px; margin: 0 0 8px 0; } .readmore-wrapper li { font-size: 16px; line-height: 21px; } .readmore-wrapper ul, .readmore-wrapper ol { padding-left: 35px; margin: 0 0 8px 0; } .readmore-wrapper ul { list-style: disc; } .readmore-wrapper ol { list-style: decimal; } .readmore-wrapper p { font-size: 16px; line-height: 21px; margin: 0 0 8px 0; } .readmore-wrapper::-webkit-scrollbar { width: 10px; opacity: 1; background: #EF74431A; } .readmore-wrapper::-webkit-scrollbar-track { border-radius: 10px; } .readmore-wrapper::-webkit-scrollbar-thumb { background: #EF7443; border-radius: 10px; }