[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} @charset "UTF-8"; /** * Importing by selector filtering example * https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer#selector-filtering */ /** * Importing by glob example * https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer#globbing */ /** * Theme Name: The Scalers Child * Description: This is a child theme of The Scalers. * Template: The Scalers * Version: 1.7.0 */ /* Fonts ========================================================================== */ /* Breakpoints ========================================================================== */ /* Colors ========================================================================== */ /* Transitions (jak miałeś) */ /* Font Family */ /*! * Bootstrap Grid v5.1.3 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ .container, .container-hd, .container-fhd, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-xmd, .container-smd { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; position: relative; } @media (min-width: 992px) { .container, .container-hd, .container-fhd, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-xmd, .container-smd { padding-right: 16px; padding-left: 16px; } } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-md, .container-sm, .container-smd { max-width: 720px; } } @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm, .container-xmd { max-width: 980px; } .container-smd { max-width: 1110px; } } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1312px; } } @media (min-width: 1400px) { .container-fhd { max-width: 1852px; } } .row { display: flex; flex-wrap: wrap; margin: 0 -16px; } .row > * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding: 0 16px; } .col { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-1-5 { flex: 0 0 auto; width: 12.5%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-2-4 { flex: 0 0 auto; width: 20%; } .col-md-2-5 { flex: 0 0 auto; width: 20%; padding: 0 5px; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-4-5 { flex: 0 0 auto; width: 37.5%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-7-5 { flex: 0 0 auto; width: 62.5%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-10-5 { flex: 0 0 auto; width: 87.5%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-1-5 { flex: 0 0 auto; width: 12.5%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-2-4 { flex: 0 0 auto; width: 20%; } .col-lg-2-5 { flex: 0 0 auto; width: 20.833333333%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-3-5 { flex: 0 0 auto; width: 29.166666666%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-4-5 { flex: 0 0 auto; width: 37.5%; } .col-lg-4-8 { flex: 0 0 auto; width: 40%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-5-5 { flex: 0 0 auto; width: 45.833333333%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-6-5 { flex: 0 0 auto; width: 54.166666667%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-7-5 { flex: 0 0 auto; width: 62.5%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-9-5 { flex: 0 0 auto; width: 79.166666666%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-2-4 { flex: 0 0 auto; width: 20%; } .col-xl-2-5 { flex: 0 0 auto; width: 20.833333333%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-3-5 { flex: 0 0 auto; width: 29.166666666%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-4-5 { flex: 0 0 auto; width: 37.5%; } .col-xl-4-8 { flex: 0 0 auto; width: 40%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-5-5 { flex: 0 0 auto; width: 45.833333333%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-6-5 { flex: 0 0 auto; width: 54.166666667%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-7-5 { flex: 0 0 auto; width: 62.5%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .d-flex { display: flex !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } @media (min-width: 768px) { .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } } @media (min-width: 992px) { .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } } /* ========================================================================== #PAGE ========================================================================== */ /** * Simple page-level setup. * * 1. Set the default `font-size` and `line-height` for the entire project. * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when * navigating between pages that do/do not have enough content to produce * scrollbars naturally. * 3. Ensure the page always fills at least the entire height of the viewport. */ :root { --scroll-bar: 8px; } * { box-sizing: border-box; margin: 0; padding: 0; } html { font-size: 62.5%; line-height: 1.625; min-height: 100%; overflow-y: scroll; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; scroll-behavior: smooth; overflow-x: hidden; } html.no-scroll { overflow-y: hidden; } body { font-family: "AlanSans", sans-serif; color: #171B36; font-weight: 400; font-size: 1.6rem; line-height: 1.35; overflow-x: hidden; position: relative; } p { font-size: 16px; font-weight: 400; line-height: 26px; } p + p { margin-top: 16px; } a { text-decoration: none; } ul { list-style-type: none; padding: 0; margin: 0; } img { max-width: 100%; display: block; } [data-link] { cursor: pointer; } html main { position: relative; z-index: 2; } .site-main.default-page { padding-top: 104px; } @media (max-width: 991px) { .wp-block-columns { flex-direction: column; } .wp-block-column { width: 100%; } } @font-face { font-family: "AlanSans"; src: url(./45debeace812795b67735143589e09ab.woff2) format("woff2"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "AlanSans"; src: url(./e514f9336b5c2497b0bb24d934eae260.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "AlanSans"; src: url(./f0410ae945d4f4ee125600cf6ea5bdca.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "AlanSans"; src: url(./881fb37800304b9dfa6d852292813d25.woff2) format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "AlanSans"; src: url(./b0ae1a79a9e30a04b2b13bf210c3f846.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "AlanSans"; src: url(./c667d88d273a10b5f5f124607cd6cdff.woff2) format("woff2"); font-weight: 800; font-style: normal; font-display: swap; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: 700; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.18; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* ========================================================================== #HEADINGS ========================================================================== */ /** * Simple default styles for headings 1 through 6. Anything more opinionated * than simple font-size changes should likely be applied via classes (see: * http://csswizardry.com/2016/02/managing-typography-on-large-apps/). */ h1, h2, h3, h4, h5, h6, .heading-family { font-family: "AlanSans", sans-serif; line-height: 1.25; font-weight: 600; margin: 0; } h1 em, h2 em, h3 em { font-weight: 600; font-style: italic; } /* Display and H1, H2... ========================================================================== */ h1, .display-1, .display-1 * { line-height: 110%; /* 61.6px */ letter-spacing: -1.12px; font-size: 2.8rem; } @media (min-width: 992px) { h1, .display-1, .display-1 * { font-size: 56px; } } .display-1--large, .display-1--large * { font-size: 34px; line-height: 42px; } @media (min-width: 992px) { .display-1--large, .display-1--large * { font-size: 6rem; line-height: 74px; } } h2, .display-2, .display-2 * { letter-spacing: -0.52px; font-size: 26px; line-height: 120%; } @media (min-width: 992px) { h2, .display-2, .display-2 * { font-size: 48px; letter-spacing: -0.96px; } } h3, .display-3, .display-3 * { font-size: 18px; line-height: 24px; } @media (min-width: 992px) { h3, .display-3, .display-3 * { font-size: 32px; line-height: 100%; /* 32px */ } } h4, .display-4, .display-4 * { font-size: 1.6rem; } @media (min-width: 768px) { h4, .display-4, .display-4 * { font-size: 2.1rem; } } h5, .display-5 { font-size: 1.8rem; } @media (min-width: 768px) { h5, .display-5 { font-size: 2.8rem; } } h6, .display-6 { font-size: 1.8rem; } /* Fully Custom Sizes ========================================================================== */ /* ========================================================================== #TYPOGRAPHY & COLORS & FONT WEIGHTS & LINE HEIGHTS ========================================================================== */ /** * Font Weights */ .f-400 { font-weight: 400; } .f-500 { font-weight: 500; } .f-600 { font-weight: 400; } .f-700 { font-weight: 700; } .f-800 { font-weight: 800; } /** * Letter Spacing */ .l-normal { letter-spacing: 0; } /** * Font Type */ .f-text { font-family: "AlanSans", sans-serif; } /** * Line Heights */ .line-reset { line-height: 1; } /** * Italic */ .f-italic { font-style: italic; } .site-header { padding: 16px 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; } @media (max-width: 575.98px) { .site-header .header__brand img { width: 95px; } } .header__inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 24px; background-color: #fff; border-radius: 16px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.01), 0 32px 80px 0 rgba(0, 0, 0, 0.02); } .site-header .menu { list-style: none; display: flex; align-items: center; gap: 32px; margin: 0; padding: 0; } .site-header .menu li:not(.btn-menu-item) a { text-decoration: none; color: #171B36; font-weight: 400; font-size: 16px; line-height: 110%; letter-spacing: 0px; transition: all 0.3s ease-in-out; position: relative; } .site-header .menu li:not(.btn-menu-item) a::after { content: ""; position: absolute; left: 0; bottom: -4px; height: 2px; width: 100%; background-color: transparent; transition: all 0.3s ease-in-out; } .site-header .menu li:not(.btn-menu-item) a:hover::after { background-color: #6CD926; } .site-header .menu li.current-menu-item a:after { background-color: #6CD926; } .site-header .menu li:not(.btn-menu-item) a[href="/"] { content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE0MTNfNDA0MikiPgo8cGF0aCBkPSJNNy4zMTI1IDE1LjE4NzlWMTAuNjg3OUgxMC42ODc1VjE1LjE4NzlIMTUuMTg3NVY4LjQzNzk0QzE1LjE4NzYgOC4zNjQwNSAxNS4xNzMxIDguMjkwODcgMTUuMTQ0OCA4LjIyMjU5QzE1LjExNjYgOC4xNTQzIDE1LjA3NTIgOC4wOTIyNSAxNS4wMjMgOC4wMzk5N0w5LjM5Nzk3IDIuNDE0OTdDOS4zNDU3MyAyLjM2MjY3IDkuMjgzNjkgMi4zMjExOSA5LjIxNTQgMi4yOTI4OEM5LjE0NzEyIDIuMjY0NTcgOS4wNzM5MiAyLjI1IDkgMi4yNUM4LjkyNjA4IDIuMjUgOC44NTI4OCAyLjI2NDU3IDguNzg0NiAyLjI5Mjg4QzguNzE2MzEgMi4zMjExOSA4LjY1NDI3IDIuMzYyNjcgOC42MDIwMyAyLjQxNDk3TDIuOTc3MDMgOC4wMzk5N0MyLjkyNDgxIDguMDkyMjUgMi44ODM0IDguMTU0MyAyLjg1NTE3IDguMjIyNTlDMi44MjY5NCA4LjI5MDg3IDIuODEyNDQgOC4zNjQwNSAyLjgxMjUgOC40Mzc5NFYxNS4xODc5SDcuMzEyNVoiIHN0cm9rZT0iIzE3MUIzNiIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE0MTNfNDA0MiI+CjxyZWN0IHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); height: 18px; width: 18px; display: inline-flex; } .site-header .menu li.btn-menu-item a { display: inline-flex; align-items: center; justify-content: center; padding: 16px 24px; border-radius: 800px; background: var(--Primary-Main, #F5533D); /* Orange shadow */ box-shadow: 0 2px 8px 0 rgba(245, 83, 61, 0.1), 0 2px 24px 0 rgba(245, 83, 61, 0.15), 0 8px 32px 0 rgba(245, 83, 61, 0.25); color: var(--Text-DarkBG-Primary, #FFF); text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: 110%; transition: all 0.3s ease-in-out; } .site-header .menu li.btn-menu-item a:hover { background: #5FCC19; } .site-header .menu > li.menu-item-has-children > a { padding-right: 15px; } .site-header .menu > li.menu-item-has-children > a::before { content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05LjQ1MDIgMC43MDMxMjVMNS4wNzUyIDUuMDc4MTJMMC43MDAxOTUgMC43MDMxMjUiIHN0cm9rZT0iIzE3MUIzNiIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); display: inline-block; width: 8px; height: 4px; position: absolute; right: 0; top: 0; } .site-header .menu > li { position: relative; display: inline-flex; } .site-header .menu > li.current-menu-item a::after { background-color: #6CD926; } .site-header .menu li:hover .sub-menu { display: block; } .site-header .menu li .sub-menu { display: none; position: absolute; left: 0; top: 100%; background-color: #fff; border: 1px solid var(--Border-Main, #C9CACF); padding: 16px 20px; border-radius: 8px; white-space: nowrap; } .site-header .menu li .sub-menu li + li { margin-top: 8px; } /* --- MOBILE/RESPONSIVE --- */ .header__toggle { display: none; padding: 8px 16px; border-radius: 800px; background: var(--Background-Additional, #F3F3F6); cursor: pointer; align-items: center; justify-content: center; border: 0; } .header__toggle-bars { display: flex; } /* FULLSCREEN MOBILE MENU */ .mobile-menu { position: fixed; inset: 0; z-index: 10000; } .mobile-menu[hidden] { display: none; } .mobile-menu__overlay { position: absolute; inset: 0; background: rgba(23, 27, 54, 0.55); } /* Panel na pełny ekran */ .mobile-menu__panel { position: absolute; inset: 0; width: 100%; height: 100%; background: #fff; border-radius: 0; box-shadow: none; padding: 0; display: flex; flex-direction: column; } /* Topbar jak header: logo + close */ .mobile-menu__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 16px; border-bottom: 1px solid #E7E8EE; } .mobile-menu__brand img { height: 28px; /* dopasuj do logotypu */ width: auto; display: block; } .mobile-menu__close { width: 48px; height: 48px; border: 0; border-radius: 999px; background: #F3F4F7; cursor: pointer; color: #171B36; font-size: 18px; } /* Scroll tylko w części z menu */ .mobile-menu__nav { padding: 16px 16px 24px; overflow: auto; -webkit-overflow-scrolling: touch; flex: 1; } /* Lista menu – bez ramek */ .menu--mobile { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; } .menu--mobile > li { border: 0; background: transparent; } /* Linki jako “czyste” wiersze */ .menu--mobile a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 4px; /* bardziej airy bez kart */ text-decoration: none; color: #171B36; font-size: 18px; font-weight: 500; line-height: 110%; } /* delikatny separator między pozycjami (opcjonalnie) */ .menu--mobile > li + li > a { border-top: 1px solid #F0F1F5; } /* CTA (btn-menu-item) nadal jak button, ale na full width */ .menu--mobile li.btn-menu-item a { justify-content: center; width: 100%; margin-top: 10px; padding: 16px 18px; border-radius: 999px; } /* Submenu – też bez ramek, jako wcięcie */ .menu--mobile .sub-menu { list-style: none; margin: 6px 0 0; padding: 0 0 0 14px; display: none; } .menu--mobile .menu-item-has-children.is-open > .sub-menu { display: grid; gap: 4px; } /* Submenu linki mniejsze */ .menu--mobile .sub-menu a { padding: 10px 4px; font-size: 16px; font-weight: 400; border-top: 0; /* bez separatora z góry w submenu */ } /* Toggle submenu – bez obramowań */ .mobile-submenu-toggle { width: 44px; height: 44px; border: 0; background: transparent; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; } .mobile-submenu-toggle::before { content: ""; width: 8px; height: 8px; border-right: 2px solid #171B36; border-bottom: 2px solid #171B36; transform: rotate(45deg); transition: transform 0.2s ease; } .menu--mobile .menu-item-has-children.is-open > a .mobile-submenu-toggle::before { transform: rotate(-135deg); } /* Hamburger tylko na mobile */ @media (max-width: 1024px) { .header__nav { display: none; } .header__toggle { display: inline-flex; } } /* blokada scrolla tła */ html.is-mobile-menu-open, body.is-mobile-menu-open { overflow: hidden; } .zb-footer { --zb-bg1: #0C1028; --zb-bg2: #293270; --zb-text: #B9BBC6; --zb-line: #293270; --zb-pill: #F5533D; background: #0C1028; color: var(--zb-text); padding: 64px 0; overflow: hidden; position: relative; } .zb-footer::after { content: ""; border-radius: 1151px; opacity: 0.25; background: var(--Secondary-Hover, #293270); filter: blur(200px); width: 1151px; height: 661px; position: absolute; right: 144px; bottom: -391px; z-index: 1; } .zb-footer__inner { margin: 0 auto; position: relative; z-index: 2; } .zb-footer__top { display: flex; align-items: center; justify-content: space-between; gap: 24px; } .zb-footer__brand { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; width: 100%; } @media (min-width: 992px) { .zb-footer__brand { justify-content: flex-start; gap: 48px; min-width: 260px; width: auto; } } .zb-footer__logo { display: inline-flex; align-items: center; text-decoration: none; } .zb-footer__logo-img { height: 64px; width: auto; display: block; } .zb-footer__logo-fallback { font-weight: 600; letter-spacing: 0.2px; } .zb-footer__socials { display: inline-flex; align-items: center; gap: 10px; padding: 12px 0 12px 0; } @media (min-width: 992px) { .zb-footer__socials { border-left: 1px solid var(--zb-line); padding: 12px 0 12px 48px; } } .zb-footer__social { width: 40px; height: 40px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: var(--Secondary-Hover, #293270); text-decoration: none; transition: all 0.3s ease-in-out; } .zb-footer__social-ico { display: flex; } .zb-footer__social:hover { background: #5FCC19; } .zb-footer__divider { height: 1px; background: var(--zb-line); margin: 40px 0; } .zb-footer__nav { display: block; } .zb-footer__menu { list-style: none; display: flex; flex-direction: column; gap: 24px 28px; padding: 0; margin: 0; } @media (min-width: 992px) { .zb-footer__menu { flex-direction: row; justify-content: space-between; flex-wrap: wrap; } } .zb-footer__menu a { color: var(--Text-DarkBG-Seconadry, #B9BBC6); font-size: 16px; font-style: normal; font-weight: 400; line-height: 110%; /* 17.6px */ text-decoration: none; transition: all 0.3s ease-in-out; } .zb-footer__menu a:hover { color: #5FCC19; } .zb-footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px 18px; font-size: 14px; } .zb-footer__legal { display: inline-flex; gap: 40px; flex-wrap: wrap; } .zb-footer__legal-link { color: var(--Text-DarkBG-Seconadry, #B9BBC6); font-size: 16px; font-style: normal; font-weight: 400; line-height: 110%; /* 17.6px */ text-decoration: none; transition: all 0.3s ease-in-out; background-color: transparent; border: 0; cursor: pointer; } .zb-footer__legal-link:hover { color: #5FCC19; } .zb-footer__copy { color: var(--Text-DarkBG-Seconadry, #B9BBC6); font-size: 16px; font-style: normal; font-weight: 400; line-height: 110%; /* 17.6px */ text-align: right; } @media (max-width: 860px) { .zb-footer__top { flex-direction: column; align-items: flex-start; } .zb-footer__bottom { flex-direction: column; align-items: flex-start; } .zb-footer__copy { text-align: left; } } .cky-consent-container .cky-consent-bar { border-radius: 10px !important; padding: 30px !important; background: var(--Base-Neutral-White-100, #FFF) !important; box-shadow: unset !important; } @media (min-width: 992px) { .cky-consent-container .cky-consent-bar { width: 565px !important; position: fixed; bottom: 54px; left: 54px; } } .cky-notice .cky-title { color: #171B36 !important; font-size: 2.1rem !important; line-height: 31px !important; font-weight: 600 !important; margin-bottom: 19px !important; position: relative !important; padding-left: 50px; } .cky-notice .cky-title::before { content: ""; position: absolute; left: 0; top: -6px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwMTcyXzEzMDA1KSI+CjxwYXRoIGQ9Ik0zNiAxOEMzNiAyNy45NDE1IDI3Ljk0MTUgMzYgMTggMzZDOC4wNTg1MiAzNiAwIDI3LjkzOTQgMCAxOEMwIDguMjAzMzYgNy44MjA4NiAwLjIzNTU0NyAxNy41NTcgMEMxNy41NDkzIDAuMTA3NTc4IDE3LjU0NTEgMC4yMTcyNjYgMTcuNTQ1MSAwLjMyNjk1M0MxNy41NDUxIDEuMzY1NTggMTcuOTAxIDIuMzcyODUgMTguNTUzNSAzLjE4MDkzQzE5LjIwNiAzLjk4OTAxIDIwLjExNTcgNC41NDkxIDIxLjEzMSA0Ljc2Nzg5QzIwLjM0MTkgNi4xMjczMyAyMC4wMTg3IDcuNzA3MzcgMjAuMjEwNSA5LjI2NzQ3QzIwLjQwMjMgMTAuODI3NiAyMS4wOTg2IDEyLjI4MjMgMjIuMTkzNSAxMy40MTAxQzIzLjI4ODQgMTQuNTM3OSAyNC43MjE4IDE1LjI3NzEgMjYuMjc1NSAxNS41MTUxQzI3LjgyOTIgMTUuNzUzIDI5LjQxODIgMTUuNDc2OCAzMC44MDA0IDE0LjcyODRDMzEuMTE1NiAxNS44MTEyIDMxLjgyMjggMTYuNzM3OSAzMi43ODQgMTcuMzI3OEMzMy43NDUzIDE3LjkxNzcgMzQuODkxOCAxOC4xMjg1IDM2IDE3LjkxOTFWMThaIiBmaWxsPSIjRkZCODY0Ii8+CjxwYXRoIGQ9Ik0yMy41NTI0IDMyLjc3NTRDMjQuODAyNCAzMi43NzU0IDI1LjgxNTggMzEuNzYxOCAyNS44MTU4IDMwLjUxMTRDMjUuODE1OCAyOS4yNjEgMjQuODAyNCAyOC4yNDczIDIzLjU1MjQgMjguMjQ3M0MyMi4zMDI0IDI4LjI0NzMgMjEuMjg5MSAyOS4yNjEgMjEuMjg5MSAzMC41MTE0QzIxLjI4OTEgMzEuNzYxOCAyMi4zMDI0IDMyLjc3NTQgMjMuNTUyNCAzMi43NzU0WiIgZmlsbD0iIzc4NDEzMiIvPgo8cGF0aCBkPSJNMTMuMjE4NCA2LjUxMDc5QzE0LjQ2ODUgNi41MTA3OSAxNS40ODE4IDUuNDk3MTQgMTUuNDgxOCA0LjI0NjczQzE1LjQ4MTggMi45OTYzMiAxNC40Njg1IDEuOTgyNjcgMTMuMjE4NCAxLjk4MjY3QzExLjk2ODQgMS45ODI2NyAxMC45NTUxIDIuOTk2MzIgMTAuOTU1MSA0LjI0NjczQzEwLjk1NTEgNS40OTcxNCAxMS45Njg0IDYuNTEwNzkgMTMuMjE4NCA2LjUxMDc5WiIgZmlsbD0iIzc4NDEzMiIvPgo8cGF0aCBkPSJNOC4xMzI1IDI4LjU2MjNDOS4zODI1MiAyOC41NjIzIDEwLjM5NTkgMjcuNTQ4NiAxMC4zOTU5IDI2LjI5ODJDMTAuMzk1OSAyNS4wNDc4IDkuMzgyNTIgMjQuMDM0MiA4LjEzMjUgMjQuMDM0MkM2Ljg4MjQ4IDI0LjAzNDIgNS44NjkxNCAyNS4wNDc4IDUuODY5MTQgMjYuMjk4MkM1Ljg2OTE0IDI3LjU0ODYgNi44ODI0OCAyOC41NjIzIDguMTMyNSAyOC41NjIzWiIgZmlsbD0iIzc4NDEzMiIvPgo8cGF0aCBkPSJNMTIuMjE0NiAxOC44MjI1QzEzLjYxNTcgMTguODIyNSAxNC43NTE1IDE3LjY4NjQgMTQuNzUxNSAxNi4yODQ5QzE0Ljc1MTUgMTQuODgzNCAxMy42MTU3IDEzLjc0NzMgMTIuMjE0NiAxMy43NDczQzEwLjgxMzUgMTMuNzQ3MyA5LjY3NzczIDE0Ljg4MzQgOS42Nzc3MyAxNi4yODQ5QzkuNjc3NzMgMTcuNjg2NCAxMC44MTM1IDE4LjgyMjUgMTIuMjE0NiAxOC44MjI1WiIgZmlsbD0iIzc4NDEzMiIvPgo8cGF0aCBkPSJNMjUuNTExNCAzLjE1MjdDMjYuMzA1MSAzLjE1MjcgMjYuOTQ4NiAyLjUwOTI0IDI2Ljk0ODYgMS43MTU1MUMyNi45NDg2IDAuOTIxNzcxIDI2LjMwNTEgMC4yNzgzMiAyNS41MTE0IDAuMjc4MzJDMjQuNzE3NyAwLjI3ODMyIDI0LjA3NDIgMC45MjE3NzEgMjQuMDc0MiAxLjcxNTUxQzI0LjA3NDIgMi41MDkyNCAyNC43MTc3IDMuMTUyNyAyNS41MTE0IDMuMTUyN1oiIGZpbGw9IiM3ODQxMzIiLz4KPHBhdGggZD0iTTI0LjMyNzggOS43OTU3NkMyNS4xMjE1IDkuNzk1NzYgMjUuNzY1IDkuMTUyMzEgMjUuNzY1IDguMzU4NTdDMjUuNzY1IDcuNTY0ODQgMjUuMTIxNSA2LjkyMTM5IDI0LjMyNzggNi45MjEzOUMyMy41MzQxIDYuOTIxMzkgMjIuODkwNiA3LjU2NDg0IDIyLjg5MDYgOC4zNTg1N0MyMi44OTA2IDkuMTUyMzEgMjMuNTM0MSA5Ljc5NTc2IDI0LjMyNzggOS43OTU3NloiIGZpbGw9IiM3ODQxMzIiLz4KPHBhdGggZD0iTTMwLjk2NzMgOS4wNjE3M0MzMS41MzM4IDkuMDYxNzMgMzEuOTkzMSA4LjYwMjQ0IDMxLjk5MzEgOC4wMzU4N0MzMS45OTMxIDcuNDY5MyAzMS41MzM4IDcuMDEwMDEgMzAuOTY3MyA3LjAxMDAxQzMwLjQwMDcgNy4wMTAwMSAyOS45NDE0IDcuNDY5MyAyOS45NDE0IDguMDM1ODdDMjkuOTQxNCA4LjYwMjQ0IDMwLjQwMDcgOS4wNjE3MyAzMC45NjczIDkuMDYxNzNaIiBmaWxsPSIjNzg0MTMyIi8+CjxwYXRoIGQ9Ik02LjE5NTcgMTAuNzQ1N0M3LjEyNTc0IDEwLjc0NTcgNy44Nzk2OSA5Ljk5MTcxIDcuODc5NjkgOS4wNjE2N0M3Ljg3OTY5IDguMTMxNjMgNy4xMjU3NCA3LjM3NzY5IDYuMTk1NyA3LjM3NzY5QzUuMjY1NjYgNy4zNzc2OSA0LjUxMTcyIDguMTMxNjMgNC41MTE3MiA5LjA2MTY3QzQuNTExNzIgOS45OTE3MSA1LjI2NTY2IDEwLjc0NTcgNi4xOTU3IDEwLjc0NTdaIiBmaWxsPSIjNzg0MTMyIi8+CjxwYXRoIGQ9Ik0xNS43MzY3IDIzLjQ1MjdDMTYuNjY2OCAyMy40NTI3IDE3LjQyMDcgMjIuNjk4NyAxNy40MjA3IDIxLjc2ODdDMTcuNDIwNyAyMC44Mzg3IDE2LjY2NjggMjAuMDg0NyAxNS43MzY3IDIwLjA4NDdDMTQuODA2NyAyMC4wODQ3IDE0LjA1MjcgMjAuODM4NyAxNC4wNTI3IDIxLjc2ODdDMTQuMDUyNyAyMi42OTg3IDE0LjgwNjcgMjMuNDUyNyAxNS43MzY3IDIzLjQ1MjdaIiBmaWxsPSIjNzg0MTMyIi8+CjxwYXRoIGQ9Ik0yMS4zMjc5IDEyLjMyMDFDMjEuMTMxMSAxMi41MTYyIDIwLjg4OSAxMi42NjA2IDIwLjYyMyAxMi43NDA3QzIwLjM1NyAxMi44MjA3IDIwLjA3NTQgMTIuODMzOSAxOS44MDMxIDEyLjc3ODlDMTkuNTMwOCAxMi43MjQgMTkuMjc2MyAxMi42MDI3IDE5LjA2MjEgMTIuNDI1OEMxOC44NDc5IDEyLjI0OSAxOC42ODA3IDEyLjAyMTkgMTguNTc1NCAxMS43NjQ5QzE4LjQ3IDExLjUwNzkgMTguNDI5NyAxMS4yMjg5IDE4LjQ1OCAxMC45NTI1QzE4LjQ4NjQgMTAuNjc2MiAxOC41ODI1IDEwLjQxMTIgMTguNzM3OSAxMC4xODA5QzE4Ljg5MzIgOS45NTA2MyAxOS4xMDMgOS43NjIyOSAxOS4zNDg3IDkuNjMyNTdDMTkuNTk0MyA5LjUwMjg1IDE5Ljg2ODEgOS40MzU3NyAyMC4xNDU5IDkuNDM3MjhIMjAuMjM2NkMyMC4zODY0IDEwLjQ2NjEgMjAuNzU4OCAxMS40NSAyMS4zMjc5IDEyLjMyMDFaIiBmaWxsPSIjNzg0MTMyIi8+CjxwYXRoIGQ9Ik0zLjY4NSAxOC43Njc3QzQuMTQyMDYgMTguNzY3NyA0LjUxMjU4IDE4LjM5NzIgNC41MTI1OCAxNy45NDAxQzQuNTEyNTggMTcuNDgzMSA0LjE0MjA2IDE3LjExMjUgMy42ODUgMTcuMTEyNUMzLjIyNzk0IDE3LjExMjUgMi44NTc0MiAxNy40ODMxIDIuODU3NDIgMTcuOTQwMUMyLjg1NzQyIDE4LjM5NzIgMy4yMjc5NCAxOC43Njc3IDMuNjg1IDE4Ljc2NzdaIiBmaWxsPSIjNzg0MTMyIi8+CjxwYXRoIGQ9Ik0xNC45MDk2IDMzLjc5MzZDMTUuMzY2NyAzMy43OTM2IDE1LjczNzIgMzMuNDIzMSAxNS43MzcyIDMyLjk2NkMxNS43MzcyIDMyLjUwODkgMTUuMzY2NyAzMi4xMzg0IDE0LjkwOTYgMzIuMTM4NEMxNC40NTI1IDMyLjEzODQgMTQuMDgyIDMyLjUwODkgMTQuMDgyIDMyLjk2NkMxNC4wODIgMzMuNDIzMSAxNC40NTI1IDMzLjc5MzYgMTQuOTA5NiAzMy43OTM2WiIgZmlsbD0iIzc4NDEzMiIvPgo8cGF0aCBkPSJNMjMuMDM0MSAxOC45MTM4QzIzLjU0MDQgMTguOTEzOCAyMy45NTA5IDE4LjUwMzMgMjMuOTUwOSAxNy45OTdDMjMuOTUwOSAxNy40OTA2IDIzLjU0MDQgMTcuMDgwMSAyMy4wMzQxIDE3LjA4MDFDMjIuNTI3NyAxNy4wODAxIDIyLjExNzIgMTcuNDkwNiAyMi4xMTcyIDE3Ljk5N0MyMi4xMTcyIDE4LjUwMzMgMjIuNTI3NyAxOC45MTM4IDIzLjAzNDEgMTguOTEzOFoiIGZpbGw9IiM3ODQxMzIiLz4KPHBhdGggZD0iTTE3LjU0NTggMjkuNDc5QzE4LjA1MjIgMjkuNDc5IDE4LjQ2MjcgMjkuMDY4NSAxOC40NjI3IDI4LjU2MjFDMTguNDYyNyAyOC4wNTU4IDE4LjA1MjIgMjcuNjQ1MyAxNy41NDU4IDI3LjY0NTNDMTcuMDM5NCAyNy42NDUzIDE2LjYyODkgMjguMDU1OCAxNi42Mjg5IDI4LjU2MjFDMTYuNjI4OSAyOS4wNjg1IDE3LjAzOTQgMjkuNDc5IDE3LjU0NTggMjkuNDc5WiIgZmlsbD0iIzc4NDEzMiIvPgo8cGF0aCBkPSJNMzIuOTU1OSAyMC43MDY4QzMzLjQ2MjMgMjAuNzA2OCAzMy44NzI4IDIwLjI5NjMgMzMuODcyOCAxOS43ODk5QzMzLjg3MjggMTkuMjgzNSAzMy40NjIzIDE4Ljg3MyAzMi45NTU5IDE4Ljg3M0MzMi40NDk2IDE4Ljg3MyAzMi4wMzkxIDE5LjI4MzUgMzIuMDM5MSAxOS43ODk5QzMyLjAzOTEgMjAuMjk2MyAzMi40NDk2IDIwLjcwNjggMzIuOTU1OSAyMC43MDY4WiIgZmlsbD0iIzc4NDEzMiIvPgo8cGF0aCBvcGFjaXR5PSIwLjE1IiBkPSJNMzUuOTk5MSAxNy45MTkyVjE4QzM1Ljk5OTEgMjcuOTQxNSAyNy45Mzk5IDM2IDE3Ljk5OTEgMzZDMTMuMzQ1MiAzNi4wMDY0IDguODcxMDQgMzQuMjAzNyA1LjUyMTQ4IDMwLjk3MjdDOC4wNzM4NSAzMi4yOTM1IDEwLjkwNjUgMzIuOTgwOCAxMy43ODA0IDMyLjk3NjZDMjMuMjMzMiAzMi45NzY2IDMwLjk4NDUgMjUuNjg4NyAzMS43MjI3IDE2LjQyNDNDMzIuMjQxOSAxNy4wMjY1IDMyLjkxMDMgMTcuNDgxNyAzMy42NjA5IDE3Ljc0NEMzNC40MTE1IDE4LjAwNjQgMzUuMjE3OCAxOC4wNjY4IDM1Ljk5OTEgMTcuOTE5MloiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTAxNzJfMTMwMDUiPgo8cmVjdCB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==); background-size: contain; background-position: center; background-repeat: no-repeat; width: 36px; height: 36px; } .cky-notice-des { padding: 0 !important; } .cky-notice-des p { color: #54555F !important; font-size: 13px !important; font-style: normal !important; font-weight: 500 !important; line-height: 16px !important; /* 123.077% */ letter-spacing: 0.65px !important; } .cky-notice-btn-wrapper { justify-content: flex-end !important; padding: 0 !important; } .cky-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 16px 24px !important; border-radius: 800px !important; background: var(--Primary-Main, #F5533D) !important; border: 1px solid #F5533D !important; /* Orange shadow */ box-shadow: 0 2px 8px 0 rgba(245, 83, 61, 0.1), 0 2px 24px 0 rgba(245, 83, 61, 0.15), 0 8px 32px 0 rgba(245, 83, 61, 0.25) !important; color: var(--Text-DarkBG-Primary, #FFF) !important; text-align: center !important; font-size: 16px !important; font-style: normal !important; font-weight: 500 !important; line-height: 110% !important; transition: all 0.3s ease-in-out !important; flex: unset !important; } .cky-btn:hover { border: 1px solid #5FCC19 !important; background: #5FCC19 !important; color: #FFF !important; opacity: 1 !important; } .cky-btn-customize { order: 2; background-color: #fff !important; color: #171B36 !important; } .cky-btn-accept { order: 3; border: 1px solid #5FCC19 !important; background: #5FCC19 !important; color: #fff !important; } .cky-btn-accept:hover { border: 1px solid #F5533D !important; background: #F5533D !important; color: #fff !important; } .cky-btn-reject { order: 1; } .cky-btn-reject:hover { opacity: 1 !important; } .cky-btn-preferences { order: 2; } .cky-preference-center .cky-btn-reject { order: 1; } .cky-preference-center .cky-btn-preferences { order: 3; margin: 0 0 0 10px; } .cky-preference-center .cky-btn-accept { order: 2; } .cky-prefrence-btn-wrapper { justify-content: flex-end !important; } .cky-preference-header { padding: 22px 24px 7px !important; border: 0 !important; } @media (min-width: 992px) { .cky-preference-header { padding: 40px 40px 12px !important; } } .cky-preference-header .cky-preference-title { color: #2A2E44 !important; font-size: 21px !important; font-weight: 600 !important; line-height: 31px !important; margin-bottom: 0 !important; } .cky-preference-center { border-radius: 10px !important; background: var(--Base-Neutral-White-100, #FFF) !important; } @media (min-width: 992px) { .cky-preference-center { width: 843px !important; } } .cky-modal { background-color: transparent !important; } @media (min-width: 992px) { .cky-preference-body-wrapper { padding: 0 40px !important; } } .cky-preference-body-wrapper p { color: #54555F !important; font-size: 13px !important; font-style: normal !important; font-weight: 500 !important; line-height: 16px !important; /* 123.077% */ letter-spacing: 0.65px !important; } .cky-chevron-right { color: #171B36 !important; } .cky-accordion .cky-accordion-chevron i::before { top: 4px !important; } .cky-accordion-btn { color: #171B36 !important; font-size: 1.4rem !important; font-weight: 500 !important; line-height: 1.8rem !important; } .cky-footer-shadow { background: transparent !important; } .cky-audit-table { background-color: transparent !important; } @media (min-width: 992px) { .cky-btn-close img { width: 15px !important; height: 15px !important; } } .cky-accordion-header .cky-always-active { color: #90EA57 !important; font-size: 13px !important; font-style: normal !important; font-weight: 700 !important; line-height: 14px !important; /* 107.692% */ } .cky-switch input[type=checkbox]:checked { background: #00A03A !important; } .cky-btn-revisit-wrapper { display: none !important; } /* ========================================================================== #PAGINATION ========================================================================== */ .breadcrumbs { padding: 8px 12px; display: inline-flex; border-radius: 12px; background: var(--Background-Main, #FFF); gap: 8px; white-space: nowrap; /* Shadow */ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.03), 0 32px 80px 0 rgba(0, 0, 0, 0.06); font-size: 14px; font-style: normal; font-weight: 400; line-height: 130%; /* 20.8px */ } @media (min-width: 992px) { .breadcrumbs { font-size: 16px; } } a.breadcrumbs__link { color: var(--Text-BrightBG-Additional, #54555F); } span.breadcrumbs__link { color: var(--Text-BrightBG-Main, #171B36); } /* ========================================================================== # ALIGN ========================================================================== */ .u-text-center { text-align: center; } @media (min-width: 768px) { .u-text-center-md { text-align: center; } } .u-text-left { text-align: left; } .u-text-right { text-align: right; } .u-align-center { display: flex; justify-content: center; } /* ========================================================================== # BORDER ========================================================================== */ /* Radius + Regular Borders ========================================================================== */ .b-black { border: 1px solid black; } .b-white { border: 1px solid white; } .border-50 { border-radius: 50%; } /* ========================================================================== # DISPLAY ========================================================================== */ .d-mobile { display: block; } @media (min-width: 992px) { .d-mobile { display: none; } } .d-mobile-to-md { display: block; } @media (min-width: 768px) { .d-mobile-to-md { display: none; } } .d-mobile-to-lg-tablet { display: block; } @media (min-width: 992px) { .d-mobile-to-lg-tablet { display: none; } } .d-mobile-to-tablet { display: block; } @media (min-width: 768px) { .d-mobile-to-tablet { display: none; } } .d-medium { display: none; } @media (min-width: 768px) { .d-medium { display: block; } } .d-desktop { display: none; } @media (min-width: 992px) { .d-desktop { display: block; } } .d-lg-tablet { display: none; } @media (min-width: 768px) { .d-lg-tablet { display: block; } } .d-hide { display: none; } .vh { border: 0 !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 1px !important; } /* ========================================================================== # MARGIN ========================================================================== */ .m-0-auto { margin: 0 auto; } @media (min-width: 992px) { .ml-lg-115 { margin-left: 115px; } } @media (min-width: 1200px) { .ml-xlg-115 { margin-left: 115px; } } /* ========================================================================== # OUTLINE ========================================================================== */ .outline-0 { outline: 0; } /* ========================================================================== # SIZES ========================================================================== */ /* Width ========================================================================== */ .w-100 { width: 100%; } .w-max { max-width: 100%; } .w-auto { width: auto; } /* Height ========================================================================== */ .h-auto { height: auto; } .h-100 { height: 100%; } .h-max { max-height: 100%; } /* ========================================================================== # TRANSITION ========================================================================== */ .transition { transition: all 200ms linear; } .c-pointer { cursor: pointer; } /* ========================================================================== # Z-INDEX ========================================================================== */ .z-1 { z-index: 1; } .z-2 { z-index: 2; } .z-3 { z-index: 3; } .z-4 { z-index: 4; } .z-5 { z-index: 5; } .z-6 { z-index: 6; } .z-7 { z-index: 7; } .z-8 { z-index: 8; } .z-9 { z-index: 9; } .z-10 { z-index: 10; } /* ========================================================================== #BUTTONS (project) ========================================================================== */ .btn { display: inline-flex; align-items: center; justify-content: center; padding: 16px 24px; border-radius: 800px; background: var(--Primary-Main, #F5533D); /* Orange shadow */ box-shadow: 0 2px 8px 0 rgba(245, 83, 61, 0.1), 0 2px 24px 0 rgba(245, 83, 61, 0.15), 0 8px 32px 0 rgba(245, 83, 61, 0.25); color: var(--Text-DarkBG-Primary, #FFF); text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: 110%; transition: all 0.3s ease-in-out; /* 17.6px */ } .btn--ghost { background: transparent; border-color: rgba(0, 0, 0, 0.15); color: inherit; } .btn:hover { background: #5FCC19; } .btn--md { padding: 11px 24px; } .arrow-btn { border-radius: 800px; background: #F5533D; box-shadow: 0 2px 8px 0 rgba(245, 83, 61, 0.1), 0 2px 24px 0 rgba(245, 83, 61, 0.15), 0 8px 32px 0 rgba(245, 83, 61, 0.25); padding: 10px 24px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.3s ease-in-out; border: 0; cursor: pointer; } .arrow-btn:hover { background: #5FCC19; } .arrow-btn span { display: flex; } .arrow-btn.swiper-button-disabled { background: var(--Secondary-Hover, #293270); box-shadow: unset; } .swiper-nav { display: flex; width: 40px; height: 40px; padding: 8px 16px; justify-content: center; align-items: center; gap: 5px; border: 1px solid #90EA57; background: var(--Base-Neutral-White-100, #FFF); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: transform 150ms ease, background 150ms ease; } .swiper-nav span { display: flex; } /* ============================ CUSTOM SELECT STYLING ============================ */ .zb-about-approach { padding: 64px 0; } @media (min-width: 992px) { .zb-about-approach { padding: 120px 0; } } .zb-about-approach__grid { display: flex; flex-direction: column-reverse; gap: 32px; align-items: center; } @media (min-width: 992px) { .zb-about-approach__grid { display: grid; grid-template-columns: 1fr 1fr; } } .zb-about-approach__title { margin-bottom: 40px; } .zb-about-approach__title-hl { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #90EA57; padding: 2px 8px; color: #171B36; } @media (min-width: 992px) { .zb-about-approach__title-hl { border-radius: 16px; padding: 2px 18px; } } .zb-about-approach__lead { margin-bottom: 12px; max-width: 470px; } .zb-about-approach__lead p { color: var(--Primary-Main, #F5533D); font-size: 20px; font-style: normal; font-weight: 600; line-height: 110%; /* 26.4px */ letter-spacing: -0.4px; } @media (min-width: 992px) { .zb-about-approach__lead p { font-size: 24px; letter-spacing: -0.48px; } } .zb-about-approach__text { margin-bottom: 24px; max-width: 570px; } .zb-about-approach__text p { color: #171B36; font-size: 16px; font-weight: 600; line-height: 130%; /* 23.4px */ } @media (min-width: 992px) { .zb-about-approach__text p { font-size: 18px; } } .zb-about-approach__text-2 { margin-bottom: 40px; max-width: 570px; } .zb-about-approach__text-2 p { color: #54555F; font-size: 14px; font-weight: 400; line-height: 130%; } @media (min-width: 992px) { .zb-about-approach__text-2 p { font-size: 16px; } } .zb-about-approach__media img { width: 100%; height: auto; display: block; } .zb-about-bar { background: #141D53; color: #fff; padding: 40px 0; } .zb-about-bar__text { max-width: 1050px; display: table; margin: 0 auto; text-align: center; } .zb-about-bar__text p { color: #FFF; font-size: 24px; font-weight: 600; line-height: 100%; /* 32px */ letter-spacing: -0.48px; } @media (min-width: 992px) { .zb-about-bar__text p { font-size: 32px; letter-spacing: -0.64px; } } .zb-about-features { padding: 64px 0; background: #F3F3F6; } @media (min-width: 992px) { .zb-about-features { padding: 120px 0; } } .zb-about-features__title { margin-bottom: 40px; } .zb-about-features__h { margin: 0; } .zb-about-features__hl { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #90EA57; padding: 2px 8px; color: #171B36; } @media (min-width: 992px) { .zb-about-features__hl { border-radius: 16px; padding: 2px 18px; } } .zb-about-features__rest { display: inline; } .zb-about-features__grid { display: flex; flex-wrap: wrap; gap: 40px; } @media (min-width: 1200px) { .zb-about-features__grid { gap: 4px; } } .zb-about-features__card { position: relative; background: #ffffff; border-radius: 28px; overflow: hidden; padding: 24px; min-height: 150px; } @media (min-width: 1200px) { .zb-about-features__card { padding: 40px; } } @media (max-width: 1199.98px) { .zb-about-features__card { display: flex; flex-direction: column-reverse; gap: 8px; } } @media (min-width: 1200px) { .zb-about-features__card:nth-child(4n+1), .zb-about-features__card:nth-child(4n) { flex: 0 0 calc(41.407% - 2px); max-width: calc(41.407% - 2px); } .zb-about-features__card:nth-child(4n+1) .zb-about-features__content, .zb-about-features__card:nth-child(4n) .zb-about-features__content { max-width: 310px; } } @media (min-width: 1200px) { .zb-about-features__card:nth-child(4n+2), .zb-about-features__card:nth-child(4n+3) { flex: 0 0 calc(58.594% - 2px); max-width: calc(58.594% - 2px); } .zb-about-features__card:nth-child(4n+2) .zb-about-features__content, .zb-about-features__card:nth-child(4n+3) .zb-about-features__content { max-width: 420px; } } @media (min-width: 1200px) { .zb-about-features__content { max-width: 78%; } } .zb-about-features__name { margin: 0 0 8px; color: #171B36; font-size: 20px; font-weight: 600; line-height: 110%; /* 26.4px */ letter-spacing: -0.4px; } @media (min-width: 1200px) { .zb-about-features__name { font-size: 24px; letter-spacing: -0.48px; } } .zb-about-features__desc { color: var(--Text-BrightBG-Additional, #54555F); font-size: 14px; font-weight: 400; line-height: 130%; /* 20.8px */ } @media (min-width: 1200px) { .zb-about-features__desc { font-size: 16px; } } @media (max-width: 1199.98px) { .zb-about-features__desc br { display: none; } } .zb-about-features .wysiwyg p:last-child { margin-bottom: 0; } .zb-about-features__icon { height: 105px; } @media (min-width: 1200px) { .zb-about-features__icon { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; height: auto; } } .zb-about-features__icon img { width: auto; height: 100%; display: block; } @media (min-width: 1200px) { .zb-about-features__icon img { height: auto; width: 100%; } } .zb-about-help { padding: 32px 0; } @media (min-width: 992px) { .zb-about-help { padding: 120px 0; } } .zb-about-help__grid { display: grid; grid-template-columns: 1fr; gap: 48px; align-items: center; } @media (min-width: 992px) { .zb-about-help__grid { grid-template-columns: 1fr 1fr; gap: 32px; } } .zb-about-help__title { margin-bottom: 40px; } .zb-about-help__title-hl { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #90EA57; padding: 2px 8px; color: #171B36; } @media (min-width: 992px) { .zb-about-help__title-hl { border-radius: 16px; padding: 2px 18px; } } .zb-about-help__text { margin-bottom: 40px; } .zb-about-help__text p { color: var(--Text-BrightBG-Main, #171B36); font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; /* 23.4px */ } .zb-about-help__text p + p { margin-bottom: 12px; } @media (min-width: 992px) { .zb-about-help__text p { font-size: 18px; } } @media (max-width: 991.98px) { .zb-about-help__media { padding: 0 20px; } } .zb-about-help__media img { height: auto; display: table; margin: 0 auto; } .zb-about-help .wysiwyg p:last-child { margin-bottom: 0; } .zb-about-hero { padding: 16px 0 64px; } @media (min-width: 992px) { .zb-about-hero { padding: 16px 0 80px; } } .zb-about-hero__breadcrumbs { margin-bottom: 24px; } @media (min-width: 992px) { .zb-about-hero__breadcrumbs { margin-bottom: 40px; } } .zb-about-hero__inner { text-align: center; position: relative; } .zb-about-hero__title { display: flex; flex-wrap: wrap; justify-content: center; max-width: 900px; margin: 0 auto; } .zb-about-hero__title-icon { margin: 0 8px; display: flex; width: 36px; height: 36px; justify-content: center; align-items: center; gap: 10px; border-radius: 16px; border: 4px solid var(--Background-Main, #FFF); background: var(--Background-Additional, #F3F3F6); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.03), 0 32px 80px 0 rgba(0, 0, 0, 0.06); } @media (min-width: 992px) { .zb-about-hero__title-icon { width: 62px; height: 62px; } } .zb-about-hero__title-icon img { width: 20px; height: 20px; } @media (min-width: 992px) { .zb-about-hero__title-icon img { width: 40px; height: 40px; } } .zb-about-hero__text { max-width: 250px; margin: 24px auto 0; } @media (min-width: 992px) { .zb-about-hero__text { max-width: 700px; } } .zb-about-hero__text p { color: #54555F; font-size: 16px; font-style: normal; font-weight: 400; line-height: 110%; /* 24.2px */ } @media (min-width: 992px) { .zb-about-hero__text p { font-size: 22px; } } .zb-about-hero__avatars { margin-top: 18px; display: flex; justify-content: center; gap: 18px; flex-wrap: wrap; } .zb-about-hero__avatar { position: absolute; border-radius: 100%; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.03), 0 32px 80px 0 rgba(0, 0, 0, 0.06); } .zb-about-hero__avatar--1 { left: 120px; top: 70px; } @media (max-width: 991.98px) { .zb-about-hero__avatar--1 { width: 40px; height: 40px; left: -10px; top: 110px; } } .zb-about-hero__avatar--2 { left: 10px; top: 210px; } @media (max-width: 991.98px) { .zb-about-hero__avatar--2 { width: 31px; height: 31px; left: -16px; top: 190px; } } .zb-about-hero__avatar--3 { right: 120px; top: 70px; } @media (max-width: 991.98px) { .zb-about-hero__avatar--3 { width: 40px; height: 40px; right: -10px; top: 110px; } } .zb-about-hero__avatar--4 { right: 10px; top: 210px; } @media (max-width: 991.98px) { .zb-about-hero__avatar--4 { width: 31px; height: 31px; right: -16px; top: 190px; } } .zb-about-values { background: #141D53; padding: 64px 0; } @media (min-width: 992px) { .zb-about-values { padding: 120px 0; } } .zb-about-values__title { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; text-align: center; color: #fff; gap: 12px; margin-bottom: 16px; } @media (min-width: 992px) { .zb-about-values__title { margin-bottom: 82px; } } .zb-about-values__title-icon { display: flex; width: 36px; height: 36px; justify-content: center; align-items: center; gap: 10px; border-radius: 16px; border: 4px solid var(--Background-Main, #FFF); background: var(--Background-Additional, #F3F3F6); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.03), 0 32px 80px 0 rgba(0, 0, 0, 0.06); } @media (min-width: 992px) { .zb-about-values__title-icon { width: 62px; height: 62px; } } .zb-about-values__title-icon img { width: 20px; height: 20px; } @media (min-width: 992px) { .zb-about-values__title-icon img { width: 40px; height: 40px; } } .zb-about-values__title-hl { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #90EA57; padding: 2px 8px; color: #171B36; } @media (min-width: 992px) { .zb-about-values__title-hl { border-radius: 16px; padding: 2px 18px; } } .zb-about-values__grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 32px; text-align: center; } @media (min-width: 992px) { .zb-about-values__grid { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .zb-about-values__grid { grid-template-columns: repeat(5, 1fr); } } .zb-about-values__item { display: flex; flex-direction: column; align-items: center; } .zb-about-values__icon { margin-bottom: 32px; display: flex; width: 56px; height: 56px; justify-content: center; align-items: center; gap: 10px; border-radius: 16px; border: 4px solid var(--Background-Main, #FFF); background: var(--Primary-Hover, #6CD926); /* Green shadow */ box-shadow: 0 2px 8px 0 rgba(108, 217, 38, 0.1), 0 2px 24px 0 rgba(108, 217, 38, 0.24), 0 8px 32px 0 rgba(108, 217, 38, 0.25); } .zb-about-values__name p { color: #FFF; text-align: center; font-size: 18px; font-weight: 600; line-height: 110%; /* 22px */ letter-spacing: -0.36px; } @media (min-width: 992px) { .zb-about-values__name p { font-size: 20px; letter-spacing: -0.4px; } } @media (max-width: 991.98px) { .zb-about-values__name p br { display: none; } } .zb-about-why { padding: 64px 0 0; background: linear-gradient(0deg, #FFF 0%, #F1F1F4 100%); } @media (min-width: 992px) { .zb-about-why { padding: 120px 0 0; } } .zb-about-why__title { margin-bottom: 18px; } .zb-about-why__title-hl { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #90EA57; padding: 2px 8px; } @media (min-width: 992px) { .zb-about-why__title-hl { border-radius: 16px; padding: 2px 18px; } } .zb-about-why__text { margin-bottom: 40px; max-width: 520px; } .zb-about-why__text p { color: var(--Text-BrightBG-Additional, #54555F); font-size: 18px; font-style: normal; font-weight: 400; line-height: 110%; /* 24.2px */ } @media (min-width: 992px) { .zb-about-why__text p { font-size: 22px; } } .zb-about-why__text-2 { margin-bottom: 40px; } .zb-about-why__text-2 p { color: var(--Text-BrightBG-Main, #171B36); font-size: 16px; font-style: normal; font-weight: 600; line-height: 130%; /* 23.4px */ } @media (min-width: 992px) { .zb-about-why__text-2 p { font-size: 18px; } } .zb-about-why__grid { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: start; } @media (min-width: 992px) { .zb-about-why__grid { gap: 80px; grid-template-columns: 1fr 1fr; } } .zb-about-why__list { display: grid; } @media (min-width: 992px) { .zb-about-why__list { gap: 10px; } } .zb-about-why__item { display: grid; grid-template-columns: 64px 1fr; gap: 24px; align-items: center; } .zb-about-why__item + * { margin-top: 40px; } .zb-about-why__icon { display: flex; width: 64px; height: 64px; justify-content: center; align-items: center; gap: 10px; border-radius: 16px; border: 4px solid var(--Background-Main, #FFF); background: var(--Primary-Hover, #6CD926); box-shadow: 0 2px 8px 0 rgba(108, 217, 38, 0.1), 0 2px 24px 0 rgba(108, 217, 38, 0.24), 0 8px 32px 0 rgba(108, 217, 38, 0.25); } .zb-about-why__name { color: var(--Text-BrightBG-Main, #171B36); font-size: 20px; font-style: normal; font-weight: 600; line-height: 110%; /* 26.4px */ letter-spacing: -0.4px; } @media (min-width: 992px) { .zb-about-why__name { font-size: 24px; letter-spacing: -0.48px; } } .zb-benefits { --zb-line: rgba(255,255,255,.08); --zb-text: rgba(255,255,255,.80); --zb-text-strong: rgba(255,255,255,.92); --zb-green: #9bf06b; --zb-red: #ff5a3c; padding: 64px 0; background: #141D53; overflow: hidden; position: relative; } @media (min-width: 992px) { .zb-benefits { padding: 120px 0; } } @media (min-width: 992px) { .zb-benefits::after { content: ""; position: absolute; right: -365px; top: -212px; width: 1151px; height: 1151px; border-radius: 1151px; background: var(--Secondary-Hover, #293270); filter: blur(200px); z-index: 1; } } .zb-benefits__wrap { position: relative; z-index: 2; } .zb-benefits__h2 { margin-bottom: 24px; } @media (min-width: 992px) { .zb-benefits__h2 { margin-bottom: 16px; } } .zb-benefits__h2-pill { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #90EA57; padding: 2px 8px; } @media (min-width: 992px) { .zb-benefits__h2-pill { border-radius: 16px; padding: 2px 18px; } } .zb-benefits__h2-ico { border-radius: 16px; border: 4px solid var(--Background-Main, #FFF); background: var(--Background-Additional, #F3F3F6); /* Shadow */ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.03), 0 32px 80px 0 rgba(0, 0, 0, 0.06); display: inline-flex; width: 36px; height: 36px; justify-content: center; align-items: center; margin: 0 4px; } @media (min-width: 992px) { .zb-benefits__h2-ico { width: 62px; height: 62px; } } .zb-benefits__h2-ico img { width: 20px; height: 20px; } @media (min-width: 992px) { .zb-benefits__h2-ico img { width: 40px; height: 40px; } } .zb-benefits__h2-suffix { color: var(--Text-DarkBG-Primary, #FFF); } .zb-benefits__lead { margin-bottom: 24px; max-width: 900px; } @media (min-width: 992px) { .zb-benefits__lead { margin-bottom: 40px; } } .zb-benefits__lead p { color: var(--Text-DarkBG-Seconadry, #B9BBC6); font-size: 18px; font-style: normal; font-weight: 400; line-height: 110%; /* 24.2px */ } @media (min-width: 992px) { .zb-benefits__lead p { font-size: 22px; } } .zb-benefits__intro { color: var(--Text-DarkBG-Primary, #FFF); font-size: 18px; font-style: normal; font-weight: 600; line-height: 110%; /* 22px */ letter-spacing: -0.36px; margin-bottom: 24px; } @media (min-width: 992px) { .zb-benefits__intro { font-size: 20px; letter-spacing: -0.4px; margin-bottom: 40px; } } .zb-benefits__grid { margin-top: 34px; display: grid; grid-template-columns: 1fr; gap: 32px; } @media (min-width: 992px) { .zb-benefits__grid { grid-template-columns: repeat(1, minmax(0, 1fr)); } } @media (min-width: 1200px) { .zb-benefits__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .zb-benefits__item { padding: 8px; } @media (min-width: 1200px) { .zb-benefits__item { padding: 16px; } } .zb-benefits__icon { display: flex; width: 56px; height: 56px; justify-content: center; align-items: center; border-radius: 16px; border: 4px solid var(--Background-Main, #FFF); background: var(--Primary-Hover, #6CD926); /* Green shadow */ box-shadow: 0 2px 8px 0 rgba(108, 217, 38, 0.1), 0 2px 24px 0 rgba(108, 217, 38, 0.24), 0 8px 32px 0 rgba(108, 217, 38, 0.25); margin-bottom: 24px; } @media (min-width: 992px) { .zb-benefits__icon { margin-bottom: 40px; } } .zb-benefits__icon img { width: 32px; height: 32px; } .zb-benefits__name { color: var(--Text-DarkBG-Primary, #FFF); font-size: 18px; font-style: normal; font-weight: 600; line-height: 110%; /* 22px */ letter-spacing: -0.36px; } @media (min-width: 992px) { .zb-benefits__name { font-size: 20px; letter-spacing: -0.4px; } } .zb-benefits__desc { margin-top: 12px; } .zb-benefits__desc p { color: var(--Text-DarkBG-Seconadry, #B9BBC6); font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; /* 23.4px */ } @media (min-width: 992px) { .zb-benefits__desc p { font-size: 18px; } } .zb-benefits__cta { margin-top: 64px; } .rsi-blog-page-top { padding-top: 104px; } .zb-blog-hero { padding: 16px 0 64px; position: relative; } @media (min-width: 992px) { .zb-blog-hero { padding: 16px 0 36px; } } .zb-blog-hero::before { content: ""; position: absolute; left: 0; top: -140px; bottom: 0; width: 100%; background: linear-gradient(180deg, #FFF 0%, #F1F1F4 100%); } .zb-blog-hero__grid { display: grid; grid-template-columns: 1fr; gap: 28px; align-items: center; } @media (min-width: 992px) { .zb-blog-hero__grid { grid-template-columns: 1fr 0.7fr; } } .zb-blog-hero__breadcrumbs { margin-bottom: 24px; } @media (min-width: 992px) { .zb-blog-hero__breadcrumbs { margin-bottom: 40px; } } .zb-blog-hero .wysiwyg p:last-child { margin-bottom: 0; } .zb-blog-hero__hl { display: inline-flex; align-items: center; justify-content: center; color: #171B36; border-radius: 8px; background: #90EA57; padding: 2px 8px; } @media (min-width: 992px) { .zb-blog-hero__hl { border-radius: 16px; padding: 2px 18px; } } .zb-blog-hero__titleIcon { justify-content: center; align-items: center; vertical-align: middle; transform: translateY(2px); width: 36px; height: 36px; border-radius: 80px; border: 4px solid var(--Background-Main, #FFF); background: var(--Background-Additional, #F3F3F6); /* Shadow */ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.03), 0 32px 80px 0 rgba(0, 0, 0, 0.06); display: none; } @media (min-width: 992px) { .zb-blog-hero__titleIcon { width: 62px; height: 62px; display: inline-flex; } } .zb-blog-hero__text { margin-top: 24px; } .zb-blog-hero__text p { font-weight: 400; font-size: 16px; line-height: 130%; letter-spacing: 0px; color: #54555F; } @media (max-width: 991.98px) { .zb-blog-hero__text p { font-size: 18px; } } .zb-blog-hero__actions { margin-top: 24px; } @media (max-width: 991.98px) { .zb-blog-hero__actions { margin-top: 40px; } } .zb-blog-hero__media { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; } @media (min-width: 992px) { .zb-blog-hero__media { margin-bottom: -70px; } } .zb-blog-hero__media img { width: auto; height: auto; display: block; max-width: 406px; } .zb-blog-list { padding: 14px 0 70px; /* featured */ } .zb-blog-list__featured { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 18px; align-items: center; margin-bottom: 22px; } .zb-blog-list__featuredThumb { position: relative; border-radius: 18px; overflow: hidden; display: block; box-shadow: 0 12px 34px rgba(0, 0, 0, 0.1); } .zb-blog-list__featuredThumb img { width: 100%; height: auto; display: block; } .zb-blog-list__featuredBody { position: relative; } .zb-blog-list__featuredTitle a { color: inherit; text-decoration: none; } .zb-blog-list { /* grid */ } .zb-blog-list__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } .zb-blog-list__card { background: #fff; border-radius: 18px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } .zb-blog-list__thumb { position: relative; display: block; } .zb-blog-list__thumb img { width: 100%; height: auto; display: block; } .zb-blog-list__date { position: absolute; top: 10px; left: 10px; font-size: 12px; padding: 6px 10px; border-radius: 999px; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(6px); } .zb-blog-list__body { padding: 12px 14px 16px; position: relative; min-height: 110px; } .zb-blog-list__cat { font-size: 12px; opacity: 0.75; margin-bottom: 6px; } .zb-blog-list__title a { color: inherit; text-decoration: none; } .zb-blog-list__excerpt { opacity: 0.8; margin-top: 10px; } .zb-blog-list__arrow { margin-top: 10px; width: 38px; height: 38px; border-radius: 999px; display: grid; place-items: center; background: #ff5a3d; color: #fff; text-decoration: none; box-shadow: 0 12px 30px rgba(255, 90, 61, 0.35); } .zb-blog-list { /* pagination */ } .zb-blog-list__pagination { margin-top: 26px; display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; } .zb-blog-list__pagination a, .zb-blog-list__pagination span { width: 40px; height: 40px; border-radius: 999px; display: grid; place-items: center; text-decoration: none; background: rgba(0, 0, 0, 0.04); color: inherit; } .zb-blog-list__pagination .current { background: #ff5a3d; color: #fff; font-weight: 800; } @media (max-width: 900px) { .zb-blog-list__featured { grid-template-columns: 1fr; } .zb-blog-list__grid { grid-template-columns: 1fr; } } .zb-blog { padding: 64px 0; background: linear-gradient(0deg, #FFF 0%, #F1F1F4 100%); } @media (min-width: 992px) { .zb-blog { padding: 120px 0; } } .zb-blog__container { position: relative; } .zb-blog__header { margin-bottom: 40px; } .zb-blog__h2 { margin: 0 0 24px 0; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; line-height: 1.05; font-weight: 800; letter-spacing: -0.02em; } @media (min-width: 992px) { .zb-blog__h2 { margin: 0 0 16px 0; } } .zb-blog__h2-pill { background: #90EA57; display: inline-flex; align-items: center; border-radius: 8px; background: #90EA57; padding: 2px 8px; } @media (min-width: 992px) { .zb-blog__h2-pill { border-radius: 16px; padding: 2px 18px; } } .zb-blog__subtitle { color: #54555F; font-size: 18px; font-weight: 400; line-height: 110%; /* 24.2px */ } @media (min-width: 992px) { .zb-blog__subtitle { font-size: 22px; } } .zb-blog__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; } .zb-blog__card { background: transparent; } .zb-blog__thumb { position: relative; display: block; border-radius: 24px; overflow: hidden; transform: translateZ(0); } .zb-blog__thumb:hover .zb-blog__img { transform: scale(1.02); } .zb-blog__img { width: 100%; height: 258px; -o-object-fit: cover; object-fit: cover; display: block; transition: transform 0.18s ease; } .zb-blog__img--placeholder { background: linear-gradient(135deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.02)); } .zb-blog__date { position: absolute; top: 16px; left: 16px; color: var(--Text-BrightBG-Main, #171B36); font-size: 12px; font-style: normal; font-weight: 400; line-height: 110%; /* 13.2px */ border-radius: 40px; background: rgba(255, 255, 255, 0.75); display: inline-flex; padding: 4px 8px; justify-content: center; align-items: center; gap: 10px; } .zb-blog__body { padding: 24px 8px 0; position: relative; min-height: 132px; } .zb-blog__tag { display: inline-flex; align-items: center; color: var(--Text-BrightBG-Main, #171B36); font-size: 12px; font-style: normal; font-weight: 400; line-height: 110%; /* 13.2px */ border-radius: 40px; background: var(--Background-Main, #FFF); padding: 4px 8px; margin-bottom: 10px; } .zb-blog__title { margin: 0; padding: 0 8px; color: #171B36; font-size: 20px; font-style: normal; font-weight: 600; line-height: 110%; /* 22px */ letter-spacing: -0.4px; } .zb-blog__title a { color: #171B36; text-decoration: none; } .zb-blog__title a:hover { text-decoration: underline; } .zb-blog__arrow { margin: 24px 0 0 8px; } .zb-blog__empty { margin: 0; color: rgba(11, 15, 31, 0.65); } @media (max-width: 991px) { .zb-blog__grid { grid-template-columns: 1fr; } .zb-blog__img { height: 200px; } .zb-blog__title { font-size: 18px; } } .zb-contact { padding: 26px 0 70px; } .zb-contact__breadcrumbs { font-size: 13px; opacity: 0.75; margin-bottom: 14px; display: inline-flex; padding: 8px 12px; border-radius: 14px; background: rgba(0, 0, 0, 0.04); } .zb-contact__grid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 26px; align-items: start; } .zb-contact .wysiwyg p:last-child { margin-bottom: 0; } .zb-contact__details { margin-top: 26px; display: grid; gap: 10px; } .zb-contact__company { font-weight: 800; margin-bottom: 6px; } .zb-contact__row { display: grid; grid-template-columns: 22px 1fr; gap: 10px; align-items: center; } .zb-contact__row a { color: inherit; text-decoration: none; } .zb-contact__formBox { background: #fff; border-radius: 28px; box-shadow: 0 18px 60px rgba(0, 0, 0, 0.1); padding: 22px; } .zb-contact { /* === Contact Form 7 styling === */ } .zb-contact .wpcf7 form { margin: 0; } .zb-contact .wpcf7 p { margin: 0 0 12px; } .zb-contact .wpcf7 .wpcf7-form-control-wrap { display: block; } .zb-contact .wpcf7 input[type=text], .zb-contact .wpcf7 input[type=email], .zb-contact .wpcf7 input[type=tel], .zb-contact .wpcf7 textarea { width: 100%; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 18px; padding: 12px 14px; outline: none; background: #fafafa; } .zb-contact .wpcf7 textarea { min-height: 140px; resize: vertical; } .zb-contact { /* Dwa pola obok siebie (Imię/Nazwisko) */ } .zb-contact .zb-cf7__row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .zb-contact { /* Checkbox RODO */ } .zb-contact .zb-cf7__consent { display: grid; grid-template-columns: 18px 1fr; gap: 10px; align-items: start; font-size: 12px; opacity: 0.85; } .zb-contact .wpcf7 input[type=checkbox] { margin-top: 3px; } .zb-contact { /* Przycisk */ } .zb-contact .wpcf7 input[type=submit] { border: 0; border-radius: 18px; padding: 12px 18px; font-weight: 800; cursor: pointer; background: #ff5a3d; color: #fff; box-shadow: 0 12px 30px rgba(255, 90, 61, 0.35); float: right; } .zb-contact { /* Błędy / komunikaty */ } .zb-contact .wpcf7-not-valid-tip { font-size: 12px; margin-top: 6px; } .zb-contact .wpcf7-response-output { margin: 12px 0 0; border-radius: 14px; } @media (max-width: 900px) { .zb-contact__grid { grid-template-columns: 1fr; } .zb-contact .wpcf7 input[type=submit] { float: none; width: 100%; } } .zb-cta { padding: 64px 0 0; } @media (min-width: 992px) { .zb-cta { padding: 120px 0 0; } } .zb-cta.cta-blog-section { padding: 0 0 64px; } @media (min-width: 992px) { .zb-cta.cta-blog-section { padding: 0 0 120px; } } .zb-cta.zb-cta--global { padding: 64px 0; } @media (min-width: 992px) { .zb-cta.zb-cta--global { padding: 120px 0; } } .zb-cta__wrp { border-radius: 48px; border: 1px solid var(--Border-Main, #C9CACF); padding: 36px; } .zb-cta__inner { border-radius: 24px; background: #141D53; position: relative; z-index: 3; /* Shadow */ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.03), 0 32px 80px 0 rgba(0, 0, 0, 0.06); color: #fff; padding: 32px 32px 0; display: grid; grid-template-columns: 1fr; gap: 24px; align-items: flex-end; justify-content: flex-end; box-shadow: 0 18px 50px rgba(0, 0, 0, 0.12); } @media (min-width: 992px) { .zb-cta__inner { padding: 48px 48px 48px 56px; grid-template-columns: 1.2fr 0.8fr; gap: 18px; } } .zb-cta__inner::before { content: ""; position: absolute; left: -12px; top: -12px; right: -12px; bottom: -12px; border-radius: 32px; border: 1px solid var(--Border-Main, #C9CACF); display: block; z-index: -1; } .zb-cta__inner::after { content: ""; position: absolute; left: -24px; top: -24px; right: -24px; bottom: -24px; border-radius: 40px; border: 1px solid var(--Border-Main, #C9CACF); display: block; z-index: -2; } .zb-cta__content { position: relative; z-index: 2; } @media (max-width: 991.98px) { .zb-cta__title br { display: none; } } .zb-cta__text { margin-top: 24px; max-width: 624px; } .zb-cta__text p { color: var(--Text-DarkBG-Primary, #FFF); font-size: 18px; font-weight: 400; line-height: 110%; /* 24.2px */ } @media (min-width: 992px) { .zb-cta__text p { font-size: 22px; } } .zb-cta__btn-wrp { display: flex; margin-top: 16px; } @media (min-width: 992px) { .zb-cta__btn-wrp { justify-content: flex-end; margin: 0; } } .zb-cta__btn-wrp .btn { position: relative; z-index: 2; } @media (max-width: 991.98px) { .zb-cta__btn-wrp .btn { padding: 18px 20px; width: 100%; } } @media (min-width: 992px) { .zb-cta__media { position: absolute; bottom: 0; right: 178px; z-index: 1; } } .zb-faq { padding: 64px 0; } @media (min-width: 992px) { .zb-faq { padding: 120px 0; } } .zb-faq__head { display: grid; gap: 24px; max-width: 920px; } @media (min-width: 992px) { .zb-faq__head { gap: 16px; } } .zb-faq__badge { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #90EA57; padding: 2px 8px; } @media (min-width: 992px) { .zb-faq__badge { border-radius: 16px; padding: 2px 18px; } } .zb-faq__icon { display: inline-flex; align-items: center; justify-content: center; border-radius: 16px; width: 36px; height: 36px; border: 4px solid var(--Background-Main, #FFF); background: var(--Background-Additional, #F3F3F6); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.03), 0 32px 80px 0 rgba(0, 0, 0, 0.06); } @media (min-width: 992px) { .zb-faq__icon { width: 62px; height: 62px; } } .zb-faq__icon .zb-faq__icon-img { width: 20px; height: 20px; min-width: 20px; display: block; } @media (min-width: 992px) { .zb-faq__icon .zb-faq__icon-img { width: 40px; height: 40px; min-width: 40px; } } .zb-faq__text { max-width: 620px; } .zb-faq__text p { color: var(--Text-BrightBG-Additional, #54555F); font-size: 18px; font-weight: 400; line-height: 110%; /* 24.2px */ } @media (min-width: 992px) { .zb-faq__text p { font-size: 22px; } } .zb-faq__list { margin-top: 44px; display: grid; gap: 10px; } .zb-faq__item { border-radius: 16px 28px 28px 16px; border: 1px solid var(--Border-Additional, #E4E4E7); background: var(--Neutrals-Additional, #F8F9FB); padding: 4px 4px 4px 24px; transition: all 0.3s ease-in-out; } .zb-faq__item:hover, .zb-faq__item[data-open=true] { background: #F3F3F6; } @media (min-width: 992px) { .zb-faq__item { padding: 4px 4px 4px 28px; } } .zb-faq__q { width: 100%; border: 0; background: transparent; display: flex; justify-content: space-between; align-items: center; cursor: pointer; text-align: left; } .zb-faq__qtext { color: var(--Text-BrightBG-Main, #171B36); font-size: 18px; font-style: normal; font-weight: 600; line-height: 110%; /* 22px */ letter-spacing: -0.36px; padding: 8px 0; } @media (min-width: 992px) { .zb-faq__qtext { font-size: 20px; letter-spacing: -0.4px; } } .zb-faq__toggle { flex: 0 0 auto; width: 72px; height: 48px; position: relative; border-radius: 800px; background: var(--Background-Additional, #F3F3F6); display: flex; justify-content: center; align-items: center; } .zb-faq__toggle .minus { display: none; } .zb-faq__q[aria-expanded=true] .zb-faq__toggle { background: var(--Primary-Main, #F5533D); /* Orange shadow */ box-shadow: 0 2px 8px 0 rgba(245, 83, 61, 0.1), 0 2px 24px 0 rgba(245, 83, 61, 0.15), 0 8px 32px 0 rgba(245, 83, 61, 0.25); } .zb-faq__q[aria-expanded=true] .zb-faq__toggle .minus { display: flex; } .zb-faq__q[aria-expanded=true] .zb-faq__toggle .plus { display: none; } .zb-faq__a { padding: 4px 4px 24px 0; } @media (min-width: 992px) { .zb-faq__a { max-width: 70%; padding: 4px 16px 28px 0; } } .zb-faq__a p { color: var(--Text-BrightBG-Additional, #54555F); font-size: 18px; font-style: normal; font-weight: 400; line-height: 130%; /* 23.4px */ } .zb-hero { padding: 112px 0 160px; background-color: #fff; } @media (min-width: 992px) { .zb-hero { padding: 184px 0 152px; } } .zb-hero__container { position: relative; display: grid; place-items: center; } .zb-hero__content { text-align: center; max-width: 950px; position: relative; z-index: 2; } .zb-hero__badge { display: inline-flex; align-items: center; border-radius: 12px; background: var(--Background-Main, #FFF); padding: 8px 12px; gap: 8px; /* Shadow */ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.03), 0 32px 80px 0 rgba(0, 0, 0, 0.06); color: var(--Text-BrightBG-Additional, #54555F); font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; /* 20.8px */ } .zb-hero__badgeDot { background: var(--Primary-Hover, #6CD926); width: 10px; height: 10px; border-radius: 10px; border: 3px solid var(--Secondary-Main, #EAFBE0); } .zb-hero .hl { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #90EA57; padding: 2px 8px; } @media (min-width: 992px) { .zb-hero .hl { border-radius: 16px; padding: 2px 18px; } } .zb-hero .hero-ico { border-radius: 16px; border: 4px solid var(--Background-Main, #FFF); background: var(--Background-Additional, #F3F3F6); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.03), 0 32px 80px 0 rgba(0, 0, 0, 0.06); display: inline-flex; width: 36px; height: 36px; justify-content: center; align-items: center; margin: 0 4px; } @media (min-width: 992px) { .zb-hero .hero-ico { width: 66px; height: 66px; } } .zb-hero .hero-ico img { width: 20px; height: 20px; } @media (min-width: 992px) { .zb-hero .hero-ico img { width: 40px; height: 40px; } } .zb-hero .hero-ico--2 { border-radius: 33px 16px 16px 33px; width: 40px; height: 36px; margin: 0 8px 0 0; } @media (min-width: 992px) { .zb-hero .hero-ico--2 { width: 72px; } } .zb-hero .hero-ico--3 { border-radius: 16px 33px 33px 16px; width: 40px; height: 36px; margin: 0 0 0 8px; } @media (min-width: 992px) { .zb-hero .hero-ico--3 { width: 72px; } } .zb-hero__headline { margin-top: 24px; } @media (min-width: 992px) { .zb-hero__headline { margin-top: 26px; } } .zb-hero__subheadline { margin-top: 40px; } .zb-hero__subheadline p { color: var(--Text-BrightBG-Additional, #54555F); text-align: center; font-size: 18px; font-style: normal; font-weight: 400; line-height: 110%; /* 24.2px */ } @media (min-width: 992px) { .zb-hero__subheadline p { font-size: 22px; } } .zb-hero__actions { margin-top: 40px; } @media (min-width: 992px) { .zb-hero__actions { margin-top: 60px; } } .zb-hero__decor { position: absolute; bottom: -120px; z-index: 1; } @media (min-width: 992px) { .zb-hero__decor { top: 60px; bottom: unset; } } .zb-hero__decor--left { left: -4px; } @media (min-width: 992px) { .zb-hero__decor--left { left: -60px; } } .zb-hero__decor--right { right: -4px; justify-items: end; } @media (min-width: 992px) { .zb-hero__decor--right { right: -60px; } } @media (max-width: 991.98px) { .zb-hero__img--left-1 { max-width: 135px; } } .zb-hero__img--left-2 { margin-left: 94px; margin-top: -88px; border-radius: 40px; background: var(--Neutrals-Main, #F9F9FB); /* Shadow */ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.03), 0 32px 80px 0 rgba(0, 0, 0, 0.06); } @media (max-width: 991.98px) { .zb-hero__img--left-2 { max-width: 135px; margin-left: 34px; margin-top: -24px; border-radius: 15px; } } @media (max-width: 991.98px) { .zb-hero__img--right-1 { max-width: 135px; } } .zb-hero__img--right-2 { margin-right: 94px; margin-top: -88px; border-radius: 40px; background: var(--Neutrals-Main, #F9F9FB); /* Shadow */ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.03), 0 32px 80px 0 rgba(0, 0, 0, 0.06); } @media (max-width: 991.98px) { .zb-hero__img--right-2 { max-width: 135px; margin-right: 34px; margin-top: -24px; } } .zb-offer-coop { padding: 64px 0; color: #fff; background: #141D53; overflow: hidden; position: relative; } @media (min-width: 992px) { .zb-offer-coop { padding: 120px 0; } } @media (min-width: 992px) { .zb-offer-coop::after { content: ""; position: absolute; right: -365px; bottom: -483px; width: 1151px; height: 1151px; border-radius: 1151px; background: var(--Secondary-Hover, #293270); filter: blur(200px); z-index: 1; } } .zb-offer-coop__inner { position: relative; z-index: 2; } .zb-offer-coop__heading { margin: 0 0 16px; } .zb-offer-coop__pill { display: inline-flex; align-items: center; justify-content: center; border-radius: 16px; background: #90EA57; padding: 2px 18px; color: #171B36; } .zb-offer-coop__icon { border-radius: 16px; border: 4px solid var(--Background-Main, #FFF); background: var(--Background-Additional, #F3F3F6); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.03), 0 32px 80px 0 rgba(0, 0, 0, 0.06); display: inline-flex; width: 36px; height: 36px; justify-content: center; align-items: center; margin: 0 4px; } @media (min-width: 992px) { .zb-offer-coop__icon { width: 62px; height: 62px; } } .zb-offer-coop__icon img { width: 20px; height: 20px; } @media (min-width: 992px) { .zb-offer-coop__icon img { width: 40px; height: 40px; } } .zb-offer-coop__text { max-width: 650px; } .zb-offer-coop__text p { color: #B9BBC6; font-weight: 400; font-size: 18px; line-height: 110%; letter-spacing: 0px; } @media (min-width: 992px) { .zb-offer-coop__text p { font-size: 22px; } } .zb-offer-coop__note { margin-top: 40px; } .zb-offer-coop__note p { color: #fff; font-weight: 600; font-size: 20px; line-height: 110%; letter-spacing: -0.4px; } @media (min-width: 992px) { .zb-offer-coop__note p { font-size: 24px; letter-spacing: -0.02em; } } .zb-offer-coop .wysiwyg p:last-child { margin-bottom: 0; } .zb-offer-coop__img { margin-top: 64px; } @media (min-width: 992px) { .zb-offer-coop__img { position: absolute; right: 0; top: -33px; margin: 0; } } .zb-offer-hero { padding: 16px 0 64px; position: relative; } @media (min-width: 992px) { .zb-offer-hero { padding: 16px 0 36px; } } .zb-offer-hero::before { content: ""; position: absolute; left: 0; top: -140px; bottom: 0; width: 100%; background: linear-gradient(180deg, #FFF 0%, #F1F1F4 100%); } .zb-offer-hero__grid { display: grid; grid-template-columns: 1fr; gap: 28px; align-items: center; } @media (min-width: 992px) { .zb-offer-hero__grid { grid-template-columns: 1fr 0.7fr; } } .zb-offer-hero__content { margin-top: 24px; } @media (min-width: 992px) { .zb-offer-hero__content { margin-top: 40px; } } .zb-offer-hero .wysiwyg p:last-child { margin-bottom: 0; } .zb-offer-hero__hl { display: inline-flex; align-items: center; justify-content: center; color: #171B36; border-radius: 8px; background: #90EA57; padding: 2px 8px; } @media (min-width: 992px) { .zb-offer-hero__hl { border-radius: 16px; padding: 2px 18px; } } .zb-offer-hero__titleIcon { justify-content: center; align-items: center; vertical-align: middle; transform: translateY(2px); width: 36px; height: 36px; border-radius: 80px; border: 4px solid var(--Background-Main, #FFF); background: var(--Background-Additional, #F3F3F6); /* Shadow */ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.03), 0 32px 80px 0 rgba(0, 0, 0, 0.06); display: none; } @media (min-width: 992px) { .zb-offer-hero__titleIcon { width: 62px; height: 62px; display: inline-flex; } } .zb-offer-hero__text { margin-top: 24px; } .zb-offer-hero__text p { font-weight: 400; font-size: 16px; line-height: 130%; letter-spacing: 0px; color: #54555F; } @media (max-width: 991.98px) { .zb-offer-hero__text p { font-size: 18px; } } .zb-offer-hero__actions { margin-top: 24px; } @media (max-width: 991.98px) { .zb-offer-hero__actions { margin-top: 40px; } } @media (max-width: 991.98px) { .zb-offer-hero__media { display: none; } } .zb-offer-hero__media img { width: 100%; height: auto; display: block; } .zb-offer-pillars { padding: 64px 0; background: #fff; } @media (min-width: 992px) { .zb-offer-pillars { padding: 120px 0; } } .zb-offer-pillars__head { margin-bottom: 40px; } .zb-offer-pillars__pill { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #90EA57; padding: 2px 8px; color: #171B36; } @media (min-width: 992px) { .zb-offer-pillars__pill { padding: 2px 18px; border-radius: 16px; } } .zb-offer-pillars__headIcon { border-radius: 16px; border: 4px solid var(--Background-Main, #FFF); background: var(--Background-Additional, #F3F3F6); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.03), 0 32px 80px 0 rgba(0, 0, 0, 0.06); display: inline-flex; width: 36px; height: 36px; justify-content: center; align-items: center; } @media (min-width: 992px) { .zb-offer-pillars__headIcon { width: 62px; height: 62px; margin: 0 4px; } } .zb-offer-pillars__headIcon img { width: 20px; height: 20px; } @media (min-width: 992px) { .zb-offer-pillars__headIcon img { width: 40px; height: 40px; } } .zb-offer-pillars .wysiwyg p:last-child { margin-bottom: 0; } .zb-offer-pillars__list { display: grid; gap: 40px; } @media (min-width: 992px) { .zb-offer-pillars__list { gap: 16px; } } .zb-offer-pillars__item { border-radius: 32px; overflow: hidden; background: #F8F9FB; padding: 4px; } /* NOWE: cały box jako klikany element + 2 kolumny na CAŁOŚCI po otwarciu */ .zb-offer-pillars__box { display: block; /* domyślnie zamknięty wygląda jak 1 kolumna */ cursor: pointer; } /* otwarty item = 2 kolumny na całym boxie */ .zb-offer-pillars__item.is-open .zb-offer-pillars__box { display: grid; grid-template-columns: 1fr; align-items: stretch; gap: 40px; } @media (min-width: 992px) { .zb-offer-pillars__item.is-open .zb-offer-pillars__box { grid-template-columns: 1.25fr 0.75fr; gap: 24px; } } /* kolumny */ .zb-offer-pillars__col--content { min-width: 0; padding: 24px; } @media (min-width: 992px) { .zb-offer-pillars__col--content { padding: 42px 26px 42px 42px; } } .zb-offer-pillars__bar { width: 100%; border: 0; display: grid; grid-template-columns: 1fr; gap: 16px 32px; align-items: center; text-align: left; } @media (min-width: 992px) { .zb-offer-pillars__bar { grid-template-columns: 80px 1fr; } } /* bar nie jest focusowalny – focus jest na __box */ .zb-offer-pillars__bar:focus-visible { outline: none; } .zb-offer-pillars__barIcon { display: flex; width: 56px; height: 56px; justify-content: center; align-items: center; gap: 10px; border-radius: 16px; border: 4px solid var(--Background-Main, #FFF); background: var(--Secondary-Main, #EAFBE0); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.03), 0 32px 80px 0 rgba(0, 0, 0, 0.06); } @media (min-width: 992px) { .zb-offer-pillars__barIcon { width: 80px; height: 80px; } } .zb-offer-pillars__barIcon img { width: 28px; height: 28px; -o-object-fit: contain; object-fit: contain; display: block; } @media (min-width: 992px) { .zb-offer-pillars__barIcon img { width: 40px; height: 40px; } } .zb-offer-pillars__name { display: block; color: #171B36; font-weight: 600; font-size: 26px; line-height: 120%; letter-spacing: -0.52px; } @media (min-width: 992px) { .zb-offer-pillars__name { font-size: 48px; letter-spacing: -0.02em; } } .zb-offer-pillars__subtitle { display: block; font-weight: 600; font-size: 18px; line-height: 110%; letter-spacing: -0.36px; color: #F5533D; } @media (min-width: 992px) { .zb-offer-pillars__subtitle { font-size: 20px; letter-spacing: -0.02em; } } .zb-offer-pillars__panel { margin-top: 16px; } @media (min-width: 992px) { .zb-offer-pillars__panel { margin-top: 32px; } } .zb-offer-pillars__desc li, .zb-offer-pillars__desc p { font-weight: 400; font-size: 16px; line-height: 130%; letter-spacing: 0px; color: #171B36; } @media (min-width: 992px) { .zb-offer-pillars__desc li, .zb-offer-pillars__desc p { font-size: 18px; } } .zb-offer-pillars__desc p + p { margin-top: 24px; } .zb-offer-pillars__desc ul { list-style: disc; padding-left: 20px; margin-top: 8px; } .zb-offer-pillars__desc ul li::marker { color: #F5533D; } .zb-offer-pillars__desc ul li + li { margin-top: 8px; } .zb-offer-pillars__benefitsTitle { margin-top: 24px; font-weight: 600; font-size: 16px; line-height: 130%; letter-spacing: 0px; color: #171B36; } @media (min-width: 992px) { .zb-offer-pillars__benefitsTitle { font-size: 18px; } } .zb-offer-pillars__benefits { list-style: disc; padding-left: 20px; margin-top: 8px; } .zb-offer-pillars__benefits li { font-weight: 400; font-size: 16px; line-height: 130%; letter-spacing: 0px; color: #171B36; } @media (min-width: 992px) { .zb-offer-pillars__benefits li { font-size: 18px; } } .zb-offer-pillars__benefits li::marker { color: #F5533D; } .zb-offer-pillars__benefits li + li { margin-top: 8px; } .zb-offer-pillars__cta.btn { margin-top: 24px; } .zb-offer-pillars__panelMedia { border-radius: 20px; background: #fff; padding: 27px 37px; border: 1px solid #E4E4E7; height: 100%; } @media (min-width: 992px) { .zb-offer-pillars__panelMedia { padding: 54px 40px; border-radius: 28px; } } .zb-offer-pillars__panelMedia img { width: 100%; height: auto; display: block; } .zb-offer-sub-hero { padding: 16px 0 0; position: relative; z-index: 2; } .zb-offer-sub-hero__breadcrumbs { margin-bottom: 16px; } .zb-offer-sub-hero__box { border-radius: 32px; background: #141D53; padding: 48px 24px 32px; } @media (min-width: 992px) { .zb-offer-sub-hero__box { border-radius: 32px; padding: 80px 64px 80px 80px; } } .zb-offer-sub-hero__grid { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center; } @media (min-width: 992px) { .zb-offer-sub-hero__grid { grid-template-columns: 1fr 0.64fr; gap: 58px; } } .zb-offer-sub-hero__title { color: #fff; max-width: 600px; } .zb-offer-sub-hero__title-hl { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #90EA57; padding: 2px 8px; color: var(--Text-BrightBG-Main, #171B36); } @media (min-width: 992px) { .zb-offer-sub-hero__title-hl { border-radius: 16px; padding: 2px 18px; } } .zb-offer-sub-hero__title-icon { display: inline-flex; width: 36px; height: 36px; justify-content: center; align-items: center; gap: 10px; border-radius: 80px; border: 4px solid var(--Background-Main, #FFF); background: var(--Background-Additional, #F3F3F6); /* Shadow */ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.03), 0 32px 80px 0 rgba(0, 0, 0, 0.06); } @media (min-width: 992px) { .zb-offer-sub-hero__title-icon { width: 62px; height: 62px; } } .zb-offer-sub-hero__text { margin-top: 32px; } .zb-offer-sub-hero__text p { color: var(--Text-DarkBG-Primary, #FFF); font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; /* 23.4px */ } @media (min-width: 992px) { .zb-offer-sub-hero__text p { font-size: 18px; } } .zb-offer-sub-hero__actions { margin-top: 40px; } .zb-offer-sub-hero__media img { width: 100%; height: auto; display: block; } .zb-offer-sub-intro { padding: 26px 0 10px; } .zb-offer-sub-intro .wysiwyg p:last-child { margin-bottom: 0; } .zb-offer-sub-intro__text { max-width: 900px; opacity: 0.85; } .zb-offer-sub-process { padding: 64px 0; background: #141D53; overflow: hidden; } @media (min-width: 992px) { .zb-offer-sub-process { padding: 120px 0; } } .zb-offer-sub-process__head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 80px; } .zb-offer-sub-process__title { color: #fff; } .zb-offer-sub-process__title-hl { display: inline-flex; align-items: center; justify-content: center; border-radius: 16px; background: #90EA57; padding: 2px 18px; color: var(--Text-BrightBG-Main, #171B36); } .zb-offer-sub-process__nav { display: flex; gap: 10px; flex: 0 0 auto; } @media (max-width: 991.98px) { .zb-offer-sub-process__nav--desktop { display: none; } } .zb-offer-sub-process__nav--mobile { justify-content: space-between; margin-top: 64px; } @media (min-width: 992px) { .zb-offer-sub-process__nav--mobile { display: none; } } .zb-offer-sub-process__trackWrap { position: relative; padding-top: 18px; /* miejsce na oś i kropki */ } /* kropkowana oś */ .zb-offer-sub-process__trackWrap::before { content: ""; position: absolute; left: 0; right: -20vw; top: 30px; height: 0; border-top: 2px dashed rgba(255, 255, 255, 0.28); pointer-events: none; } .zb-offer-sub-process__track { clip-path: inset(-100vw -100vw -100vw 0); } .zb-offer-sub-process__track::-webkit-scrollbar { display: none; } .zb-offer-sub-process__track .swiper-container { max-width: 100%; } .zb-offer-sub-process__card { position: relative; padding: 56px 0 0; min-height: 152px; width: 100%; } .zb-offer-sub-process__dot { position: absolute; top: 0; /* wypchnij na oś */ left: 0; } .zb-offer-sub-process__name { color: var(--Text-DarkBG-Primary, #FFF); font-size: 24px; font-weight: 600; line-height: 100%; /* 24px */ letter-spacing: -0.48px; } @media (min-width: 992px) { .zb-offer-sub-process__name { font-size: 32px; letter-spacing: -0.64px; } } .zb-offer-sub-process__desc { margin-top: 12px; color: var(--Text-DarkBG-Primary, #FFF); font-size: 15px; font-style: normal; font-weight: 400; line-height: 130%; /* 23.4px */ } @media (min-width: 992px) { .zb-offer-sub-process__desc { font-size: 18px; } } .zb-offer-sub-scope { padding: 40px 0 64px; position: relative; z-index: 1; } @media (min-width: 992px) { .zb-offer-sub-scope { padding: 120px 0; } } .zb-offer-sub-scope::before { content: ""; position: absolute; left: 0; top: -80px; bottom: 0; right: 0; background: linear-gradient(0deg, #FFF 0%, #F1F1F4 100%); z-index: -1; } @media (min-width: 992px) { .zb-offer-sub-scope::before { top: -120px; } } .zb-offer-sub-scope__title { color: #171B36; } .zb-offer-sub-scope__title-hl { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #90EA57; padding: 2px 8px; color: var(--Text-BrightBG-Main, #171B36); } @media (min-width: 992px) { .zb-offer-sub-scope__title-hl { border-radius: 16px; padding: 2px 18px; } } .zb-offer-sub-scope__description { margin-top: 24px; max-width: 1000px; } .zb-offer-sub-scope__description p { color: var(--Text-DarkBG-Primary, #54555F); font-size: 18px; font-style: normal; font-weight: 400; line-height: 110%; /* 23.4px */ } @media (min-width: 992px) { .zb-offer-sub-scope__description p { font-size: 22px; } } .zb-offer-sub-scope__subtitle { margin-top: 40px; } .zb-offer-sub-scope__subtitle * { letter-spacing: -0.64px; } .zb-offer-sub-scope__grid { margin-top: 40px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; } .zb-offer-sub-scope__card { background: #fff; border-radius: 24px; padding: 24px; } .zb-offer-sub-scope__icon { display: flex; width: 56px; height: 56px; justify-content: center; align-items: center; gap: 10px; border-radius: 16px; border: 4px solid var(--Background-Main, #FFF); background: var(--Primary-Hover, #6CD926); /* Green shadow */ box-shadow: 0 2px 8px 0 rgba(108, 217, 38, 0.1), 0 2px 24px 0 rgba(108, 217, 38, 0.24), 0 8px 32px 0 rgba(108, 217, 38, 0.25); } .zb-offer-sub-scope__name { color: var(--Text-BrightBG-Main, #171B36); font-size: 24px; font-style: normal; font-weight: 600; line-height: 110%; /* 26.4px */ letter-spacing: -0.48px; margin-top: 40px; } .zb-offer-sub-scope__bullets { margin: 12px 0 0; } .zb-offer-sub-scope__bullets li { border-radius: 120px; background: var(--Background-Additional, #F3F3F6); padding: 8px 12px 8px 30px; color: var(--Text-BrightBG-Main, #171B36); font-size: 14px; font-style: normal; font-weight: 400; line-height: 130%; /* 18.2px */ position: relative; } .zb-offer-sub-scope__bullets li::before { content: ""; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 7px; height: 7px; background-color: #F5533D; border: 3px solid #FCDBCF; border-radius: 100%; } .zb-offer-sub-scope__bullets li + li { margin-top: 12px; } @media (max-width: 900px) { .zb-offer-sub-scope__grid { grid-template-columns: 1fr; } } .zb-offer-sub-who { padding: 64px 0; background: var(--Neutrals-Main, #F9F9FB); } @media (min-width: 992px) { .zb-offer-sub-who { padding: 120px 0; } } .zb-offer-sub-who__img { position: absolute; } .zb-offer-sub-who__img--1 { left: 16px; top: 0; } @media (max-width: 991.98px) { .zb-offer-sub-who__img--1 { width: 41px; top: -25px; } } .zb-offer-sub-who__img--2 { right: 76px; top: -76px; } @media (max-width: 991.98px) { .zb-offer-sub-who__img--2 { width: 51px; right: 18px; top: -50px; } } .zb-offer-sub-who__head { display: flex; justify-content: center; align-items: center; } .zb-offer-sub-who__title { text-align: center; } .zb-offer-sub-who__title-hl { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #90EA57; padding: 2px 8px; } @media (min-width: 992px) { .zb-offer-sub-who__title-hl { border-radius: 16px; padding: 2px 18px; } } .zb-offer-sub-who__grid { margin-top: 32px; display: grid; grid-template-columns: 1fr; gap: 40px; } @media (min-width: 992px) { .zb-offer-sub-who__grid { margin-top: 50px; grid-template-columns: repeat(4, 1fr); } } .zb-offer-sub-who__item { text-align: center; display: flex; flex-direction: column; align-items: center; } @media (min-width: 992px) { .zb-offer-sub-who__item { padding: 16px 16px 0; } } .zb-offer-sub-who__icon { display: flex; width: 56px; height: 56px; justify-content: center; align-items: center; gap: 10px; border-radius: 16px; border: 4px solid var(--Background-Main, #FFF); background: var(--Primary-Hover, #6CD926); box-shadow: 0 2px 8px 0 rgba(108, 217, 38, 0.1), 0 2px 24px 0 rgba(108, 217, 38, 0.24), 0 8px 32px 0 rgba(108, 217, 38, 0.25); } .zb-offer-sub-who__text { margin-top: 24px; color: var(--Text-BrightBG-Main, #171B36); text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; /* 23.4px */ } @media (min-width: 992px) { .zb-offer-sub-who__text { font-size: 18px; } } .zb-offer-sub-why { padding: 32px 0; } @media (min-width: 992px) { .zb-offer-sub-why { padding: 120px 0; } } .zb-offer-sub-why__grid { display: grid; grid-template-columns: 1fr; gap: 48px; align-items: center; } @media (min-width: 992px) { .zb-offer-sub-why__grid { grid-template-columns: 1fr 1fr; gap: 32px; } } .zb-offer-sub-why__media img { width: 100%; height: auto; display: block; } .zb-offer-sub-why__title-hl { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #90EA57; padding: 2px 8px; } @media (min-width: 992px) { .zb-offer-sub-why__title-hl { border-radius: 16px; padding: 2px 18px; } } .zb-offer-sub-why__desc { margin-top: 40px; } .zb-offer-sub-why__desc ul { list-style: disc; padding-left: 20px; } .zb-offer-sub-why__desc li::marker { color: #F5533D; } .zb-offer-sub-why__desc li, .zb-offer-sub-why__desc p { color: var(--Text-BrightBG-Main, #171B36); font-size: 16px; font-weight: 400; line-height: 130%; /* 23.4px */ } @media (min-width: 992px) { .zb-offer-sub-why__desc li, .zb-offer-sub-why__desc p { font-size: 18px; } } .zb-offer-sub-why__desc li strong, .zb-offer-sub-why__desc p strong { font-weight: 600; } .zb-offer-sub-why__desc p + p, .zb-offer-sub-why__desc li + li { margin-top: 12px; } .zb-offer-sub-why__content .btn { margin-top: 40px; } .zb-post-related { padding: 44px 0 70px; background: rgba(0, 0, 0, 0.02); } .zb-post-related__title { margin: 0 0 16px; font-size: 28px; } .zb-post-related__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } .zb-post-related__card { background: #fff; border-radius: 18px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } .zb-post-related__thumb { position: relative; display: block; } .zb-post-related__thumb img { width: 100%; height: auto; display: block; } .zb-post-related__date { position: absolute; top: 10px; left: 10px; font-size: 12px; padding: 6px 10px; border-radius: 999px; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(6px); } .zb-post-related__body { padding: 12px 14px 16px; min-height: 110px; position: relative; } .zb-post-related__cat { font-size: 12px; opacity: 0.75; margin-bottom: 6px; } .zb-post-related__name a { color: inherit; text-decoration: none; } .zb-post-related__arrow { margin-top: 10px; width: 38px; height: 38px; border-radius: 999px; display: grid; place-items: center; background: #ff5a3d; color: #fff; text-decoration: none; box-shadow: 0 12px 30px rgba(255, 90, 61, 0.35); } @media (max-width: 900px) { .zb-post-related__grid { grid-template-columns: 1fr; } } .zb-post-hero { padding: 22px 0 16px; } .zb-post-hero__breadcrumbs { font-size: 13px; opacity: 0.75; margin-bottom: 14px; display: inline-flex; padding: 8px 12px; border-radius: 14px; background: rgba(0, 0, 0, 0.04); } .zb-post-hero__back { display: inline-block; text-decoration: none; font-weight: 700; opacity: 0.8; margin: 10px 0 14px; color: inherit; } .zb-post-hero__title { text-align: center; max-width: 980px; margin: 0 auto 18px; font-size: clamp(28px, 3vw, 44px); line-height: 1.1; } .zb-post-hero__thumb { position: relative; border-radius: 18px; overflow: hidden; max-width: 860px; margin: 0 auto; box-shadow: 0 14px 44px rgba(0, 0, 0, 0.1); } .zb-post-hero__thumb img { width: 100%; height: auto; display: block; } .zb-post-hero__date { position: absolute; top: 12px; left: 12px; font-size: 12px; padding: 6px 10px; border-radius: 999px; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(6px); } .zb-post-content { padding: 26px 0 60px; } .zb-post-content__container { max-width: 980px; } /* Prosty styl treści Gutenberga */ .zb-prose { max-width: 760px; margin: 0 auto; } .zb-prose p { opacity: 0.85; line-height: 1.7; } .zb-prose h2, .zb-prose h3, .zb-prose h4 { margin-top: 28px; margin-bottom: 10px; } .zb-prose ul, .zb-prose ol { padding-left: 20px; opacity: 0.85; } .zb-prose figure { margin: 18px 0; } .zb-prose img { border-radius: 16px; } .zb-prose a { color: inherit; text-decoration: underline; } .zb-process { padding: 120px 0 0; } .zb-process__title { margin-bottom: 18px; } .zb-process__title .badge { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #90EA57; padding: 2px 8px; } @media (min-width: 992px) { .zb-process__title .badge { border-radius: 16px; padding: 2px 18px; } } .zb-process__text { margin-bottom: 40px; } .zb-process__text p { color: var(--Text-BrightBG-Additional, #54555F); font-size: 22px; font-style: normal; font-weight: 400; line-height: 110%; /* 24.2px */ } .zb-process__text-2 { margin-bottom: 40px; } .zb-process__text-2 p { color: var(--Text-BrightBG-Additional, #54555F); font-size: 18px; font-style: normal; font-weight: 400; line-height: 130%; /* 23.4px */ } .zb-process__grid { display: grid; grid-template-columns: 1.06fr 1.2fr; gap: 80px; align-items: start; } .zb-process__steps { display: grid; gap: 10px; } .zb-process__step { width: 100%; text-align: left; border: 0; background-color: transparent; padding-bottom: 40px; border-bottom: 1px solid var(--Border-Main, #C9CACF); margin-bottom: 40px; display: grid; grid-template-columns: 96px 1fr; gap: 24px; cursor: pointer; } .zb-process__step.is-active { border-bottom: 1px solid #90EA57; } .zb-process__step.is-active .zb-process__nr { border-radius: 16px; background: #90EA57; display: flex; align-items: center; justify-content: center; height: 100%; } .zb-process__step.is-active .zb-process__desc { display: block; } .zb-process__nr { width: 96px; color: var(--Text-BrightBG-Main, #171B36); font-size: 48px; font-style: normal; font-weight: 600; line-height: 120%; /* 57.6px */ letter-spacing: -0.96px; padding: 2px 18px; } .zb-process__label { display: flex; justify-content: center; flex-direction: column; } .zb-process__name { color: var(--Text-BrightBG-Main, #171B36); font-size: 32px; font-weight: 600; line-height: 100%; /* 32px */ letter-spacing: -0.64px; } .zb-process__desc { display: none; margin-top: 8px; } .zb-process__desc p { color: var(--Text-BrightBG-Additional, #54555F); font-size: 18px; font-style: normal; font-weight: 400; line-height: 130%; /* 23.4px */ } @media (max-width: 991px) { .zb-process__grid { grid-template-columns: 1fr; } } @media (max-width: 991px) { .zb-process { padding: 64px 0 0; } .zb-process__title { margin-bottom: 24px; } .zb-process__text { margin-bottom: 24px; } .zb-process__text p { font-size: 18px; } .zb-process__text-2 { margin-bottom: 24px; } .zb-process__text-2 p { font-size: 16px; } .zb-process__grid { gap: 40px; } .zb-process__steps { counter-reset: processStep; display: grid; gap: 40px; } .zb-process__step { counter-increment: processStep; border: 0; background: transparent; padding: 0 8px; margin: 0; width: 100%; text-align: left; cursor: pointer; grid-template-columns: 1fr; } .zb-process__step.is-active { border: 0; } .zb-process__step.is-active .zb-process__nr { display: none; } .zb-process__nr { display: none; } .zb-process__label { position: relative; display: block; } .zb-process__name { position: relative; z-index: 1; background: #F3F4F7; display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 16px; font-size: 24px; line-height: 100%; /* 24px */ letter-spacing: -0.48px; } .zb-process__name::before { content: counter(processStep, decimal-leading-zero); font-size: 26px; font-weight: 600; line-height: 120%; letter-spacing: -0.52px; min-width: 40px; } .zb-process__name::after { content: ""; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; background-repeat: no-repeat; background-position: center; background-size: 22px 22px; transition: transform 0.2s ease; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.5 7.125L9 11.625L13.5 7.125' stroke='%23171B36' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .zb-process__desc { position: relative; z-index: 1; display: none; margin: 24px 0 0; padding: 0 16px; } .zb-process__desc p { margin: 0; font-size: 16px; line-height: 130%; } .zb-process__step.is-active .zb-process__name { background: #90EA57; } .zb-process__step.is-active .zb-process__desc { display: block; } .zb-process__step.is-active .zb-process__name::after { transform: translateY(-50%) rotate(180deg); } .zb-process__nr { display: none; } } .rsi-contact { padding: 24px 0 60px; } @media (min-width: 992px) { .rsi-contact { padding: 16px 0 80px; } } .rsi-contact__breadcrumbs { margin-bottom: 24px; } @media (min-width: 992px) { .rsi-contact__breadcrumbs { margin-bottom: 40px; } } .rsi-contact__badge { display: inline-block; background: #90EA57; padding: 2px 8px; border-radius: 8px; color: #0b0b0f; font-weight: 600; font-size: 26px; line-height: 110%; } @media (min-width: 768px) { .rsi-contact__badge { font-size: 56px; border-radius: 16px; padding: 2px 18px; } } .rsi-contact__heading { font-weight: 600; font-size: 26px; line-height: 110%; color: #171B36; margin-bottom: 24px; } @media (min-width: 992px) { .rsi-contact__heading { font-size: 56px; } } .rsi-contact__heading h2 { font-weight: 600; font-size: 26px; line-height: 110%; } @media (min-width: 768px) { .rsi-contact__heading h2 { font-size: 56px; } } .rsi-contact__heading strong { color: #0b0b0f; } .rsi-contact__company { font-weight: 600; font-size: 20px; color: #171B36; line-height: 110%; margin-bottom: 16px; } @media (min-width: 992px) { .rsi-contact__company.desktop { display: block; } .rsi-contact__company.mobile { display: none; } } @media (max-width: 991px) { .rsi-contact__company.desktop { display: none; } .rsi-contact__company.mobile { margin-top: 24px; display: block; } } .rsi-contact__list { margin-top: 16px; } @media (min-width: 992px) { .rsi-contact__list.desktop { display: block; } .rsi-contact__list.mobile { display: none; } } @media (max-width: 991px) { .rsi-contact__list.desktop { display: none; } .rsi-contact__list.mobile { display: block; } } .rsi-contact__item { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; color: #171B36; font-weight: 400; font-size: 18px; line-height: 130%; } .rsi-contact__item a { text-decoration: none; color: inherit; } .rsi-contact__item a:hover { text-decoration: underline; } .rsi-contact__icon { display: inline-flex; align-items: center; justify-content: center; } .rsi-contact__icon svg { display: block; } .rsi-contact__form { background: #F9F9FB; padding: 24px; border-radius: 40px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08); border: 1px solid #C9CACF; } .rsi-contact__form p { margin: 0; } .rsi-contact__form .wpcf7-form { margin: 0; } .rsi-contact__grid { display: grid; gap: 12px; } @media (min-width: 768px) { .rsi-contact__grid { grid-template-columns: 1fr 1fr; gap: 12px 14px; } } .rsi-contact__field { display: block; } .rsi-contact__field--full { grid-column: 1/-1; } @media (min-width: 768px) { .rsi-contact__field--half { grid-column: span 1; } } .rsi-contact__field .wpcf7-form-control-wrap { display: block; } .rsi-contact .rsi-fl { position: relative; display: block; } .rsi-contact .rsi-fl input:not([type=submit]), .rsi-contact .rsi-fl textarea { width: 100%; border: 1px solid #d9dde6; background: #f7f8fb; color: #111827; outline: none; padding: 18px 18px 16px; border-radius: 999px; line-height: 1.2; font-size: 14px; } .rsi-contact .rsi-fl input:not([type=submit])::-moz-placeholder, .rsi-contact .rsi-fl textarea::-moz-placeholder { color: transparent; opacity: 1; } .rsi-contact .rsi-fl input:not([type=submit])::placeholder, .rsi-contact .rsi-fl textarea::placeholder { color: transparent; opacity: 1; } .rsi-contact .rsi-fl input:not([type=submit]):focus, .rsi-contact .rsi-fl textarea:focus { background: #ffffff; border-color: #c9ceda; box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08); } .rsi-contact .rsi-fl input:not([type=submit]).wpcf7-not-valid, .rsi-contact .rsi-fl textarea.wpcf7-not-valid { border-color: #f5b4b4; box-shadow: 0 10px 26px rgba(255, 0, 0, 0.06); } .rsi-contact .rsi-fl--textarea textarea { border-radius: 18px; min-height: 100px; resize: vertical; padding-top: 22px; max-height: 200px; height: 128px; } .rsi-contact .rsi-fl__label { position: absolute; left: 18px; top: 18px; font-size: 14px; color: #6b7280; pointer-events: none; transition: 0.18s ease; } .rsi-contact .rsi-fl--textarea .rsi-fl__label { top: 22px; } .rsi-contact .rsi-fl:focus-within .rsi-fl__label, .rsi-contact .rsi-fl.has-value .rsi-fl__label { top: 0; font-size: 11px; color: #4b5563; } .rsi-contact .rsi-cf7-note__left { display: flex; align-items: center; gap: 6px; } .rsi-contact .wpcf7-not-valid-tip { display: block; margin-top: 6px; padding-left: 18px; font-size: 12px; color: #e11d48; line-height: 1.2; } .rsi-contact__bottom { grid-column: 1/-1; display: flex; gap: 14px; align-items: center; justify-content: space-between; margin-top: 6px; } @media (max-width: 767px) { .rsi-contact__bottom { flex-direction: column; align-items: flex-start; gap: 12px; } } .rsi-contact__bottom p { margin: 0; } .rsi-contact__accept { flex: 1; max-width: 400px; } .rsi-contact__accept .wpcf7-acceptance { margin: 0; display: block; } .rsi-contact__accept .wpcf7-list-item { margin: 0; display: block; } .rsi-contact__accept label { display: flex; gap: 10px; align-items: flex-start; font-size: 12px; color: #54555F; line-height: 1.35; cursor: pointer; } .rsi-contact__accept input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 22px; height: 22px; border: 2px solid #C9CACF; border-radius: 8px; background: #fff; margin-top: 2px; flex: 0 0 auto; position: relative; cursor: pointer; transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; } .rsi-contact__accept input[type=checkbox]:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(255, 74, 61, 0.18); } .rsi-contact__accept input[type=checkbox]:checked { border-color: #ff4a3d; background: #ff4a3d; } .rsi-contact__accept input[type=checkbox]:checked::after { content: ""; position: absolute; left: 6px; top: 2px; width: 4px; height: 9px; border: solid #fff; border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); } .rsi-contact__accept a { color: #ff4a3d; text-decoration: none; } .rsi-contact__accept a:hover { text-decoration: underline; } .rsi-contact__accept .wpcf7-list-item-label { display: block; } .rsi-contact__accept .rsi-accept__toggle { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background: transparent; padding: 0; margin-left: 6px; color: #ff4a3d; cursor: pointer; font: inherit; text-decoration: none; } .rsi-contact__accept .rsi-accept__toggle:hover { text-decoration: underline; } .rsi-contact__accept .rsi-accept__more { display: block; max-height: 0; overflow: hidden; transition: max-height 0.25s ease; margin-top: 0; } .rsi-contact__accept.is-open .rsi-accept__more { max-height: 340px; margin-top: 6px; } .rsi-contact__submit, .rsi-contact .rsi-contact__form input[type=submit] { border: 0; border-radius: 999px; padding: 16px 32px; background: #ff4a3d; color: #fff; cursor: pointer; box-shadow: 0 14px 30px rgba(255, 74, 61, 0.28); white-space: nowrap; font-weight: 500; font-size: 14px; line-height: 110%; transition: all 0.3s ease-in-out; } @media (max-width: 767px) { .rsi-contact__submit, .rsi-contact .rsi-contact__form input[type=submit] { width: 100%; align-self: flex-end; } } .rsi-contact__submit:hover, .rsi-contact .rsi-contact__form input[type=submit]:hover { background: #5FCC19; } .rsi-contact { /* ========================= RESPONSE BAR ========================== */ } .rsi-contact .wpcf7-response-output { display: none; } .rsi-contact .wpcf7 form.invalid .wpcf7-response-output, .rsi-contact .wpcf7 form.failed .wpcf7-response-output, .rsi-contact .wpcf7 form.sent .wpcf7-response-output, .rsi-contact .wpcf7 form.spam .wpcf7-response-output { display: flex; align-items: center; gap: 12px; margin-top: 14px; padding: 14px; border-radius: 14px; border: 1px solid transparent; font-size: 14px; } .rsi-contact .wpcf7 form.invalid .wpcf7-response-output, .rsi-contact .wpcf7 form.failed .wpcf7-response-output { background: #fde2e6; border-color: #f5b4b4; color: #7f1d1d; } .rsi-contact .wpcf7 form.spam .wpcf7-response-output { background: #fdebd3; border-color: #f4c38b; color: #7c2d12; } .rsi-contact .wpcf7 form.sent .wpcf7-response-output { background: #dcf3dc; border-color: #a7e0a7; color: #14532d; } .rsi-contact .wpcf7-spinner { position: absolute; right: 44px; bottom: 0px; } .zb-services { --zb-text: #0b0f1f; --zb-muted: rgba(11, 15, 31, 0.62); --zb-line: rgba(11, 15, 31, 0.10); --zb-green: #9bf06b; --zb-red: #ff5a3c; padding: 64px 0; background: linear-gradient(0deg, #FFF 0%, #F1F1F4 100%), #FFF; } @media (min-width: 992px) { .zb-services { padding: 120px 0; } } .zb-services__head { text-align: center; max-width: 1100px; margin: 0 auto 40px; } .zb-services__h2 { margin: 0 0 40px 0; display: flex; flex-wrap: wrap; } @media (min-width: 992px) { .zb-services__h2 { display: block; margin: 0 0 16px 0; } } .zb-services__pill { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #90EA57; padding: 2px 8px; } @media (min-width: 992px) { .zb-services__pill { border-radius: 16px; padding: 2px 18px; } } .zb-services__titleIcon { border-radius: 16px; border: 4px solid var(--Background-Main, #FFF); background: var(--Background-Additional, #F3F3F6); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.03), 0 32px 80px 0 rgba(0, 0, 0, 0.06); display: inline-flex; width: 36px; height: 36px; justify-content: center; align-items: center; margin: 0 4px; } @media (min-width: 992px) { .zb-services__titleIcon { width: 62px; height: 62px; } } .zb-services__titleIcon img { width: 40px; height: 40px; } @media (min-width: 992px) { .zb-services__titleIcon img { width: 40px; height: 40px; } } .zb-services__lead { color: var(--Text-BrightBG-Additional, #54555F); font-size: 18px; font-style: normal; font-weight: 400; line-height: 110%; /* 24.2px */ } @media (min-width: 992px) { .zb-services__lead { font-size: 22px; } } .zb-services__frame { border-radius: 32px; border: 1px solid var(--Border-Main, #C9CACF); background: var(--Neutrals-Main, #F9F9FB); padding: 12px; /* Shadow */ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.03), 0 32px 80px 0 rgba(0, 0, 0, 0.06); } .zb-services__grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 10px; } @media (min-width: 1200px) { .zb-services__grid { gap: 4px; } } .zb-services__card { border-radius: 28px; background: #fff; overflow: hidden; } @media (min-width: 1200px) { .zb-services__card.is-big { grid-column: 1/2; grid-row: 1/3; min-height: 746px; } } @media (min-width: 1200px) { .zb-services__card.is-small { min-height: 370px; } } .zb-services__cardInner { position: relative; height: 100%; padding: 24px 24px 4px; } @media (min-width: 992px) { .zb-services__cardInner { padding: 36px; } } .zb-services__cardTop { display: grid; grid-template-columns: 56px 1fr; align-items: center; gap: 0 16px; margin-bottom: 24px; } @media (min-width: 992px) { .zb-services__cardTop { grid-template-columns: 1fr; margin-bottom: 40px; } } .zb-services__badge { display: flex; width: 56px; height: 56px; justify-content: center; align-items: center; gap: 10px; border-radius: 16px; border: 4px solid var(--Background-Main, #FFF); background: var(--Secondary-Main, #EAFBE0); /* Shadow */ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.01), 0 2px 24px 0 rgba(0, 0, 0, 0.03), 0 32px 80px 0 rgba(0, 0, 0, 0.06); } .zb-services__badge .zb-services__badgeImg { width: 32px; height: 32px; -o-object-fit: contain; object-fit: contain; display: block; } .zb-services__badgeTxt { font-weight: 800; font-size: 12px; color: #2a3a0f; } .zb-services__text { max-width: 320px; } .zb-services__cardTitle { color: var(--Text-BrightBG-Main, #171B36); font-size: 24px; font-weight: 600; line-height: 100%; /* 24px */ letter-spacing: -0.48px; } @media (min-width: 992px) { .zb-services__cardTitle { font-size: 32px; letter-spacing: -0.64px; } } .zb-services__cardDesc { margin-top: 8px; } .zb-services__cardDesc p { color: var(--Text-BrightBG-Additional, #54555F); font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; /* 23.4px */ } @media (min-width: 992px) { .zb-services__cardDesc p { font-size: 18px; } } .zb-services__arrow { margin-top: 24px; } .zb-services__media { margin: 24px -20px 0; display: flex; justify-content: center; } @media (min-width: 1200px) { .zb-services__media { position: absolute; right: 46px; bottom: 30px; width: min(70%, 436px); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; margin: 0; } } @media (min-width: 1200px) { .zb-services__card.is-small .zb-services__media { width: min(54%, 300px); right: 12px; bottom: 27px; } } .zb-services__img { width: 100%; height: auto; display: block; } @media (max-width: 991px) { .zb-services__grid { grid-template-columns: 1fr; grid-template-rows: auto; } .zb-services__text { max-width: none; } } /* ========================================================= 404 – RSI style (wycentrowane, bez wyszukiwarki/bloga) ========================================================= */ .rsi-404 { background: #fff; } .rsi-404__hero { position: relative; padding: 40px 0 90px; min-height: calc(100vh - 140px); /* header+footer buffer */ display: flex; align-items: flex-start; } @media (min-width: 992px) { .rsi-404__hero { padding: 120px 0 140px; min-height: calc(100vh - 180px); } } .rsi-404__hero { /* pełne tło + miękki fade w dół */ } .rsi-404__hero::before { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(180deg, #F2F3F6 0%, #F2F3F6 55%, rgba(242, 243, 246, 0) 100%); pointer-events: none; } .rsi-404__hero .container { position: relative; z-index: 1; width: 100%; } /* breadcrumbs przy górze, po lewej */ .rsi-404__pill { display: inline-flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(6px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); font-size: 14px; color: #54555F; margin: 0; width: -moz-max-content; width: max-content; } .rsi-404__pill a { color: inherit; text-decoration: none; } .rsi-404__pill a:hover { color: #F5533D; } .rsi-404__pill span { opacity: 0.6; } .rsi-404__pill-current { color: #171B36; font-weight: 500; opacity: 1 !important; } /* content wycentrowany w osi poziomej i wizualnie na środku strony */ .rsi-404__content { margin: 70px auto 0; text-align: center; max-width: 860px; } @media (min-width: 992px) { .rsi-404__content { margin-top: 110px; } } .rsi-404__content--center { display: flex; flex-direction: column; align-items: center; } .rsi-404__code { font-weight: 700; font-size: 56px; line-height: 1; color: #171B36; letter-spacing: -0.02em; } @media (min-width: 768px) { .rsi-404__code { font-size: 72px; } } @media (min-width: 992px) { .rsi-404__code { font-size: 88px; } } .rsi-404__title { margin: 12px 0 0; font-weight: 600; color: #171B36; line-height: 110%; font-size: 28px; max-width: 28ch; } @media (min-width: 768px) { .rsi-404__title { font-size: 36px; } } @media (min-width: 992px) { .rsi-404__title { font-size: 44px; } } .rsi-404__text { margin-top: 14px; color: #54555F; font-size: 16px; line-height: 150%; max-width: 60ch; } @media (min-width: 992px) { .rsi-404__text { font-size: 18px; } } .rsi-404__actions { margin-top: 22px; display: flex; justify-content: center; width: 100%; } .rsi-404__actions--center { width: 100%; } /* WAŻNE: tu wraca wygląd buttona (u Ciebie teraz wygląda jak zwykły link) */ .rsi-404__btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 18px; border-radius: 16px; text-decoration: none; font-weight: 600; font-size: 16px; line-height: 1; min-height: 48px; transition: all 0.22s ease; } .rsi-404__btn-ic { display: inline-flex; align-items: center; justify-content: center; } .rsi-404__btn--primary { background: #F5533D; color: #fff; box-shadow: 0px 8px 32px 0px rgba(245, 83, 61, 0.25); } .rsi-404__btn--primary:hover { background: #5FCC19; box-shadow: 0px 8px 32px 0px rgba(95, 204, 25, 0.25); } .rsi-blog-archive { padding: 120px 0 56px; } @media (min-width: 992px) { .rsi-blog-archive { padding: 120px 0; } } .rsi-blog-archive__featured { margin-bottom: 26px; } @media (min-width: 992px) { .rsi-blog-archive__featured { margin-bottom: 40px; } } .rsi-blog-archive__grid { display: grid; grid-template-columns: 1fr; gap: 22px; } @media (min-width: 768px) { .rsi-blog-archive__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; } } @media (min-width: 992px) { .rsi-blog-archive__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; } } .rsi-blog-card { --radius: 22px; position: relative; } .rsi-blog-card__media { position: relative; display: block; overflow: hidden; border-radius: var(--radius); background: #eee; } .rsi-blog-card__media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 16/10; transform: scale(1); max-height: 300px; transition: transform 420ms ease; } .rsi-blog-card__date { position: absolute; top: 12px; left: 12px; padding: 6px 10px; border-radius: 40px; font-size: 12px; line-height: 1; background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(6px); color: #171B36; } .rsi-blog-card__body { padding: 14px 0 0; position: relative; min-height: 96px; } .rsi-blog-card__cat { display: inline-flex; padding: 4px 10px; border-radius: 40px; font-size: 12px; background: #FFFFFF; margin-bottom: 10px; margin-left: -7px; } .rsi-blog-card__title { font-size: 20px; line-height: 110%; margin: 0; } .rsi-blog-card__title a { color: inherit; text-decoration: none; } .rsi-blog-card__excerpt { margin-top: 24px; color: #54555F; font-size: 16px; line-height: 130%; max-width: 59ch; } @media (max-width: 767px) { .rsi-blog-card__excerpt { display: none; } } .rsi-blog-card__cta { margin-top: 24px; display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 40px; border-radius: 999px; background: #F5533D; color: #fff; text-decoration: none; transition: all 220ms ease; box-shadow: 0px 8px 32px 0px rgba(245, 83, 61, 0.2509803922); } .rsi-blog-card__cta:hover { background: #5FCC19; } .rsi-blog-card__cta-ic { font-size: 18px; line-height: 1; transform: translateX(1px); } .rsi-blog-card:hover .rsi-blog-card__media img { transform: scale(1.05); } .rsi-blog-card--featured { display: grid; grid-template-columns: 1fr; gap: 18px; } @media (min-width: 992px) { .rsi-blog-card--featured { grid-template-columns: 1.1fr 1fr; gap: 28px; align-items: center; } } .rsi-blog-card--featured .rsi-blog-card__media img { aspect-ratio: 16/9; } @media (min-width: 992px) { .rsi-blog-card--featured .rsi-blog-card__media img { aspect-ratio: 16/10; } } .rsi-blog-card--featured .rsi-blog-card__title { font-weight: 600; font-size: 18px; line-height: 100%; } @media (min-width: 992px) { .rsi-blog-card--featured .rsi-blog-card__title { font-size: 32px; } } .rsi-blog-pagination { margin-top: 64px; display: flex; justify-content: center; } @media (min-width: 768px) { .rsi-blog-pagination { margin-top: 80px; } } .rsi-blog-pagination__list { display: flex; align-items: center; gap: 10px; list-style: none; padding: 0; margin: 0; } .rsi-blog-pagination a, .rsi-blog-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 48px; height: 48px; border-radius: 16px; text-decoration: none; font-size: 16px; transition: all 0.3s ease-in-out; } .rsi-blog-pagination a { background: transparent; color: inherit; } .rsi-blog-pagination .current { background: #F5533D; color: #fff; } .rsi-blog-pagination .dots { opacity: 0.55; } .rsi-blog-pagination:hover .page-numbers:not(.current) { color: #F5533D; } /* ========================================================= SINGLE – układ jak na screenie ========================================================= */ .zb-post-hero { position: relative; padding: 28px 0 0; } @media (min-width: 992px) { .zb-post-hero { padding: 120px 0 0; } } .zb-post-hero::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 78%; background: #F2F3F6; z-index: 0; } @media (min-width: 992px) { .zb-post-hero::before { height: 64%; } } .zb-post-hero .container { position: relative; z-index: 1; } .zb-post-hero__crumb-current { color: #171B36; font-weight: 500; opacity: 1 !important; } .zb-post-hero__back { margin-top: 80px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; color: #171B36; text-decoration: none; font-weight: 500; } .zb-post-hero__back:hover { color: #5FCC19; } .zb-post-hero__title { margin: 0 auto 0; text-align: center; font-weight: 600; color: #171B36; line-height: 110%; font-size: 26px; } @media (min-width: 768px) { .zb-post-hero__title { font-size: 36px; } } @media (min-width: 992px) { .zb-post-hero__title { font-size: 48px; max-width: 70%; } } .zb-post-hero__thumb { margin: 40px auto 0; position: relative; overflow: hidden; border-radius: 24px; max-width: 840px; max-height: 180px; } @media (min-width: 992px) { .zb-post-hero__thumb { max-height: 400px; } } .zb-post-hero__thumb img { width: 100%; height: auto; display: block; } .zb-post-hero__date { position: absolute; left: 50%; top: 14px; transform: translateX(-50%); padding: 6px 10px; border-radius: 40px; font-size: 12px; line-height: 1; background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(6px); color: #171B36; width: -moz-max-content; width: max-content; z-index: 2; } .zb-post-content { padding: 80px 0 64px; } @media (min-width: 992px) { .zb-post-content { padding: 80px 0; } } .zb-post-content__container { max-width: 920px; } .zb-prose { color: #54555F; font-size: 16px; line-height: 160%; } @media (min-width: 992px) { .zb-prose { font-size: 18px; } } .zb-prose h2, .zb-prose h3 { color: #171B36; line-height: 120%; margin: 28px 0 12px; } .zb-prose h2 { font-size: 24px; line-height: 110%; } @media (min-width: 768px) { .zb-prose h2 { font-size: 32px; } } .zb-prose h3 { font-size: 18px; line-height: 110%; } @media (min-width: 768px) { .zb-prose h3 { font-size: 20px; } } .zb-prose p { margin: 0 0 16px; } .zb-prose a { color: #F5533D; text-decoration: underline; } .zb-prose a:hover { color: #5FCC19; } .zb-prose ul { padding-left: 20px; } .zb-prose ul li { list-style: disc; color: #54555F; } .zb-prose ul li::marker { color: #F5533D; } .zb-prose img { max-width: 100%; height: auto; border-radius: 18px; } .zb-prose figure { margin: 22px 0; } .zb-prose .wp-block-embed iframe { max-width: 100%; width: 100%; border-radius: 30px; } .rsi-blog-related { padding: 80px 0; background: linear-gradient(360deg, #FFFFFF 0%, #F1F1F4 100%); } .rsi-blog-related__title { font-weight: 600; font-size: 26px; line-height: 120%; margin-bottom: 40px; color: #171B36; } @media (min-width: 768px) { .rsi-blog-related__title { font-size: 48px; } } .blank-container-content { padding: 120px 0 120px; } .blank-container-content h1 { margin-bottom: 60px; } .blank-container-content h2, .blank-container-content h3 { color: #171B36; line-height: 120%; margin: 28px 0 12px; } .blank-container-content h2 { font-size: 24px; line-height: 110%; } @media (min-width: 768px) { .blank-container-content h2 { font-size: 32px; } } .blank-container-content h3 { font-size: 18px; line-height: 110%; } @media (min-width: 768px) { .blank-container-content h3 { font-size: 20px; } } .blank-container-content p { margin: 0 0 16px; } .blank-container-content a { color: #F5533D; text-decoration: underline; } .blank-container-content a:hover { color: #5FCC19; } .blank-container-content ol li { list-style: decimal; } .blank-container-content ol, .blank-container-content ul { padding-left: 30px; } .blank-container-content ol li:not(:last-child), .blank-container-content ul li:not(:last-child) { margin-bottom: 16px; } .blank-container-content ul { padding-left: 20px; } .blank-container-content ul li { list-style: disc; color: #54555F; } .blank-container-content ul li::marker { color: #F5533D; } .blank-container-content img { max-width: 100%; height: auto; border-radius: 18px; } .blank-container-content figure { margin: 22px 0; } .blank-container-content .wp-block-embed iframe { max-width: 100%; width: 100%; border-radius: 30px; } /* purgecss start ignore */ /** * Swiper 11.2.10 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 28, 2025 */ @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Slide styles end */ .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* purgecss end ignore */ .js [data-aos]:not(.aos-animate) { opacity: 0; transform: translateY(16px); transition: opacity 0.6s ease, transform 0.6s ease; } @media (prefers-reduced-motion: reduce) { .js [data-aos] { transition: none; transform: none !important; } }