@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}
.nav-container{width:100%;position:relative;z-index:1;margin-left:auto;margin-right:auto;background-color:white;border-radius:48px 48px 0 0;overflow:hidden;font-family:'Belfius21'}
.navbar{display:flex;justify-content:center;padding:30px;gap:70px}
.navbar a{color:#f07;text-decoration:none;font-weight:600;font-size:16px}
.content-wrapper{padding:15px;display:flex;flex-direction:row;justify-content:space-between;padding-top:0;margin-top:0}
.image-section{flex:1;padding:20px}
.image-section img{box-shadow:none;border-radius:32px;width:100%;max-width:1200px}
.pension-saving{flex:1;height:min-content;padding:20px;text-align:center}
.pension-saving ul{text-align:left}
.pension-saving h1{margin-top:0;color:#333;font-size:36px;font-style:normal;font-weight:600;line-height:125%;letter-spacing:-0.8px}
.pension-saving p{font-size:15px;line-height:1.5;color:#000}
.pension-saving ul{font-size:15px;list-style-type:disc;margin:20px 0 30px 0;color:#000}
.pension-saving ul li{margin-bottom:10px}
.pension-saving ul li::marker{color:#c30045;height:7px}
.calculate{display:inline-block;font-weight:600;padding:13px 20px;border:0;background:linear-gradient(134deg,#c30045 14.59%,#dc0078 85.37%);color:#FFF;font-size:16px;border-radius:25px;cursor:pointer}
@media(max-width:767px){.nav-container{border-radius:32px 32px 0 0}
.navbar{display:none}
.content-wrapper{flex-direction:column}
.image-section{margin-bottom:0;padding:20px 0}
.image-section img{width:100%;object-fit:cover;height:160px;box-shadow:none;border-radius:20px}
.pension-saving{padding:10px 0 10px 0}
.pension-saving h1{font-size:30px;font-weight:600}
.calculate{width:100%}
}
@media(min-width:768px) and (max-width:1023px){.navbar{padding:20px 20px 0 20px;gap:30px}
.pension-saving h1{font-size:32px}
.pension-saving{padding:10px 20px}
.image-section{padding:20px 0}
.image-section img{width:630px;width:304px;height:213.912px;border-radius:20px}
}
@media(max-width:1023px){.navbar a{font-size:12px}
.pension-saving ul{width:100%;position:relative;right:22px}
.calculate{padding:10px 15px;font-size:14px}
}