@font-face{font-family:'Belfius21';src:url(../../../clientlibs/clientlib-pbb/resources/fonts/Belfius21-Regular.ttf)}
html{scroll-behavior:smooth}
body{font-family:'Belfius21';margin:0;padding:0}
.sections{display:flex}
@media(max-width:767px){.sticky-button{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:1000;background:linear-gradient(77deg,#c30045 6%,#c30046 52.32%,#e85aa7 112.91%);color:#FFF;border:0;padding:12px 24px;font-size:16px;font-weight:700;width:100%;overflow-y:auto;height:auto;border-top-left-radius:30px;border-top-right-radius:30px;cursor:pointer;transition:background-color .3s,color .3s;display:none}
}
@media(max-width:1023px){.sections{flex-direction:column-reverse}
.sections.non-stick{position:relative;padding-bottom:120px}
}
.sticky-button{display:none}
.sticky-button.show{display:block}
.hero-banner{width:100%;position:relative;overflow:hidden;background-color:#000}
.hero-image{width:100%;background-size:cover;background-position:center;display:none;align-items:center;justify-content:center}
.hero-overlay{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.hero-content{color:#fff;text-align:center;padding:20px}
.hero-content h1{font-size:3rem;margin-bottom:10px}
.hero-content p{font-size:1.2rem;margin-bottom:20px}
.hero-button{display:inline-block;padding:12px 24px;background-color:#f60;color:#fff;text-decoration:none;border-radius:4px;font-weight:bold}
@media(min-width:768px){.hero-image.desktop{display:flex}
}
@media(max-width:767px){.hero-image.mobile{display:flex;margin:auto}
.hero-content h1{font-size:2rem}
.hero-content p{font-size:1rem}
.hero-button{padding:10px 20px;font-size:.9rem}
}
.print--banner--styles{.banner-title{padding:10px 90px}
.banner-title h1{color:var(--Color-Ruby-500,#c30045);font-size:55px;font-style:normal;font-weight:600;line-height:115%;letter-spacing:-1.8px;margin-bottom:50px}
.subtitle{color:var(--Color-Base-black,#000);font-size:22px;font-style:normal;font-weight:600;line-height:150%}
}