[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)} @font-face { font-family: 'Rajdhani-Regular'; src: url(/fonts/Rajdhani-Regular.ttf) format('truetype'), url(/fonts/Rajdhani-Regular.ttf) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rajdhani-Bold'; src: url(/fonts/Rajdhani-Bold.ttf) format('truetype'), url(/fonts/Rajdhani-Bold.ttf) format('woff'); font-weight: bold; font-style: bold; } @font-face { font-family: 'Rajdhani-Medium'; src: url(/fonts/Rajdhani-Medium.ttf) format('truetype'), url(/fonts/Rajdhani-Medium.ttf) format('woff'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Rajdhani-Light'; src: url(/fonts/Rajdhani-Light.ttf) format('truetype'), url(/fonts/Rajdhani-Light.ttf) format('woff'); font-weight: lighter; font-style: bold; } @font-face { font-family: 'Rajdhani-Black'; src: url(/fonts/Rajdhani-Black.ttf) format('truetype'), url(/fonts/Rajdhani-Black.ttf) format('woff'); } @font-face { font-family: 'Poppins-Regular'; src: url(/fonts/Poppins-Regular.ttf?35d26b781dc5fda684cce6ea04a41a75) format('truetype'), url(/fonts/Poppins-Regular.ttf?35d26b781dc5fda684cce6ea04a41a75) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Poppins-Bold'; src: url(/fonts/Poppins-Bold.ttf?cdb29a5d7ccf57ff05a3fd9216d11771) format('truetype'), url(/fonts/Poppins-Bold.ttf?cdb29a5d7ccf57ff05a3fd9216d11771) format('woff'); font-weight: bold; font-style: bold; } @font-face { font-family: 'Poppins-Medium'; src: url(/fonts/Poppins-Medium.ttf?673ed42382ab264e0bf5b33f3579568c) format('truetype'), url(/fonts/Poppins-Medium.ttf?673ed42382ab264e0bf5b33f3579568c) format('woff'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Poppins-Light'; src: url(/fonts/Poppins-Light.ttf?7641a0f76ca9ef6c252ce242f76e8b1d) format('truetype'), url(/fonts/Poppins-Light.ttf?7641a0f76ca9ef6c252ce242f76e8b1d) format('woff'); font-weight: lighter; font-style: bold; } @font-face { font-family: 'Poppins-Black'; src: url(/fonts/Poppins-Black.ttf?d8b850b920a5ef49d752d926c50c5a1a) format('truetype'), url(/fonts/Poppins-Black.ttf?d8b850b920a5ef49d752d926c50c5a1a) format('woff'); } /* Default Theme (Light or Main Theme) */ :root { --particles-color: #45F882; --color-primary: #45F882; --color-text-color: #ffffff; --color-primary-black: #080C15; --color-primary-hover: #34CC68; --color-primary-2: #ffbe18; --color-primary-2-hover: #d49d13; --color-secondary: #0f1c23; --color-secondary-2: #222631; --color-text-gray: #969eb2; --color-text-gray-2: #d1d7e7; --color-primary-gray: #13171e; --color-secondary-gray: #1a1d26; } /* Dark Mode Theme */ [data-theme='light'] { --particles-color: #159b42; --color-primary: #159b42; --color-text-color: #000000; --color-primary-black: #e6e6e6; --color-primary-hover: #34CC68; --color-primary-2: #ffbe18; --color-primary-2-hover: #d49d13; --color-secondary: #f5f7f9; --color-secondary-2: #e0e4e8; --color-text-gray: #646464; --color-text-gray-2: #535353; --color-primary-gray: #eaeaea; --color-secondary-gray: #f1f3f5; } /* Tenno Theme */ [data-theme='tenno'] { --particles-color: #ffbf47; --color-primary: #ffbf47; --color-text-color: #ffffff; --color-primary-black: #20232a; --color-primary-hover: #ffc107; --color-primary-2: #ff851b; --color-primary-2-hover: #ff7700; --color-secondary: #292b2f; --color-secondary-2: #373b41; --color-text-gray: #c5c6c7; --color-text-gray-2: #e0e0e0; --color-primary-gray: #1c1e22; --color-secondary-gray: #2c2f33; } /* Grineer Theme */ [data-theme='grineer'] { --particles-color: #e74c3c; --color-primary: #e74c3c; --color-text-color: #ffffff; --color-primary-black: #2c3e50; --color-primary-hover: #c0392b; --color-primary-2: #e67e22; --color-primary-2-hover: #d35400; --color-secondary: #34495e; --color-secondary-2: #2c3e50; --color-text-gray: #ecf0f1; --color-text-gray-2: #bdc3c7; --color-primary-gray: #2d3436; --color-secondary-gray: #3e4551; } /* Corpus Theme */ [data-theme='corpus'] { --particles-color: #2980b9; --color-primary: #2980b9; --color-text-color: #ffffff; --color-primary-black: #34495e; --color-primary-hover: #3498db; --color-primary-2: #8e44ad; --color-primary-2-hover: #9b59b6; --color-secondary: #2c3e50; --color-secondary-2: #22313f; --color-text-gray: #ecf0f1; --color-text-gray-2: #d1dedf; --color-primary-gray: #283747; --color-secondary-gray: #212f3c; } /* resources/css/app.css */ .custom-gradient { background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-2) 54%); } /* ! tailwindcss v3.4.10 | 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: #e5e7eb; /* 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. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { 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: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 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. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. 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-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* 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-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: 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, input:where([type='button']), input:where([type='reset']), input:where([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; } /* Reset default styling for dialogs. */ dialog { 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; } *, ::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-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --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: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::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-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --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: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } .container{ width: 100%; } @media (min-width: 640px){ .container{ max-width: 640px; } } @media (min-width: 768px){ .container{ max-width: 768px; } } @media (min-width: 800px){ .container{ max-width: 800px; } } @media (min-width: 858px){ .container{ max-width: 858px; } } @media (min-width: 1024px){ .container{ max-width: 1024px; } } @media (min-width: 1280px){ .container{ max-width: 1280px; } } @media (min-width: 1536px){ .container{ max-width: 1536px; } } @media (min-width: 1680px){ .container{ max-width: 1680px; } } .visible{ visibility: visible; } .collapse{ visibility: collapse; } .fixed{ position: fixed; } .absolute{ position: absolute; } .relative{ position: relative; } .inset-0{ inset: 0px; } .-left-20{ left: -5rem; } .bottom-0{ bottom: 0px; } .bottom-8{ bottom: 2rem; } .left-0{ left: 0px; } .left-1\/2{ left: 50%; } .left-\[115px\]{ left: 115px; } .right-0{ right: 0px; } .right-3{ right: 0.75rem; } .right-7{ right: 1.75rem; } .right-8{ right: 2rem; } .top-0{ top: 0px; } .top-10{ top: 2.5rem; } .top-16{ top: 4rem; } .top-2{ top: 0.5rem; } .top-3{ top: 0.75rem; } .top-32{ top: 8rem; } .top-40{ top: 10rem; } .top-6{ top: 1.5rem; } .z-0{ z-index: 0; } .z-10{ z-index: 10; } .z-20{ z-index: 20; } .z-30{ z-index: 30; } .z-50{ z-index: 50; } .z-\[11\]{ z-index: 11; } .z-\[25\]{ z-index: 25; } .z-\[26\]{ z-index: 26; } .z-\[2\]{ z-index: 2; } .z-\[51\]{ z-index: 51; } .z-\[9999\]{ z-index: 9999; } .z-\[999\]{ z-index: 999; } .z-\[99\]{ z-index: 99; } .z-\[9\]{ z-index: 9; } .m-4{ margin: 1rem; } .m-auto{ margin: auto; } .mx-20{ margin-left: 5rem; margin-right: 5rem; } .mx-3{ margin-left: 0.75rem; margin-right: 0.75rem; } .mx-4{ margin-left: 1rem; margin-right: 1rem; } .mx-5{ margin-left: 1.25rem; margin-right: 1.25rem; } .mx-auto{ margin-left: auto; margin-right: auto; } .my-10{ margin-top: 2.5rem; margin-bottom: 2.5rem; } .my-2{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-24{ margin-top: 6rem; margin-bottom: 6rem; } .my-4{ margin-top: 1rem; margin-bottom: 1rem; } .my-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-auto{ margin-top: auto; margin-bottom: auto; } .-ml-px{ margin-left: -1px; } .-mt-32{ margin-top: -8rem; } .mb-1{ margin-bottom: 0.25rem; } .mb-14{ margin-bottom: 3.5rem; } .mb-2{ margin-bottom: 0.5rem; } .mb-4{ margin-bottom: 1rem; } .mb-6{ margin-bottom: 1.5rem; } .ml-0{ margin-left: 0px; } .ml-1{ margin-left: 0.25rem; } .ml-2{ margin-left: 0.5rem; } .ml-3{ margin-left: 0.75rem; } .ml-4{ margin-left: 1rem; } .ml-6{ margin-left: 1.5rem; } .mr-3{ margin-right: 0.75rem; } .mr-4{ margin-right: 1rem; } .mr-auto{ margin-right: auto; } .ms-1{ margin-inline-start: 0.25rem; } .mt-10{ margin-top: 2.5rem; } .mt-14{ margin-top: 3.5rem; } .mt-2{ margin-top: 0.5rem; } .mt-20{ margin-top: 5rem; } .mt-3{ margin-top: 0.75rem; } .mt-4{ margin-top: 1rem; } .mt-5{ margin-top: 1.25rem; } .mt-6{ margin-top: 1.5rem; } .mt-8{ margin-top: 2rem; } .mt-9{ margin-top: 2.25rem; } .mt-auto{ margin-top: auto; } .block{ display: block; } .flex{ display: flex; } .inline-flex{ display: inline-flex; } .table{ display: table; } .grid{ display: grid; } .\!hidden{ display: none !important; } .hidden{ display: none; } .size-6{ width: 1.5rem; height: 1.5rem; } .h-0{ height: 0px; } .h-1{ height: 0.25rem; } .h-10{ height: 2.5rem; } .h-12{ height: 3rem; } .h-16{ height: 4rem; } .h-4{ height: 1rem; } .h-5{ height: 1.25rem; } .h-6{ height: 1.5rem; } .h-8{ height: 2rem; } .h-\[100px\]{ height: 100px; } .h-\[110px\]{ height: 110px; } .h-\[122px\]{ height: 122px; } .h-\[130px\]{ height: 130px; } .h-\[136px\]{ height: 136px; } .h-\[142px\]{ height: 142px; } .h-\[1px\]{ height: 1px; } .h-\[200px\]{ height: 200px; } .h-\[220px\]{ height: 220px; } .h-\[249px\]{ height: 249px; } .h-\[24px\]{ height: 24px; } .h-\[268px\]{ height: 268px; } .h-\[2px\]{ height: 2px; } .h-\[350px\]{ height: 350px; } .h-\[380px\]{ height: 380px; } .h-\[40px\]{ height: 40px; } .h-\[46px\]{ height: 46px; } .h-\[54px\]{ height: 54px; } .h-\[550px\]{ height: 550px; } .h-\[56px\]{ height: 56px; } .h-\[600px\]{ height: 600px; } .h-\[708px\]{ height: 708px; } .h-\[70px\]{ height: 70px; } .h-\[800px\]{ height: 800px; } .h-\[88\%\]{ height: 88%; } .h-\[98px\]{ height: 98px; } .h-auto{ height: auto; } .h-fit{ height: -moz-fit-content; height: fit-content; } .h-full{ height: 100%; } .h-screen{ height: 100vh; } .h-\[100vh\]{ height: 100vh; } .h-\[\]{ height: ; } .h-\[300px\]{ height: 300px; } .h-\[400px\]{ height: 400px; } .max-h-16{ max-height: 4rem; } .max-h-24{ max-height: 6rem; } .min-h-12{ min-height: 3rem; } .min-h-16{ min-height: 4rem; } .min-h-24{ min-height: 6rem; } .min-h-\[40vh\]{ min-height: 40vh; } .min-h-\[500px\]{ min-height: 500px; } .min-h-\[600px\]{ min-height: 600px; } .min-h-screen{ min-height: 100vh; } .w-0{ width: 0px; } .w-1{ width: 0.25rem; } .w-10{ width: 2.5rem; } .w-12{ width: 3rem; } .w-16{ width: 4rem; } .w-32{ width: 8rem; } .w-4{ width: 1rem; } .w-5{ width: 1.25rem; } .w-6{ width: 1.5rem; } .w-80{ width: 20rem; } .w-9{ width: 2.25rem; } .w-\[0\.5px\]{ width: 0.5px; } .w-\[100\%\]{ width: 100%; } .w-\[1000px\]{ width: 1000px; } .w-\[100px\]{ width: 100px; } .w-\[15\%\]{ width: 15%; } .w-\[15px\]{ width: 15px; } .w-\[196px\]{ width: 196px; } .w-\[20\%\]{ width: 20%; } .w-\[200px\]{ width: 200px; } .w-\[22\%\]{ width: 22%; } .w-\[220px\]{ width: 220px; } .w-\[23\%\]{ width: 23%; } .w-\[24\%\]{ width: 24%; } .w-\[24px\]{ width: 24px; } .w-\[25\%\]{ width: 25%; } .w-\[285px\]{ width: 285px; } .w-\[300px\]{ width: 300px; } .w-\[30px\]{ width: 30px; } .w-\[353px\]{ width: 353px; } .w-\[4\%\]{ width: 4%; } .w-\[40\%\]{ width: 40%; } .w-\[400px\]{ width: 400px; } .w-\[407px\]{ width: 407px; } .w-\[40px\]{ width: 40px; } .w-\[45\%\]{ width: 45%; } .w-\[450px\]{ width: 450px; } .w-\[458px\]{ width: 458px; } .w-\[48\%\]{ width: 48%; } .w-\[5\%\]{ width: 5%; } .w-\[500px\]{ width: 500px; } .w-\[50px\]{ width: 50px; } .w-\[52\%\]{ width: 52%; } .w-\[55px\]{ width: 55px; } .w-\[600px\]{ width: 600px; } .w-\[65px\]{ width: 65px; } .w-\[700px\]{ width: 700px; } .w-\[70px\]{ width: 70px; } .w-\[75\%\]{ width: 75%; } .w-\[80\%\]{ width: 80%; } .w-\[85\%\]{ width: 85%; } .w-\[90\%\]{ width: 90%; } .w-\[92px\]{ width: 92px; } .w-\[95\%\]{ width: 95%; } .w-\[97\%\]{ width: 97%; } .w-\[98\%\]{ width: 98%; } .w-auto{ width: auto; } .w-fit{ width: -moz-fit-content; width: fit-content; } .w-full{ width: 100%; } .w-\[\]{ width: ; } .w-\[190px\]{ width: 190px; } .w-\[210px\]{ width: 210px; } .w-\[00px\]{ width: 00px; } .min-w-12{ min-width: 3rem; } .min-w-16{ min-width: 4rem; } .min-w-24{ min-width: 6rem; } .min-w-\[0\.5px\]{ min-width: 0.5px; } .min-w-\[259px\]{ min-width: 259px; } .min-w-\[260px\]{ min-width: 260px; } .min-w-\[300px\]{ min-width: 300px; } .min-w-\[350px\]{ min-width: 350px; } .min-w-\[400px\]{ min-width: 400px; } .min-w-\[40px\]{ min-width: 40px; } .min-w-fit{ min-width: -moz-fit-content; min-width: fit-content; } .max-w-16{ max-width: 4rem; } .max-w-24{ max-width: 6rem; } .max-w-\[1100px\]{ max-width: 1100px; } .max-w-\[1114px\]{ max-width: 1114px; } .max-w-\[260px\]{ max-width: 260px; } .max-w-\[317px\]{ max-width: 317px; } .max-w-\[350px\]{ max-width: 350px; } .max-w-fit{ max-width: -moz-fit-content; max-width: fit-content; } .flex-1{ flex: 1 1 0%; } .border-collapse{ border-collapse: collapse; } .origin-top-right{ transform-origin: top right; } .-translate-x-1\/2{ --tw-translate-x: -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)); } .translate-x-full{ --tw-translate-x: 100%; 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)); } @keyframes spin{ to{ transform: rotate(360deg); } } .animate-spin{ animation: spin 1s linear infinite; } .cursor-default{ cursor: default; } .cursor-grab{ cursor: grab; } .cursor-pointer{ cursor: pointer; } .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } .resize{ resize: both; } .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-rows-3{ grid-template-rows: repeat(3, minmax(0, 1fr)); } .flex-col{ flex-direction: column; } .flex-wrap{ flex-wrap: wrap; } .items-start{ align-items: flex-start; } .items-center{ align-items: center; } .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-center{ justify-items: center; } .gap-4{ gap: 1rem; } .gap-6{ gap: 1.5rem; } .gap-x-10{ -moz-column-gap: 2.5rem; column-gap: 2.5rem; } .gap-x-12{ -moz-column-gap: 3rem; column-gap: 3rem; } .gap-y-5{ row-gap: 1.25rem; } .gap-y-6{ row-gap: 1.5rem; } .space-x-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0px * var(--tw-space-x-reverse)); margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); } .space-x-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-10 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(2.5rem * var(--tw-space-x-reverse)); margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-12 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(3rem * var(--tw-space-x-reverse)); margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-5 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1.25rem * var(--tw-space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .space-x-40 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(10rem * var(--tw-space-x-reverse)); margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse))); } .overflow-hidden{ overflow: hidden; } .overflow-scroll{ overflow: scroll; } .overflow-x-hidden{ overflow-x: hidden; } .overflow-x-scroll{ overflow-x: scroll; } .text-pretty{ text-wrap: pretty; } .rounded{ border-radius: 0.25rem; } .rounded-2xl{ border-radius: 1rem; } .rounded-3xl{ border-radius: 1.5rem; } .rounded-\[10px\]{ border-radius: 10px; } .rounded-\[20px\]{ border-radius: 20px; } .rounded-\[30px\]{ border-radius: 30px; } .rounded-\[35px\]{ border-radius: 35px; } .rounded-\[40px\]{ border-radius: 40px; } .rounded-full{ border-radius: 9999px; } .rounded-lg{ border-radius: 0.5rem; } .rounded-md{ border-radius: 0.375rem; } .rounded-sm{ border-radius: 0.125rem; } .rounded-xl{ border-radius: 0.75rem; } .rounded-l-2xl{ border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; } .rounded-l-md{ border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .rounded-r-md{ border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .rounded-bl-2xl{ border-bottom-left-radius: 1rem; } .rounded-bl-lg{ border-bottom-left-radius: 0.5rem; } .rounded-tr-2xl{ border-top-right-radius: 1rem; } .rounded-tr-lg{ border-top-right-radius: 0.5rem; } .border{ border-width: 1px; } .border-2{ border-width: 2px; } .border-4{ border-width: 4px; } .border-b{ border-bottom-width: 1px; } .border-b-0{ border-bottom-width: 0px; } .border-b-4{ border-bottom-width: 4px; } .border-b-\[4px\]{ border-bottom-width: 4px; } .border-l-0{ border-left-width: 0px; } .border-l-4{ border-left-width: 4px; } .border-l-8{ border-left-width: 8px; } .border-r-2{ border-right-width: 2px; } .border-r-4{ border-right-width: 4px; } .border-t-0{ border-top-width: 0px; } .border-solid{ border-style: solid; } .border-none{ border-style: none; } .border-\[\#75fb4c\]{ --tw-border-opacity: 1; border-color: rgb(117 251 76 / var(--tw-border-opacity)); } .border-black{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } .border-gray-300{ --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); } .border-gray-600{ --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity)); } .border-primary{ border-color: var(--color-primary); } .border-primaryGray{ border-color: var(--color-primary-gray); } .border-primary_2{ border-color: var(--color-primary-2); } .border-primary_hover{ border-color: var(--color-primary-hover); } .border-red-600{ --tw-border-opacity: 1; border-color: rgb(220 38 38 / var(--tw-border-opacity)); } .border-secondary{ border-color: var(--color-secondary); } .border-secondary_2{ border-color: var(--color-secondary-2); } .border-textGray{ border-color: var(--color-text-gray); } .border-transparent{ border-color: transparent; } .border-b-secondary{ border-bottom-color: var(--color-secondary); } .border-b-secondary_2{ border-bottom-color: var(--color-secondary-2); } .border-t-primary{ border-top-color: var(--color-primary); } .border-t-primary_2{ border-top-color: var(--color-primary-2); } .bg-\[\#0000008a\]{ background-color: #0000008a; } .bg-\[\#0E1A21\]{ --tw-bg-opacity: 1; background-color: rgb(14 26 33 / var(--tw-bg-opacity)); } .bg-\[\#1D1F24\]{ --tw-bg-opacity: 1; background-color: rgb(29 31 36 / var(--tw-bg-opacity)); } .bg-black{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .bg-gray-500{ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); } .bg-primary{ background-color: var(--color-primary); } .bg-primaryGray{ background-color: var(--color-primary-gray); } .bg-primary_2{ background-color: var(--color-primary-2); } .bg-primary_black{ background-color: var(--color-primary-black); } .bg-secondary{ background-color: var(--color-secondary); } .bg-secondaryGray{ background-color: var(--color-secondary-gray); } .bg-secondary_2{ background-color: var(--color-secondary-2); } .bg-textGray_2{ background-color: var(--color-text-gray-2); } .bg-transparent{ background-color: transparent; } .bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-blue-500{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } .bg-gray-200{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .bg-gray-100{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .bg-cover{ background-size: cover; } .bg-center{ background-position: center; } .fill-primary{ fill: var(--color-primary); } .fill-secondary{ fill: var(--color-secondary); } .fill-white{ fill: #fff; } .stroke-primary{ stroke: var(--color-primary); } .object-contain{ -o-object-fit: contain; object-fit: contain; } .object-cover{ -o-object-fit: cover; object-fit: cover; } .object-center{ -o-object-position: center; object-position: center; } .p-1{ padding: 0.25rem; } .p-10{ padding: 2.5rem; } .p-2{ padding: 0.5rem; } .p-3{ padding: 0.75rem; } .p-4{ padding: 1rem; } .p-5{ padding: 1.25rem; } .p-6{ padding: 1.5rem; } .p-7{ padding: 1.75rem; } .p-\[3px\]{ padding: 3px; } .p-\[7px\]{ padding: 7px; } .px-10{ padding-left: 2.5rem; padding-right: 2.5rem; } .px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .px-20{ padding-left: 5rem; padding-right: 5rem; } .px-3{ padding-left: 0.75rem; padding-right: 0.75rem; } .px-4{ padding-left: 1rem; padding-right: 1rem; } .px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .px-\[8px\]{ padding-left: 8px; padding-right: 8px; } .py-0{ padding-top: 0px; padding-bottom: 0px; } .py-1{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-20{ padding-top: 5rem; padding-bottom: 5rem; } .py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4{ padding-top: 1rem; padding-bottom: 1rem; } .py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8{ padding-top: 2rem; padding-bottom: 2rem; } .py-\[10px\]{ padding-top: 10px; padding-bottom: 10px; } .py-\[6px\]{ padding-top: 6px; padding-bottom: 6px; } .pb-10{ padding-bottom: 2.5rem; } .pb-2{ padding-bottom: 0.5rem; } .pb-20{ padding-bottom: 5rem; } .pb-4{ padding-bottom: 1rem; } .pb-40{ padding-bottom: 10rem; } .pb-5{ padding-bottom: 1.25rem; } .pl-0{ padding-left: 0px; } .pl-10{ padding-left: 2.5rem; } .pl-2{ padding-left: 0.5rem; } .pl-3{ padding-left: 0.75rem; } .pl-4{ padding-left: 1rem; } .pl-5{ padding-left: 1.25rem; } .pl-6{ padding-left: 1.5rem; } .pr-1{ padding-right: 0.25rem; } .pr-10{ padding-right: 2.5rem; } .pr-3{ padding-right: 0.75rem; } .pr-4{ padding-right: 1rem; } .pr-\[90px\]{ padding-right: 90px; } .pt-1{ padding-top: 0.25rem; } .pt-10{ padding-top: 2.5rem; } .pt-2{ padding-top: 0.5rem; } .pt-20{ padding-top: 5rem; } .pt-4{ padding-top: 1rem; } .pt-5{ padding-top: 1.25rem; } .pt-6{ padding-top: 1.5rem; } .pt-8{ padding-top: 2rem; } .text-left{ text-align: left; } .text-center{ text-align: center; } .text-right{ text-align: right; } .text-end{ text-align: end; } .font-Poppins-Bold{ font-family: Poppins-Bold, sans-serif; } .font-Poppins-Light{ font-family: Poppins-Light, sans-serif; } .font-Poppins-Medium{ font-family: Poppins-Medium, sans-serif; } .font-Poppins-Regular{ font-family: Poppins-Regular, sans-serif; } .font-Rajdhani-Bold{ font-family: Rajdhani-Bold, sans-serif; } .font-Rajdhani-Medium{ font-family: Rajdhani-Medium, sans-serif; } .text-2xl{ font-size: 1.5rem; line-height: 2rem; } .text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } .text-4xl{ font-size: 2.25rem; line-height: 2.5rem; } .text-5xl{ font-size: 3rem; line-height: 1; } .text-\[12px\]{ font-size: 12px; } .text-\[13px\]{ font-size: 13px; } .text-\[14px\]{ font-size: 14px; } .text-\[16px\]{ font-size: 16px; } .text-\[20px\]{ font-size: 20px; } .text-\[24px\]{ font-size: 24px; } .text-\[30px\]{ font-size: 30px; } .text-\[44px\]{ font-size: 44px; } .text-base{ font-size: 1rem; line-height: 1.5rem; } .text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .text-sm{ font-size: 0.875rem; line-height: 1.25rem; } .text-xl{ font-size: 1.25rem; line-height: 1.75rem; } .text-xs{ font-size: 0.75rem; line-height: 1rem; } .font-bold{ font-weight: 700; } .font-medium{ font-weight: 500; } .font-normal{ font-weight: 400; } .font-semibold{ font-weight: 600; } .uppercase{ text-transform: uppercase; } .capitalize{ text-transform: capitalize; } .\!leading-normal{ line-height: 1.5 !important; } .leading-10{ line-height: 2.5rem; } .leading-5{ line-height: 1.25rem; } .leading-6{ line-height: 1.5rem; } .leading-7{ line-height: 1.75rem; } .leading-none{ line-height: 1; } .leading-tight{ line-height: 1.25; } .tracking-tighter{ letter-spacing: -0.05em; } .tracking-wide{ letter-spacing: 0.025em; } .text-\[\#75fb4c\]{ --tw-text-opacity: 1; color: rgb(117 251 76 / var(--tw-text-opacity)); } .text-\[\#969EB2\]{ --tw-text-opacity: 1; color: rgb(150 158 178 / var(--tw-text-opacity)); } .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-gray-400{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } .text-gray-500{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } .text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .text-gray-700{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } .text-main_text_color{ color: var(--color-text-color); } .text-primary{ color: var(--color-primary); } .text-primaryGray{ color: var(--color-primary-gray); } .text-primary_2{ color: var(--color-primary-2); } .text-primary_black{ color: var(--color-primary-black); } .text-red-500{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .text-secondary{ color: var(--color-secondary); } .text-textGray{ color: var(--color-text-gray); } .text-textGray_2{ color: var(--color-text-gray-2); } .text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .underline{ text-decoration-line: underline; } .caret-primary{ caret-color: var(--color-primary); } .caret-primary_2{ caret-color: var(--color-primary-2); } .opacity-0{ opacity: 0; } .shadow-2xl{ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px 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-inner{ --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: inset 0 2px 4px 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-lg{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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-md{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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-sm{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 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; } .ring-gray-300{ --tw-ring-opacity: 1; --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity)); } .ring-opacity-5{ --tw-ring-opacity: 0.05; } .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); } .backdrop-blur-\[2px\]{ --tw-backdrop-blur: blur(2px); -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-blur-sm{ --tw-backdrop-blur: blur(4px); -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-blur-xl{ --tw-backdrop-blur: blur(24px); -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); } .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-all{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform{ transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-150{ transition-duration: 150ms; } .duration-300{ transition-duration: 300ms; } .duration-500{ transition-duration: 500ms; } .ease-in-out{ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-linear{ transition-timing-function: linear; } .container{ margin: auto; max-width: 1500px; padding-left: 0.75rem; padding-right: 0.75rem; } .container-small{ margin: auto; max-width: 1200px; padding-left: 0.75rem; padding-right: 0.75rem; } body{ background-color: var(--color-secondary-gray); } .custom-checkbox{ display: flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; font-size: 0.875rem; line-height: 1.25rem; color: var(--color-text-gray); 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; } .custom-checkbox:hover{ color: var(--color-text-gray-2); } .custom-checkbox .checkmark{ margin-right: 10px; display: flex; height: 24px; width: 24px; align-items: center; justify-content: center; border-radius: 4px; border-width: 2px; border-color: var(--color-primary); transition-property: background-color,border-color,transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transform-style: preserve-3d; } .custom-checkbox input[type="checkbox"]{ display: none; } .custom-checkbox input[type="checkbox"]:checked + .checkmark{ border-color: var(--color-primary); background-color: var(--color-primary); } .custom-checkbox input[type="radio"]{ display: none; } .custom-checkbox input[type="radio"]:checked + .checkmark{ border-color: var(--color-primary); background-color: var(--color-primary); } .custom-checkbox .checkmark::before { content: "\2713"; font-size: 16px; color: transparent; transition: color 0.3s, transform 0.3s; } .custom-checkbox input[type="checkbox"]:checked + .checkmark { transform: scale(1.1) rotateZ(360deg) rotateY(360deg); } .custom-checkbox input[type="checkbox"]:checked + .checkmark::before { color: #000; } .custom-checkbox input[type="radio"]:checked + .checkmark { transform: scale(1.1) rotateZ(360deg) rotateY(360deg); } .custom-checkbox input[type="radio"]:checked + .checkmark::before { color: #000; } .custom-checkbox:hover .checkmark { transform: scale(1.05); } .custom-checkbox input[type="checkbox"]:focus + .checkmark { box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2); outline: none; } .custom-checkbox .checkmark, .custom-checkbox input[type="checkbox"]:checked + .checkmark { transition: background-color 1.3s, border-color 1.3s, color 1.3s, transform 0.3s; } .custom-checkbox input[type="radio"]:focus + .checkmark { box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2); outline: none; } .custom-checkbox .checkmark, .custom-checkbox input[type="radio"]:checked + .checkmark { transition: background-color 1.3s, border-color 1.3s, color 1.3s, transform 0.3s; } .custom-checkbox input[type="radio"]:focus + .checkmark { box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2); outline: none; } .custom-checkbox .checkmark, .custom-checkbox input[type="radio"]:checked + .checkmark { transition: background-color 1.3s, border-color 1.3s, color 1.3s, transform 0.3s; } .background { background-image: url('/media/images/texture-mobile.png'); background-size: cover; background-position: center; } @media (min-width: 1536px) { .background { background-image: url('/media/images/texture-contact.png'); } } ::-webkit-scrollbar { width: 5px; } /* Track */ ::-webkit-scrollbar-track { background: transparent; } /* Handle */ ::-webkit-scrollbar-thumb { background: var(--color-primary-2); } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: var(--color-primary-2-hover); } .custom-scrollbar::-webkit-scrollbar { height: 1px; } .before\:absolute::before{ content: var(--tw-content); position: absolute; } .before\:bottom-1::before{ content: var(--tw-content); bottom: 0.25rem; } .before\:left-1::before{ content: var(--tw-content); left: 0.25rem; } .before\:h-6::before{ content: var(--tw-content); height: 1.5rem; } .before\:w-6::before{ content: var(--tw-content); width: 1.5rem; } .before\:rounded-full::before{ content: var(--tw-content); border-radius: 9999px; } .before\:bg-black::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .before\:transition::before{ content: var(--tw-content); 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; } .before\:duration-700::before{ content: var(--tw-content); transition-duration: 700ms; } .before\:content-\[\'\'\]::before{ --tw-content: ''; content: var(--tw-content); } .hover\:scale-\[120\%\]:hover{ --tw-scale-x: 120%; --tw-scale-y: 120%; 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\:scale-\[200\%\]:hover{ --tw-scale-x: 200%; --tw-scale-y: 200%; 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\:bg-primary:hover{ background-color: var(--color-primary); } .hover\:bg-primary_hover:hover{ background-color: var(--color-primary-hover); } .hover\:bg-secondary:hover{ background-color: var(--color-secondary); } .hover\:bg-secondary_2:hover{ background-color: var(--color-secondary-2); } .hover\:bg-blue-600:hover{ --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)); } .hover\:text-black:hover{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .hover\:text-gray-400:hover{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } .hover\:text-gray-500:hover{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } .hover\:text-primary:hover{ color: var(--color-primary); } .hover\:text-primary_2_hover:hover{ color: var(--color-primary-2-hover); } .hover\:text-primary_hover:hover{ color: var(--color-primary-hover); } .hover\:text-secondary:hover{ color: var(--color-secondary); } .hover\:underline:hover{ text-decoration-line: underline; } .hover\:opacity-80:hover{ opacity: 0.8; } .hover\:backdrop-brightness-50:hover{ --tw-backdrop-brightness: brightness(.5); -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); } .focus\:z-10:focus{ z-index: 10; } .focus\:cursor-grabbing:focus{ cursor: grabbing; } .focus\:border:focus{ border-width: 1px; } .focus\:border-2:focus{ border-width: 2px; } .focus\:border-blue-300:focus{ --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity)); } .focus\:border-primary:focus{ border-color: var(--color-primary); } .focus\:outline-none:focus{ outline: 2px solid transparent; outline-offset: 2px; } .focus\:outline-0:focus{ outline-width: 0px; } .focus\:outline-primary:focus{ outline-color: var(--color-primary); } .focus\:ring:focus{ --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); } .active\:bg-gray-100:active{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .active\:text-gray-500:active{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } .active\:text-gray-700:active{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } .active\:outline-none:active{ outline: 2px solid transparent; outline-offset: 2px; } .peer:checked ~ .peer-checked\:bg-primary_hover{ background-color: var(--color-primary-hover); } .peer:checked ~ .peer-checked\:text-primary{ color: var(--color-primary); } .peer:checked ~ .peer-checked\:text-textGray_2{ color: var(--color-text-gray-2); } .peer:checked ~ .peer-checked\:shadow-inner{ --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: inset 0 2px 4px 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); } .peer:checked ~ .peer-checked\:before\:translate-x-\[33px\]::before{ content: var(--tw-content); --tw-translate-x: 33px; 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)); } .peer:checked ~ .peer-checked\:before\:rotate-180::before{ content: var(--tw-content); --tw-rotate: 180deg; 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)); } .peer:checked ~ .peer-checked\:before\:bg-black::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } @media (min-width: 640px){ .sm\:flex{ display: flex; } .sm\:hidden{ display: none; } .sm\:flex-1{ flex: 1 1 0%; } .sm\:items-center{ align-items: center; } .sm\:justify-between{ justify-content: space-between; } .sm\:px-14{ padding-left: 3.5rem; padding-right: 3.5rem; } .sm\:text-\[28px\]{ font-size: 28px; } .sm\:text-sm{ font-size: 0.875rem; line-height: 1.25rem; } .sm\:text-xl{ font-size: 1.25rem; line-height: 1.75rem; } } @media (min-width: 768px){ .md\:col-span-1{ grid-column: span 1 / span 1; } .md\:ml-4{ margin-left: 1rem; } .md\:mt-0{ margin-top: 0px; } .md\:mt-10{ margin-top: 2.5rem; } .md\:mt-12{ margin-top: 3rem; } .md\:mt-2{ margin-top: 0.5rem; } .md\:mt-5{ margin-top: 1.25rem; } .md\:flex{ display: flex; } .md\:grid{ display: grid; } .md\:w-1\/2{ width: 50%; } .md\:w-\[100px\]{ width: 100px; } .md\:w-\[12\%\]{ width: 12%; } .md\:w-\[48\%\]{ width: 48%; } .md\:w-\[5\%\]{ width: 5%; } .md\:w-\[600px\]{ width: 600px; } .md\:w-\[80\%\]{ width: 80%; } .md\:w-\[9\%\]{ width: 9%; } .md\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:flex-row{ flex-direction: row; } .md\:space-x-7 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1.75rem * var(--tw-space-x-reverse)); margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse))); } .md\:space-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .md\:space-y-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .md\:p-5{ padding: 1.25rem; } .md\:px-10{ padding-left: 2.5rem; padding-right: 2.5rem; } .md\:py-28{ padding-top: 7rem; padding-bottom: 7rem; } .md\:pb-14{ padding-bottom: 3.5rem; } .md\:pl-10{ padding-left: 2.5rem; } .md\:pl-3{ padding-left: 0.75rem; } .md\:pt-0{ padding-top: 0px; } .md\:pt-10{ padding-top: 2.5rem; } .md\:pt-20{ padding-top: 5rem; } .md\:pt-8{ padding-top: 2rem; } .md\:text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } .md\:text-\[20px\]{ font-size: 20px; } .md\:text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .md\:text-sm{ font-size: 0.875rem; line-height: 1.25rem; } } @media (min-width: 800px){ .mmd\:w-\[28\%\]{ width: 28%; } } @media (min-width: 858px){ .mmmd\:space-x-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } } @media (min-width: 1024px){ .lg\:col-span-2{ grid-column: span 2 / span 2; } .lg\:ml-3{ margin-left: 0.75rem; } .lg\:mt-0{ margin-top: 0px; } .lg\:block{ display: block; } .lg\:grid{ display: grid; } .lg\:w-1\/2{ width: 50%; } .lg\:w-\[10\%\]{ width: 10%; } .lg\:w-\[12\%\]{ width: 12%; } .lg\:w-\[120px\]{ width: 120px; } .lg\:w-\[150px\]{ width: 150px; } .lg\:w-\[18\%\]{ width: 18%; } .lg\:w-\[20\%\]{ width: 20%; } .lg\:w-\[22\%\]{ width: 22%; } .lg\:w-\[3\%\]{ width: 3%; } .lg\:w-\[45\%\]{ width: 45%; } .lg\:w-\[60\%\]{ width: 60%; } .lg\:w-\[600px\]{ width: 600px; } .lg\:w-\[75\%\]{ width: 75%; } .lg\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:flex-row{ flex-direction: row; } .lg\:justify-between{ justify-content: space-between; } .lg\:gap-3{ gap: 0.75rem; } .lg\:space-x-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .lg\:space-y-5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } .lg\:py-28{ padding-top: 7rem; padding-bottom: 7rem; } .lg\:pl-20{ padding-left: 5rem; } .lg\:text-\[15px\]{ font-size: 15px; } .lg\:text-\[16px\]{ font-size: 16px; } .lg\:text-\[20px\]{ font-size: 20px; } .lg\:text-\[24px\]{ font-size: 24px; } .lg\:text-\[30px\]{ font-size: 30px; } .lg\:text-\[44px\]{ font-size: 44px; } .lg\:text-\[45px\]{ font-size: 45px; } .lg\:text-\[53px\]{ font-size: 53px; } .lg\:text-base{ font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1280px){ .xl\:block{ display: block; } .xl\:\!flex{ display: flex !important; } .xl\:flex{ display: flex; } .xl\:hidden{ display: none; } .xl\:w-\[10\%\]{ width: 10%; } .xl\:w-\[5\%\]{ width: 5%; } .xl\:w-\[87\%\]{ width: 87%; } .xl\:w-auto{ width: auto; } .xl\:py-0{ padding-top: 0px; padding-bottom: 0px; } .xl\:pt-0{ padding-top: 0px; } .xl\:pt-20{ padding-top: 5rem; } .xl\:text-\[22px\]{ font-size: 22px; } } @media (min-width: 1536px){ .\32xl\:mx-0{ margin-left: 0px; margin-right: 0px; } .\32xl\:mt-0{ margin-top: 0px; } .\32xl\:flex{ display: flex; } .\32xl\:w-\[25\%\]{ width: 25%; } .\32xl\:w-\[4\%\]{ width: 4%; } .\32xl\:w-\[40\%\]{ width: 40%; } .\32xl\:w-\[75\%\]{ width: 75%; } .\32xl\:flex-row{ flex-direction: row; } .\32xl\:flex-col{ flex-direction: column; } .\32xl\:justify-start{ justify-content: flex-start; } .\32xl\:justify-center{ justify-content: center; } .\32xl\:gap-y-0{ row-gap: 0px; } .\32xl\:space-x-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0px * var(--tw-space-x-reverse)); margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); } .\32xl\: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))); } .\32xl\:space-y-9 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.25rem * var(--tw-space-y-reverse)); } .\32xl\:border-b-0{ border-bottom-width: 0px; } .\32xl\:border-r-\[4px\]{ border-right-width: 4px; } .\32xl\:py-20{ padding-top: 5rem; padding-bottom: 5rem; } .\32xl\:text-\[25px\]{ font-size: 25px; } } .rtl\:flex-row-reverse:where([dir="rtl"], [dir="rtl"] *){ flex-direction: row-reverse; } @media (prefers-color-scheme: dark){ .dark\:border-gray-600{ --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity)); } .dark\:bg-gray-800{ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } .dark\:text-gray-300{ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } .dark\:text-gray-400{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } .dark\:text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .dark\:hover\:text-gray-300:hover{ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } .dark\:focus\:border-blue-700:focus{ --tw-border-opacity: 1; border-color: rgb(29 78 216 / var(--tw-border-opacity)); } .dark\:focus\:border-blue-800:focus{ --tw-border-opacity: 1; border-color: rgb(30 64 175 / var(--tw-border-opacity)); } .dark\:active\:bg-gray-700:active{ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)); } .dark\:active\:text-gray-300:active{ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } }