* { -moz-box-sizing: border-box; box-sizing: border-box; } #premier-support-plus a:hover, #premier-support-plus a:focus { text-decoration: none; } body { font: 18px/26px 'Lato', Helvetica, Arial, sans-serif; position: relative; color: #000  !important; margin: 0; } #premier-support-plus h1, #premier-support-plus h2, #premier-support-plus h3, #premier-support-plus h4 { font-weight: 700  !important; margin-top: 0; color: #fff; } #premier-support-plus p { margin-top: 10px; margin-bottom: 15px; } .p-100 { padding: 100px 0; } .p-75 { padding: 75px 0; } @media only screen and (max-width: 768px) { .p-100, .p-75 { padding: 60px 0; } } #premier-support-plus h1 { font-size: clamp(2em, 3vw, 3.5em); line-height: 1.3em; } #premier-support-plus h2 { font-size: clamp(1.75em, 2.5vw, 3em); line-height: 1.25em; margin-bottom: 30px; } #premier-support-plus h3 { font-size: clamp(1.5em, 2vw, 2em); font-size: 2em; line-height: 1.25em; } #premier-support-plus h4 { font-size: clamp(1.25em, 1.75vw, 1.5em); line-height: 1.3em; } .premier-support-hero { display: flex; flex-direction: row; } .premier-support-hero h2 { color: #fff; } .premier-support-hero__left-side { display: inline-flex; align-items: center; width: 50%; color: #fff; background-image: url(https://p4-ofp.static.pub/ShareResource/ww/img/premier-support/premier-support-plus-leftside.jpg); background-position: 50% 50%; background-size: cover; } .premier-support-hero .premier-support-hero__left-side--content { padding-left: 7em; padding-right: 3em; } .premier-support-hero .premier-support-hero__left-side--content h1 { margin-bottom: 15px; font-size: clamp(1.75em, 2.5vw, 3em); color: #fff; } .premier-support-hero .premier-support-hero__left-side--content h2 { margin: 30px 0; font-size: clamp(2em, 3vw, 3.5em); } .premier-support-hero .premier-support-hero__left-side--content .text-highlight { color: #ffb9a2; } .premier-support-hero .premier-support-hero__left-side--content p { margin: 1.5em 0px; width: 60%; font-size: 20px; line-height: 28px; } .premier-support-hero .premier-support-hero__left-side--content .btn { margin: 0; padding: 10px 20px; font: 16px/19px Lato; color: #000; white-space: nowrap; background-color: #fff; text-decoration: none; font-weight: bold; display: inline-flex; align-items: center; } .premier-support-hero .premier-support-hero__left-side--content .btn img { margin-left: 10px; } .premier-support-hero .premier-support-hero__left-side--content .btn:hover { background-color: #eee; } .premier-support-hero .premier-support-hero__right-side { width: 50%; } .premier-support-hero .premier-support-hero__right-side img { display: block; width: 100%; height: auto; object-fit: cover; max-height: 700px; object-position: center; min-height: 300px; } @media only screen and (max-width: 1200px) { .premier-support-hero .premier-support-hero__left-side--content { padding: 0 3em; } .premier-support-hero .premier-support-hero__left-side--content p { width: 80%; } } @media only screen and (max-width: 992px) { .premier-support-hero { flex-direction: column-reverse; } .premier-support-hero .premier-support-hero__left-side { width: 100%; } .premier-support-hero .premier-support-hero__left-side--content { padding: 3em; } .premier-support-hero .premier-support-hero__right-side { width: 100%; } .premier-support-hero .premier-support-hero__left-side--content p { width: 100%; } } @media only screen and (max-width: 767px) { .premier-support-hero__left-side--content p { margin-bottom: 10px; } } @media only screen and (max-width: 576px) { .premier-support-hero .premier-support-hero__left-side--content { padding: 3em 15px; } } .red-bg { background-color: #64131e; color: #fff  !important; } .img-fluid { width: 100%; height: auto; } .premier-support-getting-it ul { list-style: none; padding: 0; margin: 0; } .premier-support-getting-it ul li { display: flex; align-items: center; margin-bottom: 15px; } .premier-support-getting-it .check-mark { width: 30px; margin-right: 10px; } .premier-support-the-broadest .card-item { box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2); height: 100%; } .premier-support-the-broadest .card-item h4 { min-height: 65px; } @media screen and (max-width: 1000px) { .premier-support-the-broadest .card-item h4 { min-height: 0; } } .premier-support-getting-it h2, .premier-support-getting-to-know h2 { color: #000; } .premier-support-getting-to-know table { width: 100%; border-spacing: 0px; } .premier-support-getting-to-know table .th { padding: 10px; vertical-align: bottom; font-size: clamp(1.2rem, 1.5vw, 1.5rem); font-weight: bold; text-align: left; } .premier-support-getting-to-know table .th:first-child { padding-left: 0; width: auto; } @media screen and (max-width: 1000px) { .premier-support-getting-to-know table .th { position: relative; padding: 5px; width: 55px; height: 150px; } .premier-support-getting-to-know table .th div { transform-origin: 0 50%; transform: rotate(-90deg); white-space: nowrap; display: block; position: absolute; bottom: 0; left: 50%; margin-bottom: -10px; } } .premier-support-getting-to-know table .bb { border-bottom: 5px solid #e1251b; } .premier-support-getting-to-know table .br { border-right: 2px solid #e1251b; } .premier-support-getting-to-know table .bt { border-bottom: 1px solid #000; } .premier-support-getting-to-know table tbody tr td { text-align: center; } @media screen and (max-width: 1000px) { .premier-support-getting-to-know table tbody tr td { width: auto; } } .premier-support-getting-to-know table tbody tr td { font-size: clamp(1rem, 1.2vw, 1rem); } .premier-support-getting-to-know table tbody tr td:first-child { width: 60%; text-align: left; padding: 0px 0 0px 15px; border-bottom: 0; } .premier-support-getting-to-know table tbody tr td:last-child { padding: 0px 15px 0px 0px; } .premier-support-getting-to-know table tbody tr td:has(span) span { border-bottom: 1px solid #000; height: 100%; display: block; min-height: 40px; line-height: 2em; } .premier-support-getting-to-know table tbody tr td:first-child:has(span) span { padding-right: 15px; display: flex; align-items: center; } .premier-support-getting-to-know table tbody tr td:last-child:has(span) { position: relative; } .premier-support-getting-to-know table tbody tr td:last-child:has(span) span { position: absolute; top: 0; bottom: 0; left: 0; right: 15px; } .premier-support-getting-to-know table tbody tr td:has(span) .red-dot { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media only screen and (max-width: 767px) { .premier-support-getting-to-know table tbody tr td:has(span) span { line-height: 1.5em; } } .premier-support-getting-to-know table tbody tr:first-child td:first-child, .premier-support-getting-to-know table tbody tr:first-child td:last-child { border-bottom: 5px solid #e1251b; } .premier-support-getting-to-know table tbody tr:last-child td:first-child, .premier-support-getting-to-know table tbody tr:last-child td:last-child { border-bottom: 5px solid #e1251b; } .premier-support-getting-to-know .red-dot { width: 12px; height: 12px; border-radius: 50%; background-color: #e1251b; display: inline-block; } .premier-support-its-time .btn { margin: 0; padding: 10px 20px; font: 16px/19px Lato; color: #64131e; white-space: nowrap; background-color: #fff; text-decoration: none; font-weight: bold; display: inline-flex; align-items: center; } .premier-support-its-time .btn img { margin-left: 10px; } .premier-support-its-time .btn:hover { background-color: #eee; } .vertical-center { display: flex; align-items: center; }