[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)} /* Theme Name: Yellow Bricks Author: Media Beast Author URI: https://mediabeast.co.uk Description: Bespoke WordPress theme for Yellow Bricks Version: 2.0 Text Domain: yellowbricks */ :root { --color-neutral-00: 255 255 255; --color-neutral-10: 246 246 246; --color-neutral-20: 241 241 241; --color-neutral-30: 224 224 224; --color-neutral-40: 74 74 74; --color-neutral-50: 31 31 31; --color-neutral-60: 25 25 25; --color-neutral-100: 0 0 0; --color-primary-10: 255 200 37; --color-primary-20: 245 106 3; --color-primary-30: 239 68 143; --color-primary-40: 241 125 99; --header-height: 140px; --section-spacing-y: 150px; --author-card-width: 217px; } @media(max-width: 639px) { :root { --header-height: 120px; --section-spacing-y: 100px } } /* Fonts ------------------------------------------------------- */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(//yellowbricks.co.uk/wp-content/themes/yellowbricks/fonts/Inter-Regular.woff2) format('woff2'), url(//yellowbricks.co.uk/wp-content/themes/yellowbricks/fonts/Inter-Regular.woff2) format('woff'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(//yellowbricks.co.uk/wp-content/themes/yellowbricks/fonts/Inter-Medium.woff2) format('woff2'), url(//yellowbricks.co.uk/wp-content/themes/yellowbricks/fonts/Inter-Medium.woff) format('woff'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(//yellowbricks.co.uk/wp-content/themes/yellowbricks/fonts/Inter-SemiBold.woff2) format('woff2'), url(//yellowbricks.co.uk/wp-content/themes/yellowbricks/fonts/Inter-SemiBold.woff) format('woff'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(//yellowbricks.co.uk/wp-content/themes/yellowbricks/fonts/Inter-Bold.woff2) format('woff2'), url(//yellowbricks.co.uk/wp-content/themes/yellowbricks/fonts/Inter-Bold.woff) format('woff'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 900; font-display: swap; src: url(//yellowbricks.co.uk/wp-content/themes/yellowbricks/fonts/Inter-Black.woff2) format('woff2'), url(//yellowbricks.co.uk/wp-content/themes/yellowbricks/fonts/Inter-Black.woff) format('woff'); } @font-face { font-family: 'OffBit Trial'; src: url(//yellowbricks.co.uk/wp-content/themes/yellowbricks/fonts/OffBitTrial-Bold.woff2) format('woff2'), url(//yellowbricks.co.uk/wp-content/themes/yellowbricks/fonts/OffBitTrial-Bold.woff) format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Times Sans Serif'; src: url(//yellowbricks.co.uk/wp-content/themes/yellowbricks/fonts/TimesSansSerif.woff2) format('woff2'), url(//yellowbricks.co.uk/wp-content/themes/yellowbricks/fonts/TimesSansSerif.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; } /* Tailwind ------------------------------------------------------- */ /* ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: currentColor; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. */ html { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: Inter, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font family by default. 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden] { display: none; } body.home { --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-100) / var(--tw-bg-opacity)); } body { cursor: default; --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-00) / var(--tw-bg-opacity)); font-family: Inter, sans-serif; font-size: 16px; line-height: 1.375; --tw-text-opacity: 1; color: rgb(var(--color-neutral-100) / var(--tw-text-opacity)); } body *::-moz-selection { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-30) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--color-neutral-00) / var(--tw-text-opacity)); } body *::selection { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-30) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--color-neutral-00) / var(--tw-text-opacity)); } body::-moz-selection { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-30) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--color-neutral-00) / var(--tw-text-opacity)); } body::selection { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-30) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--color-neutral-00) / var(--tw-text-opacity)); } input { border-style: none; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px; } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .container { width: 100%; margin-right: auto; margin-left: auto; } @media (min-width: 1600px) { .container { max-width: 1600px; } } .container { width: 92%; max-width: 1446px; } .section { position: relative; display: flex; flex-direction: column; } .\!section { position: relative; display: flex; flex-direction: column; } .section:not(:first-child) { padding-top: 8rem; padding-bottom: 8rem; } @media (max-width: 767px) { .section:not(:first-child) { padding-top: 2.5rem; padding-bottom: 2.5rem; } } .\!section:not(:first-child) { padding-top: 8rem; padding-bottom: 8rem; } @media (max-width: 767px) { .\!section:not(:first-child) { padding-top: 2.5rem; padding-bottom: 2.5rem; } } .general-content { display: flex; flex-direction: column; gap: 1.5rem; font-size: 22px; line-height: 1.3; letter-spacing: -0.025em; --tw-text-opacity: 1; color: rgb(var(--color-neutral-40) / var(--tw-text-opacity)); } @media (max-width: 639px) { .general-content { gap: 1rem; font-size: 18px; line-height: 1.375; } } .general-content > * { text-align: left !important; } .general-content > *:first-child { margin-top: 0px; } .general-content h1,.general-content h2 { margin-top: 2.5rem; margin-bottom: 1.25rem; font-family: ivypresto-display, serif; font-size: 41px; font-weight: 400; font-style: italic; --tw-text-opacity: 1; color: rgb(var(--color-primary-30) / var(--tw-text-opacity)); } @media (max-width: 639px) { .general-content h1,.general-content h2 { margin-top: 1.5rem; margin-bottom: 0.75rem; font-size: 32px; line-height: 1.3; } } .general-content h1 strong, .general-content h2 strong { font-weight: 400; } .general-content p strong { --tw-text-opacity: 1; color: rgb(var(--color-neutral-100) / var(--tw-text-opacity)); } .general-content ul { display: flex; flex-direction: column; gap: 1.25rem; } @media (max-width: 639px) { .general-content ul { gap: 1rem; } } .general-content ul li { position: relative; padding-left: 2.75rem; } @media (max-width: 639px) { .general-content ul li { padding-left: 2.5rem; } } .general-content ul li:before { position: absolute; left: 0px; top: -0.25rem; font-size: 39px; font-weight: 500; --tw-text-opacity: 1; color: rgb(var(--color-primary-10) / var(--tw-text-opacity)); --tw-content: '*'; content: var(--tw-content); } .nav ul { display: flex; align-items: center; gap: 2.5rem; } @media (max-width: 1439px) { .nav ul { gap: 2rem; } } @media (max-width: 767px) { .nav ul { flex-direction: column; gap: 1.5rem; font-size: 18px; } } .nav ul li { font-weight: 700; } /*&.current-menu-item { a { @apply text-primary-30; } }*/ .nav ul li a { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: ease; } .nav ul li a:hover { --tw-text-opacity: 1; color: rgb(var(--color-primary-30) / var(--tw-text-opacity)); } .mobile-nav ul { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; gap: 1rem; } .mobile-nav ul li a { font-size: 20px; font-weight: 700; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: ease; } .mobile-nav ul li a:hover { --tw-text-opacity: 1; color: rgb(var(--color-primary-30) / var(--tw-text-opacity)); } .social-icons ul { display: flex; align-items: center; gap: 0.5rem; } .social-icons ul li a { display: flex; height: 50px; width: 50px; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(248 248 248 / var(--tw-bg-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: ease; } .social-icons ul li a:hover { --tw-text-opacity: 1; color: rgb(var(--color-primary-30) / var(--tw-text-opacity)); } .btn { position: relative; display: flex; height: 4rem; min-width: 258px; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: space-between; gap: 1rem; border-radius: 32px; padding-left: 2rem; padding-right: 2rem; font-size: 25px; font-weight: 700; letter-spacing: -0.025em; --tw-text-opacity: 1; color: rgb(var(--color-neutral-100) / var(--tw-text-opacity)); } .btn::before { position: absolute; top: 0.375rem; left: 0.25rem; height: 100%; width: 100%; border-radius: 32px; content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-30) / var(--tw-bg-opacity)); } .btn::after { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; border-radius: 32px; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(var(--color-neutral-100) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-00) / var(--tw-bg-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; content: var(--tw-content); transition-timing-function: ease; } .btn:hover::after { top: 0.375rem; content: var(--tw-content); left: 0.25rem; } @media (max-width: 1439px) { .btn { font-size: 20px; } } .btn span { position: relative; z-index: 10; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: ease; will-change: transform; } .btn__icon { --tw-text-opacity: 1; color: rgb(var(--color-primary-30) / var(--tw-text-opacity)); } .btn:hover span { transform: translate3d(4px, 6px, 0); } .btn--simple::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-50) / var(--tw-bg-opacity)); } .btn--simple .btn__icon { --tw-text-opacity: 1; color: rgb(var(--color-neutral-100) / var(--tw-text-opacity)); } .btn--big { height: 76px; border-radius: 38px; padding-left: 2rem; padding-right: 2rem; font-weight: 600; } .btn--big::before { content: var(--tw-content); border-radius: 38px; } .btn--big::after { content: var(--tw-content); border-radius: 38px; } .btn--no-icon { justify-content: center; } .btn--no-icon .btn__icon { display: none; } .btn--gf::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(196 29 102 / var(--tw-bg-opacity)); } .btn--02 { --tw-text-opacity: 1; color: rgb(var(--color-neutral-00) / var(--tw-text-opacity)); } .btn--02::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-100) / var(--tw-bg-opacity)); } .btn--02 .btn__icon { --tw-text-opacity: 1; color: rgb(var(--color-primary-10) / var(--tw-text-opacity)); } .btn--03 { --tw-text-opacity: 1; color: rgb(var(--color-neutral-100) / var(--tw-text-opacity)); } .btn--03::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-50) / var(--tw-bg-opacity)); } .btn--03::after { --tw-border-opacity: 1; border-color: rgb(var(--color-neutral-100) / var(--tw-border-opacity)); content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-30) / var(--tw-bg-opacity)); } .btn--03 .btn__icon { --tw-text-opacity: 1; color: rgb(var(--color-neutral-00) / var(--tw-text-opacity)); } .btn--04 { --tw-text-opacity: 1; color: rgb(var(--color-neutral-100) / var(--tw-text-opacity)); } .btn--04::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-50) / var(--tw-bg-opacity)); } .btn--04::after { --tw-border-opacity: 1; border-color: rgb(var(--color-neutral-100) / var(--tw-border-opacity)); content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-10) / var(--tw-bg-opacity)); } .btn--04 .btn__icon { --tw-text-opacity: 1; color: rgb(var(--color-neutral-100) / var(--tw-text-opacity)); } .btn--05 { --tw-text-opacity: 1; color: rgb(var(--color-neutral-00) / var(--tw-text-opacity)); } .btn--05::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-60) / var(--tw-bg-opacity)); } .btn--05::after { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-10) / var(--tw-border-opacity)); content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-100) / var(--tw-bg-opacity)); } .btn--05 .btn__icon { --tw-text-opacity: 1; color: rgb(var(--color-neutral-00) / var(--tw-text-opacity)); } .btn--06::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-100) / var(--tw-bg-opacity)); } .btn--07 { --tw-text-opacity: 1; color: rgb(var(--color-neutral-00) / var(--tw-text-opacity)); } .btn--07::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-50) / var(--tw-bg-opacity)); } .btn--07::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-30) / var(--tw-bg-opacity)); } .btn--07 .btn__icon { --tw-text-opacity: 1; color: rgb(var(--color-neutral-00) / var(--tw-text-opacity)); } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .not-sr-only { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; } .pointer-events-none { pointer-events: none; } .pointer-events-auto { pointer-events: auto; } .visible { visibility: visible; } .\!visible { visibility: visible !important; } .invisible { visibility: hidden; } .collapse { visibility: collapse; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .-inset-1 { top: -0.25rem; right: -0.25rem; bottom: -0.25rem; left: -0.25rem; } .top-0 { top: 0px; } .right-0 { right: 0px; } .bottom-0 { bottom: 0px; } .left-0 { left: 0px; } .top-\[calc\(100\%_-_30px\)\] { top: calc(100% - 30px); } .top-6 { top: 1.5rem; } .left-8 { left: 2rem; } .top-\[140px\] { top: 140px; } .-right-\[35px\] { right: -35px; } .left-4 { left: 1rem; } .top-4 { top: 1rem; } .-top-10 { top: -2.5rem; } .right-5 { right: 1.25rem; } .-top-px { top: -1px; } .-top-0\.5 { top: -0.125rem; } .-top-0 { top: -0px; } .right-8 { right: 2rem; } .-right-4 { right: -1rem; } .-left-3 { left: -0.75rem; } .-top-14 { top: -3.5rem; } .top-\[105px\] { top: 105px; } .-right-3 { right: -0.75rem; } .left-20 { left: 5rem; } .bottom-12 { bottom: 3rem; } .-right-5 { right: -1.25rem; } .top-8 { top: 2rem; } .-bottom-2 { bottom: -0.5rem; } .-top-9 { top: -2.25rem; } .-left-20 { left: -5rem; } .top-44 { top: 11rem; } .top-20 { top: 5rem; } .-bottom-20 { bottom: -5rem; } .left-6 { left: 1.5rem; } .bottom-7 { bottom: 1.75rem; } .right-6 { right: 1.5rem; } .right-2 { right: 0.5rem; } .-top-24 { top: -6rem; } .-right-20 { right: -5rem; } .-top-44 { top: -11rem; } .top-3 { top: 0.75rem; } .-right-0\.5 { right: -0.125rem; } .-bottom-0\.5 { bottom: -0.125rem; } .-left-0\.5 { left: -0.125rem; } .-right-0 { right: -0px; } .-bottom-0 { bottom: -0px; } .-left-0 { left: -0px; } .top-1\.5 { top: 0.375rem; } .top-1 { top: 0.25rem; } .bottom-4 { bottom: 1rem; } .top-1\/2 { top: 50%; } .right-36 { right: 9rem; } .isolate { isolation: isolate; } .isolation-auto { isolation: auto; } .z-50 { z-index: 50; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .-z-10 { z-index: -10; } .order-2 { order: 2; } .order-1 { order: 1; } .float-right { float: right; } .float-left { float: left; } .float-none { float: none; } .clear-left { clear: left; } .clear-right { clear: right; } .clear-both { clear: both; } .clear-none { clear: none; } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .mx-auto { margin-left: auto; margin-right: auto; } .ml-1 { margin-left: 0.25rem; } .mt-1\.5 { margin-top: 0.375rem; } .mt-1 { margin-top: 0.25rem; } .ml-4 { margin-left: 1rem; } .ml-2 { margin-left: 0.5rem; } .mb-20 { margin-bottom: 5rem; } .mt-auto { margin-top: auto; } .-ml-1 { margin-left: -0.25rem; } .mb-4 { margin-bottom: 1rem; } .mb-1 { margin-bottom: 0.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-10 { margin-top: 2.5rem; } .mb-auto { margin-bottom: auto; } .mb-3 { margin-bottom: 0.75rem; } .mb-5 { margin-bottom: 1.25rem; } .mt-0\.5 { margin-top: 0.125rem; } .mt-0 { margin-top: 0px; } .mt-4 { margin-top: 1rem; } .mt-14 { margin-top: 3.5rem; } .mb-16 { margin-bottom: 4rem; } .mt-9 { margin-top: 2.25rem; } .mt-8 { margin-top: 2rem; } .-ml-4 { margin-left: -1rem; } .-mr-\[200px\] { margin-right: -200px; } .mb-6 { margin-bottom: 1.5rem; } .-mt-4 { margin-top: -1rem; } .mt-2 { margin-top: 0.5rem; } .mt-3 { margin-top: 0.75rem; } .box-border { box-sizing: border-box; } .box-content { box-sizing: content-box; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .inline-table { display: inline-table; } .table-caption { display: table-caption; } .table-cell { display: table-cell; } .table-column { display: table-column; } .table-column-group { display: table-column-group; } .table-footer-group { display: table-footer-group; } .table-header-group { display: table-header-group; } .table-row-group { display: table-row-group; } .table-row { display: table-row; } .flow-root { display: flow-root; } .grid { display: grid; } .inline-grid { display: inline-grid; } .contents { display: contents; } .list-item { display: list-item; } .hidden { display: none; } .\!hidden { display: none !important; } .aspect-\[5\/3\.25\] { aspect-ratio: 5/3.25; } .aspect-\[2\/2\.5\] { aspect-ratio: 2/2.5; } .aspect-video { aspect-ratio: 16 / 9; } .h-\[29px\] { height: 29px; } .h-\[var\(--header-height\)\] { height: var(--header-height); } .h-\[63px\] { height: 63px; } .h-\[50px\] { height: 50px; } .h-4 { height: 1rem; } .h-\[16px\] { height: 16px; } .h-full { height: 100%; } .h-\[70px\] { height: 70px; } .h-auto { height: auto; } .h-\[131px\] { height: 131px; } .h-\[27px\] { height: 27px; } .h-5 { height: 1.25rem; } .h-10 { height: 2.5rem; } .h-7 { height: 1.75rem; } .h-\[180px\] { height: 180px; } .h-\[28px\] { height: 28px; } .h-\[30px\] { height: 30px; } .h-\[392px\] { height: 392px; } .h-\[160px\] { height: 160px; } .h-\[230px\] { height: 230px; } .h-\[308px\] { height: 308px; } .h-\[441px\] { height: 441px; } .h-\[480px\] { height: 480px; } .h-\[234px\] { height: 234px; } .h-\[202px\] { height: 202px; } .h-12 { height: 3rem; } .h-6 { height: 1.5rem; } .h-\[359px\] { height: 359px; } .h-\[162px\] { height: 162px; } .h-\[615px\] { height: 615px; } .h-16 { height: 4rem; } .h-\[350px\] { height: 350px; } .h-20 { height: 5rem; } .max-h-\[50px\] { max-height: 50px; } .min-h-\[600px\] { min-height: 600px; } .min-h-\[223px\] { min-height: 223px; } .min-h-\[calc\(100\%_-_3rem\)\] { min-height: calc(100% - 3rem); } .min-h-screen { min-height: 100vh; } .min-h-\[765px\] { min-height: 765px; } .w-auto { width: auto; } .w-\[50px\] { width: 50px; } .w-full { width: 100%; } .w-4 { width: 1rem; } .w-\[calc\(50\%_-_60px\)\] { width: calc(50% - 60px); } .w-\[70px\] { width: 70px; } .w-\[677px\] { width: 677px; } .w-\[var\(--author-card-width\)\] { width: var(--author-card-width); } .w-\[131px\] { width: 131px; } .w-\[27px\] { width: 27px; } .w-3 { width: 0.75rem; } .w-5 { width: 1.25rem; } .w-\[133px\] { width: 133px; } .w-\[121px\] { width: 121px; } .w-10 { width: 2.5rem; } .w-7 { width: 1.75rem; } .w-\[42px\] { width: 42px; } .w-\[30px\] { width: 30px; } .w-\[600px\] { width: 600px; } .w-\[392px\] { width: 392px; } .w-\[160px\] { width: 160px; } .w-\[230px\] { width: 230px; } .w-\[308px\] { width: 308px; } .w-\[760px\] { width: 760px; } .w-\[352px\] { width: 352px; } .w-\[650px\] { width: 650px; } .w-\[383px\] { width: 383px; } .w-\[187px\] { width: 187px; } .w-\[161px\] { width: 161px; } .w-6 { width: 1.5rem; } .\!w-\[460px\] { width: 460px !important; } .w-\[434px\] { width: 434px; } .w-\[calc\(var\(--container-window-gap\)_-_546px\)\] { width: calc(var(--container-window-gap) - 546px); } .w-\[350px\] { width: 350px; } .w-20 { width: 5rem; } .min-w-\[auto\] { min-width: auto; } .min-w-\[458px\] { min-width: 458px; } .min-w-\[213px\] { min-width: 213px; } .max-w-\[700px\] { max-width: 700px; } .max-w-\[250px\] { max-width: 250px; } .max-w-\[900px\] { max-width: 900px; } .max-w-\[26px\] { max-width: 26px; } .max-w-\[calc\(50\%_-_60px\)\] { max-width: calc(50% - 60px); } .max-w-\[1200px\] { max-width: 1200px; } .max-w-\[1045px\] { max-width: 1045px; } .max-w-\[825px\] { max-width: 825px; } .max-w-\[385px\] { max-width: 385px; } .max-w-\[640px\] { max-width: 640px; } .max-w-\[1075px\] { max-width: 1075px; } .max-w-\[630px\] { max-width: 630px; } .max-w-\[606px\] { max-width: 606px; } .max-w-\[740px\] { max-width: 740px; } .flex-shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .table-auto { table-layout: auto; } .table-fixed { table-layout: fixed; } .border-collapse { border-collapse: collapse; } .border-separate { border-collapse: separate; } .translate-y-4 { --tw-translate-y: 1rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-75 { --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-50 { --tw-scale-x: .5; --tw-scale-y: .5; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\!transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .transform-cpu { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform-gpu { transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform-none { transform: none; } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-40px); } } .animate-float { animation: float 10s ease-in-out infinite; } .cursor-pointer { cursor: pointer; } .touch-auto { touch-action: auto; } .touch-none { touch-action: none; } .touch-pan-x { --tw-pan-x: pan-x; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-left { --tw-pan-x: pan-left; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-right { --tw-pan-x: pan-right; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-y { --tw-pan-y: pan-y; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-up { --tw-pan-y: pan-up; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-down { --tw-pan-y: pan-down; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pinch-zoom { --tw-pinch-zoom: pinch-zoom; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-manipulation { touch-action: manipulation; } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .select-text { -webkit-user-select: text; -moz-user-select: text; user-select: text; } .select-all { -webkit-user-select: all; -moz-user-select: all; user-select: all; } .select-auto { -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; } .resize-none { resize: none; } .resize-y { resize: vertical; } .resize-x { resize: horizontal; } .resize { resize: both; } .snap-none { scroll-snap-type: none; } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-y { scroll-snap-type: y var(--tw-scroll-snap-strictness); } .snap-both { scroll-snap-type: both var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-proximity { --tw-scroll-snap-strictness: proximity; } .snap-start { scroll-snap-align: start; } .snap-end { scroll-snap-align: end; } .snap-center { scroll-snap-align: center; } .snap-align-none { scroll-snap-align: none; } .snap-normal { scroll-snap-stop: normal; } .snap-always { scroll-snap-stop: always; } .list-inside { list-style-position: inside; } .list-outside { list-style-position: outside; } .appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .break-before-auto { -moz-column-break-before: auto; break-before: auto; } .break-before-avoid { -moz-column-break-before: avoid; break-before: avoid; } .break-before-all { -moz-column-break-before: all; break-before: all; } .break-before-avoid-page { -moz-column-break-before: avoid; break-before: avoid-page; } .break-before-page { -moz-column-break-before: page; break-before: page; } .break-before-left { -moz-column-break-before: left; break-before: left; } .break-before-right { -moz-column-break-before: right; break-before: right; } .break-before-column { -moz-column-break-before: column; break-before: column; } .break-inside-auto { -moz-column-break-inside: auto; break-inside: auto; } .break-inside-avoid { -moz-column-break-inside: avoid; break-inside: avoid; } .break-inside-avoid-page { break-inside: avoid-page; } .break-inside-avoid-column { -moz-column-break-inside: avoid; break-inside: avoid-column; } .break-after-auto { -moz-column-break-after: auto; break-after: auto; } .break-after-avoid { -moz-column-break-after: avoid; break-after: avoid; } .break-after-all { -moz-column-break-after: all; break-after: all; } .break-after-avoid-page { -moz-column-break-after: avoid; break-after: avoid-page; } .break-after-page { -moz-column-break-after: page; break-after: page; } .break-after-left { -moz-column-break-after: left; break-after: left; } .break-after-right { -moz-column-break-after: right; break-after: right; } .break-after-column { -moz-column-break-after: column; break-after: column; } .grid-flow-row { grid-auto-flow: row; } .grid-flow-col { grid-auto-flow: column; } .grid-flow-dense { grid-auto-flow: dense; } .grid-flow-row-dense { grid-auto-flow: row dense; } .grid-flow-col-dense { grid-auto-flow: column dense; } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .flex-wrap-reverse { flex-wrap: wrap-reverse; } .flex-nowrap { flex-wrap: nowrap; } .place-content-center { place-content: center; } .place-content-start { place-content: start; } .place-content-end { place-content: end; } .place-content-between { place-content: space-between; } .place-content-around { place-content: space-around; } .place-content-evenly { place-content: space-evenly; } .place-content-baseline { place-content: baseline; } .place-content-stretch { place-content: stretch; } .place-items-start { place-items: start; } .place-items-end { place-items: end; } .place-items-center { place-items: center; } .place-items-baseline { place-items: baseline; } .place-items-stretch { place-items: stretch; } .content-center { align-content: center; } .content-start { align-content: flex-start; } .content-end { align-content: flex-end; } .content-between { align-content: space-between; } .content-around { align-content: space-around; } .content-evenly { align-content: space-evenly; } .content-baseline { align-content: baseline; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-baseline { align-items: baseline; } .items-stretch { align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .justify-evenly { justify-content: space-evenly; } .justify-items-start { justify-items: start; } .justify-items-end { justify-items: end; } .justify-items-center { justify-items: center; } .justify-items-stretch { justify-items: stretch; } .gap-14 { gap: 3.5rem; } .gap-5 { gap: 1.25rem; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-2 { gap: 0.5rem; } .gap-3\.5 { gap: 0.875rem; } .gap-3 { gap: 0.75rem; } .gap-12 { gap: 3rem; } .gap-0 { gap: 0px; } .gap-6 { gap: 1.5rem; } .gap-9 { gap: 2.25rem; } .gap-10 { gap: 2.5rem; } .gap-4 { gap: 1rem; } .gap-2\.5 { gap: 0.625rem; } .gap-7 { gap: 1.75rem; } .gap-8 { gap: 2rem; } .gap-24 { gap: 6rem; } .gap-28 { gap: 7rem; } .gap-\[26px\] { gap: 26px; } .gap-20 { gap: 5rem; } .gap-16 { gap: 4rem; } .gap-x-9 { -moz-column-gap: 2.25rem; column-gap: 2.25rem; } .gap-y-10 { row-gap: 2.5rem; } .space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 1; } .space-x-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; } .divide-x > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-y-reverse > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 1; } .divide-x-reverse > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 1; } .divide-solid > :not([hidden]) ~ :not([hidden]) { border-style: solid; } .divide-dashed > :not([hidden]) ~ :not([hidden]) { border-style: dashed; } .divide-dotted > :not([hidden]) ~ :not([hidden]) { border-style: dotted; } .divide-double > :not([hidden]) ~ :not([hidden]) { border-style: double; } .divide-none > :not([hidden]) ~ :not([hidden]) { border-style: none; } .place-self-auto { place-self: auto; } .place-self-start { place-self: start; } .place-self-end { place-self: end; } .place-self-center { place-self: center; } .place-self-stretch { place-self: stretch; } .self-auto { align-self: auto; } .self-start { align-self: flex-start; } .self-end { align-self: flex-end; } .self-center { align-self: center; } .self-stretch { align-self: stretch; } .self-baseline { align-self: baseline; } .justify-self-auto { justify-self: auto; } .justify-self-start { justify-self: start; } .justify-self-end { justify-self: end; } .justify-self-center { justify-self: center; } .justify-self-stretch { justify-self: stretch; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-clip { overflow: clip; } .overflow-visible { overflow: visible; } .overflow-scroll { overflow: scroll; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-x-clip { overflow-x: clip; } .overflow-y-clip { overflow-y: clip; } .overflow-x-visible { overflow-x: visible; } .overflow-y-visible { overflow-y: visible; } .overflow-x-scroll { overflow-x: scroll; } .overflow-y-scroll { overflow-y: scroll; } .overscroll-auto { overscroll-behavior: auto; } .overscroll-contain { overscroll-behavior: contain; } .overscroll-none { overscroll-behavior: none; } .overscroll-y-auto { overscroll-behavior-y: auto; } .overscroll-y-contain { overscroll-behavior-y: contain; } .overscroll-y-none { overscroll-behavior-y: none; } .overscroll-x-auto { overscroll-behavior-x: auto; } .overscroll-x-contain { overscroll-behavior-x: contain; } .overscroll-x-none { overscroll-behavior-x: none; } .scroll-auto { scroll-behavior: auto; } .scroll-smooth { scroll-behavior: smooth; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-ellipsis { text-overflow: ellipsis; } .text-ellipsis { text-overflow: ellipsis; } .text-clip { text-overflow: clip; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .break-normal { overflow-wrap: normal; word-break: normal; } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .break-keep { word-break: keep-all; } .rounded-lg { border-radius: 32px; } .rounded-\[14px\] { border-radius: 14px; } .rounded-full { border-radius: 9999px; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[15px\] { border-radius: 15px; } .rounded { border-radius: 6px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[40px\] { border-radius: 40px; } .rounded-\[25px\] { border-radius: 25px; } .rounded-\[24px\] { border-radius: 24px; } .rounded-\[36px\] { border-radius: 36px; } .rounded-b-lg { border-bottom-right-radius: 32px; border-bottom-left-radius: 32px; } .rounded-t-xl { border-top-left-radius: 90px; border-top-right-radius: 90px; } .rounded-t { border-top-left-radius: 6px; border-top-right-radius: 6px; } .rounded-r { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .rounded-b { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .rounded-l { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .rounded-br-xl { border-bottom-right-radius: 90px; } .rounded-bl-xl { border-bottom-left-radius: 90px; } .rounded-tl-\[90px\] { border-top-left-radius: 90px; } .rounded-tl { border-top-left-radius: 6px; } .rounded-tr { border-top-right-radius: 6px; } .rounded-br { border-bottom-right-radius: 6px; } .rounded-bl { border-bottom-left-radius: 6px; } .border { border-width: 1px; } .border-2 { border-width: 2px; } .border-x { border-left-width: 1px; border-right-width: 1px; } .border-y { border-top-width: 1px; border-bottom-width: 1px; } .border-b { border-bottom-width: 1px; } .border-t { border-top-width: 1px; } .border-l { border-left-width: 1px; } .border-r { border-right-width: 1px; } .border-solid { border-style: solid; } .border-dashed { border-style: dashed; } .border-dotted { border-style: dotted; } .border-double { border-style: double; } .border-hidden { border-style: hidden; } .border-none { border-style: none; } .border-neutral-30 { --tw-border-opacity: 1; border-color: rgb(var(--color-neutral-30) / var(--tw-border-opacity)); } .border-white { --tw-border-opacity: 1; border-color: rgb(var(--color-neutral-00) / var(--tw-border-opacity)); } .border-black { --tw-border-opacity: 1; border-color: rgb(var(--color-neutral-100) / var(--tw-border-opacity)); } .border-\[\#979797\] { --tw-border-opacity: 1; border-color: rgb(151 151 151 / var(--tw-border-opacity)); } .border-neutral-50 { --tw-border-opacity: 1; border-color: rgb(var(--color-neutral-50) / var(--tw-border-opacity)); } .border-neutral-30\/30 { border-color: rgb(var(--color-neutral-30) / 0.3); } .border-transparent { border-color: transparent; } .border-\[\#212121\] { --tw-border-opacity: 1; border-color: rgb(33 33 33 / var(--tw-border-opacity)); } .border-neutral-40 { --tw-border-opacity: 1; border-color: rgb(var(--color-neutral-40) / var(--tw-border-opacity)); } .border-\[\#2C2C2C\] { --tw-border-opacity: 1; border-color: rgb(44 44 44 / var(--tw-border-opacity)); } .border-primary-10 { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-10) / var(--tw-border-opacity)); } .border-b-neutral-40 { --tw-border-opacity: 1; border-bottom-color: rgb(var(--color-neutral-40) / var(--tw-border-opacity)); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-100) / var(--tw-bg-opacity)); } .bg-transparent { background-color: transparent; } .bg-white { --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-00) / var(--tw-bg-opacity)); } .bg-primary-30 { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-30) / var(--tw-bg-opacity)); } .bg-\[\#d8d8d8\] { --tw-bg-opacity: 1; background-color: rgb(216 216 216 / var(--tw-bg-opacity)); } .bg-black\/20 { background-color: rgb(var(--color-neutral-100) / 0.2); } .bg-primary-10 { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-10) / var(--tw-bg-opacity)); } .bg-neutral-30 { --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-30) / var(--tw-bg-opacity)); } .bg-neutral-50 { --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-50) / var(--tw-bg-opacity)); } .bg-neutral-60\/90 { background-color: rgb(var(--color-neutral-60) / 0.9); } .bg-black\/60 { background-color: rgb(var(--color-neutral-100) / 0.6); } .bg-neutral-60 { --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-60) / var(--tw-bg-opacity)); } .bg-\[\#222221\] { --tw-bg-opacity: 1; background-color: rgb(34 34 33 / var(--tw-bg-opacity)); } .bg-\[rgb\(255\2c 0\2c 0\)\] { --tw-bg-opacity: 1; background-color: rgb(255 0 0 / var(--tw-bg-opacity)); } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .from-\[\#fafafa\] { --tw-gradient-from: #fafafa; --tw-gradient-to: rgb(250 250 250 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-primary-30 { --tw-gradient-from: rgb(var(--color-primary-30) / 1); --tw-gradient-to: rgb(var(--color-primary-30) / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-\[\#fdfdfd\] { --tw-gradient-to: #fdfdfd; } .to-primary-20 { --tw-gradient-to: rgb(var(--color-primary-20) / 1); } .decoration-slice { -webkit-box-decoration-break: slice; box-decoration-break: slice; } .decoration-clone { -webkit-box-decoration-break: clone; box-decoration-break: clone; } .box-decoration-slice { -webkit-box-decoration-break: slice; box-decoration-break: slice; } .box-decoration-clone { -webkit-box-decoration-break: clone; box-decoration-break: clone; } .bg-fixed { background-attachment: fixed; } .bg-local { background-attachment: local; } .bg-scroll { background-attachment: scroll; } .bg-clip-border { background-clip: border-box; } .bg-clip-padding { background-clip: padding-box; } .bg-clip-content { background-clip: content-box; } .bg-clip-text { -webkit-background-clip: text; background-clip: text; } .bg-repeat { background-repeat: repeat; } .bg-no-repeat { background-repeat: no-repeat; } .bg-repeat-x { background-repeat: repeat-x; } .bg-repeat-y { background-repeat: repeat-y; } .bg-repeat-round { background-repeat: round; } .bg-repeat-space { background-repeat: space; } .bg-origin-border { background-origin: border-box; } .bg-origin-padding { background-origin: padding-box; } .bg-origin-content { background-origin: content-box; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .object-fill { -o-object-fit: fill; object-fit: fill; } .object-none { -o-object-fit: none; object-fit: none; } .object-scale-down { -o-object-fit: scale-down; object-fit: scale-down; } .p-10 { padding: 2.5rem; } .p-8 { padding: 2rem; } .p-14 { padding: 3.5rem; } .p-2\.5 { padding: 0.625rem; } .p-2 { padding: 0.5rem; } .p-\[9px\] { padding: 9px; } .p-7 { padding: 1.75rem; } .p-\[7px\] { padding: 7px; } .p-1\.5 { padding: 0.375rem; } .p-1 { padding: 0.25rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .py-20 { padding-top: 5rem; padding-bottom: 5rem; } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .\!py-10 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } .py-24 { padding-top: 6rem; padding-bottom: 6rem; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .pt-\[var\(--header-height\)\] { padding-top: var(--header-height); } .pb-40 { padding-bottom: 10rem; } .pt-\[180px\] { padding-top: 180px; } .pb-\[120px\] { padding-bottom: 120px; } .pl-12 { padding-left: 3rem; } .pl-10 { padding-left: 2.5rem; } .pr-2 { padding-right: 0.5rem; } .pt-16 { padding-top: 4rem; } .pb-20 { padding-bottom: 5rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-24 { padding-bottom: 6rem; } .pt-32 { padding-top: 8rem; } .pt-9 { padding-top: 2.25rem; } .pb-8 { padding-bottom: 2rem; } .pl-\[calc\(var\(--author-card-width\)_\+_20px\)\] { padding-left: calc(var(--author-card-width) + 20px); } .pt-24 { padding-top: 6rem; } .pt-20 { padding-top: 5rem; } .pt-\[calc\(var\(--header-height\)_\+_20px\)\] { padding-top: calc(var(--header-height) + 20px); } .pt-5 { padding-top: 1.25rem; } .pb-10 { padding-bottom: 2.5rem; } .pt-12 { padding-top: 3rem; } .pb-9 { padding-bottom: 2.25rem; } .\!pb-0 { padding-bottom: 0px !important; } .pb-\[240px\] { padding-bottom: 240px; } .\!pb-14 { padding-bottom: 3.5rem !important; } .pb-5 { padding-bottom: 1.25rem; } .pl-6 { padding-left: 1.5rem; } .pl-4 { padding-left: 1rem; } .pb-12 { padding-bottom: 3rem; } .pl-5 { padding-left: 1.25rem; } .pr-4 { padding-right: 1rem; } .pr-8 { padding-right: 2rem; } .pl-7 { padding-left: 1.75rem; } .pt-28 { padding-top: 7rem; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-start { text-align: start; } .text-end { text-align: end; } .align-baseline { vertical-align: baseline; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .align-bottom { vertical-align: bottom; } .align-text-top { vertical-align: text-top; } .align-text-bottom { vertical-align: text-bottom; } .align-sub { vertical-align: sub; } .align-super { vertical-align: super; } .font-serif { font-family: ivypresto-display, serif; } .font-display { font-family: OffBit Trial, sans-serif; } .font-lifft { font-family: Times Sans Serif, sans-serif; } .text-\[110px\] { font-size: 110px; } .text-md { font-size: 18px; line-height: 1.375; } .text-\[13px\] { font-size: 13px; } .text-\[29px\] { font-size: 29px; } .text-lg { font-size: 22px; line-height: 1.3; } .text-\[17px\] { font-size: 17px; } .text-\[55px\] { font-size: 55px; } .text-\[100px\] { font-size: 100px; } .text-\[22px\] { font-size: 22px; } .text-\[30px\] { font-size: 30px; } .text-\[84px\] { font-size: 84px; } .text-\[68px\] { font-size: 68px; } .text-\[36px\] { font-size: 36px; } .text-\[23px\] { font-size: 23px; } .text-sm { font-size: 14px; line-height: 1.43; } .text-base { font-size: 16px; line-height: 1.375; } .text-\[37px\] { font-size: 37px; } .text-\[25px\] { font-size: 25px; } .text-\[35px\] { font-size: 35px; } .text-\[15px\] { font-size: 15px; } .text-\[60px\] { font-size: 60px; } .text-\[18px\] { font-size: 18px; } .text-\[120px\] { font-size: 120px; } .text-\[42px\] { font-size: 42px; } .text-\[26px\] { font-size: 26px; } .text-\[50px\] { font-size: 50px; } .text-\[65px\] { font-size: 65px; } .text-\[172px\] { font-size: 172px; } .text-\[75px\] { font-size: 75px; } .text-\[72px\] { font-size: 72px; } .text-\[43px\] { font-size: 43px; } .text-\[410px\] { font-size: 410px; } .text-\[500px\] { font-size: 500px; } .text-\[82px\] { font-size: 82px; } .text-\[14px\] { font-size: 14px; } .text-\[83px\] { font-size: 83px; } .text-\[32px\] { font-size: 32px; } .font-semibold { font-weight: 600; } .font-medium { font-weight: 500; } .font-bold { font-weight: 700; } .font-normal { font-weight: 400; } .font-light { font-weight: 300; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .normal-case { text-transform: none; } .italic { font-style: italic; } .not-italic { font-style: normal; } .normal-nums { font-variant-numeric: normal; } .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .slashed-zero { --tw-slashed-zero: slashed-zero; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .lining-nums { --tw-numeric-figure: lining-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .oldstyle-nums { --tw-numeric-figure: oldstyle-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .proportional-nums { --tw-numeric-spacing: proportional-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .diagonal-fractions { --tw-numeric-fraction: diagonal-fractions; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .stacked-fractions { --tw-numeric-fraction: stacked-fractions; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .leading-\[0\.77\] { line-height: 0.77; } .leading-\[1\.25\] { line-height: 1.25; } .leading-\[1\.55\] { line-height: 1.55; } .leading-none { line-height: 1; } .leading-\[40px\] { line-height: 40px; } .leading-\[0\.85\] { line-height: 0.85; } .leading-\[1\.2\] { line-height: 1.2; } .leading-\[1\.3\] { line-height: 1.3; } .leading-\[1\.275\] { line-height: 1.275; } .leading { line-height: 1.375; } .leading-\[1\.1\] { line-height: 1.1; } .leading-\[22px\] { line-height: 22px; } .leading-\[30px\] { line-height: 30px; } .leading-\[1\.185\] { line-height: 1.185; } .leading-\[1\.05\] { line-height: 1.05; } .leading-\[0\.75\] { line-height: 0.75; } .leading-\[1\.085\] { line-height: 1.085; } .leading-\[0\.5\] { line-height: 0.5; } .tracking-tight { letter-spacing: -0.025em; } .tracking-tighter { letter-spacing: -0.05em; } .tracking-wide { letter-spacing: 0.025em; } .tracking-wider { letter-spacing: 0.05em; } .tracking-widest { letter-spacing: 0.1em; } .tracking-normal { letter-spacing: 0em; } .tracking-\[24px\] { letter-spacing: 24px; } .tracking-\[3px\] { letter-spacing: 3px; } .text-primary-30 { --tw-text-opacity: 1; color: rgb(var(--color-primary-30) / var(--tw-text-opacity)); } .text-primary-10 { --tw-text-opacity: 1; color: rgb(var(--color-primary-10) / var(--tw-text-opacity)); } .text-neutral-40 { --tw-text-opacity: 1; color: rgb(var(--color-neutral-40) / var(--tw-text-opacity)); } .text-primary-20 { --tw-text-opacity: 1; color: rgb(var(--color-primary-20) / var(--tw-text-opacity)); } .text-white { --tw-text-opacity: 1; color: rgb(var(--color-neutral-00) / var(--tw-text-opacity)); } .text-black { --tw-text-opacity: 1; color: rgb(var(--color-neutral-100) / var(--tw-text-opacity)); } .text-transparent { color: transparent; } .text-\[\#292D32\] { --tw-text-opacity: 1; color: rgb(41 45 50 / var(--tw-text-opacity)); } .text-neutral-60 { --tw-text-opacity: 1; color: rgb(var(--color-neutral-60) / var(--tw-text-opacity)); } .text-\[\#212121\] { --tw-text-opacity: 1; color: rgb(33 33 33 / var(--tw-text-opacity)); } .text-\[\#FFBD25\] { --tw-text-opacity: 1; color: rgb(255 189 37 / var(--tw-text-opacity)); } .text-\[\#5B5B5B\] { --tw-text-opacity: 1; color: rgb(91 91 91 / var(--tw-text-opacity)); } .text-inherit { color: inherit; } .text-\[\#336699\]\/\[\.35\] { color: rgb(51 102 153 / .35); } .underline { text-decoration-line: underline; } .overline { text-decoration-line: overline; } .line-through { text-decoration-line: line-through; } .no-underline { text-decoration-line: none; } .decoration-solid { text-decoration-style: solid; } .decoration-double { text-decoration-style: double; } .decoration-dotted { text-decoration-style: dotted; } .decoration-dashed { text-decoration-style: dashed; } .decoration-wavy { text-decoration-style: wavy; } .decoration-2 { text-decoration-thickness: 2px; } .underline-offset-8 { text-underline-offset: 8px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .subpixel-antialiased { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .opacity-0 { opacity: 0; } .opacity-70 { opacity: 0.7; } .opacity-20 { opacity: 0.2; } .opacity-40 { opacity: 0.4; } .bg-blend-normal { background-blend-mode: normal; } .bg-blend-multiply { background-blend-mode: multiply; } .bg-blend-screen { background-blend-mode: screen; } .bg-blend-overlay { background-blend-mode: overlay; } .bg-blend-darken { background-blend-mode: darken; } .bg-blend-lighten { background-blend-mode: lighten; } .bg-blend-color-dodge { background-blend-mode: color-dodge; } .bg-blend-color-burn { background-blend-mode: color-burn; } .bg-blend-hard-light { background-blend-mode: hard-light; } .bg-blend-soft-light { background-blend-mode: soft-light; } .bg-blend-difference { background-blend-mode: difference; } .bg-blend-exclusion { background-blend-mode: exclusion; } .bg-blend-hue { background-blend-mode: hue; } .bg-blend-saturation { background-blend-mode: saturation; } .bg-blend-color { background-blend-mode: color; } .bg-blend-luminosity { background-blend-mode: luminosity; } .mix-blend-normal { mix-blend-mode: normal; } .mix-blend-multiply { mix-blend-mode: multiply; } .mix-blend-screen { mix-blend-mode: screen; } .mix-blend-overlay { mix-blend-mode: overlay; } .mix-blend-darken { mix-blend-mode: darken; } .mix-blend-lighten { mix-blend-mode: lighten; } .mix-blend-color-dodge { mix-blend-mode: color-dodge; } .mix-blend-color-burn { mix-blend-mode: color-burn; } .mix-blend-hard-light { mix-blend-mode: hard-light; } .mix-blend-soft-light { mix-blend-mode: soft-light; } .mix-blend-difference { mix-blend-mode: difference; } .mix-blend-exclusion { mix-blend-mode: exclusion; } .mix-blend-hue { mix-blend-mode: hue; } .mix-blend-saturation { mix-blend-mode: saturation; } .mix-blend-color { mix-blend-mode: color; } .mix-blend-luminosity { mix-blend-mode: luminosity; } .mix-blend-plus-lighter { mix-blend-mode: plus-lighter; } .shadow-sm { --tw-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.09); --tw-shadow-colored: 0 2px 10px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_14px_75px_0_rgba\(0\2c 0\2c 0\2c 1\)\] { --tw-shadow: 0 14px 75px 0 rgba(0,0,0,1); --tw-shadow-colored: 0 14px 75px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_23px_0_rgba\(255\2c 200\2c 37\2c 0\)\] { --tw-shadow: 0 0 23px 0 rgba(255,200,37,0); --tw-shadow-colored: 0 0 23px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_7px_0_0_rgba\(239\2c 68\2c 143\2c 0\.39\)\] { --tw-shadow: 0 7px 0 0 rgba(239,68,143,0.39); --tw-shadow-colored: 0 7px 0 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .outline { outline-style: solid; } .outline-dashed { outline-style: dashed; } .outline-dotted { outline-style: dotted; } .outline-double { outline-style: double; } .ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-inset { --tw-ring-inset: inset; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow { --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .sepia { --tw-sepia: sepia(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .\!filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .filter-none { filter: none; } .backdrop-blur { --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-grayscale { --tw-backdrop-grayscale: grayscale(100%); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-invert { --tw-backdrop-invert: invert(100%); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-sepia { --tw-backdrop-sepia: sepia(100%); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-filter { -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-filter-none { -webkit-backdrop-filter: none; backdrop-filter: none; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .delay-0 { transition-delay: 0ms; } .duration-300 { transition-duration: 300ms; } .duration-400 { transition-duration: 400ms; } .duration-600 { transition-duration: 600ms; } .ease-ease { transition-timing-function: ease; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .will-change-transform { will-change: transform; } .content-\[\'this-is-also-valid\]-weirdly-enough\'\] { --tw-content: 'this-is-also-valid]-weirdly-enough'; content: var(--tw-content); } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } .line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .line-clamp-\[33\] { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 33; } .line-clamp-\[var\(--line-clamp-variable\)\] { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--line-clamp-variable); } .line-clamp-none { -webkit-line-clamp: unset; } .gradient-i { background: linear-gradient(to top left, #F56A03 0%, #EF448F 100%); } .border-gradient-i { background: linear-gradient(black, black) padding-box, linear-gradient(to top left, #F56A03 0%, #EF448F 100%) border-box; } .text-gradient-i { background: #F56A03; background: linear-gradient(to top left, #F56A03 0%, #EF448F 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .animate-delay-15 { animation-delay: 1.5s; } .animate-delay-25 { animation-delay: 2.5s; } .animate-delay-30 { animation-delay: 3s; } .line-clamp-helper { text-overflow: ellipsis; } .line-clamp-helper > p { display: inline; } /* Additional styles ------------------------------------------------------- */ .newsletter-signup { flex-grow: 1; } .newsletter-signup .gform_fields { display: flex; height: 4rem; align-items: stretch; gap: 1rem; } @media (max-width: 767px) { .newsletter-signup .gform_fields { height: auto; flex-direction: column; } } .newsletter-signup .gform-button { height: 100%; width: 100%; cursor: pointer; background-color: transparent; } @media (max-width: 767px) { .newsletter-signup .gform-button .btn { width: 100%; } } .newsletter-signup .gform_validation_errors { display: none; } .newsletter-signup .gfield:first-child { display: flex; flex-grow: 1; align-items: stretch; } .newsletter-signup .gfield:last-child { width: 253px; flex-shrink: 0; } @media (max-width: 767px) { .newsletter-signup .gfield:last-child { width: 100%; } } .newsletter-signup .gfield_label { display: none; } .newsletter-signup .gfield .ginput_container { position: relative; display: flex; height: 100%; width: 100%; align-items: stretch; border-radius: 32px; padding: 0.25rem; } .newsletter-signup .gfield .ginput_container::before { position: absolute; top: 0.375rem; left: 1.25rem; right: -0.125rem; height: 100%; border-radius: 32px; content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(196 29 102 / var(--tw-bg-opacity)); } .newsletter-signup .gfield .ginput_container::after { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; border-radius: 32px; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(var(--color-neutral-100) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-00) / var(--tw-bg-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; content: var(--tw-content); transition-timing-function: ease; } .newsletter-signup .gfield input { position: relative; z-index: 10; width: 100%; border-radius: 90px; padding-left: 2rem; padding-right: 2rem; font-family: Inter, sans-serif; font-size: 26px; font-weight: 700; letter-spacing: -0.025em; --tw-text-opacity: 1; color: rgb(var(--color-neutral-100) / var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: ease; } .newsletter-signup .gfield input::-moz-placeholder { --tw-text-opacity: 1; color: rgb(224 224 224 / var(--tw-text-opacity)); } .newsletter-signup .gfield input::placeholder { --tw-text-opacity: 1; color: rgb(224 224 224 / var(--tw-text-opacity)); } @media (max-width: 767px) { .newsletter-signup .gfield input { height: 3.5rem; } } .newsletter-signup .gfield_validation_message { display: none; } .newsletter-signup .gfield.gfield_error .ginput_container input::-moz-placeholder { --tw-text-opacity: 1; color: rgb(255 0 0 / var(--tw-text-opacity)); } .newsletter-signup .gfield.gfield_error .ginput_container input::placeholder { --tw-text-opacity: 1; color: rgb(255 0 0 / var(--tw-text-opacity)); } .newsletter-signup--alt .gform-button .btn { min-width: auto; } .newsletter-signup--alt .gfield:last-child { width: auto; } .newsletter-signup--alt .gfield .ginput_container::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-50) / var(--tw-bg-opacity)); } .newsletter-signup--alt .gfield input::-moz-placeholder { --tw-text-opacity: 1; color: rgb(163 163 163 / var(--tw-text-opacity)); } .newsletter-signup--alt .gfield input::placeholder { --tw-text-opacity: 1; color: rgb(163 163 163 / var(--tw-text-opacity)); } .logo-slider .swiper-slide { display: flex; height: 75px; width: auto !important; align-items: center; justify-content: center; } @media (max-width: 767px) { .logo-slider .swiper-slide { width: 100% !important; } } .logo-slider .swiper-slide img { height: 100%; width: auto; -o-object-fit: contain; object-fit: contain; } .logo-slider .swiper-slide.taller-img { height: 85px; } .logo-slider .swiper-slide.tallest-img { height: 100px; } .logo-slider .swiper-slide:last-child { margin-right: 0px !important; } .team-slider .swiper { padding-right: 1.5rem; } .team-slider .swiper-slide:nth-child(even) { margin-top: 4rem; } @media (max-width: 1439px) { .team-slider .swiper-slide:nth-child(even) { margin-top: 0px; } } .modal .gform_fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: 1.5rem; } .modal .gform-button, .modal .gform_button { display: inline-flex; align-self: flex-end; } .modal .gform-button .btn, .modal .gform_button .btn { height: 46px; width: 120px; min-width: auto; justify-content: center; border-radius: 10px; --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-10) / var(--tw-bg-opacity)); padding-left: 0px; padding-right: 0px; font-size: 16px; line-height: 1.375; text-transform: uppercase; letter-spacing: 0em; --tw-text-opacity: 1; color: rgb(var(--color-neutral-100) / var(--tw-text-opacity)); } .modal .gform-button .btn:before, .modal .gform-button .btn:after, .modal .gform-button .btn__icon, .modal .gform_button .btn:before, .modal .gform_button .btn:after, .modal .gform_button .btn__icon { display: none; } .modal .gform-button .btn:hover span, .modal .gform_button .btn:hover span { transform: none; } .modal .gform_validation_errors { display: none; } .modal .gform_confirmation_message { margin-top: 1.25rem; text-align: center; --tw-text-opacity: 1; color: rgb(var(--color-primary-10) / var(--tw-text-opacity)); } .modal .gfield { display: flex; flex-direction: column; gap: 0.375rem; font-size: 13px; line-height: 1.15; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .modal .gfield:not(.gfield--width-half) { grid-column: span 2 / span 2; } .modal .gfield.gform_validation_container { display: none; } .modal .gfield_label { font-size: 13px; font-weight: 500; --tw-text-opacity: 1; color: rgb(var(--color-primary-10) / var(--tw-text-opacity)); } .modal .gfield_required { padding-left: 1px; font-weight: 400; } .modal .gfield input { display: flex; height: 46px; width: 100%; align-items: center; border-radius: 10px; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(29 29 29 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(29 29 29 / var(--tw-bg-opacity)); padding-left: 1.25rem; padding-right: 1.25rem; font-family: Inter, sans-serif; font-size: 16px; line-height: 1.15; --tw-text-opacity: 1; color: rgb(var(--color-neutral-00) / var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: ease; } .modal .gfield input::-moz-placeholder { --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .modal .gfield input::placeholder { --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .modal .gfield input:focus { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-30) / var(--tw-border-opacity)); } .modal .gfield_validation_message { padding-top: 0.125rem; padding-left: 1.25rem; font-weight: 12px; --tw-text-opacity: 1; color: rgb(255 0 0 / var(--tw-text-opacity)); } .modal .gfield.gfield_error .ginput_container input { --tw-border-opacity: 1; border-color: rgb(255 0 0 / var(--tw-border-opacity)); } .nav-bars { position: relative; display: block; height: 3px; width: 1.5rem; --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-00) / var(--tw-bg-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 400ms; transition-timing-function: ease; } .nav-bars:before, .nav-bars:after { position: absolute; display: block; height: 3px; width: 1.5rem; --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-00) / var(--tw-bg-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 400ms; transition-timing-function: ease; --tw-content: ''; content: var(--tw-content); } .nav-bars:before { top: -7px; } .nav-bars:after { top: 7px; } .open .nav-bars { background-color: transparent !important; } .open .nav-bars:before, .open .nav-bars:after { top: 0px; transform-origin: center; --tw-bg-opacity: 1 !important; background-color: rgb(var(--color-neutral-00) / var(--tw-bg-opacity)) !important; } .open .nav-bars:before { --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .open .nav-bars:after { --tw-rotate: -45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .job-apply-form_wrapper .gform_required_legend { display: none; } .job-apply-form .gform_fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; -moz-column-gap: 1.5rem; column-gap: 1.5rem; row-gap: 2.5rem; } @media (max-width: 639px) { .job-apply-form .gform_fields { row-gap: 2rem; } .job-apply-form .gform-button, .job-apply-form .gform_button { width: 100%; } } .job-apply-form .gform-button .btn, .job-apply-form .gform_button .btn { min-width: 385px; } @media (max-width: 639px) { .job-apply-form .gform-button .btn, .job-apply-form .gform_button .btn { min-width: 100%; } } .job-apply-form .gform_validation_errors { display: none; } .job-apply-form .gform_confirmation_message { margin-top: 1.25rem; text-align: center; --tw-text-opacity: 1; color: rgb(var(--color-primary-10) / var(--tw-text-opacity)); } .job-apply-form .gform_fileupload_multifile { display: flex; min-height: 54px; width: 100%; align-items: center; border-bottom-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(var(--color-neutral-30) / var(--tw-border-opacity)); font-family: Inter, sans-serif; font-size: 25px; font-weight: 500; --tw-text-opacity: 1; color: rgb(var(--color-neutral-30) / var(--tw-text-opacity)); } @media (max-width: 639px) { .job-apply-form .gform_fileupload_multifile { font-size: 22px; line-height: 1.3; } } .job-apply-form .gform_fileupload_rules { margin-top: 0.25rem; } .job-apply-form .gform_footer { margin-top: 2rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(var(--color-neutral-30) / var(--tw-border-opacity)); padding-top: 2.5rem; } .job-apply-form .gfield { display: flex; flex-direction: column; gap: 0.375rem; font-size: 18px; line-height: 1.375; --tw-text-opacity: 1; color: rgb(var(--color-neutral-40) / var(--tw-text-opacity)); } .job-apply-form .gfield:not(.gfield--width-half) { grid-column: span 2 / span 2; } .job-apply-form .gfield.gform_validation_container { display: none; } .job-apply-form .gfield_label { font-weight: 700; --tw-text-opacity: 1; color: rgb(var(--color-primary-30) / var(--tw-text-opacity)); } .job-apply-form .gfield_required { display: none; } .job-apply-form .gfield_description { display: flex; padding-top: 0.5rem; font-size: 15px; } .job-apply-form .gfield input, .job-apply-form .gfield textarea { display: flex; height: 54px; width: 100%; align-items: center; border-bottom-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(var(--color-neutral-30) / var(--tw-border-opacity)); font-family: Inter, sans-serif; font-size: 25px; font-weight: 500; --tw-text-opacity: 1; color: rgb(var(--color-neutral-40) / var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: ease; } .job-apply-form .gfield input::-moz-placeholder, .job-apply-form .gfield textarea::-moz-placeholder { --tw-text-opacity: 1; color: rgb(var(--color-neutral-30) / var(--tw-text-opacity)); } .job-apply-form .gfield input::placeholder, .job-apply-form .gfield textarea::placeholder { --tw-text-opacity: 1; color: rgb(var(--color-neutral-30) / var(--tw-text-opacity)); } .job-apply-form .gfield input:focus, .job-apply-form .gfield textarea:focus { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-30) / var(--tw-border-opacity)); } @media (max-width: 639px) { .job-apply-form .gfield input, .job-apply-form .gfield textarea { font-size: 22px; line-height: 1.3; } } .job-apply-form .gfield textarea { resize: none; } .job-apply-form .gfield_validation_message { padding-top: 0.125rem; font-weight: 12px; --tw-text-opacity: 1; color: rgb(255 0 0 / var(--tw-text-opacity)); } .job-apply-form .gfield.gfield_error .ginput_container input { --tw-border-opacity: 1; border-color: rgb(255 0 0 / var(--tw-border-opacity)); } .job-apply-form .gfield_fileupload_filesize, .job-apply-form .gfield_fileupload_progress { display: none; } .job-apply-form .gfield_fileupload_filename { flex-grow: 1; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .job-apply-form .ginput_preview_list { margin-top: 1rem; display: flex; flex-direction: column; align-items: flex-start; gap: 0.625rem; } .job-apply-form .ginput_preview_list .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .job-apply-form .ginput_preview { position: relative; display: inline-flex; height: 58px; width: auto; align-items: center; justify-content: space-between; gap: 2.5rem; border-radius: 32px; --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-30) / var(--tw-bg-opacity)); padding-left: 1.5rem; padding-right: 1.5rem; font-size: 17px; font-weight: 600; letter-spacing: -0.025em; --tw-text-opacity: 1; color: rgb(var(--color-neutral-100) / var(--tw-text-opacity)); } @media (max-width: 639px) { .job-apply-form .ginput_preview { font-size: 16px; } } .job-apply-form .ginput_preview .gform_delete_file { flex-shrink: 0; } /* Third party ------------------------------------------------------- */ @media(min-width:1280px) { body:not(.fp-viewing-start) #header-logo, body:not(.fp-viewing-start) #header-nav-desktop { visibility: hidden; opacity: 0; transition-delay: 0ms; } body:not(.fp-viewing-start) #header-nav { background-color: transparent; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } body:not(.fp-viewing-start) #mobile-menu-trigger-wrapper { display: block; border-radius: 9999px; border-width: 4px; --tw-border-opacity: 1; border-color: rgb(var(--color-neutral-00) / var(--tw-border-opacity)); } } #fp-nav { display: flex; -webkit-user-select: none; -moz-user-select: none; user-select: none; border-radius: 32px; --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-00) / var(--tw-bg-opacity)); padding-top: 1rem; padding-bottom: 1rem; padding-left: 0.625rem; padding-right: 0.625rem; --tw-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.09); --tw-shadow-colored: 0 2px 10px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } #fp-nav ul li a span { --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-40) / var(--tw-bg-opacity)); } body.fp-viewing-start #fp-nav { display: none; } [data-aos="fade-up-sm"] { transform: translate3d(0, 40px, 0); } [data-aos="zoom-out"] { transform: scale(1.1); } [data-aos="zoom-in"] { transform: scale(.93); } [data-aos="f-out"] { opacity: 1; } [data-aos="f-out"].aos-animate { opacity: 0.2; } .gform_validation_container, .gform_ajax_spinner, .validation_error, .reset_variations, .gform_submission_error { display: none; } .shared-counts-wrap a { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: ease; } @media(max-width: 639px) { .shared-counts-wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; } .shared-counts-wrap a { width: 100%; padding: 0.875rem !important; } .shared-counts-wrap a.print { --tw-bg-opacity: 1 !important; background-color: rgb(var(--color-neutral-100) / var(--tw-bg-opacity)) !important; } .shared-counts-wrap a:first-child { border-bottom-left-radius: 0px !important; } .shared-counts-wrap a:nth-child(2) { border-top-right-radius: 5px; } .shared-counts-wrap a:last-child { grid-column: span 2 / span 2; border-bottom-left-radius: 5px !important; border-top-right-radius: 0px !important; } } .before\:absolute::before { content: var(--tw-content); position: absolute; } .before\:left-0\.5::before { content: var(--tw-content); left: 0.125rem; } .before\:top-1::before { content: var(--tw-content); top: 0.25rem; } .before\:left-0::before { content: var(--tw-content); left: 0px; } .before\:top-0::before { content: var(--tw-content); top: 0px; } .before\:bottom-0::before { content: var(--tw-content); bottom: 0px; } .before\:left-1::before { content: var(--tw-content); left: 0.25rem; } .before\:-top-3::before { content: var(--tw-content); top: -0.75rem; } .before\:-bottom-10::before { content: var(--tw-content); bottom: -2.5rem; } .before\:z-10::before { content: var(--tw-content); z-index: 10; } .before\:-z-10::before { content: var(--tw-content); z-index: -10; } .before\:-ml-5::before { content: var(--tw-content); margin-left: -1.25rem; } .before\:mr-auto::before { content: var(--tw-content); margin-right: auto; } .before\:h-full::before { content: var(--tw-content); height: 100%; } .before\:w-full::before { content: var(--tw-content); width: 100%; } .before\:w-32::before { content: var(--tw-content); width: 8rem; } .before\:w-\[313px\]::before { content: var(--tw-content); width: 313px; } .before\:-translate-x-1::before { content: var(--tw-content); --tw-translate-x: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .before\:-translate-y-1::before { content: var(--tw-content); --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .before\:rounded-\[14px\]::before { content: var(--tw-content); border-radius: 14px; } .before\:rounded-\[24px\]::before { content: var(--tw-content); border-radius: 24px; } .before\:bg-\[\#212121\]::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(33 33 33 / var(--tw-bg-opacity)); } .before\:bg-primary-30::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-30) / var(--tw-bg-opacity)); } .before\:bg-gradient-to-r::before { content: var(--tw-content); background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .before\:bg-pink-highlight::before { content: var(--tw-content); background-image: url(//yellowbricks.co.uk/wp-content/themes/yellowbricks/img/pink-highlight.svg); } .before\:from-black::before { content: var(--tw-content); --tw-gradient-from: rgb(var(--color-neutral-100) / 1); --tw-gradient-to: rgb(var(--color-neutral-100) / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .before\:to-transparent::before { content: var(--tw-content); --tw-gradient-to: transparent; } .before\:bg-contain::before { content: var(--tw-content); background-size: contain; } .before\:bg-no-repeat::before { content: var(--tw-content); background-repeat: no-repeat; } .before\:opacity-0::before { content: var(--tw-content); opacity: 0; } .before\:transition-all::before { content: var(--tw-content); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .before\:duration-400::before { content: var(--tw-content); transition-duration: 400ms; } .before\:ease-ease::before { content: var(--tw-content); transition-timing-function: ease; } .before\:will-change-transform::before { content: var(--tw-content); will-change: transform; } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:top-0::after { content: var(--tw-content); top: 0px; } .after\:right-0::after { content: var(--tw-content); right: 0px; } .after\:left-0::after { content: var(--tw-content); left: 0px; } .after\:bottom-0::after { content: var(--tw-content); bottom: 0px; } .after\:z-10::after { content: var(--tw-content); z-index: 10; } .after\:h-full::after { content: var(--tw-content); height: 100%; } .after\:h-\[109px\]::after { content: var(--tw-content); height: 109px; } .after\:w-full::after { content: var(--tw-content); width: 100%; } .after\:w-32::after { content: var(--tw-content); width: 8rem; } .after\:rounded-\[14px\]::after { content: var(--tw-content); border-radius: 14px; } .after\:border::after { content: var(--tw-content); border-width: 1px; } .after\:border-neutral-40::after { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(var(--color-neutral-40) / var(--tw-border-opacity)); } .after\:bg-black::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-100) / var(--tw-bg-opacity)); } .after\:bg-gradient-to-l::after { content: var(--tw-content); background-image: linear-gradient(to left, var(--tw-gradient-stops)); } .after\:bg-gradient-to-t::after { content: var(--tw-content); background-image: linear-gradient(to top, var(--tw-gradient-stops)); } .after\:from-black::after { content: var(--tw-content); --tw-gradient-from: rgb(var(--color-neutral-100) / 1); --tw-gradient-to: rgb(var(--color-neutral-100) / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .after\:to-transparent::after { content: var(--tw-content); --tw-gradient-to: transparent; } .after\:opacity-0::after { content: var(--tw-content); opacity: 0; } .after\:transition-opacity::after { content: var(--tw-content); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .after\:duration-400::after { content: var(--tw-content); transition-duration: 400ms; } .after\:ease-ease::after { content: var(--tw-content); transition-timing-function: ease; } .after\:img-gradient-i::after { content: var(--tw-content); background-image: linear-gradient(27deg, #000000 47%, rgba(0,0,0,0.00) 100%); } .after\:gradient-ii::after { content: var(--tw-content); background: linear-gradient(-12deg, #000000 0%, rgba(0,0,0,0.00) 88%); } .after\:gradient-ii-r::after { content: var(--tw-content); background: linear-gradient(16deg, #000000 0%, rgba(0,0,0,0.00) 100%); } .hover\:\!scale-110:hover { --tw-scale-x: 1.1 !important; --tw-scale-y: 1.1 !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .hover\:\!scale-105:hover { --tw-scale-x: 1.05 !important; --tw-scale-y: 1.05 !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .hover\:border-primary-10:hover { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-10) / var(--tw-border-opacity)); } .hover\:bg-primary-20:hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-20) / var(--tw-bg-opacity)); } .hover\:bg-black:hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-100) / var(--tw-bg-opacity)); } .hover\:bg-primary-30:hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-30) / var(--tw-bg-opacity)); } .hover\:bg-white:hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-00) / var(--tw-bg-opacity)); } .hover\:font-bold:hover { font-weight: 700; } .hover\:text-primary-30:hover { --tw-text-opacity: 1; color: rgb(var(--color-primary-30) / var(--tw-text-opacity)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(var(--color-neutral-00) / var(--tw-text-opacity)); } .hover\:shadow-sm:hover { --tw-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.09); --tw-shadow-colored: 0 2px 10px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_0_23px_0_rgba\(255\2c 200\2c 37\2c 0\.45\)\]:hover { --tw-shadow: 0 0 23px 0 rgba(255,200,37,0.45); --tw-shadow-colored: 0 0 23px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:\!delay-0:hover { transition-delay: 0ms !important; } .hover\:\!duration-500:hover { transition-duration: 500ms !important; } .hover\:before\:translate-x-0:hover::before { content: var(--tw-content); --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:before\:translate-y-0:hover::before { content: var(--tw-content); --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .before\:hover\:text-center:hover::before { content: var(--tw-content); text-align: center; } .hover\:before\:text-center:hover::before { content: var(--tw-content); text-align: center; } .hover\:before\:opacity-100:hover::before { content: var(--tw-content); opacity: 1; } .hover\:focus\:text-center:focus:hover { text-align: center; } .focus\:hover\:text-center:hover:focus { text-align: center; } .group\/slide:nth-child(even) .group-even\/slide\:aspect-square { aspect-ratio: 1 / 1; } .group\/card:hover .group-hover\/card\:top-2\.5 { top: 0.625rem; } .group\/card:hover .group-hover\/card\:left-2\.5 { left: 0.625rem; } .group\/card:hover .group-hover\/card\:top-2 { top: 0.5rem; } .group\/card:hover .group-hover\/card\:left-2 { left: 0.5rem; } .group\/post:hover .group-hover\/post\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group\/item:hover .group-hover\/item\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group\/card:hover .group-hover\/card\:border-black { --tw-border-opacity: 1; border-color: rgb(var(--color-neutral-100) / var(--tw-border-opacity)); } .group\/card:hover .group-hover\/card\:bg-white { --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-00) / var(--tw-bg-opacity)); } .group\/item:hover .group-hover\/item\:text-white { --tw-text-opacity: 1; color: rgb(var(--color-neutral-00) / var(--tw-text-opacity)); } .group\/item:hover .group-hover\/item\:text-black { --tw-text-opacity: 1; color: rgb(var(--color-neutral-100) / var(--tw-text-opacity)); } .group\/item:hover .group-hover\/item\:text-primary-10 { --tw-text-opacity: 1; color: rgb(var(--color-primary-10) / var(--tw-text-opacity)); } .group\/card:hover .group-hover\/card\:text-primary-30 { --tw-text-opacity: 1; color: rgb(var(--color-primary-30) / var(--tw-text-opacity)); } .group\/card:hover .group-hover\/card\:text-black { --tw-text-opacity: 1; color: rgb(var(--color-neutral-100) / var(--tw-text-opacity)); } .group\/item:hover .group-hover\/item\:opacity-100 { opacity: 1; } .group\/post:hover .group-hover\/post\:opacity-100 { opacity: 1; } .group\/card:hover .group-hover\/card\:opacity-100 { opacity: 1; } .group\/post:hover .group-hover\/post\:after\:opacity-50::after { content: var(--tw-content); opacity: 0.5; } .group\/slide.swiper-slide-active .group-\[\&\.swiper-slide-active\]\/slide\:top-2\.5 { top: 0.625rem; } .group\/slide.swiper-slide-active .group-\[\&\.swiper-slide-active\]\/slide\:left-2\.5 { left: 0.625rem; } .group\/slide.active .group-\[\&\.active\]\/slide\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group\/modal.show .group-\[\&\.show\]\/modal\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group\/slide.swiper-slide-active .group-\[\&\.swiper-slide-active\]\/slide\:border-black { --tw-border-opacity: 1; border-color: rgb(var(--color-neutral-100) / var(--tw-border-opacity)); } .group\/slide.swiper-slide-active .group-\[\&\.swiper-slide-active\]\/slide\:bg-white { --tw-bg-opacity: 1; background-color: rgb(var(--color-neutral-00) / var(--tw-bg-opacity)); } .group\/slide.swiper-slide-active .group-\[\&\.swiper-slide-active\]\/slide\:text-primary-30 { --tw-text-opacity: 1; color: rgb(var(--color-primary-30) / var(--tw-text-opacity)); } .group\/slide.swiper-slide-active .group-\[\&\.swiper-slide-active\]\/slide\:text-black { --tw-text-opacity: 1; color: rgb(var(--color-neutral-100) / var(--tw-text-opacity)); } .group\/modal.show .group-\[\&\.show\]\/modal\:opacity-100 { opacity: 1; } .group\/item.active .group-\[\&\.active\]\/item\:opacity-100 { opacity: 1; } .group\/slide.swiper-slide-active .group-\[\&\.swiper-slide-active\]\/slide\:opacity-100 { opacity: 1; } .group\/slide.active .group-\[\&\.active\]\/slide\:opacity-100 { opacity: 1; } .group\/modal.show .group-\[\&\.show\]\/modal\:delay-300 { transition-delay: 300ms; } .group\/slide.active .group-\[\&\.active\]\/slide\:before\:translate-x-0::before { content: var(--tw-content); --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group\/slide.active .group-\[\&\.active\]\/slide\:before\:translate-y-0::before { content: var(--tw-content); --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group\/slide.active .group-\[\&\.active\]\/slide\:before\:opacity-100::before { content: var(--tw-content); opacity: 1; } .group\/slide.active .group-\[\&\.active\]\/slide\:after\:opacity-50::after { content: var(--tw-content); opacity: 0.5; } @media (max-width: 1439px) { .\32xl\:right-0 { right: 0px; } .\32xl\:-top-16 { top: -4rem; } .\32xl\:-top-32 { top: -8rem; } .\32xl\:top-0 { top: 0px; } .\32xl\:right-16 { right: 4rem; } .\32xl\:order-2 { order: 2; } .\32xl\:order-1 { order: 1; } .\32xl\:mt-4 { margin-top: 1rem; } .\32xl\:h-\[300px\] { height: 300px; } .\32xl\:h-\[550px\] { height: 550px; } .\32xl\:max-h-\[30px\] { max-height: 30px; } .\32xl\:w-full { width: 100%; } .\32xl\:w-\[calc\(var\(--container-window-gap\)_-_514px\)\] { width: calc(var(--container-window-gap) - 514px); } .\32xl\:max-w-\[205px\] { max-width: 205px; } .\32xl\:flex-col { flex-direction: column; } .\32xl\:items-start { align-items: flex-start; } .\32xl\:gap-16 { gap: 4rem; } .\32xl\:gap-5 { gap: 1.25rem; } .\32xl\:gap-14 { gap: 3.5rem; } .\32xl\:gap-20 { gap: 5rem; } .\32xl\:py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .\32xl\:pb-14 { padding-bottom: 3.5rem; } .\32xl\:text-\[100px\] { font-size: 100px; } .\32xl\:text-\[80px\] { font-size: 80px; } .\32xl\:text-\[52px\] { font-size: 52px; } .\32xl\:text-\[26px\] { font-size: 26px; } .\32xl\:text-\[32px\] { font-size: 32px; } .\32xl\:text-\[60px\] { font-size: 60px; } .\32xl\:text-\[65px\] { font-size: 65px; } .\32xl\:text-\[300px\] { font-size: 300px; } .\32xl\:text-\[400px\] { font-size: 400px; } .\32xl\:text-\[36px\] { font-size: 36px; } .\32xl\:text-\[70px\] { font-size: 70px; } .\32xl\:leading-\[0\.95\] { line-height: 0.95; } .\32xl\:leading-none { line-height: 1; } } @media (max-width: 1279px) { .xl\:order-2 { order: 2; } .xl\:order-1 { order: 1; } .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:ml-0 { margin-left: 0px; } .xl\:mt-10 { margin-top: 2.5rem; } .xl\:mt-0 { margin-top: 0px; } .xl\:block { display: block; } .xl\:hidden { display: none; } .xl\:h-full { height: 100%; } .xl\:h-\[320px\] { height: 320px; } .xl\:max-h-\[20px\] { max-height: 20px; } .xl\:w-\[200px\] { width: 200px; } .xl\:w-full { width: 100%; } .xl\:min-w-0 { min-width: 0px; } .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .xl\:flex-col { flex-direction: column; } .xl\:items-start { align-items: flex-start; } .xl\:justify-start { justify-content: flex-start; } .xl\:justify-center { justify-content: center; } .xl\:gap-14 { gap: 3.5rem; } .xl\:gap-10 { gap: 2.5rem; } .xl\:gap-4 { gap: 1rem; } .xl\:gap-20 { gap: 5rem; } .xl\:gap-8 { gap: 2rem; } .xl\:object-contain { -o-object-fit: contain; object-fit: contain; } .xl\:px-20 { padding-left: 5rem; padding-right: 5rem; } .xl\:py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .xl\:pl-2 { padding-left: 0.5rem; } .xl\:pt-6 { padding-top: 1.5rem; } .xl\:text-\[80px\] { font-size: 80px; } .xl\:text-\[65px\] { font-size: 65px; } .xl\:text-\[70px\] { font-size: 70px; } .xl\:text-\[44px\] { font-size: 44px; } .xl\:text-\[50px\] { font-size: 50px; } .xl\:text-\[120px\] { font-size: 120px; } .xl\:text-\[26px\] { font-size: 26px; } .xl\:text-\[100px\] { font-size: 100px; } .xl\:text-\[56px\] { font-size: 56px; } .xl\:leading-none { line-height: 1; } .xl\:leading-\[1\.15\] { line-height: 1.15; } .xl\:line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } } @media (max-width: 1023px) { .lg\:relative { position: relative; } .lg\:top-\[calc\(100\%_-_20px\)\] { top: calc(100% - 20px); } .lg\:right-8 { right: 2rem; } .lg\:left-0 { left: 0px; } .lg\:top-0 { top: 0px; } .lg\:order-1 { order: 1; } .lg\:order-2 { order: 2; } .lg\:mx-auto { margin-left: auto; margin-right: auto; } .lg\:mt-14 { margin-top: 3.5rem; } .lg\:mt-20 { margin-top: 5rem; } .lg\:mt-8 { margin-top: 2rem; } .lg\:h-auto { height: auto; } .lg\:max-h-full { max-height: 100%; } .lg\:min-h-0 { min-height: 0px; } .lg\:w-full { width: 100%; } .lg\:w-\[650px\] { width: 650px; } .lg\:w-auto { width: auto; } .lg\:w-\[calc\(var\(--container-window-gap\)\)\] { width: calc(var(--container-window-gap)); } .lg\:max-w-full { max-width: 100%; } .lg\:max-w-\[480px\] { max-width: 480px; } .lg\:max-w-\[400px\] { max-width: 400px; } .lg\:rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .lg\:flex-col { flex-direction: column; } .lg\:items-start { align-items: flex-start; } .lg\:items-center { align-items: center; } .lg\:justify-center { justify-content: center; } .lg\:gap-20 { gap: 5rem; } .lg\:gap-6 { gap: 1.5rem; } .lg\:rounded-lg { border-radius: 32px; } .lg\:border-l-0 { border-left-width: 0px; } .lg\:border-t { border-top-width: 1px; } .lg\:py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .lg\:pl-0 { padding-left: 0px; } .lg\:pb-0 { padding-bottom: 0px; } .lg\:pb-14 { padding-bottom: 3.5rem; } .lg\:text-left { text-align: left; } .lg\:text-center { text-align: center; } .lg\:text-\[60px\] { font-size: 60px; } .lg\:text-\[36px\] { font-size: 36px; } .lg\:text-\[20px\] { font-size: 20px; } .dark .dark\:lg\:hover\:\[paint-order\:markers\]:hover { paint-order: markers; } } @media (max-width: 767px) { .md\:-right-20 { right: -5rem; } .md\:top-2 { top: 0.5rem; } .md\:top-0 { top: 0px; } .md\:bottom-auto { bottom: auto; } .md\:col-span-1 { grid-column: span 1 / span 1; } .md\:mx-auto { margin-left: auto; margin-right: auto; } .md\:ml-1 { margin-left: 0.25rem; } .md\:mt-8 { margin-top: 2rem; } .md\:mt-10 { margin-top: 2.5rem; } .md\:ml-0 { margin-left: 0px; } .md\:-mb-24 { margin-bottom: -6rem; } .md\:-mt-20 { margin-top: -5rem; } .md\:mt-4 { margin-top: 1rem; } .md\:mt-0 { margin-top: 0px; } .md\:block { display: block; } .md\:hidden { display: none; } .md\:h-\[60px\] { height: 60px; } .md\:h-auto { height: auto; } .md\:h-full { height: 100%; } .md\:h-\[700px\] { height: 700px; } .md\:w-\[130px\] { width: 130px; } .md\:w-40 { width: 10rem; } .md\:w-\[94\%\] { width: 94%; } .md\:w-\[160px\] { width: 160px; } .md\:w-\[90\%\] { width: 90%; } .md\:\!w-\[360px\] { width: 360px !important; } .md\:max-w-\[480px\] { max-width: 480px; } .md\:scale-\[0\.55\] { --tw-scale-x: 0.55; --tw-scale-y: 0.55; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:flex-col { flex-direction: column; } .md\:items-center { align-items: center; } .md\:justify-center { justify-content: center; } .md\:gap-8 { gap: 2rem; } .md\:gap-6 { gap: 1.5rem; } .md\:gap-5 { gap: 1.25rem; } .md\:gap-14 { gap: 3.5rem; } .md\:gap-10 { gap: 2.5rem; } .md\:gap-0 { gap: 0px; } .md\:rounded-t-\[60px\] { border-top-left-radius: 60px; border-top-right-radius: 60px; } .md\:rounded-b-\[60px\] { border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; } .md\:rounded-br-\[60px\] { border-bottom-right-radius: 60px; } .md\:rounded-bl-\[60px\] { border-bottom-left-radius: 60px; } .md\:rounded-tl-\[60px\] { border-top-left-radius: 60px; } .md\:py-32 { padding-top: 8rem; padding-bottom: 8rem; } .md\:px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .md\:px-8 { padding-left: 2rem; padding-right: 2rem; } .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .md\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .md\:\!py-16 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .md\:pb-32 { padding-bottom: 8rem; } .md\:pt-32 { padding-top: 8rem; } .md\:pb-24 { padding-bottom: 6rem; } .md\:pt-20 { padding-top: 5rem; } .md\:pt-12 { padding-top: 3rem; } .md\:pb-10 { padding-bottom: 2.5rem; } .md\:pt-16 { padding-top: 4rem; } .md\:pb-14 { padding-bottom: 3.5rem; } .md\:pb-16 { padding-bottom: 4rem; } .md\:pt-\[calc\(var\(--header-height\)_\+_30px\)\] { padding-top: calc(var(--header-height) + 30px); } .md\:pt-0 { padding-top: 0px; } .md\:\!pt-32 { padding-top: 8rem !important; } .md\:text-center { text-align: center; } .md\:text-\[60px\] { font-size: 60px; } .md\:text-\[32px\] { font-size: 32px; } .md\:text-\[50px\] { font-size: 50px; } .md\:text-\[20px\] { font-size: 20px; } .md\:text-xl { font-size: 26px; line-height: 1.3; } .md\:text-\[46px\] { font-size: 46px; } .md\:text-\[24px\] { font-size: 24px; } .md\:text-\[22px\] { font-size: 22px; } .md\:text-\[40px\] { font-size: 40px; } .md\:text-\[44px\] { font-size: 44px; } .md\:text-\[28px\] { font-size: 28px; } .md\:text-\[80px\] { font-size: 80px; } .md\:text-\[18px\] { font-size: 18px; } .md\:leading-\[0\.85\] { line-height: 0.85; } .md\:leading-\[22px\] { line-height: 22px; } .md\:leading-\[1\.15\] { line-height: 1.15; } .md\:leading-\[0\.9\] { line-height: 0.9; } .md\:tracking-wide { letter-spacing: 0.025em; } .md\:before\:w-24::before { content: var(--tw-content); width: 6rem; } .md\:after\:w-24::after { content: var(--tw-content); width: 6rem; } } @media (max-width: 639px) { .sm\:container { width: 100%; margin-right: auto; margin-left: auto; } @media (min-width: 1600px) { .sm\:container { max-width: 1600px; } } .sm\:container { width: 92%; max-width: 1446px; } .sm\:left-6 { left: 1.5rem; } .sm\:top-\[80px\] { top: 80px; } .sm\:-right-4 { right: -1rem; } .sm\:-top-4 { top: -1rem; } .sm\:-right-1\.5 { right: -0.375rem; } .sm\:-right-1 { right: -0.25rem; } .sm\:mb-16 { margin-bottom: 4rem; } .sm\:mt-0 { margin-top: 0px; } .sm\:mt-10 { margin-top: 2.5rem; } .sm\:mt-4 { margin-top: 1rem; } .sm\:mt-8 { margin-top: 2rem; } .sm\:mb-12 { margin-bottom: 3rem; } .sm\:hidden { display: none; } .sm\:\!aspect-\[5\/3\.25\] { aspect-ratio: 5/3.25 !important; } .sm\:h-\[400px\] { height: 400px; } .sm\:min-h-\[180px\] { min-height: 180px; } .sm\:min-h-\[625px\] { min-height: 625px; } .sm\:w-\[300px\] { width: 300px; } .sm\:\!w-\[260px\] { width: 260px !important; } .sm\:w-full { width: 100%; } .sm\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .sm\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .sm\:justify-center { justify-content: center; } .sm\:gap-8 { gap: 2rem; } .sm\:gap-6 { gap: 1.5rem; } .sm\:gap-2 { gap: 0.5rem; } .sm\:gap-10 { gap: 2.5rem; } .sm\:gap-4 { gap: 1rem; } .sm\:rounded-\[15px\] { border-radius: 15px; } .sm\:rounded-t-lg { border-top-left-radius: 32px; border-top-right-radius: 32px; } .sm\:p-8 { padding: 2rem; } .sm\:py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .sm\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .sm\:py-0 { padding-top: 0px; padding-bottom: 0px; } .sm\:pb-20 { padding-bottom: 5rem; } .sm\:pt-16 { padding-top: 4rem; } .sm\:pb-14 { padding-bottom: 3.5rem; } .sm\:pb-10 { padding-bottom: 2.5rem; } .sm\:pb-16 { padding-bottom: 4rem; } .sm\:pt-14 { padding-top: 3.5rem; } .sm\:pt-8 { padding-top: 2rem; } .sm\:\!pt-24 { padding-top: 6rem !important; } .sm\:text-xs { font-size: 12px; line-height: 1.45; } .sm\:text-xl { font-size: 26px; line-height: 1.3; } .sm\:text-md { font-size: 18px; line-height: 1.375; } .sm\:text-lg { font-size: 22px; line-height: 1.3; } .sm\:text-2xl { font-size: 32px; line-height: 1.3; } .sm\:leading-\[1\.5\] { line-height: 1.5; } .sm\:underline { text-decoration-line: underline; } .sm\:opacity-50 { opacity: 0.5; } .sm\:opacity-100 { opacity: 1; } .sm\:line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .sm\:before\:hidden::before { content: var(--tw-content); display: none; } .sm\:before\:w-\[220px\]::before { content: var(--tw-content); width: 220px; } .sm\:after\:hidden::after { content: var(--tw-content); display: none; } .sm\:after\:opacity-50::after { content: var(--tw-content); opacity: 0.5; } } @media (max-width: 420px) { .xs\:ml-0 { margin-left: 0px; } .xs\:hidden { display: none; } .xs\:h-auto { height: auto; } .xs\:bg-transparent { background-color: transparent; } .xs\:p-0 { padding: 0px; } } .\[\&_a\]\:text-black a { --tw-text-opacity: 1; color: rgb(var(--color-neutral-100) / var(--tw-text-opacity)); } .\[\&_a\]\:transition-all a { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .\[\&_a\]\:duration-300 a { transition-duration: 300ms; } .\[\&_a\]\:ease-ease a { transition-timing-function: ease; } .\[\&_a\:hover\]\:text-primary-20 a:hover { --tw-text-opacity: 1; color: rgb(var(--color-primary-20) / var(--tw-text-opacity)); } .\[\&\.tiny\]\:bg-primary-10\/90.tiny { background-color: rgb(var(--color-primary-10) / 0.9); } .\[\&\.tiny\]\:shadow-sm.tiny { --tw-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.09); --tw-shadow-colored: 0 2px 10px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .\[\&\.show\]\:visible.show { visibility: visible; } .\[\&\.show\]\:opacity-100.show { opacity: 1; } .\[\&_\>div\:not\(\:first-child\)\]\:border-l >div:not(:first-child) { border-left-width: 1px; } .\[\&_\>div\:not\(\:first-child\)\]\:border-l-neutral-30 >div:not(:first-child) { --tw-border-opacity: 1; border-left-color: rgb(var(--color-neutral-30) / var(--tw-border-opacity)); } .\[\&_\>div\:not\(\:first-child\)\]\:pl-9 >div:not(:first-child) { padding-left: 2.25rem; } @media (max-width: 767px) { .md\:\[\&_\>div\]\:\!border-l-\[0px\] >div { border-left-width: 0px !important; } .md\:\[\&_\>div\]\:\!pl-0 >div { padding-left: 0px !important; } } @media (max-width: 1279px) { .xl\:\[\&_br\]\:hidden br { display: none; } } .\[\&\.swiper-slide-active\]\:opacity-100.swiper-slide-active { opacity: 1; } .btn.sm{min-width:240px;height:3.375rem;font-size:22px;padding:0 18px}.btn.sm .btn__label{padding-left:10px}.btn.btn--02 svg{fill:#ffc825}.btn.btn--04 svg{fill:#000}.btn.btn--04:before{background:#ef448f}[data-aos=fade-up]{-webkit-transform:translate3d(0px,15px,0px);transform:translate3d(0px,15px,0px)}[data-aos=fade-up].aos-animate{-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px)}[data-aos=fade-down]{-webkit-transform:translate3d(0px,-15px,0px);transform:translate3d(0px,-15px,0px)}[data-aos=fade-down].aos-animate{-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px)}.yb-footer{color:#fff;padding:75px 0;background:#000}.yb-footer .top{display:flex;justify-content:space-between}.yb-footer .top .left{padding-right:30px}.yb-footer .top .left h2{font-size:46px;font-weight:700;line-height:56px;letter-spacing:-1.949px}.yb-footer .top .left h3{font-size:27px;font-weight:500;line-height:33px;letter-spacing:-.439px;margin-bottom:45px;background:linear-gradient(141deg,#ef448f 6.23%,#f56a03 117.61%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.yb-footer .top .left .newsletter-signup{width:100%;max-width:480px}.yb-footer .top .left .newsletter-signup .gfield input{color:#fff;background:#2d2d2d}.yb-footer .top .left .newsletter-signup .gfield input:focus{outline:none !important}.yb-footer .top .left .newsletter-signup .gfield .ginput_container:before{left:6px;right:-6px;background:#ef448f}.yb-footer .newsletter-signup .gfield .ginput_container:after{background:#2d2d2d}.yb-footer .top .left .newsletter-signup p{color:#b1b1b1;font-size:16px;font-weight:400;line-height:22px;letter-spacing:-.049px;margin-top:22px}.yb-footer .top .right{display:flex;justify-content:flex-end}.yb-footer .top .right .col+.col{margin-left:90px}.yb-footer .top .right .col h4{color:#ffc825;font-size:18px;font-weight:700;line-height:22px;letter-spacing:-.733px}.yb-footer .top .right .col ul{list-style:none;margin-top:25px}.yb-footer .top .right .col ul li a{color:#909090;font-size:18px;font-weight:400;line-height:36px;letter-spacing:-.943px}.yb-footer .top .right .col ul li a:hover{color:#fff;transition:all ease .3s}.yb-footer .bottom{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:50px;border-top:1px solid #767676}.yb-footer .bottom .left{display:flex;align-items:center}.yb-footer .bottom .left a{display:flex;color:#fff;font-size:26px;font-weight:700;line-height:32px;letter-spacing:-1.102px;transition:all ease .3s;align-items:center}.yb-footer .bottom .left a svg{width:24px;margin-right:20px}.yb-footer .bottom .left a+a{margin-left:40px}.yb-footer .bottom .left a:hover{color:rgba(239,68,143,1) !important}.yb-footer .bottom .right{display:flex;align-items:center}.yb-footer .bottom .right .copyright{color:#191919;font-size:18px;font-weight:400;line-height:28px;letter-spacing:-.733px;margin-right:35px}.yb-footer .bottom .right .logo{width:auto;height:40px}.yb-footer .bottom .right .social{display:flex;align-items:center;margin-left:35px}.yb-footer .bottom .right .social a{display:flex;width:38px;height:38px;border-radius:50%;background:#fff;align-items:center;justify-content:center;transition:all ease .3s}.yb-footer .bottom .right .social a+a{margin-left:8px}.yb-footer .bottom .right .social a svg{fill:#000;width:19px;height:19px}.yb-footer .bottom .right .social a:hover{background:#ffc825}.yb-footer.white{color:#000;background:#fff}.yb-footer.white .top .left .newsletter-signup .gfield input{color:#000;background:#fff}.yb-footer.white .top .left .newsletter-signup .gfield .ginput_container:before{background:#e0e0e0}.yb-footer.white .top .left .newsletter-signup p{color:#4a4a4a}.yb-footer.white .top .left .newsletter-signup .gfield .ginput_container:after{background:#fff}.yb-footer.white .top .right .col h4{color:#191919}.yb-footer.white .top .right .col ul li a:hover{color:#ef448f}.yb-footer.white .bottom .left a{color:#000}.yb-footer.white .bottom .left a svg g{fill:#000}.yb-footer.white .bottom .right .copyright{color:#191919}.yb-footer.white .bottom .right .social a{background:#222221}.yb-footer.white .bottom .right .social a svg{fill:#fff}.yb-footer.white .bottom .right .social a:hover{background:#ef448f}.yb-hero{padding-top:240px;padding-bottom:160px;background:#ffc825;position:relative}.yb-hero .bg{top:0;right:0;width:490px;height:623px;z-index:1;position:absolute}.yb-hero .container{display:flex;max-width:1236px;align-items:center;justify-content:space-between;position:relative;z-index:2}.yb-hero .content{color:#191919;width:calc(100% - 625px)}.yb-hero .content h1{font-size:134px;font-weight:600;line-height:113px;letter-spacing:-6.268px}.yb-hero .content h1 em{font-family:"ivypresto-display",sans-serif;font-weight:400;letter-spacing:-3.369px}.yb-hero .content h1 .dot{color:#ef448f;font-size:85px;margin-left:-3px}.yb-hero .content h4{max-width:470px;font-size:29px;font-weight:600;line-height:37px;letter-spacing:-.744px;margin-top:10px}.yb-hero .content h4 em{font-family:"ivypresto-display",sans-serif;font-weight:600;letter-spacing:-.392px}.yb-hero .content p{max-width:480px;font-size:18px;font-weight:500;line-height:26px;letter-spacing:-.5px;margin-top:18px}.yb-hero .content .buttons{display:flex;margin-top:50px}.yb-hero .content .buttons .btn{margin-right:18px}.yb-hero .content .buttons .btn:last-child{margin-right:0}.yb-hero .image{display:block;width:560px;height:535px;border-radius:25px;overflow:hidden;position:relative}.yb-hero .image img{width:100%;height:100%;object-fit:cover;position:absolute}.yb-hero .image .play{display:flex;top:50%;left:50%;width:94px;height:94px;padding-left:4px;border-radius:50%;background:#f6f6f6;position:absolute;margin:-47px 0 0 -47px;box-shadow:0 7px 0 rgba(239,68,143,.39);align-items:center;justify-content:center;box-sizing:border-box;transition:all ease .3s}.yb-hero .image:hover .play{transform:translateY(7px);box-shadow:0 0 0 rgba(239,68,143,.39)}.yb-hero.white{background:#fff}.twi{overflow:hidden;background:#000;position:relative}.twi .container{z-index:2;max-width:1252px;display:flex;align-items:center;justify-content:space-between;padding:132px 0 165px;position:relative}.twi .bg{z-index:1;top:0;left:0;width:920px;height:881px;max-width:none;position:absolute}.twi .content{width:calc(50% - 42px);color:#fff}.twi.content-right .content{order:2}.twi.content-right .image{order:1}.twi .content h2{max-width:540px;font-size:77px;font-weight:600;line-height:72px;letter-spacing:-5.498px}.twi .content h2 em{color:#ffc825;font-family:"ivypresto-display",sans-serif;font-weight:400;letter-spacing:-2.955px}.twi .content h2 .dot{color:#ef448f;font-size:42px;margin-left:1px}.twi .content h4{max-width:540px;font-size:25px;font-weight:600;line-height:33px;letter-spacing:-.652px;margin-top:10px}.twi .content p{max-width:540px;font-size:16px;font-weight:500;line-height:27px;letter-spacing:-.5px;margin-top:25px}.twi .content .btn{margin-top:40px;display:inline-flex}.twi .image{width:calc(50% - 42px);height:595px;border-radius:20px;overflow:hidden}.twi .image img{width:100%;height:100%;object-fit:cover}.twi.white{background:#fff}.twi.white .content{color:#000}.twi.white .content h2 em{color:#ef448f}.trust{background:#ffc825}.trust .container{display:flex;max-width:1252px;justify-content:space-between;padding:120px 0 125px}.trust .images{display:flex;width:calc(50% - 42px);max-width:556px;justify-content:space-between}.trust .images .col{width:calc(50% - 10px)}.trust .images .col+.col{margin-top:58px}.trust .images .col .img{width:100%;height:378px;border-radius:20px;overflow:hidden}.trust .images .col .img img{width:100%;height:100%;object-fit:cover}.trust .images .col .img.sm{height:224px}.trust .images .col .img+.img{margin-top:18px}.trust .content{width:calc(50% - 42px);color:#191919}.trust .content h2{font-size:77px;font-weight:600;line-height:72px;letter-spacing:-5.498px}.trust .content h2 em{font-family:"ivypresto-display",sans-serif;font-weight:400;letter-spacing:-2.955px}.trust .content h2 .dot{color:#ef448f;font-size:42px;margin-left:1px}.trust .content h4{font-size:25px;font-weight:600;line-height:33px;letter-spacing:-.652px;margin-top:10px}.trust .content ul{font-size:25px;font-weight:600;line-height:36px;letter-spacing:-.652px;margin-top:32px}.trust .content ul li{padding-left:54px;background:url(//yellowbricks.co.uk/wp-content/themes/yellowbricks/css/../img/icon-tick-circle.svg) no-repeat left 4px}.trust .content ul li+li{margin-top:25px}.trust .content .buttons{display:flex;margin-top:60px;margin-bottom:-18px}.trust .content .buttons .btn{margin-right:18px;margin-bottom:18px}.trust .content .buttons .btn:last-child{margin-right:0}.trust.black{background:#000}.trust.black .content{color:#fff}.trust.black .content h4{color:#ffc825}.yb-video{background:#000;overflow:hidden;position:relative;padding:70px 0 130px}.yb-video .container{z-index:2;max-width:870px;position:relative}.yb-video .bg{position:absolute;top:0;right:0;width:778px;height:865px;z-index:1}.yb-video .section-head{color:#fff;text-align:center;margin-bottom:38px}.yb-video .section-head h4{color:#ffc825;font-size:16px;font-weight:700;line-height:30px;letter-spacing:1.957px;margin-bottom:5px}.yb-video .section-head h2{font-size:37px;font-weight:500;line-height:45px;letter-spacing:-.943px}.yb-video .section-head p{color:#909090;font-size:20px;line-height:28px;letter-spacing:-.943px;margin-top:11px}.yb-video .video-wrapper{display:block;position:relative}.yb-video .video-wrapper .image{width:100%;padding-bottom:58.88%;border-radius:25px;overflow:hidden;position:relative}.yb-video .video-wrapper .image img{width:100%;height:100%;object-fit:cover;position:absolute}.yb-video .video-wrapper .play{display:flex;top:50%;left:50%;width:94px;height:94px;padding-left:4px;border-radius:50%;background:#f6f6f6;position:absolute;margin:-47px 0 0 -47px;box-shadow:0 7px 0 rgba(239,68,143,.39);align-items:center;justify-content:center;box-sizing:border-box;transition:all ease .3s}.yb-video .video-wrapper:hover .play{transform:translateY(7px);box-shadow:0 0 0 rgba(239,68,143,.39)}.yb-video.white{background:#fff}.yb-video.white .section-head{color:#000}.yb-quote{padding:110px 0 120px;background:#000}.yb-quote .container{max-width:1364px}.yb-quote .slider{position:relative}.yb-quote .box{display:flex;justify-content:space-between}.yb-quote .box .content{color:#fff;width:calc(64% - 30px);border-radius:25px;background:#212121;padding:85px 85px 60px 72px;position:relative}.yb-quote .box .content:before{content:"";top:30px;right:32px;width:25px;height:25px;border-radius:50%;background:#ef448f;position:absolute}.yb-quote .box .content p{font-size:37px;font-weight:500;line-height:47px;letter-spacing:-.943px}.yb-quote .box .content .author{margin-top:25px;display:flex;align-items:center}.yb-quote .box .content .author .avatar{width:60px;height:60px;min-width:60px;margin-right:25px;border-radius:50%;border:3px solid #ef448f;box-sizing:border-box;overflow:hidden}.yb-quote .box .content .author .avatar img{width:100%;height:100%;object-fit:cover}.yb-quote .box .content .author .name{font-size:19px;font-weight:500;line-height:24px}.yb-quote .box .content .author .name span{color:#7a7a7a;font-family:"ivypresto-display",sans-serif;font-weight:400;font-style:italic}.yb-quote .box .image{width:36%;min-height:420px;border-radius:25px;position:relative;overflow:hidden}.yb-quote .box .image .main{width:100%;height:100%;object-fit:cover;object-position:top center;position:absolute}.yb-quote .box .image .pattern{position:absolute;left:0;bottom:0;z-index:2}.yb-quote .swiper-arrow{display:flex;top:50%;z-index:3;width:84px;height:84px;margin-top:-42px;align-items:center;justify-content:center;background:#f6f6f6;border-radius:50%;transform:translateY(0px);box-shadow:0 7px 0 rgba(239,68,143,.39);position:absolute;transition:all ease .3s}.yb-quote .swiper-arrow:hover{transform:translateY(7px);box-shadow:0 0 0 rgba(239,68,143,.39)}.yb-quote .swiper-arrow.swiper-button-disabled{opacity:0;visibility:hidden}.yb-quote .swiper-arrow.prev{left:-42px}.yb-quote .swiper-arrow.next{right:-42px}.yb-quote.white{background:#fff}.yb-quote.white .box .content{color:#000;background:#f5f5f5}.yb-posts{padding:60px 0 100px}.yb-posts .container{width:calc(100% - 130px);max-width:100%}.yb-posts .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.yb-posts .head h2{color:#000;font-size:67px;font-weight:600;line-height:80px;letter-spacing:-5px}.yb-posts .head h2 em{color:#ffc825;font-family:"ivypresto-display",sans-serif;font-style:italic;font-weight:400;letter-spacing:-1px}.yb-posts .head .swiper-arrows{display:flex}.yb-posts .head .swiper-arrows .swiper-arrow{cursor:pointer}.yb-posts .head .swiper-arrows .swiper-arrow+.swiper-arrow{margin-left:14px}.yb-posts .head .swiper-arrows .swiper-arrow svg{transition:all ease .3s}.yb-posts .head .swiper-arrows .swiper-arrow:hover svg{fill:#ef448f}.yb-posts .head .swiper-arrows .swiper-arrow.swiper-button-disabled svg{fill:#d4d4d4}.yb-posts .swiper-slide{width:360px}.yb-posts .post{display:flex;position:relative;border-radius:20px;background:linear-gradient(180deg,#fdfdfd 0%,#fafafa 100%);cursor:pointer}.yb-posts .post:before{content:"";top:0;left:0;z-index:1;width:100%;height:100%;opacity:0;position:absolute;border-radius:20px;border:2px solid #000;background:linear-gradient(180deg,#fdfdfd 0%,#fafafa 100%);box-shadow:0 13px 24px 0 rgba(0,0,0,.06);transition:all ease .3s}.yb-posts .post:hover:before{opacity:1}.yb-posts .post .inner{z-index:2;position:relative;padding:30px 30px 25px}.yb-posts .post .category{display:flex;height:33px;top:26px;right:20px;z-index:2;color:#fff;font-size:17px;font-weight:500;line-height:20px;letter-spacing:-.645px;border-radius:60px;background:#ef448f;padding:0 12px;position:absolute;align-items:center}.yb-posts .post .category:before{content:"";top:calc(100% + 2px);left:-13px;width:17px;height:17px;border-radius:50%;background:#ef448f;position:absolute}.yb-posts .post .category.color-2{background:#ffc825}.yb-posts .post .category.color-2:before{background:#ffc825}.yb-posts .post .category.color-3{background:#000}.yb-posts .post .category.color-3:before{background:#000}.yb-posts .post .image{width:100%;height:195px;overflow:hidden;position:relative;border-radius:20px;margin-bottom:25px}.yb-posts .post .image img{width:100%;height:100%;object-fit:cover;position:absolute}.yb-posts .post h3{height:96px;font-size:26px;font-weight:800;line-height:32px;letter-spacing:-.816px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px}.yb-posts .post p{height:72px;font-size:17px;line-height:24px;letter-spacing:-.816px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.yb-posts .post .bottom{display:flex;align-items:center;margin-top:25px}.yb-posts .post .bottom .avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;position:relative}.yb-posts .post .bottom .avatar img{width:100%;height:100%;object-fit:cover}.yb-posts .post .bottom .date{color:#ef448f;font-size:14px;font-weight:600;line-height:18px;letter-spacing:-.816px;text-transform:uppercase;margin-left:18px}.yb-posts.yellow{background:#ffc825}.yb-posts.yellow .head h2 em{color:#fff}.yb-posts.yellow .head .swiper-arrows .swiper-arrow.swiper-button-disabled svg{fill:#be9622}.logo-slider{padding:70px 0 85px}.logo-slider .container{z-index:2;max-width:870px;position:relative}.logo-slider .section-head{text-align:center}.logo-slider .section-head h4{color:#ef448f;font-size:16px;font-weight:700;line-height:30px;letter-spacing:1.957px;margin-bottom:5px}.logo-slider .section-head h2{font-size:37px;font-weight:500;line-height:45px;letter-spacing:-.943px}.logo-slider .section-head p{max-width:594px;color:#909090;font-size:20px;line-height:30px;letter-spacing:-.943px;margin:11px auto 0 auto}.logo-slider .ticker{margin-top:45px}.logo-slider .ticker .item{height:60px;display:flex;align-items:center;margin:0 35px}.logo-slider .ticker .item img{display:block;max-height:60px}.logo-slider.black{background:#000}.logo-slider.black .section-head{color:#fff}.logo-slider.black .section-head h4{color:#ffc825}.logo-slider.black .section-head p{color:#909090}.yb-testimonials{background:#ffc825;border-radius:60px 0 0;padding:60px 0 50px}.yb-testimonials .container{max-width:1205px}.yb-testimonials .swiper{overflow:visible}.yb-testimonials .swiper-slide{opacity:0;transition:opacity ease .4s}.yb-testimonials .swiper-slide-visible{opacity:1}.yb-testimonials .item{border-radius:20px;background:#fff;position:relative}.yb-testimonials .item:before{content:"";top:0;left:0;z-index:1;width:100%;height:100%;opacity:0;position:absolute;border-radius:20px;border:2px solid #000;background:linear-gradient(180deg,#fdfdfd 0%,#fafafa 100%);box-shadow:0 13px 24px 0 rgba(0,0,0,.06);transition:all ease .3s}.yb-testimonials .item:hover:before{opacity:1}.yb-testimonials .item .inner{z-index:2;padding:18px;position:relative;box-sizing:border-box}.yb-testimonials .item .asterisk{color:#f56a03;font-size:39px;font-weight:500;line-height:47px;letter-spacing:-2.474px;margin-bottom:12px}.yb-testimonials .item .asterisk.color-2{color:#ffc825}.yb-testimonials .item .asterisk.color-3{color:#ef448f}.yb-testimonials .item h3{color:#171717;font-size:18px;font-weight:600;line-height:26px;letter-spacing:-.54px}.yb-testimonials .item p{color:#171717;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-.32px;margin-top:12px}.yb-testimonials .item .rating{display:inline-flex;align-items:center;height:34px;margin-top:20px;padding:0 10px;border-radius:16px;border:1px solid #e5e5e5;box-sizing:border-box}.yb-testimonials .item .rating svg{display:block}.yb-testimonials .item .rating span{color:#171717;font-size:16px;font-weight:500;line-height:24px;margin-left:5px}.yb-testimonials .item .author{display:flex;align-items:center;margin-top:20px}.yb-testimonials .item .author .avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative}.yb-testimonials .item .author .avatar img{width:100%;height:100%;object-fit:cover;position:absolute}.yb-testimonials .item .author .name{color:#171717;font-size:18px;font-weight:600;line-height:26px;letter-spacing:-.36px;margin-left:12px}.yb-testimonials .item .author .name span{display:block;color:#acacac;font-size:14px;font-weight:600;line-height:22px;text-transform:uppercase;margin-top:2px}.yb-testimonials .swiper-pagination{display:flex;align-items:center;justify-content:center;left:auto;bottom:auto;position:relative;margin-top:32px}.yb-testimonials .swiper-pagination-bullet{width:8px;height:8px;opacity:1;margin:0 3px;background:#e5e5e5}.yb-testimonials .swiper-pagination-bullet-active{width:12px;height:12px;background:#ef448f}.yb-form{padding:130px 0 150px;background:#ffc825}.yb-form .container{display:flex;max-width:1280px;justify-content:space-between}.yb-form .content{width:calc(46% - 30px)}.yb-form .content h2{color:#191919;font-size:56px;font-weight:600;line-height:72px;letter-spacing:-3px}.yb-form .content .text{color:#000;font-size:20px;line-height:32px;letter-spacing:-.943px;margin-top:40px}.yb-form .content .text p+p{margin-top:32px}.yb-form .content ul{list-style:none;margin-top:32px}.yb-form .content ul li{display:flex;color:#000;font-size:26px;font-weight:600;line-height:50px;letter-spacing:-.652px;align-items:center}.yb-form .content ul li svg{margin-right:25px}.yb-form .form-wrapper{width:calc(54% - 30px)}.yb-form .gform_required_legend{display:none}.yb-form .gform_button .btn{color:#fff;min-width:240px;height:3.375rem;font-size:22px;padding:0 18px}.yb-form .gform_button .btn:after{background-color:#000}.yb-form .gform_button .btn .btn__icon{color:#ffc825}.yb-form .gfield_label{display:none}.yb-form .gform_fields{display:flex;flex-wrap:wrap;margin:0 -9px}.yb-form .gfield{width:100%;margin:0 9px 24px}.yb-form .gfield--width-half{width:calc(50% - 18px)}.yb-form .gfield input,.yb-form .gfield textarea{display:block;width:100%;color:#000;font-size:26px;font-family:Inter,sans-serif;font-weight:700;line-height:32px;letter-spacing:-.949px;border-radius:32px;border:2px solid #000;padding:13px 30px 15px;background:#fff;outline:none !important;position:relative;z-index:2}.yb-form .gfield textarea{height:158px;resize:none}.yb-form .gfield input::placeholder,.yb-form .gfield textarea::placeholder{color:#b0b0b0}.yb-form .gfield .ginput_container{position:relative}.yb-form .gfield .ginput_container:after{content:"";top:6px;left:6px;right:-5px;z-index:1;height:100%;border-radius:32px;background:#e5b526;position:absolute}.yb-form .gfield--type-radio{padding-bottom:8px}.yb-form .gfield--type-radio .ginput_container:after{display:none}.yb-form .gfield--type-radio .gfield_label{display:block;font-size:20px;line-height:32px;letter-spacing:-.943px;margin-bottom:16px}.yb-form .gchoice label{display:flex}.yb-form .gchoice+.gchoice{margin-top:24px}.yb-form .gchoice input{display:none}.yb-form .gchoice label:before{content:"";width:30px;height:30px;background:#fff;border-radius:50%;border:2px solid #000;box-sizing:border-box;margin-right:20px}.yb-form input:checked+label:before{background:url(//yellowbricks.co.uk/wp-content/themes/yellowbricks/css/../img/form-checkbox.svg) no-repeat center center}.yb-form .gchoice label{color:#000;font-size:26px;font-weight:700;line-height:30px;letter-spacing:-.949px;cursor:pointer}.gfield .select2-container{width:100% !important;height:64px;display:block !important;position:relative;z-index:2}.gfield .select2-container--default .select2-selection--single{display:block;border:0;border-radius:0;background:0 0}.gfield .select2-container .select2-selection--single .select2-selection__rendered{display:block;width:100%;color:#000;font-size:26px;font-family:Inter,sans-serif;font-weight:700;line-height:32px;letter-spacing:-.949px;border-radius:32px;border:2px solid #000;padding:13px 30px 15px;background:#fff;outline:none !important;position:relative;box-sizing:border-box;z-index:2}.gfield .select2-container--default .select2-selection--single .select2-selection__arrow{top:22px;right:24px;width:20px;height:20px !important;z-index:3;background:url(//yellowbricks.co.uk/wp-content/themes/yellowbricks/css/../img/select-arrow.svg) no-repeat center center/contain;transition:all ease .3s;transform:rotate(0deg)}.gfield .select2-container--open .select2-selection--single .select2-selection__arrow{transform:rotate(180deg)}.gfield .select2-container--default .select2-selection--single .select2-selection__arrow b{display:none}.gfield .select2-container--default .select2-selection--single .select2-selection__placeholder{color:rgba(168,154,255,.52);font-weight:500}.select2-dropdown{z-index:9006;padding:15px 0;border-radius:32px !important;border:2px solid #000 !important;background:#fff;overflow:hidden}.select2-container--open .select2-dropdown--below{margin-top:4px}.select2-container--open .select2-dropdown--above{margin-top:-4px}.select2-search--dropdown{display:none !important}.select2-dropdown ul{margin:0 !important}.select2-results__option{color:#000;font-size:20px;font-family:Inter,sans-serif;font-weight:700;line-height:26px;padding:10px 30px !important;letter-spacing:-.949px}.select2-container--default .select2-results__option--selected{background-color:rgba(0,0,0,.1) !important}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#ef448f !important}.yb-form .validation_message{color:red;margin-top:10px;margin-left:30px}.yb-form .gform_footer{padding-top:8px}.yb-form .gform_confirmation_wrapper{display:block;width:100%;color:#000;font-size:20px;line-height:32px;letter-spacing:-.943px;text-align:center;border-radius:32px;border:2px solid #000;padding:64px 48px;background:#fff;outline:none !important;position:relative;z-index:2}.yb-form .gform_confirmation_wrapper h2{font-size:30px;font-family:Inter,sans-serif;font-weight:700;line-height:36px;letter-spacing:-.949px;margin-bottom:16px}@media (max-width:1340px){.yb-hero .content h1{font-size:112px;line-height:100px}.yb-footer .top .right .col+.col{margin-left:70px}}@media (max-width:1200px){.btn.sm{font-size:20px;line-height:22px;min-width:0}.yb-hero{padding:200px 0 90px}.yb-hero .bg{width:400px;height:auto}.yb-hero .content{width:calc(50% - 20px)}.yb-hero .content h1{font-size:90px;line-height:85px}.yb-hero .content h4{font-size:27px}.yb-hero .image{width:calc(50% - 20px)}.yb-quote{padding:90px 0 100px}.yb-quote .box .content{padding:55px 65px 45px 52px}.yb-quote .box .content p{font-size:33px;line-height:43px}.yb-quote .box .image{min-height:400px}.yb-quote .swiper-arrow{width:64px;height:64px;margin-top:-32px}.yb-quote .swiper-arrow.prev{left:-32px}.yb-quote .swiper-arrow.next{right:-32px}.yb-posts .head h2{font-size:60px;line-height:72px}.yb-posts .container{width:92%}.yb-video{padding-bottom:100px}.trust .container{padding:100px 0}.trust .content{width:calc(50% - 30px)}.trust .content h2{font-size:70px;line-height:65px}.trust .content h4{font-size:22px;line-height:30px}.trust .content ul li{font-size:22px;line-height:30px;padding-left:45px;padding-top:3px}.trust .images{width:calc(50% - 30px)}.twi .container{padding:110px 0 125px}.twi .content{width:calc(50% - 30px)}.twi .content h2{font-size:70px;line-height:65px;letter-spacing:-4.8px}.twi .content h2 em{letter-spacing:-2px}.twi .content h4{font-size:22px;line-height:30px}.twi .images{width:calc(50% - 30px)}.yb-form{padding:100px 0 110px}.yb-form .gfield input,.yb-form .gfield textarea{font-size:22px;line-height:30px}.gfield .select2-container .select2-selection--single .select2-selection__rendered{font-size:22px;line-height:30px}.yb-form .gchoice label{font-size:22px;line-height:30px}.yb-footer .top{flex-direction:column}.yb-footer .top .left{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding-right:0}.yb-footer .top .right{width:100%;justify-content:center;text-align:center;margin-top:50px}.yb-footer .bottom .left{flex-direction:column;align-items:flex-start}.yb-footer .bottom .left a{font-size:22px;line-height:30px}.yb-footer .bottom .left a+a{margin-left:0;margin-top:12px}}@media (max-width:1023px){.yb-hero{padding:180px 0 60px}.yb-hero .bg{opacity:.15}.yb-hero .container{display:block}.yb-hero .content{width:100%}.yb-hero .image{width:100%;margin-top:50px}.yb-quote{padding:80px 0}.yb-quote .box{display:block}.yb-quote .box .content{width:100%}.yb-quote .box .image{width:100%;margin-top:20px}.yb-quote .swiper-arrow{top:calc(50% - 210px);width:60px;height:60px;margin-top:-30px}.yb-quote .swiper-arrow.prev{left:-20px}.yb-quote .swiper-arrow.next{right:-20px}.yb-posts{padding-bottom:70px}.yb-posts .head h2{font-size:54px;line-height:64px;letter-spacing:-4px}.yb-video{padding-bottom:80px}.trust .container{flex-direction:column;padding:60px 0 80px}.trust .content{width:100%;order:1}.trust .content h2{font-size:64px;line-height:58px;letter-spacing:-4px;max-width:100%}.trust .content h2 em{letter-spacing:-1.5px}.trust .content h4{font-size:20px;line-height:28px;max-width:100%}.trust .content .buttons{margin-top:50px}.trust .images{width:100%;max-width:100%;order:2;margin-top:60px}.twi .container{flex-direction:column;padding:60px 0 80px}.twi .content{width:100%;max-width:100%;order:1}.twi .content h2{font-size:64px;line-height:58px;letter-spacing:-4px;max-width:100%}.twi .content h2 em{letter-spacing:-1.5px}.twi .content h4{font-size:20px;line-height:28px;max-width:100%}.twi .content p{max-width:100%}.twi .content .buttons{margin-top:50px}.twi .image{width:100%;max-width:100%;height:500px;order:2}.twi.content-right .image{margin-bottom:60px}.twi.content-left .image{margin-top:60px}.twi .bg{opacity:.35}.yb-form{padding:50px 0 80px}.yb-form .container{display:block}.yb-form .content{width:100%}.yb-form .content h2{font-size:52px;line-height:60px;letter-spacing:-2.5px}.yb-form .content .text{margin-top:30px}.yb-form .form-wrapper{width:100%;margin-top:35px}.yb-footer{padding-bottom:20px}.yb-footer .bottom{display:block;padding-top:40px;padding-bottom:25px}.yb-footer .bottom .left{width:100%;justify-content:center;align-items:center}.yb-footer .bottom .left a svg{width:20px;height:auto;margin-right:14px}.yb-footer .bottom .right{flex-direction:column;align-items:center;margin-top:30px}.yb-footer .bottom .right .copyright{color:#444;font-size:16px;line-height:25px;margin-right:0;order:3}.yb-footer .bottom .right .social{margin:20px 0;order:2}}@media (max-width:767px){.btn.sm{font-size:18px}.yb-hero{padding:140px 0 40px}.yb-hero .bg{display:none}.yb-hero .content h1{font-size:64px;line-height:52px;letter-spacing:-2.5px}.yb-hero .content h4{font-size:22px;line-height:30px;padding-top:10px}.yb-hero .content p{font-size:16px}.yb-hero .content .buttons{margin-top:30px;display:block}.yb-hero .content .buttons .btn{width:100%}.yb-hero .content .buttons .btn+.btn{margin-top:15px}.yb-hero .image{margin-top:45px;height:340px}.yb-hero .image .play{width:64px;height:64px;margin:-32px 0 0 -32px}.yb-quote{padding:40px 0}.yb-quote .box .content{padding:40px 30px}.yb-quote .box .content p{font-size:28px;line-height:36px}.yb-quote .box .content:before{display:none}.yb-quote .box .content .author .avatar{margin-right:20px}.yb-quote .box .image{width:100%;min-height:280px}.yb-quote .box .image .pattern{width:100px;height:auto}.yb-quote .swiper-arrow{top:auto;bottom:calc(260px)}.yb-quote .swiper-arrow.prev{left:-10px}.yb-quote .swiper-arrow.next{right:-10px}.yb-posts{padding:40px 0 50px}.yb-posts .head{display:block;text-align:center}.yb-posts .head h2{font-size:44px;line-height:52px;letter-spacing:-2.5px}.yb-posts .head h2 em{letter-spacing:-1px}.yb-posts .head .swiper-arrows{justify-content:center;margin-top:20px}.yb-posts .swiper-slide{width:92%}.yb-posts .post h3{height:auto;max-height:96px}.yb-video{padding:50px 0}.yb-video .section-head{margin-bottom:30px}.yb-video .section-head h4{font-size:14px;line-height:18px}.yb-video .section-head p{font-size:18px;line-height:24px;letter-spacing:-.5px;margin-top:6px}.yb-video .video-wrapper .image{padding-bottom:75%}.yb-video .video-wrapper .play{width:64px;height:64px;margin:-32px 0 0 -32px}.trust .container{padding:45px 0 50px}.trust .content h2{font-size:44px;line-height:42px;letter-spacing:-2.1px}.trust .content h2 em{letter-spacing:-1px}.trust .content h4{font-size:18px;line-height:26px;letter-spacing:-.5px;margin-top:16px}.trust .content ul{margin-top:24px}.trust .content ul li{font-size:18px;line-height:26px;padding-left:34px;padding-top:2px;background-size:22px 22px}.trust .content ul li+li{margin-top:12px}.trust .content .buttons{margin-top:32px;display:block}.trust .content .buttons .btn{margin-left:0;margin-right:0 !important}.trust .images{margin-top:45px}.trust .images .col .img{height:260px}.trust .images .col .img.sm{height:150px}.trust .images .col+.col{margin-top:30px}.twi .container{padding:60px 0}.twi .content h2{font-size:44px;line-height:42px;letter-spacing:-2.1px}.twi .content h2 em{letter-spacing:-1px}.twi .content h4{font-size:18px;line-height:26px;letter-spacing:-.5px;margin-top:16px}.twi .content p{line-height:25px;font-weight:400;margin-top:25px}.twi .content .btn{margin-top:40px;width:100%}.twi .image{height:300px}.twi.content-right .image{margin-bottom:40px}.twi.content-left .image{margin-top:50px}.yb-testimonials{border-radius:0;padding:40px 0 30px}.yb-testimonials .swiper-pagination{margin-top:0}.yb-testimonials .swiper-slide{padding-bottom:24px}.logo-slider{padding:45px 0 55px}.logo-slider .section-head h4{font-size:14px;line-height:18px}.logo-slider .section-head h2{font-size:32px;line-height:40px;letter-spacing:-1.6px}.logo-slider .section-head p{font-size:18px;line-height:24px;letter-spacing:-.5px;margin-top:10px}.yb-form{padding:40px 0 50px}.yb-form .content h2{font-size:40px;line-height:48px;letter-spacing:-1.8px}.yb-form .content .text{font-size:17px;line-height:26px;letter-spacing:-.5px;margin-top:20px}.yb-form .content .text p+p{margin-top:26px}.yb-form .content ul li{font-size:20px;line-height:30px}.yb-form .content ul li+li{margin-top:12px}.yb-form .gfield{width:100% !important}.yb-form .gfield input,.yb-form .gfield textarea{font-size:20px;line-height:28px;letter-spacing:-.5px}.gfield .select2-container .select2-selection--single .select2-selection__rendered{font-size:20px;line-height:28px;letter-spacing:-.5px}.select2-results__option{font-size:18px;letter-spacing:-.5px}.yb-form .gfield--type-radio .gfield_label{font-size:18px;line-height:26px;letter-spacing:-.5px}.yb-form .gchoice label{font-size:20px;line-height:28px}.yb-form .gchoice label:before{margin-right:15px}.yb-form .gform_button{width:100%}.yb-form .gform_confirmation_wrapper{font-size:18px;line-height:26px;letter-spacing:-.5px;padding:40px 30px}.yb-footer{padding-top:50px}.yb-footer .top .left h2{font-size:36px;line-height:44px;letter-spacing:-1.2px}.yb-footer .top .left h3{font-size:22px;line-height:30px;letter-spacing:-.5px;margin-bottom:40px}.yb-footer .top .right{display:block;margin-top:40px}.yb-footer .top .right .col{margin-left:0 !important;width:100%}.yb-footer .top .right .col+.col{margin-top:25px}.yb-footer .top .right .col h4{letter-spacing:-.5px}.yb-footer .top .right .col ul{margin-top:5px}.newsletter-signup .gfield input{font-size:20px;line-height:28px;letter-spacing:-.5px}.yb-footer .top .left .newsletter-signup p{font-size:14px;max-width:300px;margin-left:auto;margin-right:auto}.yb-footer .bottom .left a{font-size:20px;letter-spacing:-.5px}}