@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}
*{box-sizing:border-box}
.about-planner{width:100%;position:relative;text-align:center;padding:55px;margin-top:-30px;padding-top:0}
.planner-title{font-weight:700;color:#000;font-size:40px}
.planner-description{color:#000;line-height:150%;font-size:16px;padding:0 150px}
.teaser-cards{display:flex;flex-direction:row;gap:53px;padding:40px 0;align-items:center}
.card{border-radius:24px;background:var(--gradient-4,linear-gradient(106deg,rgba(250,238,244,0.10) .56%,rgba(81,98,111,0.10) 50.28%,rgba(255,194,215,0.10) 100%));box-shadow:0 4px 12px 0 rgba(0,0,0,0.15);padding:0 30px;flex:1 1 calc(33% - 2rem);align-self:stretch;transition:transform .3s ease}
.card h2{padding-top:10px;font-size:24px;color:#000;margin-block-end:5px}
.card h3{font-size:22px;color:var(--Color-Ruby-500,#c30045);font-weight:700;margin-inline-start:0;margin-inline-end:0;margin-block-start:0;font-weight:700}
.card p{font-size:16px;text-align:left;color:#000;padding-bottom:10px}
.how-it-works{width:100%;position:relative;text-align:center;padding:55px 20px;color:#000;background:var(--Gradient-3,linear-gradient(106deg,rgba(250,238,244,0.10) .56%,rgba(229,0,81,0.10) 50.28%,rgba(255,194,215,0.10) 100%))}
.work-title{font-size:40px;font-weight:bold;margin-bottom:20px;margin-top:0}
.work-description{font-size:16px;margin-bottom:30px;max-width:700px;margin-left:auto;margin-right:auto}
.work-teaser-cards{display:flex;flex-direction:row;gap:40px;padding:40px 20px;align-items:center;margin-bottom:20px}
.work-teaser-cards .card{border-radius:24px;background:#FFF;box-shadow:0 4px 12px 0 rgba(0,0,0,0.15);padding:0 30px;flex:1 1 calc(33% - 2rem);text-align:center;transition:transform .3s ease;align-self:stretch}
.icon{margin:20px 0}
.work-teaser-cards .card h3{font-size:20px}
.work-teaser-cards .card p{font-size:14px}
.plus,.equals{font-size:56px;font-weight:600;color:#000;align-self:center;line-height:120%;letter-spacing:-1.12px}
@media(max-width:767px){.about-planner{padding:25px 24px 50px 24px}
.planner-title{font-size:28px}
.planner-description{padding:0;font-size:14px}
.teaser-cards{flex-direction:column}
.work-title{font-size:28px}
.work-description{font-size:14px}
.work-teaser-cards{padding:10px;flex-direction:column}
.work-teaser-cards .card h3{font-size:16px}
.plus,.equals{display:none}
}
@media(min-width:768px) and (max-width:1023px){.about-planner{padding:10px 20px 40px 20px}
.planner-title{font-size:28px}
.planner-description{font-size:13px;padding:0 10px}
.teaser-cards{gap:20px;padding:20px 0}
.work-title{font-size:28px}
.work-teaser-cards{padding:20px;gap:10px}
.work-teaser-cards .card{padding:0 15px}
.icon{margin:10px 0}
.work-teaser-cards .card h3{font-size:18px}
.plus,.equals{font-size:40px}
}
@media(max-width:1023px){.card h2{margin-block-start:5px}
.card h3{font-size:16px}
.card p{font-size:13px}
}