[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)}* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -moz-tap-highlight-color: rgba(0, 0, 0, 0) !important; -o-tap-highlight-color: rgba(0, 0, 0, 0) !important; tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { margin: 0; padding: 0; overflow-x: hidden; } input, select, button, textarea { margin: 0; border: 0; padding: 0; display: block; vertical-align: middle; white-space: normal; background: none; line-height: 1; /* Browsers have different default form fonts */ } button:focus { outline: 0; } /* Remove the stupid outer glow in Webkit */ input:focus { outline: 0; } /* Box Sizing Reset -----------------------------------------------*/ /* All of our custom controls should be what we expect them to be */ input, textarea { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* These elements are usually rendered a certain way by the browser */ button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Text Inputs -----------------------------------------------*/ /* Button Controls -----------------------------------------------*/ input[type=checkbox], input[type=radio] { width: auto; height: auto; } /* File Uploads -----------------------------------------------*/ /* Search Input -----------------------------------------------*/ /* Make webkit render the search input like a normal text field */ input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; } /* Turn off the recent search for webkit. It adds about 15px padding on the left */ ::-webkit-search-decoration { display: none; } /* Buttons -----------------------------------------------*/ button, input[type="reset"], input[type="button"], input[type="submit"] { /* Fix IE7 display bug */ overflow: visible; width: auto; } /* IE8 and FF freak out if this rule is within another selector */ ::-webkit-file-upload-button { padding: 0; border: 0; background: none; } /* Textarea -----------------------------------------------*/ textarea { /* Move the label to the top */ vertical-align: top; /* Turn off scroll bars in IE unless needed */ overflow: auto; } /* Selects -----------------------------------------------*/ select[multiple] { /* Move the label to the top */ vertical-align: top; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-stretch: normal; font-style: normal; letter-spacing: normal; font-size: inherit; } p, a { font-stretch: normal; font-style: normal; letter-spacing: normal; text-decoration: none; font-size: inherit; } .clearfix { position: relative; } .clearfix:after { content: ''; display: table; clear: both; } .modal-mask { position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); display: table; transition: opacity 0.2s ease; } .modal-wrapper { display: table-cell; vertical-align: middle; } .modal-container { min-height: 400px; max-width: 400px; margin: 0px auto; padding: 0 15px; border-radius: 2px; transition: all 0.2s ease; position: relative; } .modal-body { margin: 20px 0; } iframe { height: 400px; width: 100%; } .modalClose { position: absolute; top: -41px; right: 15px; width: 150px; z-index: 999; } .modalClose .btn.btnTransparent { color: #fff; background: #4d6cd9; padding: 8px 15px; } .modalClose svg { fill: #fff; width: 18px; height: 18px; } .close-modal-wrapper { position: absolute; background: transparent; top: 0; left: 0; right: 0; width: 100%; height: 100%; } .modal-request .modal-container { background: #fff; border-radius: 10px; box-shadow: 0 50px 90px 0 rgba(77, 108, 217, 0.12); padding: 24px; min-height: 250px; width: 250px; display: flex; flex-direction: column; justify-content: center; } .modal-request .modal-body { margin: 0px 0; } .modal-request .btn { color: #fff; background: #4d6cd9; padding: 12px 15px; margin: 30px auto 0; } /* * The following styles are auto-applied to elements with * transition="modal" when their visibility is toggled * by Vue.js. * * You can easily play with the modal transition by editing * these styles. */ .modal-enter { opacity: 0; } .modal-leave-active { opacity: 0; } .modal-enter .modal-container, .modal-leave-active .modal-container { -webkit-transform: scale(1.1); transform: scale(1.1); } @media screen and (max-height: 500px) { .modal-container { min-height: auto; height: calc(100% - 60px); overflow-y: scroll; } .modalClose { top: 0; } iframe { height: 90vh; margin-top: 40px; } } body { font-family: 'Rubik', sans-serif; font-weight: 400; max-width: 1500px; margin: 0 auto; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; font-size: 16px; line-height: 24px; background: #FAFAFA; } body.overflowHidden { overflow: hidden; } h1, h2 { font-weight: 600; font-family: 'ClashDisplay-Semibold'; } h2 { font-size: 3.125em; } h3, h4, h5, h6 { font-weight: 500; font-family: 'Rubik', sans-serif; margin: 0; padding: 0; } p { font-family: 'Rubik', sans-serif; font-weight: 400; } a { color: #4d6cd9; } b { font-weight: 500; font-family: 'Rubik', sans-serif; } .displayBlock { display: block; } @font-face { font-family: 'ClashDisplay-Semibold'; src: url("/static/fonts/ClashDisplay/ClashDisplay-Semibold.woff2") format("woff2"), url("/static/fonts/ClashDisplay/ClashDisplay-Semibold.woff") format("woff"), url("/static/fonts/ClashDisplay/ClashDisplay-Semibold.ttf") format("truetype"); font-weight: 600; font-display: swap; font-style: normal; } @media screen and (min-width: 1501px) { body { -webkit-box-shadow: 0 50px 90px 0 rgba(77, 108, 217, 0.16); -moz-box-shadow: 0 50px 90px 0 rgba(77, 108, 217, 0.16); -o-box-shadow: 0 50px 90px 0 rgba(77, 108, 217, 0.16); box-shadow: 0 50px 90px 0 rgba(77, 108, 217, 0.16); } } .btn { cursor: pointer; padding: 14px 28px 14px 28px; text-align: center; background: #4d6cd9; border: 2px solid transparent; margin: 0; font-weight: 500; font-family: 'Rubik', sans-serif; color: #ffffff; border-radius: 10px; transition: all .25s ease-in; text-transform: uppercase; cursor: pointer; font-size: .9em; position: relative; line-height: 1em; display: inline-block; } .btn.submitBtn { margin: 50px auto 0; display: inherit; } .btn.btnArrow { width: auto; padding: 14px 36px 14px 20px; } .btn.btnArrow span { display: flex; align-items: center; } .btn.btnArrow span:before { content: ''; position: absolute; width: 12px; height: 2px; background: #ffffff; top: 19px; right: 15px; } .btn.btnArrow span:after { content: ''; position: absolute; border: solid #ffffff; border-width: 0 2px 2px 0; display: block; padding: 3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 16px; right: 15px; } .btn.btnTransparent { background: transparent; border: 2px solid transparent; color: #4d6cd9; } .btn.btnTransparent.btnArrow span:before { background: #4d6cd9; } .btn.btnTransparent.btnArrow span:after { border: solid #4d6cd9; border-width: 0 2px 2px 0; display: block; } .btn.btnBorder { background: transparent; border: 2px solid #4d6cd9; color: #4d6cd9; } .btn.btnBorder.btnArrow span:before { background: #4d6cd9; } .btn.btnBorder.btnArrow span:after { border: solid #4d6cd9; border-width: 0 2px 2px 0; } .btn:disabled { opacity: .8; background: #ededed; color: #99a1c5; cursor: not-allowed; } .section-404 { padding: 250px 0; background: #fff; max-width: 1140px; margin: 0 auto; text-align: center; position: relative; z-index: 44; padding: 20px; display: flex; flex-direction: column; justify-content: center; } .section-404 .section-404-col { max-width: 760px; margin: 0 auto; position: relative; } .section-404 .section-404-col .section-404-content { font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; text-transform: uppercase; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 242px; position: relative; z-index: 33; } .section-404 .section-404-col .section-404-content span { display: block; } .section-404 .section-404-col .section-404-content span:first-child { font-size: 225%; line-height: 52px; } .section-404 .section-404-col .section-404-content span:last-child { font-size: 100%; padding-top: 12px; } .section-404 .section-404-col .image-404 { background-image: url(/static/img/404.png); background-position: 50%; background-repeat: no-repeat; opacity: .2; position: absolute; width: 100%; z-index: 22; height: 242px; } @media screen and (max-width: 992px) { .section-404 { padding: 150px 20px; } .section-404 .section-404-col .section-404-content { height: 330px; } } body #preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(77, 108, 217, 0.95); z-index: 999999; display: none; } body #preloader #loader { display: block; position: relative; left: 50%; top: 50%; width: 90px; height: 90px; margin: -75px 0 0 -75px; border-radius: 8px; border: 3px solid transparent; border-top-color: transparent; background: #fff; -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.57); -moz-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.57); -o-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.57); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.57); } body #preloader #loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #253c8e; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } body #preloader #loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #38e7a3; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } body.loaderShow { background-color: #4d6cd9; overflow: hidden; } body.loaderShow #preloader { display: block; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .inputField label { font-weight: 500; font-family: 'Rubik', sans-serif; margin: 0; padding: 0 0 8px; color: #99a1c5; font-size: 0.875em; text-transform: uppercase; display: block; } .inputField input, .inputField textarea { font-size: 0.875em; background: #ffffff; border-radius: 10px; border: solid 2px #c8cde3; padding: 12px 0 12px 9px; width: 100%; box-sizing: border-box; outline: none; font-weight: 500; font-family: 'Rubik', sans-serif; } .inputField input::-webkit-input-placeholder, .inputField textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #c7c7c7; font-size: 0.75em !important; text-transform: inherit; } .inputField input::-moz-placeholder, .inputField textarea::-moz-placeholder { /* Firefox 19+ */ color: #c7c7c7; font-size: 0.75em !important; text-transform: inherit; } .inputField input:-ms-input-placeholder, .inputField textarea:-ms-input-placeholder { /* IE 10+ */ color: #c7c7c7; font-size: 0.75em !important; text-transform: inherit; } .inputField input:-moz-placeholder, .inputField textarea:-moz-placeholder { /* Firefox 18- */ color: #c7c7c7; font-size: 0.75em !important; text-transform: inherit; } .inputField input:disabled, .inputField textarea:disabled { opacity: .8; background: #ededed; color: #35495e; } .radioCheckBlock label { font-weight: 400; font-family: 'Rubik', sans-serif; display: block; padding: 20px 0 0; cursor: pointer; } .radioCheckBlock label:last-child { padding: 20px 0 0px; } .radioCheckBlock label span { color: #747a9f; padding-left: 8px; } .radioCheckBlock input[type=checkbox], .radioCheckBlock input[type=radio] { display: inline-block; width: 20px; height: 20px; border-color: #d1d1d1; cursor: pointer; } .header { background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; position: relative; width: 100%; max-width: 1500px; margin: 0 auto; top: 0; left: 0; right: 0; z-index: 999; position: fixed; transition: all .25s linear; } .header.headerFixed { background: #fff; -webkit-box-shadow: 0 2px 14px 2px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 2px 14px 2px rgba(0, 0, 0, 0.04); -o-box-shadow: 0 2px 14px 2px rgba(0, 0, 0, 0.04); box-shadow: 0 2px 14px 2px rgba(0, 0, 0, 0.04); } .header .navbar { max-width: 1280px; margin: 0 auto; padding: 20px 15px; display: grid; grid-template-columns: 2fr 8fr; } .header .navbar .logo { display: flex; height: 50px; align-items: center; position: relative; left: 80px; } .header .navbar .logo img { max-height: 40px; } .header .navbar .menuList { justify-self: end; } .header .navbar .menuList ul { list-style: none; display: flex; height: 50px; align-items: center; margin: 0; padding: 0; } .header .navbar .menuList ul li { float: left; padding: 0 0 0 15px; cursor: pointer; font-size: .875em; } .header .navbar .menuList ul li a { font-weight: 500; color: #2d3566; } .header .navbar .menuList ul li a.link { display: block; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: relative; font-weight: 500; } .header .navbar .menuList ul li a.link:after { content: ''; position: absolute; background: rgba(77, 108, 217, 0.6); width: 90%; height: 2px; left: 0; bottom: 0; right: 0; margin: 0 auto; -webkit-transition: all .25s; -moz-transition: all .25s; -o-transition: all .25s; transition: all .25s; transform: scale(0); } .header .navbar .menuList ul li a.link:hover { color: #4d6cd9; } .header .navbar .menuList ul li a.link:hover:after { transform: scale(0.9); } .header .navbar .menuList ul li:nth-child(2) { padding: 0 29px 0 30px; } .header .navbar .menuList ul li .btn { font-size: .875em; margin: 0; color: #ffffff; } .header .navbar .menuList ul li .btn.btnBorder { color: #4d6cd9; } .header .mobileMenuIcon { display: none; position: absolute; top: 35px; right: 30px; cursor: pointer; } .header .mobileMenuIcon span { font-family: 'Rubik', sans-serif; font-size: .875em; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.79; letter-spacing: normal; text-align: left; color: #4d6cd9; } .androidIcon { width: 48px; height: 48px; margin-top: 10px; } .closeSvg .cls-2 { fill: #f3f5fc; } @media screen and (max-width: 1401px) { .header .navbar { max-width: 1180px; } .header .navbar .logo { left: 40px; } } @media screen and (max-width: 1301px) { .header .navbar { max-width: 1100px; } .header .navbar .logo { left: 0px; } } @media screen and (max-width: 1220px) { .header .navbar .menuList ul li:nth-child(2) { padding: 0 29px 0 30px; } } @media screen and (max-width: 965px) { .header .navbar { padding: 20px 30px; } .header .navbar .menuList { display: none; } .header .mobileMenuIcon { display: block; } } @media screen and (max-width: 359px) { .header .mobileMenuIcon { right: 0px; } } .prefr-mobile-header { position: absolute; top: 22px; display: grid; width: calc(100% - 20px); grid-template-columns: 1fr 1fr; grid-gap: 2px; margin: 0 auto; left: 0; right: 0; align-self: center; height: 40px; align-items: center; z-index: 999; } .prefr-mobile-header .prefr-mobile-logo { height: 31px; position: relative; top: 3px; } .prefr-mobile-header .prefr-mobile-logo img { max-height: 31px; } .prefr-mobile-header .prefrNavClose { width: 28px; height: 28px; place-self: end; } .prefr-mobile-header .prefrNavClose svg { fill: #fff; width: 28px; height: 28px; } .prefr-mobile-menu { display: none; position: fixed; top: 0; bottom: 0; left: auto; right: -100%; width: calc(100vw - 30px); height: 100%; margin: 0 auto; z-index: -1; background: #4d6cd9; -webkit-box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1); overflow: hidden; white-space: nowrap; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-transform: rotate3d(1, 1, 0, -15deg); transform: rotate3d(1, 1, 0, -15deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; opacity: 0; will-change: transform, opacity; -webkit-transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: .25s; -o-transition-duration: .25s; transition-duration: .25s; } .prefr-mobile-menu.prefr-mobile-menu-active { z-index: 999; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; pointer-events: auto; right: 0; } .prefr-mobile-menu .mobileMenuList { list-style: none; padding: 15px 5px 15px 40px; margin: 120px 0 0; width: calc(100vw - 80px); height: calc(100% - 210px); overflow-x: hidden; overflow-y: hidden; display: block; } .prefr-mobile-menu .mobileMenuList li { max-width: 260px; font-size: .9em; padding: 0 0 32px; color: rgba(255, 255, 255, 0.8); font-weight: 500; line-height: 1em; } .prefr-mobile-menu .mobileMenuList li:nth-child(5) { padding: 0 0 80px; } .prefr-mobile-menu .mobileMenuList li a { color: rgba(255, 255, 255, 0.8); font-size: 100%; font-weight: 500; line-height: 1em; display: block; } .prefr-mobile-menu .mobileMenuList li span { display: block; } .prefr-mobile-menu .mobileMenuList li .downloadAppBtn { padding-top: 15px; } .prefr-mobile-menu .mobileMenuList li .btn { color: #4d6cd9; background: #ffffff; } .prefr-mobile-menu .mobileMenuList li .btn.btnArrow:before { background: #4d6cd9; top: 21px; } .prefr-mobile-menu .mobileMenuList li .btn.btnArrow:after { border: solid #4d6cd9; border-width: 0 2px 2px 0; top: 18px; } .prefr-mobile-menu .mobileMenuList::-webkit-scrollbar { width: 5px; } .prefr-mobile-menu .mobileMenuList::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .prefr-mobile-menu .mobileMenuList::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.8); outline: 1px solid white; } .prefr-mobile-menu-bg { position: fixed; background: rgba(0, 0, 0, 0.05); top: 0; left: 0; width: 100%; height: 100%; display: none; } .prefr-mobile-menu-bg.prefr-mobile-menu-bg-active { display: block; } @media screen and (max-width: 1200px) { .prefr-mobile-menu { display: block; } } @media screen and (max-height: 690px) { .prefr-mobile-menu .mobileMenuList { margin: 150px 0 0; } } @media screen and (max-height: 650px) { .prefr-mobile-menu .mobileMenuList { overflow-y: scroll; } } @media screen and (max-width: 330px) { .prefr-mobile-menu .mobileMenuList { padding: 15px 5px 15px 15px; } } .footer { padding: 90px 0 30px; position: relative; z-index: 998; background-color: #fff; } .footer .footerBlock { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; } .footer .footerBlock .eachFooter h3 { font-size: 1.125em; line-height: 30px; padding-bottom: 24px; } .footer .footerBlock .eachFooter ul { display: grid; grid-gap: 15px; list-style: none; padding: 0; margin: 0; } .footer .footerBlock .eachFooter ul li { display: block; color: #2d3566; font-size: 1em; line-height: 24px; font-weight: 400; font-family: 'Rubik', sans-serif; cursor: pointer; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .footer .footerBlock .eachFooter ul li:hover { color: #4d6cd9; } .footer .footerBlock .eachFooter ul.foooterLinks_1 { grid-template-columns: 1fr; } .footer .footerBlock .eachFooter ul.foooterLinks_1 li a { color: #2d3566; font-size: 1em; line-height: 24px; font-weight: 400; font-family: 'Rubik', sans-serif; } .footer .footerBlock .eachFooter ul.foooterLinks_1 li a:hover { color: #4d6cd9; text-decoration: none; } .footer .footerBlock .eachFooter ul.foooterLinks_2 { grid-template-columns: 1fr; } .footer .footerBlock .eachFooter ul.foooterLinks_2 li a { color: #2d3566; font-size: 1em; line-height: 24px; font-weight: 400; font-family: 'Rubik', sans-serif; } .footer .footerBlock .eachFooter ul.foooterLinks_2 li a:hover { color: #4d6cd9; text-decoration: none; } .footer .footerBlock .eachFooter .contactContent .helpSection { display: flex; flex-direction: column; gap: 16px; max-width: 200px; } .footer .footerBlock .eachFooter .contactContent p { display: block; color: #6c7194; font-size: 1em; line-height: 24px; font-weight: 400; font-family: 'Rubik', sans-serif; margin: 0; padding-bottom: 20px; } .footer .footerBlock .eachFooter .contactContent p:last-child { padding-bottom: 0; } .footer .footerBlock .eachFooter .contactContent p a { display: inline; border-bottom: 1px solid #4d6cd9; padding-bottom: 1px; font-size: 1em; } .footer .footerBlock .eachFooter .contactContent .socialMediaSection { display: flex; flex-direction: row; gap: 20px; } .footer .footerBlock .eachFooter .contactContent .socialMediaSection a:hover img { transform: scale(1.1); transition: transform 0.3s ease; } .footer .footerBlock .eachFooter .contactContent .socialMediaSection .mediaIcons { display: flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 16px; width: 48px; height: 48px; border: 1px solid var(--Neutral-200, #E2E8F0); background: var(--bw-white, #FFF); } .footer .footerBlock .eachFooter .contactContent .availableTimings { padding-top: 16px; } .footer .copyrights { color: #898da9; text-align: center; } .contactSection { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 12px; font-size: 16px; cursor: pointer; } .contactSection .contactIcon { display: flex; justify-content: center; align-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--Primary-Primary-50, #EEF1FC); } .contactSection .contactIcon img { width: 18px; height: 18px; flex-shrink: 0; object-fit: cover; } .contactSection .contactValues { color: var(--Primary-Primary-400, #4D6CD9); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ } hr { margin: 30px auto; max-width: 1100px; border: solid 1px #c8cde3; } @media screen and (max-width: 1180px) { .footer { padding: 90px 30px 30px; } } @media screen and (max-width: 960px) { .footer { padding: 60px 30px 30px; } .footer .footerBlock { grid-template-columns: 1fr 1fr; grid-gap: 40px 20px; max-width: 100%; } } @media screen and (max-width: 600px) { .footer { padding: 60px 30px 30px; } .footer .footerBlock { grid-template-columns: 1fr; grid-gap: 40px 20px; max-width: 90%; } } .faqList { padding-top: 40px; } .faqList .eachFaq { font-size: 1.125em; line-height: 24px; box-shadow: 0 0 60px 0 rgba(255, 120, 111, 0.17); -webkit-box-shadow: 0 0 60px 0 rgba(255, 120, 111, 0.17); -moz-box-shadow: 0 0 60px 0 rgba(255, 120, 111, 0.17); -o-box-shadow: 0 0 60px 0 rgba(255, 120, 111, 0.17); background-color: #ffffff; border-radius: 10px; padding: 28px; max-width: 1000px; margin: 0 auto 40px; position: relative; } .faqList .eachFaq:last-child { margin: 0 auto 0; } .faqList .eachFaq .question { font-weight: 500; font-family: 'Rubik', sans-serif; color: #2d3566; padding-bottom: 0; position: relative; cursor: pointer; } .faqList .eachFaq .question span { width: 95%; display: block; } .faqList .eachFaq .answer { padding-top: 0px; border-top: solid 2px transparent; font-weight: 400; font-family: 'Rubik', sans-serif; color: #2d3566; word-break: break-word; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; max-height: 0; overflow: hidden; } .faqList .eachFaq .faqIcon { position: absolute; right: 0; cursor: pointer; top: 5px; } .faqList .eachFaq .faqIcon:before { content: ''; background: #002091; position: absolute; right: 0; top: 6px; width: 14px; height: 2px; border-radius: 10px; } .faqList .eachFaq .faqIcon:after { content: ''; background: #002091; position: absolute; right: 6px; top: 0; height: 14px; width: 2px; border-radius: 10px; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .faqList .eachFaq.active .question { padding-bottom: 20px; } .faqList .eachFaq.active .answer { display: block; padding-top: 20px; border-top: solid 2px #ededed; max-height: 150em; } .faqList .eachFaq.active .answer table { border-collapse: collapse; border-radius: 18px; width: 100%; border: 1px solid #D2DAF5; padding: 16px; text-align: left; height: 64px; margin-top: 24px; } .faqList .eachFaq.active .answer td { color: var(--Neutral-Neutral-600, #475569); font-family: Rubik; font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; padding: 14px; } .faqList .eachFaq.active .answer tr { border-bottom: 1px solid #D2DAF5; text-align: left; padding: 14px; } .faqList .eachFaq.active .answer tr:last-child { border-bottom: none; } .faqList .eachFaq.active .answer td:first-child { width: 40%; } .faqList .eachFaq.active .answer .feesCharges { font-weight: 500; } .faqList .eachFaq.active .answer .helpSection { display: flex; flex-direction: row; margin-top: 29px; gap: 20px; flex-wrap: wrap; } .faqList .eachFaq.active .answer .helpSection .contactSection { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 12px; font-size: 16px; } .faqList .eachFaq.active .answer .helpSection .contactSection .contactIcon { display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 34px; height: 34px; flex-shrink: 0; background: var(--Primary-Primary-50, #EEF1FC); } .faqList .eachFaq.active .answer .helpSection .contactSection .contactIcon img { height: 50%; width: 18px; height: 18px; flex-shrink: 0; object-fit: cover; } .faqList .eachFaq.active .faqIcon:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } @media screen and (max-width: 960px) { .faqList .eachFaq .question span { width: 85%; } .faqList .eachFaq.active .answer td { padding: 8px; width: 50% !important; } } .eachSection { padding: 50px 0; position: relative; z-index: 998; } .eachSection h2 { text-align: center; color: #2d3566; line-height: 60px; } .eachSection h3 { text-align: center; font-weight: 400; color: #747a9f; padding-top: 24px; font-size: 1.125em; max-width: 340px; margin: 0 auto; line-height: 24px; } .eachSection .eachSectionContent { margin: 0 auto 0; } .eachSection .eachSectionContent .testimonialTitle { display: inline; } .eachSection .eachSectionContent.homeSectionContent { max-width: 1100px; } .eachSection .eachSectionContent.max_width_1100 { max-width: 1100px; } .eachSection.productSection { padding: 90px 0; } .eachSection.productSection:after { content: ''; bottom: -50px; left: 0; position: absolute; z-index: -1; width: 100%; height: 400px; background-color: rgba(83, 239, 185, 0.2); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 320px); } .eachSection.productSection.rightClip:after { content: ''; top: auto; bottom: -50px; left: auto; right: 0; position: absolute; z-index: -1; width: 40%; height: 75%; background-color: rgba(83, 239, 185, 0.2); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%); } .eachSection.loanStepsSection { padding: 160px 0 90px; } .eachSection.faqSection { padding: 96px 0 100px; } .eachSection.faqSection:after { content: ''; top: 0px; left: 0; position: absolute; z-index: -1; width: 100%; height: 100%; background-color: #f7e8e7; clip-path: polygon(0 80px, 100% 0, 100% 100%, 0 100%); } .eachSection.faqSection h2 { max-width: 1000px; margin: 0 auto; text-align: center; color: #002091; } .eachSection.contactSection { overflow: hidden; padding: 160px 0 120px; } .eachSection.contactSection:after { content: ''; top: 30%; left: 0; position: absolute; z-index: -2; width: 100%; height: 100%; background-color: #4d6cd9; clip-path: polygon(0 80px, 100% 0, 100% 100%, 0 100%); } .eachSection.lenderSection { padding: 90px 0; margin-top: 90px; } .productsList { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 36px; padding: 50px 30px 50px; position: relative; width: fit-content; margin: 0 auto; } .productsList:before { content: ''; position: absolute; top: -40px; background-image: url(/static/img/v3/blue_grid.png); width: 160px; height: 220px; left: -27px; z-index: -1; background-size: cover; opacity: .95; } .productsList .eachProduct { margin: 0 auto; background: #ffffff; -webkit-box-shadow: 0px 40px 80px 0px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0px 40px 80px 0px rgba(0, 0, 0, 0.04); -o-box-shadow: 0px 40px 80px 0px rgba(0, 0, 0, 0.04); box-shadow: 0px 40px 80px 0px rgba(0, 0, 0, 0.04); border-radius: 10px; text-align: center; display: flex; width: 290.66px; padding: 92px 22px 70px 22px; flex-direction: column; align-items: center; gap: 26.5px; align-self: stretch; } .productsList .eachProduct .descriptionBlock { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 27px; } .productsList .eachProduct .descriptionBlock .heading { color: #2D3566; text-align: center; font-size: 22px; font-style: normal; font-weight: 500; line-height: 26px; /* 118.182% */ } .productsList .eachProduct .descriptionBlock .description { color: #747A9F; text-align: center; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; /* 133.333% */ } .productsList .eachProduct .eachProductIcon { display: flex; justify-content: center; align-items: center; gap: 27px; background: #4D6CD9; border-radius: 50%; width: 64px; height: 64px; } .productsList .eachProduct h3 { font-size: 1.375em; line-height: 26px; color: #2d3566; max-width: 180px; margin: 0 auto; font-weight: 500; padding-top: 20px; } .productsList .eachProduct p { font-size: 1.125em; line-height: 24px; color: #747a9f; } .productsList.productsList_partner { grid-template-columns: 1fr 1fr; grid-gap: 80px 80px; } .loanStepsBlock { display: grid; grid-template-columns: 3fr 4fr; grid-gap: 80px 80px; padding: 30px; } .loanStepsBlock .loanStepsImage { padding: 0 20px 0 0px; position: relative; } .loanStepsBlock .loanStepsImage:before, .loanStepsBlock .loanStepsImage:after { content: ''; position: absolute; background-image: url(/static/img/v3/blue_grid.png); width: 160px; height: 220px; z-index: -1; background-size: cover; opacity: .95; } .loanStepsBlock .loanStepsImage:before { top: -60px; right: -45px; } .loanStepsBlock .loanStepsImage:after { bottom: -250px; left: -35px; } .loanStepsBlock .loanStepsImage .flowImage { position: relative; opacity: 0; } .loanStepsBlock .loanStepsImage .flowImage img { transition: all 0.5s linear; position: absolute; top: 0; } .loanStepsBlock .loanStepsImage .flowImage.active { opacity: 1; } .loanStepsBlock .loanStepsContent { padding: 0 10px 0 40px; } .loanStepsBlock .loanStepsContent h2 { padding-bottom: 40px; } .loanStepsBlock .loanStepsContent .stepBlock { display: grid; grid-template-columns: 1fr 7fr; grid-gap: 30px; max-width: 100%; padding: 15px; border-radius: 20px; background: rgba(77, 108, 217, 0); transition: background 0.5s linear; } .loanStepsBlock .loanStepsContent .stepBlock .stepNumber { align-self: center; font-size: 6.875em; font-weight: 400; font-family: 'Abril Fatface', cursive; color: rgba(45, 53, 102, 0.1); transition: color 0.5s linear; width: 47px; } .loanStepsBlock .loanStepsContent .stepBlock .stepContent { padding: 0 12px; align-self: center; max-width: 280px; } .loanStepsBlock .loanStepsContent .stepBlock .stepContent h3 { text-align: left; max-width: 100%; margin: 0; font-weight: 500; color: #2d3566; font-size: 1.25em; line-height: 28px; } .loanStepsBlock .loanStepsContent .stepBlock .stepContent p { font-size: 1.125em; line-height: 24px; margin: 0; padding: 15px 0 0; color: #2d3566; } .loanStepsBlock .loanStepsContent .stepBlock:last-child { padding: 15px; } .loanStepsBlock .loanStepsContent .stepBlock.active { background: rgba(77, 108, 217, 0.1); transition: background 0.1s linear; } .loanStepsBlock .loanStepsContent .stepBlock.active .stepNumber { color: #4d6cd9; transition: background 0.1s linear; } .contactBlock { padding: 50px 30px 90px; width: 100%; border-radius: 10px; box-shadow: 0 30px 90px 0 rgba(39, 69, 173, 0.42); background-color: #ffffff; position: relative; } .contactBlock:after { content: ''; position: absolute; top: 50%; background-image: url(/static/img/v3/green_grid.png); width: 160px; height: 220px; right: -100px; z-index: -1; background-size: cover; opacity: .95; } .contactBlock .formGrid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 50px 80px; max-width: 760px; margin: 0 auto; padding-top: 60px; } .lenderGrid { display: grid; grid-template-columns: 1fr; grid-gap: 24px; } .lenderGrid h2 { text-align: center; } .lenderGrid .lenderImageList { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 80px 50px; } .lenderGrid .lenderImageList .eachLenderImageCol { position: relative; padding: 10px 70px; text-align: center; } .lenderGrid .lenderImageList .eachLenderImageCol .eachLenderImage { -webkit-box-shadow: 0 13px 80px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 13px 80px 0 rgba(0, 0, 0, 0.08); -o-box-shadow: 0 13px 80px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 13px 80px 0 rgba(0, 0, 0, 0.08); min-height: 150px; margin: 0 auto; display: flex; align-items: center; justify-content: center; border-radius: 15px; background: #fff; padding: 16px 6px; } .lenderGrid .lenderImageList .eachLenderImageCol .eachLenderImage img { max-width: 180px; } .lenderGrid .lenderImageList .eachLenderImageCol .eachLenderImage img.hfcLogo { max-width: 150px; } .lenderGrid .lenderImageList .eachLenderImageCol .hfcText { flex-direction: column; line-height: 4px; font-size: 0.8em; text-align: center; color: #2d3566; } .lenderGrid .lenderImageList .eachLenderImageCol .hfcText a { color: #2d3566; text-decoration: underline; } .lenderGrid .lenderImageList .eachLenderImageCol .eachLenderLink { padding-top: 44px; } .lenderGrid .lenderImageList .eachLenderImageCol .eachLenderLink .btn { font-size: .8em; text-transform: initial; } .lenderGrid .lenderLink { padding-top: 40px; display: flex; justify-content: center; align-items: center; } .lenderGrid.lenderPageGrid { padding-top: 100px; } .lenderGrid.lenderPageGrid h2 { max-width: 640px; line-height: 1.4; color: #2d3566; text-align: center; margin: 0 auto; } .pageHeader { padding: 130px 30px; text-align: center; background: rgba(77, 108, 217, 0.1); } .pageHeader h2 { color: #2d3566; line-height: 50px; } .pageBody { max-width: 1000px; margin: 0 auto; padding: 40px 30px; } .lenderPageBody { max-width: 1000px; margin: 0 auto; padding: 40px 30px; } .policyContent dl dt { padding-left: 30px; } .policyContent ol.roman-number-list { list-style: lower-roman; } .policyContent .grievanceBlock li { padding: 0; } @media screen and (max-width: 1264px) { .productsList .eachProduct { width: 250px; height: 200px; } } @media screen and (max-width: 1132px) { .productsList { padding: 50px 0 50px; grid-template-columns: 1fr; } .productsList:before { display: none; } .productsList .eachProduct { padding: 32px 16px; width: 296px; height: 201px; gap: 32px; } .productsList .eachProduct .eachProductIcon { width: 36px; height: 36px; } .productsList .eachProduct .eachProductIcon img { height: 22px; } .productsList .eachProduct .descriptionBlock { gap: 24px; } .productsList .eachProduct .descriptionBlock .heading { font-size: 20px; line-height: 28px; } .productsList .eachProduct .descriptionBlock .description { font-size: 18px; line-height: 27px; } } @media screen and (max-width: 1100px) { .loanStepsBlock { grid-gap: 40px 40px; } .loanStepsBlock { grid-template-columns: 1fr; } .loanStepsBlock .loanStepsImage { display: none; top: 0; } .loanStepsBlock .loanStepsContent h2 { text-align: center; } .eachSection.faqSection { padding: 50px 16px 100px; } .eachSection.faqSection:after { clip-path: none; } .eachSection.contactSection { padding: 160px 30px 120px; } .eachSection.lenderSection { padding: 40px 16px; margin: 0; } .lenderGrid h2 { font-size: 2.75em; } .contactBlock { width: auto; } .contactBlock:after { display: none; } } @media screen and (max-width: 960px) { .eachSection.productSection { padding: 23px 16px 40px 16px; } .eachSection.productSection:after { bottom: 20px; height: 153px; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 97px); } .loanStepsBlock { padding: 0px; } .loanStepsBlock .loanStepsImage { padding: 0 0px 0 0px; position: relative; } .loanStepsBlock .loanStepsImage:before { left: -45px; right: auto; } .loanStepsBlock .loanStepsImage:after { display: none; } .loanStepsBlock .loanStepsContent h2 { text-align: center; padding-bottom: 30px; } .loanStepsBlock .loanStepsContent .stepBlock { padding: 0 15px 15px; } .loanStepsBlock .loanStepsContent .stepBlock .stepContent { max-width: 100%; } .contactBlock { width: auto; } .contactBlock .formGrid { grid-gap: 40px 40px; } .lenderGrid { text-align: center; grid-template-columns: 1fr; } .lenderGrid h2 { font-size: 2.75em; text-align: center; margin: 0 auto; } .lenderGrid .lenderImageList { grid-gap: 80px 30px; } .lenderGrid.lenderPageGrid h2 { padding-bottom: 0px; } } @media screen and (max-width: 800px) { .loanStepsBlock .loanStepsImage { top: 200px; } .loanStepsBlock .loanStepsImage .flowImage img { max-width: 320px; } .lenderGrid .lenderImageList .eachLenderImageCol { padding: 10px 30px; } } @media screen and (max-width: 730px) { .loanStepsBlock .loanStepsImage { top: 220px; } .loanStepsBlock .loanStepsImage .flowImage img { max-width: 280px; } } @media screen and (max-width: 640px) { .eachSection.loanStepsSection { padding: 40px 16px; } } @media screen and (max-width: 600px) { .lenderGrid .lenderImageList { grid-template-columns: 1fr; gap: 16px; } .lenderGrid .lenderImageList .eachLenderImageCol { padding: 10px 40px; } } @media screen and (max-width: 520px) { .contactBlock { width: auto; } .contactBlock .formGrid { grid-template-columns: 1fr; } .lenderGrid h2 { max-width: 300px; margin: 0 auto; } } @media screen and (max-width: 480px) { .loanStepsBlock .loanStepsContent { padding: 0; } .loanStepsBlock .loanStepsContent h2 { padding-bottom: 30px; } .loanStepsBlock .loanStepsContent .stepBlock { padding: 0 15px 15px; gap: 48px; } .loanStepsBlock .loanStepsContent .stepBlock .stepContent { max-width: 100%; width: auto; } .lenderGrid .lenderImageList .eachLenderImageCol { padding: 10px 10px; width: calc(100% - 20px); } } @media screen and (max-width: 382px) { .eachSectionContent .testimonialsHeader { max-width: 170px; margin: 0 auto; } } @media screen and (max-width: 359px) { .productsList { padding: 16px; display: flex; flex-direction: column; } .productsList .eachProduct { width: 220px; } } .display-flex-container { display: flex; } .fillInBlank { border-bottom: 2px solid; width: 25%; position: relative; bottom: 4px; left: 2px; } .boxedContentBlock { padding: 50px 30px 50px; border-radius: 10px; -webkit-box-shadow: 0 30px 90px 0 rgba(39, 69, 173, 0.42); -moz-box-shadow: 0 30px 90px 0 rgba(39, 69, 173, 0.42); -o-box-shadow: 0 30px 90px 0 rgba(39, 69, 173, 0.42); box-shadow: 0 30px 90px 0 rgba(39, 69, 173, 0.42); background-color: #ffffff; position: relative; max-width: 1100px; margin: 0 auto; } .boxedContentBlock .boxContentheading { padding-bottom: 20px; } .boxedContentBlock .boxContentheading.boxContentheadingLeft { text-align: left; } .boxedContentBlock .boxContentheading.h2FontMedium { font-size: 32px; } .boxedContentBlock.boxedContentBlockTransparent { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; background: transparent; } .greenPolygonBg { position: relative; } .greenPolygonBg:after { content: ''; top: auto; bottom: -50px; left: auto; right: 0; position: absolute; z-index: -1; width: 40%; height: 75%; background-color: rgba(83, 239, 185, 0.2); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%); } .bluePolygonBg { position: relative; } .bluePolygonBg:before { content: ''; top: 0; bottom: auto; left: 0; right: auto; position: absolute; z-index: -1; width: 60%; height: 100%; background-color: rgba(77, 108, 217, 0.08); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%); } .customNumberList { counter-reset: number-list-counter; } .customNumberList dt { position: relative; padding: 30px 20px 30px 50px; } .customNumberList dt:before { content: counter(number-list-counter) ". "; counter-increment: number-list-counter; position: absolute; font-weight: 400; font-family: 'Abril Fatface', cursive; font-size: 40px; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #d1d8ff; top: 4px; left: 0px; } .customNumberList dt:last-child { padding: 30px 20px 0 40px; } a { position: relative; } a.linkUnderline:before { content: ''; position: absolute; background-color: #f4f5ff; width: 100%; height: 2px; bottom: -3px; opacity: .6; } @media screen and (max-width: 1100px) { .boxedContentBlock { max-width: 1000px; } } @media screen and (max-width: 900px) { .boxedContentBlock .boxContentheading { font-size: 2.75rem; } .customNumberList dt { padding: 20px 20px 30px 35px; } .customNumberList dt:before { font-size: 30px; } .customNumberList dt:last-child { padding: 20px 20px 30px 35px; } } @media screen and (max-width: 540px) { .boxedContentBlock .boxContentheading { font-size: 2.25rem; } .customNumberList dt { padding: 10px 20px 30px 35px; } .customNumberList dt:before { font-size: 24px; } .customNumberList dt:last-child { padding: 10px 20px 30px 35px; } } .aboutHomeSection { padding: 230px 0 50px; position: relative; } .aboutHomeSection .boxedContentBlock:before { content: ''; position: absolute; top: -65px; background-image: url("/static/img/v3/blue_grid.png"); width: 165px; height: 150px; left: auto; right: 52px; z-index: -1; background-size: cover; opacity: 1; } .aboutHomeSection .boxedContentBlock .aboutDetails { text-align: center; } .aboutHomeSection .boxedContentBlock .aboutDetails p { color: #5F6368; } .aboutHomeSection .boxedContentBlock h2 { text-align: center; padding-bottom: 20px; } .aboutFounderSection.greenPolygonBg:after { top: 120px; bottom: auto; width: 40%; height: 50%; } .foundersBlock { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 60px; padding: 32px 75px 0; } .foundersBlock:before { content: ''; position: absolute; top: 180px; background-image: url("/static/img/v3/blue_grid.png"); width: 165px; height: 220px; left: -64px; right: auto; z-index: 0; background-size: cover; opacity: .8; } .foundersBlock .founderProfileCol { position: relative; } .foundersBlock .founderProfileImg { padding-bottom: 30px; } .foundersBlock .founderProfileImg img { border-radius: 10px; max-width: 350px; } .foundersBlock .founderProfileName { font-weight: 500; font-family: 'Rubik', sans-serif; font-size: 18px; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: normal; text-align: left; color: #2d3566; } .foundersBlock .founderProfileJob { opacity: 0.8; font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.56; letter-spacing: normal; text-align: left; color: #6c7194; } .foundersBlock .founderProfileSocialLinks { display: flex; gap: 8px; padding: 20px 0 0; } .foundersBlock .founderProfileDescription { font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #747a9f; } .socialLinks { padding: 0; height: 32px; width: 32px; display: flex; align-items: center; justify-content: center; border-radius: 12px; -webkit-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; transition: all .8s ease 0s; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .socialLinks svg { width: 24px; height: 24px; } .socialLinks.linkedIn { background: #1385af; } .socialLinks.linkedIn svg { fill: #fff; } @media screen and (max-width: 1100px) { .aboutHomeSection { padding: 230px 30px 50px; } .aboutFounderSection { padding: 50px 30px; } .foundersBlock { grid-gap: 30px; padding: 15px 15px 0; } } @media screen and (max-width: 900px) { .foundersBlock { grid-template-columns: repeat(1, 1fr); grid-gap: 50px; } } @media screen and (max-width: 540px) { .foundersBlock .founderProfileImg img { max-width: 100%; } .foundersBlock:before { display: none; } .founderTitle h2 { font-size: 2.25rem; } } .plHomeSection { padding: 230px 0 50px; } .plHomeSection .boxedContentBlock { padding: 50px 120px 50px; } .plHomeSection .boxedContentBlock.boxedContentBlock2 { margin-top: 60px; } .plHomeSection.greenPolygonBg:after { top: auto; bottom: 30px; width: 40%; height: 70%; } .plFeeSection { margin-top: 80px; background-color: #4d6cd9; } .plFeeSection .boxedContentBlock .boxContentheading { color: #fff; padding-bottom: 50px; } .personalFeeChargesBlock { border: solid 2px #acbeff; border-radius: 20px; padding: 20px; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 8px; position: relative; margin-bottom: 18px; align-items: center; } .personalFeeChargesBlock:before { content: ''; width: 2px; height: 100%; background: #acbeff; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; } .personalFeeChargesBlock .label { opacity: 0.8; font-family: 'Rubik', sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: normal; text-align: left; color: #f4f5ff; } .personalFeeChargesBlock .value { font-family: 'Rubik', sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: normal; text-align: left; color: #f4f5ff; padding: 0 0 0 12px; } .personalLoanApplyText { color: #f4f5ff; padding-top: 15px; } .personalLoanApplyText span { opacity: 0.85; } .personalLoanApplyText a { color: #f4f5ff; opacity: 1; font-weight: 500; } @media screen and (max-width: 1000px) { .plHomeSection { padding: 230px 30px 50px; } } @media screen and (max-width: 900px) { .plHomeSection .boxedContentBlock { padding: 50px 40px 50px; } } .personalLoanPageSection .descriptionMainSection { display: flex; padding: 80px 0px; flex-direction: column; align-items: center; gap: 12px; align-self: stretch; max-width: 1280px; margin: 0 auto; } .personalLoanPageSection .descriptionMainSection .heading { color: #2D3566; font-family: "ClashDisplay-Semibold"; font-size: 50px; font-style: normal; font-weight: 600; line-height: 61px; letter-spacing: 1px; padding: 0 0 20px; } .personalLoanPageSection .descriptionMainSection .descriptionBlock { display: flex; max-width: 997px; flex-direction: column; gap: 36px; align-items: center; } .personalLoanPageSection .descriptionMainSection .descriptionBlock .line1 { color: #5F6368; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ } .personalLoanPageSection .descriptionMainSection .descriptionBlock .line2 { color: var(--Primary-Primary-400, #4D6CD9); text-align: center; font-size: 19px; font-style: normal; font-weight: 500; line-height: 28px; /* 147.368% */ } .personalLoanPageSection .documentsRequiredMainSection { display: flex; padding: 80px 0; flex-direction: column; justify-content: center; align-items: center; gap: 36px; align-self: stretch; max-width: 1000px; margin: 0 auto; } .personalLoanPageSection .documentsRequiredMainSection .documentsRequiredListContainer { display: grid; grid-template-columns: repeat(4, 1fr); place-items: center; gap: 32px; } .personalLoanPageSection .documentsRequiredMainSection .documentsRequiredListContainer .eachBlock { display: flex; padding: 32px; flex-direction: column; align-items: flex-start; gap: 20px; flex: 1 0 0; border-radius: 12px; background: var(--white-black-white, #fff); box-shadow: 0px 40px 80px 0px rgba(0, 0, 0, 0.04); width: 162px; height: 142px; } .personalLoanPageSection .documentsRequiredMainSection .documentsRequiredListContainer .eachBlock .imageCenter { display: flex; padding: 8px; justify-content: center; align-items: center; gap: 8px; border-radius: 40px; background: #effcf5; width: 32px; height: 32px; } .personalLoanPageSection .documentsRequiredMainSection .documentsRequiredListContainer .eachBlock .heading { color: #2D3566; text-align: center; font-size: 19px; font-style: normal; font-weight: 500; line-height: 28px; /* 147.368% */ } .personalLoanPageSection .documentsRequiredMainSection .documentsRequiredListContainer .eachBlock .description { color: #747A9F; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ } .personalLoanPageSection .documentsRequiredMainSection .documentsRequiredListContainer .eachBlock .optionalTextBlock { position: absolute; right: -32px; display: flex; padding: var(--gap-spacing-2-xs, 2px) 6px var(--gap-spacing-2-xs, 2px) var(--padding-vertical-padding-vertical-sm, 8px); justify-content: center; align-items: center; gap: var(--padding-vertical-padding-vertical-sm, 8px); border-radius: 99px 0px 0px 99px; border-radius: 99px 0px 0px 99px; border-top: 1px solid var(--Gradients-Sweet-Morning, #FF5F6D); border-bottom: 1px solid var(--Gradients-Sweet-Morning, #FF5F6D); border-left: 1px solid var(--Gradients-Sweet-Morning, #FF5F6D); background: var(--Warning-Warning-50, #FEFCE8); } .personalLoanPageSection .documentsRequiredMainSection .documentsRequiredListContainer .eachBlock .optionalTextBlock .optionalText { font-size: 14px; font-style: normal; font-weight: 500; line-height: 21px; /* 150% */ background: var(--Gradients-Sweet-Morning, linear-gradient(102deg, #FF5F6D 1.82%, #FFC371 98.57%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .personalLoanPageSection .documentsRequiredMainSection .documentsRequiredListContainer .eachBlock .iconTextBlock { position: relative; display: flex; align-items: center; width: 100%; } .personalLoanPageSection .featuresMainSection { display: flex; padding: 80px 0; flex-direction: column; justify-content: center; align-items: center; gap: 36px; align-self: stretch; max-width: 1000px; margin: 0 auto; } .personalLoanPageSection .featuresMainSection .featuresListBlock { display: grid; flex-direction: column; justify-content: center; align-items: center; place-items: center; gap: 32px; align-self: stretch; } .personalLoanPageSection .featuresMainSection .featuresListBlock.firstRowBlock { grid-template-columns: repeat(3, 1fr); } .personalLoanPageSection .featuresMainSection .featuresListBlock.secondRowBlock { max-width: 660px; margin: 16px auto 0; grid-template-columns: repeat(2, 1fr); } .personalLoanPageSection .featuresMainSection .featuresListBlock .eachFeatureBlock { display: flex; padding: 32px 12px; flex-direction: column; justify-content: center; align-items: center; gap: 28px; flex: 1 0 0; border-radius: 10px; background: #FFF; box-shadow: 0px 40px 80px 0px rgba(0, 0, 0, 0.04); width: 288px; height: 192px; } .personalLoanPageSection .featuresMainSection .featuresListBlock .eachFeatureBlock .descriptionBlock { display: flex; flex-direction: column; gap: 24px; align-items: center; justify-content: center; } .personalLoanPageSection .featuresMainSection .featuresListBlock .eachFeatureBlock .imgBlock { background-color: #FFF; border-radius: 50%; padding: 16px; display: flex; justify-content: center; align-items: center; } .personalLoanPageSection .featuresMainSection .featuresListBlock .eachFeatureBlock .imgBlock img { width: 32px; height: 32px; } .personalLoanPageSection .featuresMainSection .featuresListBlock .eachFeatureBlock .heading { color: #2D3566; text-align: center; font-size: 19px; font-style: normal; font-weight: 500; line-height: 28px; /* 147.368% */ } .personalLoanPageSection .featuresMainSection .featuresListBlock .eachFeatureBlock .description { color: #747A9F; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ } .personalLoanPageSection .plHomeSection { padding: 90px 0 0px; } .personalLoanPageSection .headingText { color: var(--Neutral-Neutral-800, #1E293B); text-align: center; font-family: 'ClashDisplay-Semibold'; font-size: 40px; font-style: normal; font-weight: 600; letter-spacing: 0.8px; text-transform: capitalize; } @media screen and (max-width: 1149px) { .descriptionMainSection h2 { font-size: 1.5rem; } .personalLoanPageSection .descriptionMainSection { padding: 40px 16px; gap: 0px; } .personalLoanPageSection .descriptionMainSection .heading { font-size: 24px; line-height: 36px; letter-spacing: 0.48px; padding: 16px; } .personalLoanPageSection .descriptionMainSection .descriptionBlock { gap: 20px; } .personalLoanPageSection .descriptionMainSection .descriptionBlock .line1 { font-size: 14px; line-height: 21px; } .personalLoanPageSection .descriptionMainSection .descriptionBlock .line2 { font-size: 16px; line-height: 24px; } .personalLoanPageSection .featuresMainSection { padding: 40px 16px; gap: 0px; } .personalLoanPageSection .featuresMainSection .featuresListBlock .eachFeatureBlock { padding: 32px 16px; gap: 32px; width: 296px; height: 170px; } .personalLoanPageSection .featuresMainSection .featuresListBlock .eachFeatureBlock .imgBlock { padding: 12px; } .personalLoanPageSection .featuresMainSection .featuresListBlock .eachFeatureBlock .imgBlock img { width: 24px; height: 24px; } .personalLoanPageSection .featuresMainSection .featuresListBlock .eachFeatureBlock .heading { font-size: 16px; line-height: 24px; /* 150% */ } .personalLoanPageSection .featuresMainSection .featuresListBlock .eachFeatureBlock .description { font-size: 14px; line-height: 21px; /* 150% */ } .personalLoanPageSection .headingText { padding: 16px; font-size: 24px; } .personalLoanPageSection .documentsRequiredMainSection { padding: 40px 16px; gap: 0; } .personalLoanPageSection .documentsRequiredMainSection .documentsRequiredListContainer { grid-template-columns: repeat(2, 1fr); max-width: 430px; } .personalLoanPageSection .documentsRequiredMainSection .documentsRequiredListContainer .eachBlock { padding: 16px; } .personalLoanPageSection .documentsRequiredMainSection .documentsRequiredListContainer .eachBlock .lottieBgLayerCircle { width: 48px; height: 48px; } .personalLoanPageSection .documentsRequiredMainSection .documentsRequiredListContainer .eachBlock .heading { font-size: 16px; line-height: 24px; /* 150% */ } .personalLoanPageSection .documentsRequiredMainSection .documentsRequiredListContainer .eachBlock .description { font-size: 16px; line-height: 24px; /* 150% */ } .personalLoanPageSection .documentsRequiredMainSection .documentsRequiredListContainer .eachBlock .optionalTextBlock { right: -17px; } } @media screen and (max-width: 1120px) { .personalLoanPageSection .featuresMainSection .featuresListBlock { gap: 16px; } .personalLoanPageSection .featuresMainSection .featuresListBlock.firstRowBlock { grid-template-columns: 1fr; } .personalLoanPageSection .featuresMainSection .featuresListBlock.secondRowBlock { grid-template-columns: 1fr; } } @media screen and (max-width: 660px) { .personalLoanPageSection .documentsRequiredMainSection .documentsRequiredListContainer { width: 330px; gap: 16px; } .personalLoanPageSection .documentsRequiredMainSection .documentsRequiredListContainer .eachBlock { width: 122px; height: 122px; } } @media screen and (max-width: 394px) { .personalLoanPageSection .descriptionMainSection .line2 { max-width: 314px; } } @media screen and (max-width: 359px) { .personalLoanPageSection .featuresMainSection .featuresListBlock .eachFeatureBlock { width: 250px; } .personalLoanPageSection .documentsRequiredMainSection .documentsRequiredListContainer { grid-template-columns: 1fr; max-width: fit-content; } .personalLoanPageSection .headingText { font-size: 20px; } } .lottieBgLayerCircle { position: absolute; top: 0; left: 0; right: 0; width: 64px; height: 64px; border-radius: 50%; background: transparent; z-index: 0; } .lottieIcon { position: relative; align-items: center; justify-content: center; display: flex; margin: 0 auto; } .eachSection.testimonialSection { padding: 50px 0 120px; } .testimonialsHeader { align-items: center; align-content: center; text-align: center; padding: 0 16px 50px 0; } .testimonialsHeader img { width: 50px; height: 50px; } .testimonialBlock { position: relative; min-height: 400px; box-shadow: 0 13px 80px 0 rgba(0, 0, 0, 0.08); max-width: 900px; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-direction: column; } .eachTestimonial { display: flex; flex-direction: column; padding: 20px 50px; text-align: center; position: relative; align-items: center; opacity: 0; } .eachTestimonial.active { -webkit-animation: fadeIn 1s linear; -moz-animation: fadeIn 1s linear; -o-animation: fadeIn 1s linear; animation: fadeIn 1s linear; opacity: 1; } .eachTestimonial:before { content: ''; position: absolute; top: 5px; left: 65px; background-image: url(/static/img/v3/left-quote.svg); height: 150px; width: 150px; background-size: contain; background-position: center; background-repeat: no-repeat; } .eachTestimonial .description { color: #2d3566; font-size: 1.3em; line-height: 32px; font-weight: 400; padding-bottom: 50px; padding-top: 50px; align-items: center; align-content: center; } .eachTestimonial .description .specialContent { font-weight: 500; } .eachTestimonial .userDetails { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; gap: 12px; } .eachTestimonial .userDetails .profileIcon { width: 64px; height: 64px; display: flex; overflow: hidden; justify-content: center; align-items: center; border-radius: 50%; object-fit: cover; } .eachTestimonial .userDetails .name { display: flex; flex-direction: column; justify-content: flex-start; font-size: 1.2em; color: #2d3566; font-weight: 500; padding-bottom: 4px; } .eachTestimonial .designation { font-size: 1em; font-weight: 400; } .testimonialArrows { background: #4d6cd9; width: 50px; height: 50px; position: absolute; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; } .testimonialArrows:before { content: ''; position: absolute; width: 12px; height: 2px; background: #ffffff; } .testimonialArrows:after { content: ''; position: absolute; border: solid #ffffff; border-width: 0 2px 2px 0; display: block; padding: 3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .testimonialArrows.previous { left: -20px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .testimonialArrows.next { right: -20px; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 25% { opacity: 0.25; } 50% { opacity: 0.5; } 75% { opacity: 0.75; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 25% { opacity: 0.25; } 50% { opacity: 0.5; } 75% { opacity: 0.75; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 25% { opacity: 0.25; } 50% { opacity: 0.5; } 75% { opacity: 0.75; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 25% { opacity: 0.25; } 50% { opacity: 0.5; } 75% { opacity: 0.75; } 100% { opacity: 1; } } @media screen and (max-width: 900px) { .eachSection.testimonialSection { padding: 50px 40px 120px; } } @media screen and (max-width: 640px) { .testimonialsHeader { padding-right: 8px; } .testimonialsHeader img { height: 24px; width: 24px; } } @media screen and (max-width: 600px) { .eachTestimonial { padding: 20px 50px; } .eachTestimonial .description { font-size: 1.2em; line-height: 30px; } .eachTestimonial .name { font-size: 1em; } .eachTestimonial .designation { font-size: .85em; font-weight: 400; } } .eachSection.homeSection { min-height: 600px; position: relative; overflow: hidden; padding: 50px 0 0; } .eachSection.homeSection:before { content: ''; position: absolute; width: calc(100vw - 465px); height: 100%; background-color: rgba(77, 108, 217, 0.1); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%); top: 0; left: 0; } .homeSectionListBlock { display: flex; gap: 40px; flex-direction: row; padding-top: 50px; } .homeSectionListBlock .eachHomeIconBlock { display: flex; gap: 8px; align-items: center; } .homeSectionListBlock .eachHomeIconBlock .icon { display: flex; justify-content: center; align-items: center; border: 2px solid #4D6CD9; border-radius: 50%; width: 48px; height: 48px; } .homeSectionListBlock .eachHomeIconBlock .description { font-size: 24px; font-weight: 500; color: #2D3566; } .homeInnerBlock { max-width: calc(100vw - 42vw); position: relative; top: 0; } .homeInnerBlock h1 { padding-top: 90px; color: #2d3566; line-height: 60px; font-size: 3.125em; max-width: 534px; } .homeInnerBlock h1 .bannerTextAmount { color: #4D6CD9; font-size: 110%; } .homeInnerBlock h1 .bannerHeading { text-align: left; } .homeInnerBlock .downloadBtnMainSection { margin-top: 60px; } .homeInnerImage { position: absolute; background: transparent; width: 598px; height: 371px; top: 150px; right: 0; } .homeInnerImage:before { content: ''; position: absolute; top: -26px; background-image: url(/static/img/v3/blue_grid.png); width: 165px; height: 239px; left: 30px; z-index: -1; background-size: cover; opacity: .75; } .homeInnerImage .bannerImage { height: 413px; width: 640px; background-size: contain; background-repeat: no-repeat; position: absolute; top: 37px; left: 91px; } .homeVideoBlock { position: absolute; width: 220px; height: 220px; bottom: 43px; background: transparent; right: 430px; } .homeVideoBlock .videoThumbnail { position: absolute; width: 100%; height: 100%; background-image: url("/static/img/v3/video_thumbnail_full.png"); background-size: cover; background-repeat: no-repeat; background-position: center; top: 0; left: 0; right: 0; -webkit-box-shadow: 0px 20px 20px 6px rgba(77, 108, 217, 0.26); -moz-box-shadow: 0px 20px 20px 6px rgba(77, 108, 217, 0.26); -o-box-shadow: 0px 20px 20px 6px rgba(77, 108, 217, 0.26); box-shadow: 0px 20px 20px 6px rgba(77, 108, 217, 0.26); } .homeVideoBlock .videoThumbnail:before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(77, 108, 217, 0.8); } .homeVideoBlock .videoThumbnail .videoContent { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; width: 80%; margin: 0 auto; cursor: pointer; } .homeVideoBlock .videoThumbnail .videoContent span { display: block; color: #ffffff; text-align: center; font-size: 1.125em; } .homeVideoBlock .videoThumbnail .videoContent span img { cursor: pointer; max-height: 80px; margin-bottom: 6px; } @media screen and (min-width: 1501px) { .eachSection.homeSection:before { content: ''; position: absolute; width: calc(1500px - 480px); height: 100%; background-color: rgba(77, 108, 217, 0.1); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%); top: 0; left: 0; } } @media screen and (min-width: 1800px) { .eachSection.homeSection:before { content: ''; position: absolute; width: calc(1500px - 480px); height: 100%; background-color: rgba(77, 108, 217, 0.1); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%); top: 0; left: 0; } } @media screen and (max-width: 1100px) { .eachSection.homeSection:before { width: calc(100vw - 330px); } .homeInnerBlock { max-width: calc(100vw - 30vw); padding: 15px 30px; } .homeInnerImage { width: 463px; height: 40px; top: 170px; } .homeInnerImage .bannerImage { height: 291px; } .homeSectionListBlock { gap: 20px; } .homeSectionListBlock .eachHomeIconBlock .description { font-size: 20px; } } @media screen and (max-width: 1050px) { .homeInnerImage:before { display: none; } } @media screen and (max-width: 960px) { .eachSection.homeSection { min-height: 700px; } .eachSection.homeSection:before { width: calc(100vw - 30vw); } .homeInnerBlock { max-width: calc(100vw - 30vw); } .homeInnerBlock h1 { font-size: 2.5em; max-width: 440px; } .homeInnerImage:before { display: none; } .homeInnerImage .bannerImage { height: 300px; left: 78px; top: 107px; } .homeSectionListBlock { gap: 32px; flex-direction: column; padding-top: 36px; } .homeSectionListBlock .eachHomeIconBlock .description { font-size: 20px; } } @media screen and (max-width: 820px) { .homeInnerImage .bannerImage { height: 240px; top: 148px; left: 155px; } } @media screen and (max-width: 700px) { .eachSection.homeSection:before { width: calc(100vw - 20vw); } } @media screen and (max-width: 640px) { .homeInnerBlock h1 { font-size: 1.5em; line-height: 1.4; max-width: 295px; } .homeInnerBlock .bannerTextAmount { font-size: 1.875em; } .eachSection.homeSection { min-height: 700px; } .homeInnerImage .bannerImage { height: 183px; top: 80px; left: 229px; } h1.centeredHeader, h2.centeredHeader { font-size: 1.5rem; line-height: 36px; text-align: center; } .eachSection h1.centeredHeader, .eachSection h2.centeredHeader { font-size: 1.5rem; line-height: 36px; text-align: center; } .eachSection h1.bannerHeading { text-align: left; } .eachSection.homeSection { min-height: 600px; } .homeSectionListBlock .eachHomeIconBlock .icon { width: 24px; height: 24px; } .homeSectionListBlock .eachHomeIconBlock .icon img { height: 16px; } .homeSectionListBlock .eachHomeIconBlock .description { font-size: 16px; } } @media screen and (max-width: 640px) { .homeInnerBlock { max-width: calc(100vw - 29vw); padding: 15px 30px 15px 23px; } .homeInnerBlock h1 { max-width: 296px; } } @media screen and (max-width: 520px) { .eachSection.homeSection { min-height: 540px; } .eachSection.homeSection::before { height: 560px; } .homeInnerImage .bannerImage { height: 150px; top: 50px; left: 240px; } .homeInnerBlock h1 { padding-top: 40px; } .homeInnerBlock .btn.downloadBtnMainSection { position: relative; /* or absolute */ z-index: 9999; margin: 50px auto 0; display: block; max-width: 150px; font-size: 14px; left: 20px; } } @media screen and (max-width: 359px) { .eachSection.homeSection:before { width: calc(100vw - 10vw); } .homeInnerImage .bannerImage { top: 80px; left: 280px; } .homeInnerBlock h1 { padding-top: 40px; } } .creditScorePageSection .creditScoreHomeSection { padding: 90px 0 0px; background-color: #FFF; } .creditScorePageSection .descriptionMainSection { display: flex; padding: 80px 0px; flex-direction: column; align-items: center; gap: 56px; align-self: stretch; } .creditScorePageSection .descriptionMainSection .bodySection { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 24px; } .creditScorePageSection .descriptionMainSection .bodySection .descriptionBlock { display: flex; max-width: 854px; flex-direction: column; gap: 36px; align-items: center; } .creditScorePageSection .descriptionMainSection .bodySection .descriptionBlock .line1 { color: #5F6368; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .creditScorePageSection .benefitsMainSection { background: var(--Neutral-Neutral-50, #F8FAFC); display: flex; padding: 80px; flex-direction: column; justify-content: center; align-items: center; gap: 56px; align-self: stretch; display: flex; flex-direction: column; align-items: center; gap: 36px; } .creditScorePageSection .benefitsMainSection .bodySection .cardsSection { display: grid; grid-template-columns: repeat(4, 1fr); place-items: center; gap: 32px; } .creditScorePageSection .benefitsMainSection .bodySection .cardsSection .eachBlock { width: 208px; display: flex; height: 176px; padding: 36px; flex-direction: column; align-items: flex-start; gap: 24px; flex: 1 0 0; border-radius: 10px; background: #FFF; box-shadow: 0px 40px 80px 0px rgba(0, 0, 0, 0.04); } .creditScorePageSection .benefitsMainSection .bodySection .cardsSection .eachBlock .heading { color: #2D3566; font-size: 19px; font-style: normal; font-weight: 500; line-height: 28px; /* 147.368% */ } .creditScorePageSection .benefitsMainSection .bodySection .cardsSection .eachBlock .description { color: #747A9F; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ } .creditScorePageSection .tipsMainSection { display: flex; padding: 80px; flex-direction: column; align-items: center; gap: 36px; align-self: stretch; background: #FFF; } .creditScorePageSection .tipsMainSection .cardsSection { display: grid; grid-template-columns: repeat(4, 1fr); place-items: center; padding: 80px; justify-content: space-between; align-items: flex-start; align-self: stretch; border-radius: 10px; background: #FFF; box-shadow: 0px 40px 80px 0px rgba(0, 0, 0, 0.04); } .creditScorePageSection .tipsMainSection .cardsSection .eachBlock { display: flex; width: 220px; flex-direction: column; justify-content: center; align-items: center; gap: 24px; } .creditScorePageSection .tipsMainSection .cardsSection .eachBlock .iconBlock { display: flex; width: 39px; height: 39px; padding: 13px 12.601px 12.6px 12.999px; justify-content: center; align-items: center; border-radius: 532.8px; background: var(--Error-Error-400, #F87171); margin: 0 auto; } .creditScorePageSection .tipsMainSection .cardsSection .eachBlock .description { color: #2D3566; text-align: center; font-size: 19px; font-style: normal; font-weight: 500; line-height: 28px; /* 147.368% */ max-width: 184px; } .creditScorePageSection .downloadSection { display: flex; padding: 80px 0px; flex-direction: column; justify-content: center; align-items: center; gap: 36px; align-self: stretch; background: var(--Neutral-Neutral-50, #F8FAFC); } .creditScorePageSection .downloadSection .headingSection { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 24px; } .creditScorePageSection .downloadSection .headingSection .description { color: #5F6368; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ } .creditScorePageSection .downloadSection .bodySection { display: grid; grid-template-columns: repeat(3, 1fr); place-items: center; } .creditScorePageSection .downloadSection .bodySection .eachBlock { display: flex; width: 184.35px; flex-direction: column; align-items: center; gap: 24px; } .creditScorePageSection .downloadSection .bodySection .eachBlock .heading { color: #2D3566; text-align: center; font-size: 22px; font-style: normal; font-weight: 500; line-height: 28px; /* 127.273% */ } .creditScorePageSection .downloadSection .bodySection .eachBlock .qrSection { display: flex; height: 120.353px; max-width: 384px; padding: 32px; flex-direction: column; justify-content: center; align-items: center; gap: 48px; align-self: stretch; border-radius: 10px; background: #FFF; box-shadow: 0px 40px 80px 0px rgba(0, 0, 0, 0.04), 0px 40px 80px 0px rgba(0, 0, 0, 0.04); } .creditScorePageSection .separatorLine { width: 1px; height: 144px; background: #E2E8F0; } .creditScorePageSection .creditScoreFaqSection { padding: 96px 0 100px; } .creditScorePageSection .creditScoreFaqSection:after { content: ''; top: 0px; left: 0; position: absolute; z-index: -1; width: 100%; height: 100%; background-color: #f7e8e7; } .creditScorePageSection .creditScoreFaqSection h2 { max-width: 1000px; margin: 0 auto; text-align: center; color: #002091; } .creditScorePageSection .benefitsTabs { position: relative; padding: 5px; margin: 0 0 8px; border-radius: 16px; box-shadow: 0px 4px 8px 0px rgba(77, 108, 217, 0.08); background-color: #fff; display: grid; grid-gap: 12px; } .creditScorePageSection .benefitsTabs li { position: relative; max-width: 100%; text-align: center; cursor: pointer; text-transform: none; font-size: 14px; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; display: flex; height: 20px; padding: 10px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; align-self: stretch; border-radius: 12px; } .creditScorePageSection .benefitsTabs li .label { color: #64748B; text-align: center; font-size: 14px; font-style: normal; font-weight: 500; line-height: 21px; /* 150% */ } .creditScorePageSection .benefitsTabs li.active { background-color: var(--primary-primary-400); font-weight: 500; background: #4d6cd9; font-family: 'Rubik', sans-serif; width: 138px; } .creditScorePageSection .benefitsTabs li.active .label { color: #fff !important; } .creditScorePageSection .benefitsTabsContainer { grid-template-columns: repeat(2, 1fr); max-width: 428px; } .comingSoonText { font-size: 11px; font-style: normal; font-weight: 500; line-height: normal; background: var(--Gradients-Grapefruit-Sunset, linear-gradient(102deg, #E96443 1.82%, #904E95 98.57%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: absolute; left: 146px; top: -1.5px; cursor: default; } @media screen and (max-width: 1300px) { .creditScorePageSection .benefitsMainSection .bodySection .cardsSection { grid-template-columns: repeat(2, 1fr); } } .faqBulletPoints span { position: relative; top: 2px; } @media screen and (max-width: 1200px) { .creditScorePageSection .descriptionMainSection h2, .creditScorePageSection .benefitsMainSection h2, .creditScorePageSection .tipsMainSection h2, .creditScorePageSection .downloadSection h2, .creditScorePageSection .creditScoreFaqSection h2 { font-size: 1.5rem; line-height: 36px; } .creditScorePageSection .benefitsMainSection { padding: 40px 16px; gap: 24px; } .creditScorePageSection .benefitsMainSection .bodySection .cardsSection .eachBlock { height: 160px; width: 160px; padding: 16px; gap: 12px; } .creditScorePageSection .benefitsMainSection .bodySection .cardsSection .eachBlock .heading { font-size: 16px; line-height: 24px; /* 150% */ } .creditScorePageSection .benefitsMainSection .bodySection .cardsSection .eachBlock .description { font-size: 13px; line-height: 20px; /* 153.846% */ } .creditScorePageSection .descriptionMainSection { padding: 40px 16px; gap: 8px; } .creditScorePageSection .descriptionMainSection .reportImgSection img { width: 248px; height: 171px; } .creditScorePageSection .descriptionMainSection .bodySection .descriptionBlock { gap: 16px; } .creditScorePageSection .descriptionMainSection .bodySection .descriptionBlock .line1 { font-size: 14px; line-height: 21px; /* 150% */ } .creditScorePageSection .tipsMainSection { padding: 40px 16px; gap: 24px; } .creditScorePageSection .tipsMainSection .cardsSection { grid-template-columns: repeat(2, 1fr); gap: 32px 0px; } .creditScorePageSection .tipsMainSection .cardsSection .eachBlock .description { font-size: 16px; line-height: 24px; max-width: 155px; } .creditScorePageSection .downloadSection { padding: 40px 16px; } .creditScorePageSection .downloadSection .headingSection .description { font-size: 14px; line-height: 21px; /* 150% */ } .creditScorePageSection .downloadSection .bodySection .eachBlock { gap: 16px; } .creditScorePageSection .downloadSection .bodySection .eachBlock .heading { font-size: 16px; line-height: 24px; /* 150% */ } } @media screen and (max-width: 1100px) { .creditScorePageSection .creditScoreFaqSection { padding: 40px 16px; } .creditScorePageSection .creditScoreFaqSection .eachSectionContent .faqList { padding-top: 16px; } .creditScorePageSection .creditScoreFaqSection .eachSectionContent .faqList .eachFaq { margin-bottom: 16px; } } @media screen and (max-width: 965px) { .comingSoonText { background: var(--Gradients-Back-to-earth, linear-gradient(102deg, #00C9FF 1.82%, #92FE9D 98.57%)); background-clip: text; top: 108px; } } @media screen and (max-width: 800px) { .creditScorePageSection .benefitsMainSection .bodySection .cardsSection { gap: 16px; } .creditScorePageSection .benefitsMainSection .bodySection .cardsSection .eachBlock { width: 124px; } .creditScorePageSection .tipsMainSection { padding: 40px 16px; gap: 24px; } .creditScorePageSection .tipsMainSection .cardsSection { padding: 40px 16px; gap: 40px; grid-template-columns: repeat(1, 1fr); } .creditScorePageSection .tipsMainSection .cardsSection .eachBlock { gap: 16px; width: 100%; } .creditScorePageSection .tipsMainSection .cardsSection .eachBlock .description { max-width: 100%; } .creditScorePageSection .benefitsTabs { grid-gap: 2px; } } @media screen and (max-width: 560px) { .creditScorePageSection .downloadSection .bodySection { grid-template-columns: repeat(1, 1fr); gap: 24px; } .creditScorePageSection .downloadSection .bodySection .eachBlock { gap: 12px; } .creditScorePageSection .downloadSection h2 { max-width: 328px; } .creditScorePageSection .separatorLine { width: 100%; height: 2px; } .creditScorePageSection .descriptionMainSection h2 { max-width: 328px; } .creditScorePageSection .tipsMainSection h2 { max-width: 328px; } .creditScorePageSection .benefitsMainSection h2 { max-width: 328px; } } @media screen and (max-width: 359px) { .descriptionMainSection .reportImgSection img { width: 177px; height: 120px; } }