@media only screen and (min-width: 767px) { .hero .content-wrap { gap: 50px; padding: 0 0 40px 0 } .hero .content-wrap h1 { font-size: 55px } .hero .content-wrap p { margin-bottom: 10px } .hero .content-wrap .btns-wrap { flex-direction: row; gap: 32px } .hero .content-wrap .btns-wrap .orange-btn { max-width: 180px } } @media only screen and (min-width: 1023px) { .hero .content-wrap { padding: 0 0 80px 0 } .hero .content-wrap h1 { padding: 0 110px } .hero .content-wrap p { padding: 0 146px } } @media only screen and (min-width: 1440px) { .hero .content-wrap h1 { font-size: 80px } .hero .content-wrap p { font-size: 20px } } @media only screen and (min-width: 767px) { section.benefits .benefits-slider { align-items: stretch; flex-wrap: wrap; flex-direction: unset } section.benefits:not(.three-inline) .benefits-slider { gap: 32px 20px } section.benefits:not(.three-inline) .benefits-slider .p-slide { width: calc(50% - 10px); margin: 0; } .benefits.three-inline .benefits-slider .p-slide { flex: 0 0 33.333%; margin: 0; } .benefits:not(:has(.benefits-slider-ident)) .benefits-slider { flex-direction: unset; } } @media only screen and (min-width: 1023px) { .benefits .benefits-slider .content p { font-size: 18px; padding: 0 50px } .benefits .benefits-slider .content img { width: 100px; height: 100px; } } @media only screen and (min-width: 1439px) { section.benefits { padding: 60px 0 } } @media only screen and (min-width: 767px) { .cta2 .row { gap: 15px } .cta2 .row h3 { font-size: 32px; line-height: 120%; text-align: left; flex: 1 } .cta2 .row .orange-btn { flex: 0 0 212px } .cta2 .content-wrap:has(.no-btn-text) { align-items: center; } } @media only screen and (min-width: 1023px) { .cta2 .row { justify-content: space-between } .cta2 .row h3 { max-width: 645px } .cta2 .content-wrap { display: flex; align-items: flex-start; justify-content: flex-start; gap: 32px; padding: 0 0 80px 0 } .cta2 .content-wrap .half { flex: 0 1 50%; margin: 0 } .cta2 .content-wrap .orange-btn { font-size: 16px; padding: 16px 20px; max-width: 204px } .cta2 .content-wrap .half h3, .cta2 .content-wrap .half p { text-align: left } .cta2 .content-wrap .half p { font-size: 18px; margin-bottom: 32px } } @media only screen and (min-width: 767px) { section.cards-img .content-wrap { padding: 0; } section.cards-img .content-wrap .top { margin-bottom: 30px } section.cards-img .content-wrap .bottom.cards-row { flex-direction: row; align-items: stretch } section.cards-img:not(.preferences) .content-wrap .bottom.cards-row .card-img { flex: 1 } section.cards-img.no-img.sec .content-wrap .bottom.cards-row { align-items: stretch; flex-wrap: wrap; flex-direction: unset } section.cards-img.no-img.sec .content-wrap .bottom.cards-row { gap: 32px } section.cards-img.no-img.sec .content-wrap .bottom.cards-row .card-img { flex: 0 0 calc((100% - 2 * 32px) / 3) } section.cards-img.no-img.sec .content-wrap .bottom.cards-row .card-img .text { justify-content: flex-start } section.cards-img.no-img.sec .content-wrap .bottom.cards-row .card-img .text.no-text { justify-content: center; } section.cards-img.no-img.sec.third .content-wrap { padding: 40px 0 } section.cards-img.no-img.third .cards-row.slider4 .card-img { margin: 0 } section.cards-img.no-img.third .cards-row.slider4 .card-img:first-child, section.cards-img.no-img.third .cards-row.slider4 .card-img:nth-child(2) { flex: 0 0 calc((100% - 32px) / 2) } section.preferences.cards-img .cards-row { align-items: stretch; flex-wrap: wrap; flex-direction: unset } section.preferences.cards-img .cards-row .card-img { width: calc(50% - 8px) } } @media only screen and (min-width: 1023px) { .preferences .card-img .text h4 { font-size: 24px; margin-bottom: 15px; } .preferences .card-img .text p { font-size: 18px; } section.cards-img .content-wrap .top { margin-bottom: 60px } section.cards-img .content-wrap h3 { margin-bottom: 30px } section.cards-img .content-wrap .bottom.cards-row { padding: 0 36px } section.cards-img.no-img .content-wrap h3 { padding: 0 75px } .cards-img.no-img.sec .content-wrap h3 { padding: 0 } .cards-img.no-img.sec h3 { width: 75% } .cards-img.no-img.sec .top { margin-bottom: 40px } section.preferences, .cards-img.no-img.sec .content-wrap { padding: 60px 0 } } @media only screen and (min-width: 1439px) { section.cards-img.no-img .content-wrap .bottom.cards-row .card-img .text { padding: 40px 32px } section.cards-img .content-wrap h3 { padding: 0 120px } section.cards-img.no-img.sec .cards-row .card-img .text { gap: 16px } section.cards-img.no-img.sec .content-wrap .bottom.cards-row .card-img .text { padding: 19px 32px } section.cards-img.no-img.sec .content-wrap .bottom.cards-row .card-img h4 { font-size: 24px; line-height: 120% } section.cards-img.no-img.sec .content-wrap .bottom.cards-row .card-img p { font-size: 18px } }