body {
--wa-ws-hegith: 40px;
--wa-ws-main-color: #235a81;
--wa-ws-hover-color: #235a8199;
--wa-ws-white: #fff;
--wa-ws-top: 175px;
--wa-ws-bottom: 88px;
}
.wa-ws-sreen-reader-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
#wa-ws {
position: fixed; right: 0;
bottom: var(--wa-ws-bottom);
float: right;
width: var(--wa-ws-hegith);
cursor: pointer;
box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
z-index: 99;
}
#wa-ws .wa-ws__link {
background-color: var(--wa-ws-main-color);
color: var(--wa-ws-white);
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
border: none;
height: var(--wa-ws-hegith);
}
#wa-ws .wa-ws__link:not(:last-of-type) {
margin-bottom: 5px;
}
#wa-ws .wa-ws__link:hover {
background-color: var(--wa-ws-hover-color);
}
#wa-ws .wa-ws__link svg {
width: 50%;
}
#wa-ws .wa-ws__link svg path {
fill: var(--wa-ws-white);
}.blp-landingpage {
--blp-brand: #235a81;
--blp-brand-rgb: 35, 90, 129;
--blp-text: #3c3c3b;
--blp-muted: #424242;
--blp-surface: #f5f5f5;
--blp-on-brand: #ffffff;
--blp-border: #dddddd;
--blp-content-max: 72rem;
--blp-content-pad: clamp(1.25rem, 4vw, 2.5rem);
--blp-section-gap: clamp(2rem, 5vw, 3.5rem);
--blp-hero-height: 525px;
--blp-cta-bg: #dddddd;
interpolate-size: allow-keywords;
color: var(--blp-text);
font-family: inherit;
line-height: 1.6;
}
.blp-landingpage :where(h1, h2, h3) {
color: var(--blp-text);
font-weight: 700;
line-height: 1.25;
margin: 0 0 0.9em;
}
.blp-landingpage :where(p) {
margin: 0 0 1em;
}
.blp-landingpage :where(a) {
color: var(--blp-brand);
} .blp-hero {
position: relative;
isolation: isolate;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
height: var(--blp-hero-height);
max-height: var(--blp-hero-height);
overflow: hidden;
background-color: var(--blp-brand);
color: var(--blp-on-brand);
}
.blp-hero__image {
position: absolute;
inset: 0;
z-index: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
}
.blp-hero::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background-color: rgba(var(--blp-brand-rgb), 0.7);
pointer-events: none;
}
.blp-hero:not(.blp-hero--has-image)::after {
background-color: rgba(var(--blp-brand-rgb), 0.92);
}
.blp-hero__content {
position: relative;
z-index: 2;
box-sizing: border-box;
width: min(100%, var(--blp-content-max));
padding: 1.75rem var(--blp-content-pad);
text-align: center;
color: var(--blp-on-brand);
}
.blp-hero__title {
color: var(--blp-on-brand);
font-size: clamp(1.75rem, 4vw, 2.5rem);
font-weight: 700;
line-height: 1.2;
margin: 0 0 0.9em;
}
.blp-hero__text {
color: var(--blp-on-brand);
font-size: clamp(1.05rem, 2.2vw, 1.25rem);
line-height: 1.45;
margin: 0 auto;
max-width: 40rem;
} .blp-main {
padding: var(--blp-section-gap) 0 calc(var(--blp-section-gap) * 1.25);
}
.blp-main:has(.blp-section--cta) {
padding-bottom: 0;
}
.blp-wrap {
box-sizing: border-box;
width: min(100%, var(--blp-content-max));
margin: 0 auto;
padding-left: var(--blp-content-pad);
padding-right: var(--blp-content-pad);
}
.blp-section + .blp-section {
margin-top: var(--blp-section-gap);
}
.blp-section h2 {
font-size: clamp(1.35rem, 2.5vw, 1.85rem);
}
.blp-section h3 {
font-size: clamp(1.05rem, 2vw, 1.25rem);
} .blp-split {
display: grid;
gap: clamp(1.25rem, 3vw, 2rem);
align-items: center;
}
.blp-split__media {
margin: 0;
min-width: 0;
}
.blp-split__image {
display: block;
width: 100%;
height: auto;
vertical-align: middle;
}
.blp-split__body {
min-width: 0;
}
.blp-split__body :where(h2:first-child) {
margin-top: 0;
}
.blp-split__body :where(p:last-child),
.blp-split__body :where(ul:last-child) {
margin-bottom: 0;
}
@media (min-width: 768px) {
.blp-split {
grid-template-columns: 1fr 1fr;
gap: clamp(1.75rem, 4vw, 3rem);
} .blp-split--media-end .blp-split__media {
order: 2;
}
.blp-split--media-end .blp-split__body {
order: 1;
}
} .blp-section--band {
position: relative;
isolation: isolate;
margin-top: var(--blp-section-gap);
margin-bottom: 0;
padding: var(--blp-section-gap) 0;
background-color: var(--blp-brand);
color: var(--blp-on-brand);
}
.blp-section--band > .blp-wrap {
position: relative;
z-index: 1;
width: min(100%, var(--blp-content-max));
}
.blp-section--band:not(.blp-section--related)::before,
.blp-section--related::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
}
.blp-section--band:not(.blp-section--related)::before {
background-color: rgba(var(--blp-band-overlay-rgb, 0, 0, 0), var(--blp-band-overlay-opacity, 0));
}
.blp-section--related::before {
background-color: rgba(var(--blp-related-overlay-rgb, 0, 0, 0), var(--blp-related-overlay-opacity, 0));
}
@media (min-width: 768px) {
.blp-section--band:not(.blp-section--related) {
min-height: var(--blp-band-min-height, auto);
display: flex;
flex-direction: column;
justify-content: center;
}
.blp-section--related {
min-height: var(--blp-related-min-height, auto);
display: flex;
flex-direction: column;
justify-content: center;
}
}
.blp-section--band-image {
background-image: var(--blp-band-image);
background-position: bottom center;
background-repeat: var(--blp-band-repeat, repeat);
background-size: var(--blp-band-size, auto);
background-attachment: scroll;
}
@media (min-width: 768px) {
.blp-section--band-image {
background-attachment: var(--blp-band-attachment, fixed);
}
}
@media (prefers-reduced-motion: reduce) {
.blp-section--band-image {
background-attachment: scroll;
}
}
.blp-section--related-image {
background-image: var(--blp-related-image);
background-position: bottom center;
background-repeat: var(--blp-related-repeat, repeat);
background-size: var(--blp-related-size, auto);
background-attachment: scroll;
}
@media (min-width: 768px) {
.blp-section--related-image {
background-attachment: var(--blp-related-attachment, fixed);
}
}
@media (prefers-reduced-motion: reduce) {
.blp-section--related-image {
background-attachment: scroll;
}
}
.blp-section--band + .blp-section {
margin-top: var(--blp-section-gap);
} .blp-section--band + .blp-section--band,
.blp-section--band + .blp-section--cta {
margin-top: 0;
}
.blp-section--band :where(h2, h3, p, li) {
color: var(--blp-on-brand);
}
.blp-section--band a:not(.blp-related__card) {
color: var(--blp-on-brand);
text-decoration: underline;
text-underline-offset: 0.15em;
}
.blp-section--band a:not(.blp-related__card):hover,
.blp-section--band a:not(.blp-related__card):focus {
color: var(--blp-on-brand);
filter: brightness(1.08);
}
.blp-section--band :where(p:last-child) {
margin-bottom: 0;
}
.blp-region {
display: grid;
gap: clamp(1.5rem, 4vw, 2.75rem);
}
@media (min-width: 768px) {
.blp-region {
grid-template-columns: 3fr 2fr;
align-items: start;
gap: clamp(2rem, 5vw, 3.5rem);
}
}
.blp-places {
list-style: none;
margin: 0;
padding: 0;
line-height: 1.55;
}
.blp-places li {
display: inline;
}
.blp-places li:not(:last-child)::after {
content: ", ";
}
.blp-section--related h2,
.blp-faq h2 {
text-align: center;
}
.blp-related {
--blp-related-cols: var(--blp-related-cols-mobile, 1);
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 1.25rem;
grid-template-columns: 1fr;
grid-template-columns: repeat(
min(var(--blp-related-count, 1), var(--blp-related-cols)),
minmax(0, 1fr)
);
}
@media (min-width: 768px) {
.blp-related {
--blp-related-cols: var(--blp-related-cols-tablet, 2);
}
}
@media (min-width: 960px) {
.blp-related {
--blp-related-cols: var(--blp-related-cols-desktop, 4);
}
}
.blp-related__item {
margin: 0;
min-width: 0;
}
.blp-related__card {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
background: #fff;
color: var(--blp-text);
text-decoration: none;
}
.blp-related__card:focus-visible {
outline: 2px solid var(--blp-on-brand);
outline-offset: 3px;
}
.blp-related__media {
display: block;
aspect-ratio: 16 / 10;
background-color: var(--blp-brand);
overflow: hidden;
}
.blp-related__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.35s ease;
}
.blp-related__card:hover .blp-related__image,
.blp-related__card:focus-visible .blp-related__image {
transform: scale(1.03);
}
@media (prefers-reduced-motion: reduce) {
.blp-related__image {
transition: none;
}
.blp-related__card:hover .blp-related__image,
.blp-related__card:focus-visible .blp-related__image {
transform: none;
}
}
.blp-related__body {
display: flex;
flex: 1 1 auto;
align-items: center;
justify-content: center;
padding: 0.85rem 0.9rem;
background: #fff;
text-align: center;
}
.blp-related__title {
margin: 0;
width: 100%;
color: var(--blp-text);
font-size: 0.8rem;
font-weight: 700;
line-height: 1.3;
text-align: center;
overflow-wrap: break-word;
}
.blp-related__card:hover .blp-related__title,
.blp-related__card:focus-visible .blp-related__title {
color: var(--blp-brand);
}
.blp-list {
margin: 0;
padding-left: 1.25em;
}
.blp-list li + li {
margin-top: 0.4em;
} .blp-list--benefits {
list-style: none;
padding: 0;
margin: 0.5rem 0 0;
}
.blp-list--benefits li {
position: relative;
padding-left: 3.25rem;
margin-bottom: 1.35rem;
line-height: 1.45;
}
.blp-list--benefits li:last-child {
margin-bottom: 0;
}
.blp-list--benefits li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 2.25rem;
height: 2.25rem;
background: var(--blp-brand);
border-radius: 50%;
}
.blp-list--benefits li::after {
content: "\2713";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 2.25rem;
text-align: center;
color: var(--blp-on-brand);
font-weight: 700;
font-size: 1.125rem;
line-height: 1;
}
.blp-faq__item {
border: 1px solid var(--blp-border);
background: var(--blp-surface);
padding: 0.65rem 1rem;
}
.blp-faq__item + .blp-faq__item {
margin-top: 0.5rem;
}
.blp-faq__item summary {
cursor: pointer;
font-weight: 600;
color: var(--blp-text);
list-style: none;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 0.75rem;
}
.blp-faq__item summary::-webkit-details-marker {
display: none;
}
.blp-faq__item summary::after {
content: "";
flex: 0 0 0.55rem;
width: 0.55rem;
height: 0.55rem;
margin-top: 0.4em;
border-right: 2px solid var(--blp-brand);
border-bottom: 2px solid var(--blp-brand);
transform: rotate(45deg);
transition: transform 0.35s ease;
}
.blp-faq__item[open] summary::after {
transform: rotate(225deg);
} .blp-faq__item::details-content {
block-size: 0;
overflow: hidden;
transition:
block-size 0.35s ease,
content-visibility 0.35s allow-discrete;
}
.blp-faq__item[open]::details-content {
block-size: auto;
block-size: calc-size(auto, size);
}
.blp-faq__item p {
margin: 0;
padding: 0.75em 0 0.25em;
color: var(--blp-muted);
}
.blp-section--cta {
position: relative;
isolation: isolate;
padding: 3rem 0;
background-color: var(--blp-cta-bg);
}
.blp-section--cta > .blp-wrap {
position: relative;
z-index: 1;
}
.blp-section--cta::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background-color: rgba(var(--blp-cta-overlay-rgb, 0, 0, 0), var(--blp-cta-overlay-opacity, 0));
}
.blp-section--cta-image {
background-image: var(--blp-cta-image);
background-position: center;
background-repeat: var(--blp-cta-repeat, no-repeat);
background-size: var(--blp-cta-size, cover);
background-attachment: scroll;
}
.blp-cta {
padding: 1.75rem 1.5rem;
background: #fff;
text-align: center;
}
.blp-cta__button {
display: inline-block;
margin-top: 0.35rem;
padding: 0.7rem 1.4rem;
background: var(--blp-brand);
color: var(--blp-on-brand);
text-decoration: none;
font-weight: 600;
border-radius: 2px;
}
.blp-cta__button:hover,
.blp-cta__button:focus {
color: var(--blp-on-brand);
filter: brightness(1.08);
}
.blp-cta__form {
margin-top: 1rem;
text-align: left;
margin-left: auto;
margin-right: auto;
}