@import url(https://fonts.googleapis.com/css2?family=Tomorrow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); [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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[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)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}} *, ::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: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0); --tw-ring-shadow: 0 0 rgba(0,0,0,0); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); --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: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0); --tw-ring-shadow: 0 0 rgba(0,0,0,0); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); --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: ; }/* ! tailwindcss v3.4.19 | 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,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, 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]) { text-decoration: underline; -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]:where(:not([hidden="until-found"])) { display: none; }.container{ width: 100%; }@media (min-width: 576px){.container{ max-width: 576px; } }@media (min-width: 768px){.container{ max-width: 768px; } }@media (min-width: 992px){.container{ max-width: 992px; } }@media (min-width: 1200px){.container{ max-width: 1200px; } }@media (min-width: 1400px){.container{ max-width: 1400px; } }@media (min-width: 1536px){.container{ max-width: 1536px; } }@media (min-width: 1600px){.container{ max-width: 1600px; } }@media (min-width: 1800px){.container{ max-width: 1800px; } }.container{ margin-left: auto; margin-right: auto; }@media not all and (min-width: 576px){.container{ max-width: 90%; } }@media (min-width: 576px){.container{ max-width: 540px; } }@media (min-width: 768px){.container{ max-width: 720px; } }@media (min-width: 992px){.container{ max-width: 960px; } }@media (min-width: 1200px){.container{ max-width: 1140px; } }@media (min-width: 1400px){.container{ max-width: 1296px; } }.large-container{ margin-left: auto; margin-right: auto; }@media (min-width: 1800px){.large-container{ max-width: 1920px; } }.stp-30{ padding-top: 4rem; }@media (min-width: 768px){.stp-30{ padding-top: 6rem; } }@media (min-width: 1200px){.stp-30{ padding-top: 120px; } }.sbp-30{ padding-bottom: 4rem; }@media (min-width: 768px){.sbp-30{ padding-bottom: 6rem; } }@media (min-width: 1200px){.sbp-30{ padding-bottom: 120px; } }.stp-15{ padding-top: 2rem; }@media (min-width: 768px){.stp-15{ padding-top: 3rem; } }@media (min-width: 1200px){.stp-15{ padding-top: 60px; } }.sbp-15{ padding-bottom: 2rem; }@media (min-width: 768px){.sbp-15{ padding-bottom: 3rem; } }@media (min-width: 1200px){.sbp-15{ padding-bottom: 60px; } }h1,h2,h3,h4,h5,h6{ margin: 0px; padding: 0px; line-height: 120% !important; }p{ line-height: 150%; }.display-1{ font-size: 2.25rem; line-height: 2.5rem; font-weight: 700; line-height: 120%; }@media (min-width: 768px){.display-1{ font-size: 3rem; line-height: 1; } }@media (min-width: 992px){.display-1{ font-size: 3.75rem; line-height: 1; } }@media (min-width: 1200px){.display-1{ font-size: 4.5rem; line-height: 1; } }@media (min-width: 1400px){.display-1{ font-size: 96px; } }.display-2{ font-size: 2.25rem; line-height: 2.5rem; font-weight: 700; line-height: 120%; }@media (min-width: 768px){.display-2{ font-size: 3rem; line-height: 1; } }@media (min-width: 992px){.display-2{ font-size: 3.75rem; line-height: 1; } }@media (min-width: 1200px){.display-2{ font-size: 88px; } }.display-3{ font-size: 2.25rem; line-height: 2.5rem; font-weight: 700; }@media (min-width: 992px){.display-3{ font-size: 3rem; line-height: 1; } }@media (min-width: 1200px){.display-3{ font-size: 3.75rem; line-height: 1; } }@media (min-width: 1400px){.display-3{ font-size: 64px; } }.display-4{ font-size: 1.5rem; line-height: 2rem; font-weight: 700; }@media (min-width: 576px){.display-4{ font-size: 1.875rem; line-height: 2.25rem; } }@media (min-width: 768px){.display-4{ font-size: 2.25rem; line-height: 2.5rem; } }@media (min-width: 992px){.display-4{ font-size: 3rem; line-height: 1; } }@media (min-width: 1200px){.display-4{ font-size: 56px; } }.heading-2{ font-size: 28px; font-weight: 700; }@media (min-width: 992px){.heading-2{ font-size: 32px; } }@media (min-width: 1200px){.heading-2{ font-size: 2.25rem; line-height: 2.5rem; } }@media (min-width: 1400px){.heading-2{ font-size: 40px; } }.heading-3{ font-size: 1.5rem; line-height: 2rem; font-weight: 700; }@media (min-width: 1200px){.heading-3{ font-size: 28px; } }@media (min-width: 1400px){.heading-3{ font-size: 32px; } }.heading-4{ font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; }@media (min-width: 1200px){.heading-4{ font-size: 22px; } }@media (min-width: 1400px){.heading-4{ font-size: 1.5rem; line-height: 2rem; } }.heading-5{ font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; }@media (min-width: 1400px){.heading-5{ font-size: 1.25rem; line-height: 1.75rem; } }.heading-6{ font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; }@media (min-width: 1400px){.heading-6{ font-size: 1.25rem; line-height: 1.75rem; } }.lead-text{ font-size: 1.25rem; line-height: 1.75rem; }@media (min-width: 992px){.lead-text{ font-size: 1.5rem; line-height: 2rem; } }.xl-body{ font-size: 1rem; line-height: 1.5rem; }@media (min-width: 992px){.xl-body{ font-size: 1.125rem; line-height: 1.75rem; } }@media (min-width: 1200px){.xl-body{ font-size: 1.25rem; line-height: 1.75rem; } }.m-body{ font-size: 0.875rem; line-height: 1.25rem; }@media (min-width: 1200px){.m-body{ font-size: 1rem; line-height: 1.5rem; } }.subMenuClose{ max-height: 0px; }.subMenuOpen{ max-height: 500px; }.videoModalOpen{ visibility: visible; --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), 0px) 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: 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)); opacity: 1; transition-duration: 500ms; }.videoModalClose{ visibility: hidden; --tw-translate-y: 1.5rem; transform: translate(var(--tw-translate-x), 1.5rem) 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: 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)); opacity: 0; transition-duration: 500ms; }.videoModalBgOpen{ visibility: visible; opacity: 1; transition-duration: 500ms; }.videoModalBgClose{ visibility: hidden; opacity: 0; transition-duration: 500ms; }.scrollButtonHide{ bottom: -10rem; }.scrollButtonShow{ bottom: 3rem; }@media (min-width: 576px){.scrollButtonShow{ bottom: 4rem; } }.headerFixed{ position: fixed; --tw-bg-opacity: 1; background-color: rgba(0, 15, 9, 1); background-color: rgba(0, 15, 9, var(--tw-bg-opacity, 1)); --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);animation:fadeDown .5s linear; }.headerAbsolute{ position: absolute;animation:fadeDown2 .5s linear; }.latest-game-item .button{ position: absolute; top: 60px; left: -2.5rem; --tw-translate-x: -100%; transform: translate(-100%, 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: 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)); transition-duration: 500ms; }.group:hover .latest-game-item .button{ --tw-translate-x: 0px; transform: translate(0px, 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: 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)); }@media not all and (min-width: 992px){.latest-game-item .button{ display: none; } }@media (min-width: 992px){.latest-game-item .button{ --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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)); } }@media (min-width: 1200px){.latest-game-item .button{ left: -1.5rem; } }.latest-game-item .arrow{ visibility: visible; display: flex; width: 2.5rem; height: 2.5rem; align-items: center; justify-content: center; border-radius: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(74, 85, 80, 1); border-color: rgba(74, 85, 80, var(--tw-border-opacity, 1)); font-size: 1.5rem; line-height: 2rem; --tw-text-opacity: 1; color: rgba(45, 244, 161, 1); color: rgba(45, 244, 161, var(--tw-text-opacity, 1)); opacity: 1; transition-duration: 500ms; }@media not all and (min-width: 992px){.latest-game-item .arrow{ order: 2; } }@media (min-width: 992px){.latest-game-item .arrow{ width: 4rem; height: 4rem; --tw-translate-x: 0px; transform: translate(0px, 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: 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:hover .latest-game-item .arrow{ visibility: hidden; --tw-translate-x: 100%; transform: translate(100%, 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: 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)); opacity: 0; } }.latest-game-item .game-img-area{ visibility: hidden; --tw-translate-x: -5rem; transform: translate(-5rem, 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: 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)); opacity: 0; transition-duration: 500ms; }.group:hover .latest-game-item .game-img-area{ visibility: visible; --tw-translate-x: 0px; transform: translate(0px, 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: 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)); opacity: 1; }@media not all and (min-width: 992px){.latest-game-item .game-img-area{ height: 0px; width: 100%; }.group:hover .latest-game-item .game-img-area{ height: auto; } }.latest-game-item .game-img{ height: 200px; width: 0px; transition-duration: 500ms; }@media not all and (min-width: 992px){.latest-game-item .game-img{ -o-object-fit: cover; object-fit: cover; }.group:hover .latest-game-item .game-img{ width: 100%; } }@media (min-width: 992px){.latest-game-item .game-img{ height: 668px; }.group:hover .latest-game-item .game-img{ width: 400px; } }@media (min-width: 1200px){.group:hover .latest-game-item .game-img{ width: 526px; } }.latest-game-item.active .button{ --tw-translate-x: 0px; transform: translate(0px, 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: 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)); }@media (min-width: 992px){.latest-game-item.active .arrow{ visibility: hidden; --tw-translate-x: 100%; transform: translate(100%, 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: 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)); opacity: 0; } }.latest-game-item.active .game-img-area{ visibility: visible; --tw-translate-x: 0px; transform: translate(0px, 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: 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)); opacity: 1; }@media not all and (min-width: 992px){.latest-game-item.active .game-img-area{ height: auto; } }.latest-game-item.active .game-img{ width: 100%; }@media (min-width: 992px){.latest-game-item.active .game-img{ width: 400px; } }@media (min-width: 1200px){.latest-game-item.active .game-img{ width: 526px; } }.our-service-item{ display: flex; justify-content: flex-start; gap: 0px; transition-duration: 500ms; }@media not all and (min-width: 992px){.our-service-item{ flex-direction: column; } }@media (min-width: 992px){.our-service-item{ height: 355px; } }.our-service-item .title-area{ height: 0px; width: 0px; }.our-service-item .img-area{ display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: flex-end; gap: 1rem; border-radius: 1rem; background-color: rgba(255, 255, 255, 0.04); padding-top: 1rem; padding-bottom: 1rem; padding-left: 1.5rem; padding-right: 1.5rem; }@media not all and (min-width: 992px){.our-service-item .img-area{ width: 100%; flex-direction: row; justify-content: space-between; } }@media (min-width: 576px){.our-service-item .img-area{ padding-top: 1.75rem; padding-bottom: 1.75rem; } }@media (min-width: 992px){.our-service-item .img-area{ width: 86px; } }.our-service-item .img-area .title{ font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; }@media (min-width: 1400px){.our-service-item .img-area .title{ font-size: 1.25rem; line-height: 1.75rem; } }.our-service-item .img-area .title{ text-transform: uppercase; }@media (min-width: 992px){.our-service-item .img-area .title{ writing-mode: sideways-lr; } }.our-service-item .img-area .hover-data{ display: none; }.our-service-item.active{ flex: 1 1 0%; gap: 1.5rem; }.our-service-item.active .title-area{ height: auto; width: 100%; }.our-service-item.active .img-area{ width: auto; align-items: flex-start; justify-content: space-between; }.our-service-item.active .img-area .title{ display: none; }.our-service-item.active .img-area .hover-data{ display: block; }.pointer-events-none{ pointer-events: none; }.pointer-events-auto{ pointer-events: auto; }.visible{ visibility: visible; }.invisible{ visibility: hidden; }.static{ position: static; }.fixed{ position: fixed; }.absolute{ position: absolute; }.relative{ position: relative; }.sticky{ position: sticky; }.inset-0{ top: 0px; right: 0px; bottom: 0px; left: 0px; }.inset-1{ top: 0.25rem; right: 0.25rem; bottom: 0.25rem; left: 0.25rem; }.inset-2{ top: 0.5rem; right: 0.5rem; bottom: 0.5rem; left: 0.5rem; }.-bottom-4{ bottom: -1rem; }.-left-1\.5{ left: -0.375rem; }.-left-4{ left: -1rem; }.-left-40{ left: -10rem; }.-right-2{ right: -0.5rem; }.-right-4{ right: -1rem; }.-right-40{ right: -10rem; }.-top-10{ top: -2.5rem; }.-top-16{ top: -4rem; }.-top-2{ top: -0.5rem; }.-top-4{ top: -1rem; }.bottom-0{ bottom: 0px; }.bottom-10{ bottom: 2.5rem; }.bottom-2{ bottom: 0.5rem; }.bottom-\[10\%\]{ bottom: 10%; }.bottom-\[13px\]{ bottom: 13px; }.left-0{ left: 0px; }.left-1{ left: 0.25rem; }.left-\[3px\]{ left: 3px; }.left-\[50\%\]{ left: 50%; }.right-0{ right: 0px; }.right-2{ right: 0.5rem; }.right-6{ right: 1.5rem; }.right-\[6\%\]{ right: 6%; }.top-0{ top: 0px; }.top-1{ top: 0.25rem; }.top-1\.5{ top: 0.375rem; }.top-10{ top: 2.5rem; }.top-14{ top: 3.5rem; }.top-2{ top: 0.5rem; }.top-24{ top: 6rem; }.top-6{ top: 1.5rem; }.top-\[124px\]{ top: 124px; }.top-\[148px\]{ top: 148px; }.top-\[25\%\]{ top: 25%; }.top-\[34px\]{ top: 34px; }.top-\[35\%\]{ top: 35%; }.-z-10{ z-index: -10; }.z-10{ z-index: 10; }.z-20{ z-index: 20; }.z-30{ z-index: 30; }.z-40{ z-index: 40; }.z-50{ z-index: 50; }.z-\[998\]{ z-index: 998; }.z-\[99999999999999\]{ z-index: 99999999999999; }.z-\[9999\]{ z-index: 9999; }.z-\[999\]{ z-index: 999; }.col-span-1{ grid-column: span 1 / span 1; }.col-span-11{ grid-column: span 11 / span 11; }.col-span-12{ grid-column: span 12 / span 12; }.col-span-5{ grid-column: span 5 / span 5; }.col-span-6{ grid-column: span 6 / span 6; }.col-span-7{ grid-column: span 7 / span 7; }.mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; }.mx-4{ margin-left: 1rem; margin-right: 1rem; }.mx-6{ margin-left: 1.5rem; margin-right: 1.5rem; }.mx-auto{ margin-left: auto; margin-right: auto; }.-ml-px{ margin-left: -1px; }.-mr-px{ margin-right: -1px; }.mt-2{ margin-top: 0.5rem; }.mt-3{ margin-top: 0.75rem; }.mt-6{ margin-top: 1.5rem; }.block{ display: block; }.inline-block{ display: inline-block; }.inline{ display: inline; }.flex{ display: flex; }.inline-flex{ display: inline-flex; }.table{ display: table; }.grid{ display: grid; }.contents{ display: contents; }.hidden{ display: none; }.aspect-square{ aspect-ratio: 1 / 1; }.size-10{ width: 2.5rem; height: 2.5rem; }.size-11{ width: 2.75rem; height: 2.75rem; }.size-12{ width: 3rem; height: 3rem; }.size-2{ width: 0.5rem; height: 0.5rem; }.size-24{ width: 6rem; height: 6rem; }.size-28{ width: 7rem; height: 7rem; }.size-3\.5{ width: 0.875rem; height: 0.875rem; }.size-4{ width: 1rem; height: 1rem; }.size-6{ width: 1.5rem; height: 1.5rem; }.size-8{ width: 2rem; height: 2rem; }.size-\[100px\]{ width: 100px; height: 100px; }.size-\[100vw\]{ width: 100vw; height: 100vw; }.size-\[200px\]{ width: 200px; height: 200px; }.size-\[20px\]{ width: 20px; height: 20px; }.size-\[240px\]{ width: 240px; height: 240px; }.size-\[72px\]{ width: 72px; height: 72px; }.h-0{ height: 0px; }.h-0\.5{ height: 0.125rem; }.h-10{ height: 2.5rem; }.h-3{ height: 0.75rem; }.h-44{ height: 11rem; }.h-5{ height: 1.25rem; }.h-8{ height: 2rem; }.h-\[100px\]{ height: 100px; }.h-\[100vh\]{ height: 100vh; }.h-\[110vh\]{ height: 110vh; }.h-\[200px\]{ height: 200px; }.h-\[250px\]{ height: 250px; }.h-\[270px\]{ height: 270px; }.h-\[280px\]{ height: 280px; }.h-\[300px\]{ height: 300px; }.h-\[355px\]{ height: 355px; }.h-\[400px\]{ height: 400px; }.h-\[420px\]{ height: 420px; }.h-\[450px\]{ height: 450px; }.h-\[518px\]{ height: 518px; }.h-\[550px\]{ height: 550px; }.h-\[72px\]{ height: 72px; }.h-\[750px\]{ height: 750px; }.h-\[80px\]{ height: 80px; }.h-auto{ height: auto; }.h-full{ height: 100%; }.h-px{ height: 1px; }.max-h-\[150px\]{ max-height: 150px; }.max-h-\[361px\]{ max-height: 361px; }.min-h-\[100px\]{ min-height: 100px; }.w-0\.5{ width: 0.125rem; }.w-10{ width: 2.5rem; }.w-20{ width: 5rem; }.w-4{ width: 1rem; }.w-5{ width: 1.25rem; }.w-6{ width: 1.5rem; }.w-\[100px\]{ width: 100px; }.w-\[100vw\]{ width: 100vw; }.w-\[120px\]{ width: 120px; }.w-\[180px\]{ width: 180px; }.w-\[272px\]{ width: 272px; }.w-\[28vw\]{ width: 28vw; }.w-\[300px\]{ width: 300px; }.w-\[30vw\]{ width: 30vw; }.w-\[37vw\]{ width: 37vw; }.w-\[50px\]{ width: 50px; }.w-\[594px\]{ width: 594px; }.w-\[70vw\]{ width: 70vw; }.w-\[80px\]{ width: 80px; }.w-full{ width: 100%; }.w-px{ width: 1px; }.min-w-\[600px\]{ min-width: 600px; }.max-w-\[1076px\]{ max-width: 1076px; }.max-w-\[1700px\]{ max-width: 1700px; }.max-w-\[415px\]{ max-width: 415px; }.max-w-\[432px\]{ max-width: 432px; }.max-w-\[500px\]{ max-width: 500px; }.max-w-\[50px\]{ max-width: 50px; }.max-w-\[526px\]{ max-width: 526px; }.max-w-\[580px\]{ max-width: 580px; }.max-w-\[636px\]{ max-width: 636px; }.max-w-\[750px\]{ max-width: 750px; }.max-w-\[80\%\]{ max-width: 80%; }.max-w-\[800px\]{ max-width: 800px; }.max-w-\[856px\]{ max-width: 856px; }.max-w-max{ max-width: -moz-max-content; max-width: max-content; }.flex-1{ flex: 1 1 0%; }.shrink-0{ flex-shrink: 0; }.translate-x-0{ --tw-translate-x: 0px; transform: translate(0px, 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: 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-\[-100\%\]{ --tw-translate-x: -100%; transform: translate(-100%, 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: 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-\[100\%\]{ --tw-translate-x: 100%; transform: translate(100%, 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: 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-\[30\%\]{ --tw-translate-x: 30%; transform: translate(30%, 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: 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-4{ --tw-translate-y: 1rem; transform: translate(var(--tw-translate-x), 1rem) 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: 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-\[10\%\]{ --tw-translate-y: 10%; transform: translate(var(--tw-translate-x), 10%) 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: 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)); }.-rotate-6{ --tw-rotate: -6deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-6deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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)); }.rotate-0{ --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(0deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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)); }.rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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)); }.rotate-6{ --tw-rotate: 6deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(6deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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)); }.rotate-90{ --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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-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(1) scaleY(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)); }.scale-110{ --tw-scale-x: 1.1; --tw-scale-y: 1.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(1.1) scaleY(1.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)); }.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(.75) scaleY(.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-90{ --tw-scale-x: .9; --tw-scale-y: .9; 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(.9) scaleY(.9); 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)); }.cursor-pointer{ cursor: pointer; }.resize{ resize: both; }.grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); }.flex-col{ flex-direction: column; }.flex-wrap{ flex-wrap: wrap; }.items-start{ align-items: flex-start; }.items-end{ align-items: flex-end; }.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; }.gap-1{ gap: 0.25rem; }.gap-10{ gap: 2.5rem; }.gap-2{ gap: 0.5rem; }.gap-20{ gap: 5rem; }.gap-3{ gap: 0.75rem; }.gap-4{ gap: 1rem; }.gap-5{ gap: 1.25rem; }.gap-6{ gap: 1.5rem; }.gap-8{ gap: 2rem; }.overflow-hidden{ overflow: hidden; }.overflow-y-auto{ overflow-y: auto; }.text-nowrap{ text-wrap: nowrap; }.rounded-2xl{ border-radius: 1rem; }.rounded-3xl{ border-radius: 1.5rem; }.rounded-\[786px\]{ border-radius: 786px; }.rounded-full{ border-radius: 9999px; }.rounded-lg{ border-radius: 0.5rem; }.rounded-md{ border-radius: 0.375rem; }.rounded-xl{ border-radius: 0.75rem; }.rounded-l-2xl{ border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; }.border{ border-width: 1px; }.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-b-2{ border-bottom-width: 2px; }.border-b-\[0\.5px\]{ border-bottom-width: 0.5px; }.border-l{ border-left-width: 1px; }.border-r{ border-right-width: 1px; }.border-dashed{ border-style: dashed; }.border-bg1{ border-color: rgba(255, 255, 255, 0.04); }.border-bg2{ border-color: rgba(255, 255, 255, 0.08); }.border-bg3{ border-color: rgba(255, 255, 255, 0.16); }.border-bg5{ border-color: rgba(255, 255, 255, 0.12); }.border-g300{ --tw-border-opacity: 1; border-color: rgba(45, 244, 161, 1); border-color: rgba(45, 244, 161, var(--tw-border-opacity, 1)); }.border-g300\/10{ border-color: rgba(45, 244, 161, 0.1); }.border-g300\/60{ border-color: rgba(45, 244, 161, 0.6); }.border-g300\/80{ border-color: rgba(45, 244, 161, 0.8); }.border-g500{ --tw-border-opacity: 1; border-color: rgba(59, 70, 66, 1); border-color: rgba(59, 70, 66, var(--tw-border-opacity, 1)); }.border-g600{ --tw-border-opacity: 1; border-color: rgba(46, 58, 53, 1); border-color: rgba(46, 58, 53, var(--tw-border-opacity, 1)); }.border-g700{ --tw-border-opacity: 1; border-color: rgba(28, 41, 36, 1); border-color: rgba(28, 41, 36, var(--tw-border-opacity, 1)); }.border-transparent{ border-color: transparent; }.border-white{ --tw-border-opacity: 1; border-color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1)); }.bg-bg1{ background-color: rgba(255, 255, 255, 0.04); }.bg-bg2{ background-color: rgba(255, 255, 255, 0.08); }.bg-bg3{ background-color: rgba(255, 255, 255, 0.16); }.bg-bg4{ background-color: rgba(255,255,255,0.02); }.bg-black\/50{ background-color: rgba(0, 0, 0, 0.5); }.bg-black\/60{ background-color: rgba(0, 0, 0, 0.6); }.bg-g300{ --tw-bg-opacity: 1; background-color: rgba(45, 244, 161, 1); background-color: rgba(45, 244, 161, var(--tw-bg-opacity, 1)); }.bg-g300\/5{ background-color: rgba(45, 244, 161, 0.05); }.bg-g60{ --tw-bg-opacity: 1; background-color: rgba(176, 181, 179, 1); background-color: rgba(176, 181, 179, var(--tw-bg-opacity, 1)); }.bg-g80{ --tw-bg-opacity: 1; background-color: rgba(148, 154, 152, 1); background-color: rgba(148, 154, 152, var(--tw-bg-opacity, 1)); }.bg-g900{ --tw-bg-opacity: 1; background-color: rgba(0, 15, 9, 1); background-color: rgba(0, 15, 9, var(--tw-bg-opacity, 1)); }.bg-g900\/30{ background-color: rgba(0, 15, 9, 0.3); }.bg-g900\/40{ background-color: rgba(0, 15, 9, 0.4); }.bg-g900\/60{ background-color: rgba(0, 15, 9, 0.6); }.bg-transparent{ background-color: transparent; }.bg-white{ --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); }.bg-\[linear-gradient\(90deg\2c rgba\(0\2c 0\2c 0\2c 0\.60\)_27\.13\%\2c rgba\(0\2c 0\2c 0\2c 0\.88\)_77\.59\%\)\]{ background-image: linear-gradient(90deg,rgba(0,0,0,0.60) 27.13%,rgba(0,0,0,0.88) 77.59%); }.bg-gradient-to-t{ background-image: linear-gradient(to top, var(--tw-gradient-stops)); }.from-g900{ --tw-gradient-from: #000F09 var(--tw-gradient-from-position); --tw-gradient-to: rgba(0, 15, 9, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }.to-transparent{ --tw-gradient-to: transparent var(--tw-gradient-to-position); }.fill-g300\/20{ fill: rgba(45, 244, 161, 0.2); }.fill-g900{ fill: #000F09; }.object-cover{ -o-object-fit: cover; object-fit: cover; }.p-0\.5{ padding: 0.125rem; }.p-1{ padding: 0.25rem; }.p-2{ padding: 0.5rem; }.p-3{ padding: 0.75rem; }.p-4{ padding: 1rem; }.p-6{ padding: 1.5rem; }.p-7{ padding: 1.75rem; }.p-8{ padding: 2rem; }.px-2{ padding-left: 0.5rem; padding-right: 0.5rem; }.px-3{ padding-left: 0.75rem; padding-right: 0.75rem; }.px-4{ padding-left: 1rem; padding-right: 1rem; }.px-6{ padding-left: 1.5rem; padding-right: 1.5rem; }.px-8{ padding-left: 2rem; padding-right: 2rem; }.py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; }.py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; }.py-12{ padding-top: 3rem; padding-bottom: 3rem; }.py-2{ padding-top: 0.5rem; padding-bottom: 0.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-52{ padding-top: 13rem; padding-bottom: 13rem; }.py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; }.py-8{ padding-top: 2rem; padding-bottom: 2rem; }.pb-1\.5{ padding-bottom: 0.375rem; }.pb-10{ padding-bottom: 2.5rem; }.pb-12{ padding-bottom: 3rem; }.pb-14{ padding-bottom: 3.5rem; }.pb-2{ padding-bottom: 0.5rem; }.pb-3{ padding-bottom: 0.75rem; }.pb-32{ padding-bottom: 8rem; }.pb-4{ padding-bottom: 1rem; }.pb-5{ padding-bottom: 1.25rem; }.pb-6{ padding-bottom: 1.5rem; }.pb-8{ padding-bottom: 2rem; }.pb-\[320px\]{ padding-bottom: 320px; }.pl-1{ padding-left: 0.25rem; }.pl-2{ padding-left: 0.5rem; }.pl-24{ padding-left: 6rem; }.pl-4{ padding-left: 1rem; }.pl-6{ padding-left: 1.5rem; }.pl-\[10\%\]{ padding-left: 10%; }.pl-\[15\%\]{ padding-left: 15%; }.pr-6{ padding-right: 1.5rem; }.pt-1{ padding-top: 0.25rem; }.pt-10{ padding-top: 2.5rem; }.pt-12{ padding-top: 3rem; }.pt-16{ padding-top: 4rem; }.pt-2{ padding-top: 0.5rem; }.pt-3{ padding-top: 0.75rem; }.pt-4{ padding-top: 1rem; }.pt-5{ padding-top: 1.25rem; }.pt-6{ padding-top: 1.5rem; }.pt-8{ padding-top: 2rem; }.pt-\[112px\]{ padding-top: 112px; }.pt-\[122px\]{ padding-top: 122px; }.pt-\[92px\]{ padding-top: 92px; }.text-center{ text-align: center; }.text-end{ text-align: right; }.\!text-xl{ font-size: 1.25rem !important; line-height: 1.75rem !important; }.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-\[10px\]{ font-size: 10px; }.text-\[10vw\]{ font-size: 10vw; }.text-\[11vw\]{ font-size: 11vw; }.text-\[120px\]{ font-size: 120px; }.text-\[14vw\]{ font-size: 14vw; }.text-\[30px\]{ font-size: 30px; }.text-\[40px\]{ font-size: 40px; }.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-extralight{ font-weight: 200; }.font-medium{ font-weight: 500; }.font-normal{ font-weight: 400; }.font-semibold{ font-weight: 600; }.uppercase{ text-transform: uppercase; }.normal-case{ text-transform: none; }.italic{ font-style: italic; }.\!leading-\[0\]{ line-height: 0 !important; }.\!leading-\[100\%\]{ line-height: 100% !important; }.\!leading-\[110\%\]{ line-height: 110% !important; }.\!leading-none{ line-height: 1 !important; }.leading-\[100\%\]{ line-height: 100%; }.tracking-\[15px\]{ letter-spacing: 15px; }.text-bg3{ color: rgba(255, 255, 255, 0.16); }.text-g20{ --tw-text-opacity: 1; color: rgba(245, 245, 245, 1); color: rgba(245, 245, 245, var(--tw-text-opacity, 1)); }.text-g300{ --tw-text-opacity: 1; color: rgba(45, 244, 161, 1); color: rgba(45, 244, 161, var(--tw-text-opacity, 1)); }.text-g300\/10{ color: rgba(45, 244, 161, 0.1); }.text-g40{ --tw-text-opacity: 1; color: rgba(222, 224, 223, 1); color: rgba(222, 224, 223, var(--tw-text-opacity, 1)); }.text-g50{ --tw-text-opacity: 1; color: rgba(191, 195, 194, 1); color: rgba(191, 195, 194, var(--tw-text-opacity, 1)); }.text-g60{ --tw-text-opacity: 1; color: rgba(176, 181, 179, 1); color: rgba(176, 181, 179, var(--tw-text-opacity, 1)); }.text-g80{ --tw-text-opacity: 1; color: rgba(148, 154, 152, 1); color: rgba(148, 154, 152, var(--tw-text-opacity, 1)); }.text-g900{ --tw-text-opacity: 1; color: rgba(0, 15, 9, 1); color: rgba(0, 15, 9, var(--tw-text-opacity, 1)); }.text-red-500{ --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity, 1)); }.text-transparent{ color: transparent; }.text-white{ --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }.text-white\/60{ color: rgba(255, 255, 255, 0.6); }.text-yellow-300{ --tw-text-opacity: 1; color: rgba(253, 224, 71, 1); color: rgba(253, 224, 71, var(--tw-text-opacity, 1)); }.text-yellow-400{ --tw-text-opacity: 1; color: rgba(250, 204, 21, 1); color: rgba(250, 204, 21, var(--tw-text-opacity, 1)); }.text-yellow-500{ --tw-text-opacity: 1; color: rgba(234, 179, 8, 1); color: rgba(234, 179, 8, var(--tw-text-opacity, 1)); }.underline{ text-decoration-line: underline; }.opacity-0{ opacity: 0; }.opacity-100{ opacity: 1; }.opacity-20{ opacity: 0.2; }.shadow{ --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); }.outline-none{ outline: 2px solid transparent; outline-offset: 2px; }.blur{ --tw-blur: blur(8px); filter: blur(8px) 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: 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); }.blur-\[300px\]{ --tw-blur: blur(300px); filter: blur(300px) 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: 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); }.blur-\[400px\]{ --tw-blur: blur(400px); filter: blur(400px) 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: 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); }.blur-\[700px\]{ --tw-blur: blur(700px); filter: blur(700px) 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: 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) invert(100%) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); 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); }.backdrop-blur-md{ --tw-backdrop-blur: blur(12px); backdrop-filter: blur(12px) 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{ 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, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }.duration-300{ transition-duration: 300ms; }.duration-500{ transition-duration: 500ms; }.duration-700{ transition-duration: 700ms; }::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#000f09}::-webkit-scrollbar{width:6px;background-color:#000f09}::-webkit-scrollbar-thumb{background-color:#2df4a1;border-radius:3px}body{font-family:"Tomorrow",sans-serif}.banner-one-bg{background:linear-gradient(180deg, rgba(0, 15, 9, 0.8) 0%, rgba(0, 8, 5, 0.16) 44.97%, #000f09 89.95%)}.banner-bottom-left{background:linear-gradient(88deg, rgba(0, 15, 9, 0) -0.52%, #000f09 66.9%);filter:blur(20px)}.stroke-text{-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#2df4a1;-webkit-text-fill-color:rgba(0,0,0,0)}.stroke-text-px{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#2df4a1;-webkit-text-fill-color:rgba(0,0,0,0)}.stroke-text-px.text-bg-black{-webkit-text-fill-color:#000}.portfolio-item:hover .stroke-text-px{-webkit-text-stroke-color:#000}.text-slider.second .stroke-text,.text-slider2.second .stroke-text{-webkit-text-stroke-color:#000}.smooth .swiper-wrapper{transition-timing-function:linear !important}.lets-work-slider .swiper-slide{scale:.9}.lets-work-slider .swiper-slide .slider-bg{ opacity: 0; transition-duration: 500ms; }.lets-work-slider .swiper-slide.swiper-slide-active{scale:1}.lets-work-slider .swiper-slide.swiper-slide-active button{display:flex;z-index:30}.lets-work-slider .swiper-slide.swiper-slide-active .slider-bg{opacity:1}.text-slider .swiper-slide,.text-slider2 .swiper-slide,.our-expertise-slider .swiper-slide{width:-moz-min-content !important;width:min-content !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:relative !important}.swiper-scrollbar{background-color:rgba(45,244,161,.5)}.swiper-scrollbar-drag{background-color:#2df4a1}.masked-content-hero{height:clamp(890px,100vh - 142px,940px);transform:scale(1);mask-size:0% 85%;-webkit-mask-size:0% 85%;mask-position:50% 50%;-webkit-mask-position:50% 50%}@media screen and (max-width: 992px){.masked-content-hero{height:clamp(790px,100vh - 142px,940px)}}@media screen and (max-width: 600px){.masked-content-hero{height:clamp(690px,100vh - 142px,940px)}}@media screen and (max-width: 400px){.masked-content-hero{height:clamp(790px,100vh - 142px,940px)}}.masked-content{mask:url(../images/sample.svg);-webkit-mask:url(../images/sample.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.masked-content-one{-webkit-mask:url(../images/mask-image/mask-1.svg) 0% 0%/100% 100% no-repeat;mask:url(../images/mask-image/mask-1.svg) 0% 0%/100% 100% no-repeat}.masked-content-two{-webkit-mask:url(../images/mask-image/mask-2.svg) 0% 0%/100% 100% no-repeat;mask:url(../images/mask-image/mask-2.svg) 0% 0%/100% 100% no-repeat}.masked-content-three{-webkit-mask:url(../images/mask-image/mask-3.svg) 0% 0%/100% 100% no-repeat;mask:url(../images/mask-image/mask-3.svg) 0% 0%/100% 100% no-repeat}.masked-content-four{-webkit-mask:url(../images/mask-image/mask-4.svg) 0% 0%/100% 100% no-repeat;mask:url(../images/mask-image/mask-4.svg) 0% 0%/100% 100% no-repeat}.masked-content-five{-webkit-mask:url(../images/mask-image/mask-5.svg) 0% 0%/100% 100% no-repeat;mask:url(../images/mask-image/mask-5.svg) 0% 0%/100% 100% no-repeat}.masked-content-six{-webkit-mask:url(../images/mask-image/mask-6.svg) 0% 0%/100% 100% no-repeat;mask:url(../images/mask-image/mask-6.svg) 0% 0%/100% 100% no-repeat}@media screen and (min-width: 320px){.masked-content,.masked-video{mask:url(../images/icon/mask-640.svg);-webkit-mask:url(../images/icon/mask-640.svg);mask-size:100% 100%;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}.slide-vertical .char,.slide-horizontal .char{overflow:hidden;color:rgba(0,0,0,0)}.slide-vertical .char::after,.slide-vertical .char::before,.slide-horizontal .char::after,.slide-horizontal .char::before{visibility:visible;color:#fff;transition:transform .5s cubic-bezier(0.9, 0, 0.2, 1);transition-delay:calc(.2s + .02s*(var(--char-index)))}.slide-vertical .char::before,.slide-horizontal .char::before{transition-delay:calc(.02s*(var(--char-index)))}.slide-vertical.activeMenuText,.slide-vertical.activeHeaderMenu,.slide-horizontal.activeMenuText,.slide-horizontal.activeHeaderMenu{color:#2df4a1}.slide-vertical.activeMenuText .char::after,.slide-vertical.activeMenuText .char::before,.slide-vertical.activeHeaderMenu .char::after,.slide-vertical.activeHeaderMenu .char::before,.slide-horizontal.activeMenuText .char::after,.slide-horizontal.activeMenuText .char::before,.slide-horizontal.activeHeaderMenu .char::after,.slide-horizontal.activeHeaderMenu .char::before{color:#2df4a1}.slide-vertical:hover,.slide-horizontal:hover{color:#2df4a1}.slide-vertical:hover .char:before,.slide-horizontal:hover .char:before{color:#2df4a1;transition-delay:calc(.2s + .02s*(var(--char-index)))}.slide-vertical:hover .char:after,.slide-horizontal:hover .char:after{color:#2df4a1;transition-delay:calc(.02s*(var(--char-index)))}.slide-vertical.slide-second .char::after,.slide-vertical.slide-second .char::before,.slide-horizontal.slide-second .char::after,.slide-horizontal.slide-second .char::before{color:#fff}.slide-vertical .char:before{transform:translateY(-100%)}.slide-vertical:hover .char:before{transform:translateY(0%)}.slide-vertical:hover .char::after{transform:translateY(100%)}.slide-horizontal .char:before{transform:translateX(110%)}.slide-horizontal:hover .char:before{color:#2df4a1;transform:translateX(0%)}.slide-horizontal:hover .char::after{transform:translateX(-110%)}.text-216px{font-size:max(1rem, min(12vw, 2016px))}.home-two-banner-bg-blur{backdrop-filter:blur(12px)}.text-shadow-1{font-feature-settings:"liga" off,"clig" off;text-shadow:0px 0px 48px rgba(45,244,161,.8)}.tags-container>canvas{position:relative;top:-1px;left:-1px;background-color:rgba(0,0,0,0) !important}.tags-container{width:100vw;margin-top:0vw;overflow:hidden}.game-image-slide,.game-details-slide{animation:slide-hide .5s cubic-bezier(0.4, 0, 0.7, 1) forwards}.game-image-slide.active,.game-details-slide.active{animation:slide-reveal .5s cubic-bezier(0.2, 0, 0.4, 1) forwards;pointer-events:auto}.game-details-slide{position:absolute;top:80px;left:0;right:0}@media screen and (max-width: 900px){.game-details-slide{top:60px}}@keyframes slide-hide{0%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.1)}100%{opacity:0;transform:scale(1.1)}}@keyframes slide-reveal{0%{opacity:0;transform:scale(0.9)}50%{opacity:0;transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}.gradient-one{background:linear-gradient(180deg, rgba(0, 0, 0, 0.72) 10.25%, rgba(0, 0, 0, 0) 30.51%)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.home-two-hero{mask:url(../images/mask-image/mask-4.svg);-webkit-mask:url(../images/mask-image/mask-4.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-size:0% 85%;-webkit-mask-size:0% 85%;mask-position:50% 50%;-webkit-mask-position:50% 50%;transform:scale(1);opacity:0;animation:scaleIn 1s .5s cubic-bezier(0.77, 0, 0.175, 1) forwards}@keyframes scaleIn{to{opacity:1;mask-size:100% 100%;-webkit-mask-size:100% 100%}}.load-text span{animation:loading 1s infinite alternate}.load-text span:nth-child(1){animation-delay:0s}.load-text span:nth-child(2){animation-delay:.1s}.load-text span:nth-child(3){animation-delay:.2s}.load-text span:nth-child(4){animation-delay:.3s}.load-text span:nth-child(5){animation-delay:.4s}.load-text span:nth-child(6){animation-delay:.5s}.load-text span:nth-child(7){animation-delay:.6s}@keyframes loading{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}}.jumping1{animation:jumpingImage1 3s linear infinite}@keyframes jumpingImage1{50%{transform:translateY(10px)}}.animationOne{animation:fadeDown .5s linear}.animationTwo{animation:fadeDown2 .5s linear}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeDown2{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.animationTwo{animation:fadeDown2 .5s linear}.animationOne{animation:fadeDown .5s linear}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeDown2{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.circle{animation:circleAnimation 15s linear infinite}@keyframes circleAnimation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.group:hover .group-hover\:eventunset{pointer-events:inherit}@media not all and (min-width: 1200px){.max-xl\:container{ width: 100%; }@media (min-width: 576px){.max-xl\:container{ max-width: 576px; } }.max-xl\:container{ width: 100%; }@media (min-width: 576px){.max-xl\:container{ max-width: 576px; } }@media (min-width: 768px){.max-xl\:container{ max-width: 768px; } }.max-xl\:container{ width: 100%; }@media (min-width: 576px){.max-xl\:container{ max-width: 576px; } }@media (min-width: 768px){.max-xl\:container{ max-width: 768px; } }@media (min-width: 992px){.max-xl\:container{ max-width: 992px; } }.max-xl\:container{ width: 100%; }@media (min-width: 576px){.max-xl\:container{ max-width: 576px; } }@media (min-width: 768px){.max-xl\:container{ max-width: 768px; } }@media (min-width: 992px){.max-xl\:container{ max-width: 992px; } }@media (min-width: 1200px){.max-xl\:container{ max-width: 1200px; } }.max-xl\:container{ width: 100%; }@media (min-width: 576px){.max-xl\:container{ max-width: 576px; } }@media (min-width: 768px){.max-xl\:container{ max-width: 768px; } }@media (min-width: 992px){.max-xl\:container{ max-width: 992px; } }@media (min-width: 1200px){.max-xl\:container{ max-width: 1200px; } }@media (min-width: 1400px){.max-xl\:container{ max-width: 1400px; } }.max-xl\:container{ width: 100%; }@media (min-width: 576px){.max-xl\:container{ max-width: 576px; } }@media (min-width: 768px){.max-xl\:container{ max-width: 768px; } }@media (min-width: 992px){.max-xl\:container{ max-width: 992px; } }@media (min-width: 1200px){.max-xl\:container{ max-width: 1200px; } }@media (min-width: 1400px){.max-xl\:container{ max-width: 1400px; } }@media (min-width: 1536px){.max-xl\:container{ max-width: 1536px; } }.max-xl\:container{ width: 100%; }@media (min-width: 576px){.max-xl\:container{ max-width: 576px; } }@media (min-width: 768px){.max-xl\:container{ max-width: 768px; } }@media (min-width: 992px){.max-xl\:container{ max-width: 992px; } }@media (min-width: 1200px){.max-xl\:container{ max-width: 1200px; } }@media (min-width: 1400px){.max-xl\:container{ max-width: 1400px; } }@media (min-width: 1536px){.max-xl\:container{ max-width: 1536px; } }@media (min-width: 1600px){.max-xl\:container{ max-width: 1600px; } }.max-xl\:container{ width: 100%; }@media (min-width: 576px){.max-xl\:container{ max-width: 576px; } }@media (min-width: 768px){.max-xl\:container{ max-width: 768px; } }@media (min-width: 992px){.max-xl\:container{ max-width: 992px; } }@media (min-width: 1200px){.max-xl\:container{ max-width: 1200px; } }@media (min-width: 1400px){.max-xl\:container{ max-width: 1400px; } }@media (min-width: 1536px){.max-xl\:container{ max-width: 1536px; } }@media (min-width: 1600px){.max-xl\:container{ max-width: 1600px; } }@media (min-width: 1800px){.max-xl\:container{ max-width: 1800px; } }.max-xl\:container{ width: 100%; }@media (min-width: 576px){.max-xl\:container{ max-width: 576px; } }@media (min-width: 768px){.max-xl\:container{ max-width: 768px; } }@media (min-width: 992px){.max-xl\:container{ max-width: 992px; } }@media (min-width: 1200px){.max-xl\:container{ max-width: 1200px; } }@media (min-width: 1400px){.max-xl\:container{ max-width: 1400px; } }@media (min-width: 1536px){.max-xl\:container{ max-width: 1536px; } }@media (min-width: 1600px){.max-xl\:container{ max-width: 1600px; } }@media (min-width: 1800px){.max-xl\:container{ max-width: 1800px; } }.max-xl\:container{ margin-left: auto; margin-right: auto; }@media not all and (min-width: 576px){.max-xl\:container{ max-width: 90%; } }@media (min-width: 576px){.max-xl\:container{ max-width: 540px; } }@media (min-width: 768px){.max-xl\:container{ max-width: 720px; } }@media (min-width: 992px){.max-xl\:container{ max-width: 960px; } }@media (min-width: 1200px){.max-xl\:container{ max-width: 1140px; } }@media (min-width: 1400px){.max-xl\:container{ max-width: 1296px; } } }@media (min-width: 400px){.min-\[400px\]\:display-3{ font-size: 2.25rem; line-height: 2.5rem; font-weight: 700; }@media (min-width: 992px){.min-\[400px\]\:display-3{ font-size: 3rem; line-height: 1; } }@media (min-width: 1200px){.min-\[400px\]\:display-3{ font-size: 3.75rem; line-height: 1; } }@media (min-width: 1400px){.min-\[400px\]\:display-3{ font-size: 64px; } } }@media (min-width: 576px){.sm\:stp-30{ padding-top: 4rem; }@media (min-width: 768px){.sm\:stp-30{ padding-top: 6rem; } }@media (min-width: 1200px){.sm\:stp-30{ padding-top: 120px; } }.sm\:display-3{ font-size: 2.25rem; line-height: 2.5rem; font-weight: 700; }@media (min-width: 992px){.sm\:display-3{ font-size: 3rem; line-height: 1; } }@media (min-width: 1200px){.sm\:display-3{ font-size: 3.75rem; line-height: 1; } }@media (min-width: 1400px){.sm\:display-3{ font-size: 64px; } }.sm\:heading-6{ font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; }@media (min-width: 1400px){.sm\:heading-6{ font-size: 1.25rem; line-height: 1.75rem; } } }@media (min-width: 992px){.lg\:large-container{ margin-left: auto; margin-right: auto; }@media (min-width: 1800px){.lg\:large-container{ max-width: 1920px; } }.lg\:heading-5{ font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; }@media (min-width: 1400px){.lg\:heading-5{ font-size: 1.25rem; line-height: 1.75rem; } } }.before\:absolute::before{ content: var(--tw-content); position: absolute; }.before\:-bottom-0::before{ content: var(--tw-content); bottom: -0px; }.before\:left-0::before{ content: var(--tw-content); left: 0px; }.before\:h-1::before{ content: var(--tw-content); height: 0.25rem; }.before\:w-\[0\%\]::before{ content: var(--tw-content); width: 0%; }.before\:skew-x-\[24deg\]::before{ content: var(--tw-content); --tw-skew-x: 24deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(24deg) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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\:bg-g300::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgba(45, 244, 161, 1); background-color: rgba(45, 244, 161, var(--tw-bg-opacity, 1)); }.before\:opacity-0::before{ content: var(--tw-content); opacity: 0; }.before\:duration-500::before{ content: var(--tw-content); transition-duration: 500ms; }.after\:invisible::after{ content: var(--tw-content); visibility: hidden; }.after\:absolute::after{ content: var(--tw-content); position: absolute; }.after\:inset-0::after{ content: var(--tw-content); top: 0px; right: 0px; bottom: 0px; left: 0px; }.after\:left-4::after{ content: var(--tw-content); left: 1rem; }.after\:top-\[50\%\]::after{ content: var(--tw-content); top: 50%; }.after\:h-px::after{ content: var(--tw-content); height: 1px; }.after\:w-10::after{ content: var(--tw-content); width: 2.5rem; }.after\:translate-y-4::after{ content: var(--tw-content); --tw-translate-y: 1rem; transform: translate(var(--tw-translate-x), 1rem) 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: 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)); }.after\:bg-g300::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgba(45, 244, 161, 1); background-color: rgba(45, 244, 161, var(--tw-bg-opacity, 1)); }.after\:opacity-0::after{ content: var(--tw-content); opacity: 0; }.after\:duration-500::after{ content: var(--tw-content); transition-duration: 500ms; }.hover\:rotate-90:hover{ --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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-105:hover{ --tw-scale-x: 1.05; --tw-scale-y: 1.05; 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(1.05) scaleY(1.05); 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\:border-g300:hover{ --tw-border-opacity: 1; border-color: rgba(45, 244, 161, 1); border-color: rgba(45, 244, 161, var(--tw-border-opacity, 1)); }.hover\:bg-g300:hover{ --tw-bg-opacity: 1; background-color: rgba(45, 244, 161, 1); background-color: rgba(45, 244, 161, var(--tw-bg-opacity, 1)); }.hover\:bg-g900:hover{ --tw-bg-opacity: 1; background-color: rgba(0, 15, 9, 1); background-color: rgba(0, 15, 9, var(--tw-bg-opacity, 1)); }.hover\:text-g300:hover{ --tw-text-opacity: 1; color: rgba(45, 244, 161, 1); color: rgba(45, 244, 161, var(--tw-text-opacity, 1)); }.hover\:text-g900:hover{ --tw-text-opacity: 1; color: rgba(0, 15, 9, 1); color: rgba(0, 15, 9, var(--tw-text-opacity, 1)); }.hover\:text-white:hover{ --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }.hover\:before\:w-\[100\%\]:hover::before{ content: var(--tw-content); width: 100%; }.hover\:before\:opacity-100:hover::before{ content: var(--tw-content); opacity: 1; }.hover\:after\:visible:hover::after{ content: var(--tw-content); visibility: visible; }.hover\:after\:translate-y-0:hover::after{ content: var(--tw-content); --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), 0px) 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: 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\:after\:opacity-100:hover::after{ content: var(--tw-content); opacity: 1; }.group:hover .group-hover\:visible{ visibility: visible; }.group:hover .group-hover\:left-0{ left: 0px; }.group:hover .group-hover\:top-0{ top: 0px; }.group:hover .group-hover\:translate-x-0{ --tw-translate-x: 0px; transform: translate(0px, 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: 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:hover .group-hover\:translate-y-0{ --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), 0px) 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: 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:hover .group-hover\:-rotate-12{ --tw-rotate: -12deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-12deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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:hover .group-hover\:rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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:hover .group-hover\: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(1) scaleY(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:hover .group-hover\:scale-105{ --tw-scale-x: 1.05; --tw-scale-y: 1.05; 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(1.05) scaleY(1.05); 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:hover .group-hover\:text-g700{ --tw-text-opacity: 1; color: rgba(28, 41, 36, 1); color: rgba(28, 41, 36, var(--tw-text-opacity, 1)); }.group:hover .group-hover\:text-g900{ --tw-text-opacity: 1; color: rgba(0, 15, 9, 1); color: rgba(0, 15, 9, var(--tw-text-opacity, 1)); }.group:hover .group-hover\:text-white{ --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity, 1)); }.group:hover .group-hover\:opacity-100{ opacity: 1; }.group:hover .group-hover\:after\:visible::after{ content: var(--tw-content); visibility: visible; }.group:hover .group-hover\:after\:translate-y-0::after{ content: var(--tw-content); --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), 0px) 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: 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:hover .group-hover\:after\:opacity-100::after{ content: var(--tw-content); opacity: 1; }.peer\/bank:checked ~ .peer-checked\/bank\:border-g300{ --tw-border-opacity: 1; border-color: rgba(45, 244, 161, 1); border-color: rgba(45, 244, 161, var(--tw-border-opacity, 1)); }.peer\/cod:checked ~ .peer-checked\/cod\:border-g300{ --tw-border-opacity: 1; border-color: rgba(45, 244, 161, 1); border-color: rgba(45, 244, 161, var(--tw-border-opacity, 1)); }.peer\/emi:checked ~ .peer-checked\/emi\:border-g300{ --tw-border-opacity: 1; border-color: rgba(45, 244, 161, 1); border-color: rgba(45, 244, 161, var(--tw-border-opacity, 1)); }.peer\/inside:checked ~ .peer-checked\/inside\:border-g300{ --tw-border-opacity: 1; border-color: rgba(45, 244, 161, 1); border-color: rgba(45, 244, 161, var(--tw-border-opacity, 1)); }.peer\/online:checked ~ .peer-checked\/online\:border-g300{ --tw-border-opacity: 1; border-color: rgba(45, 244, 161, 1); border-color: rgba(45, 244, 161, var(--tw-border-opacity, 1)); }.peer\/outside:checked ~ .peer-checked\/outside\:border-g300{ --tw-border-opacity: 1; border-color: rgba(45, 244, 161, 1); border-color: rgba(45, 244, 161, var(--tw-border-opacity, 1)); }.peer\/paypal:checked ~ .peer-checked\/paypal\:border-g300{ --tw-border-opacity: 1; border-color: rgba(45, 244, 161, 1); border-color: rgba(45, 244, 161, var(--tw-border-opacity, 1)); }.peer\/bank:checked ~ .peer-checked\/bank\:text-g300{ --tw-text-opacity: 1; color: rgba(45, 244, 161, 1); color: rgba(45, 244, 161, var(--tw-text-opacity, 1)); }.peer\/cod:checked ~ .peer-checked\/cod\:text-g300{ --tw-text-opacity: 1; color: rgba(45, 244, 161, 1); color: rgba(45, 244, 161, var(--tw-text-opacity, 1)); }.peer\/emi:checked ~ .peer-checked\/emi\:text-g300{ --tw-text-opacity: 1; color: rgba(45, 244, 161, 1); color: rgba(45, 244, 161, var(--tw-text-opacity, 1)); }.peer\/figures:checked ~ .peer-checked\/figures\:text-g300{ --tw-text-opacity: 1; color: rgba(45, 244, 161, 1); color: rgba(45, 244, 161, var(--tw-text-opacity, 1)); }.peer\/games:checked ~ .peer-checked\/games\:text-g300{ --tw-text-opacity: 1; color: rgba(45, 244, 161, 1); color: rgba(45, 244, 161, var(--tw-text-opacity, 1)); }.peer\/gear:checked ~ .peer-checked\/gear\:text-g300{ --tw-text-opacity: 1; color: rgba(45, 244, 161, 1); color: rgba(45, 244, 161, var(--tw-text-opacity, 1)); }.peer\/inside:checked ~ .peer-checked\/inside\:text-g300{ --tw-text-opacity: 1; color: rgba(45, 244, 161, 1); color: rgba(45, 244, 161, var(--tw-text-opacity, 1)); }.peer\/online:checked ~ .peer-checked\/online\:text-g300{ --tw-text-opacity: 1; color: rgba(45, 244, 161, 1); color: rgba(45, 244, 161, var(--tw-text-opacity, 1)); }.peer\/outside:checked ~ .peer-checked\/outside\:text-g300{ --tw-text-opacity: 1; color: rgba(45, 244, 161, 1); color: rgba(45, 244, 161, var(--tw-text-opacity, 1)); }.peer\/paypal:checked ~ .peer-checked\/paypal\:text-g300{ --tw-text-opacity: 1; color: rgba(45, 244, 161, 1); color: rgba(45, 244, 161, var(--tw-text-opacity, 1)); }.peer\/tshirt:checked ~ .peer-checked\/tshirt\:text-g300{ --tw-text-opacity: 1; color: rgba(45, 244, 161, 1); color: rgba(45, 244, 161, var(--tw-text-opacity, 1)); }.peer:checked ~ .peer-checked\:text-g300{ --tw-text-opacity: 1; color: rgba(45, 244, 161, 1); color: rgba(45, 244, 161, var(--tw-text-opacity, 1)); }@media not all and (min-width: 1600px){.max-3xl\:mx-6{ margin-left: 1.5rem; margin-right: 1.5rem; } }@media not all and (min-width: 1200px){.max-xl\:h-\[380px\]{ height: 380px; }.max-xl\:w-\[300px\]{ width: 300px; }.max-xl\:w-\[400px\]{ width: 400px; }.max-xl\:flex-col{ flex-direction: column; }.max-xl\:items-start{ align-items: flex-start; }.max-xl\:px-3{ padding-left: 0.75rem; padding-right: 0.75rem; }.max-xl\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; }.max-xl\:pt-6{ padding-top: 1.5rem; } }@media not all and (min-width: 992px){.max-lg\:left-0{ left: 0px; }.max-lg\:mx-6{ margin-left: 1.5rem; margin-right: 1.5rem; }.max-lg\:flex{ display: flex; }.max-lg\:hidden{ display: none; }.max-lg\:size-16{ width: 4rem; height: 4rem; }.max-lg\:size-\[60px\]{ width: 60px; height: 60px; }.max-lg\:h-0{ height: 0px; }.max-lg\:w-10{ width: 2.5rem; }.max-lg\:w-\[120px\]{ width: 120px; }.max-lg\:w-\[200px\]{ width: 200px; }.max-lg\:w-\[300px\]{ width: 300px; }.max-lg\:w-full{ width: 100%; }.max-lg\:max-w-\[250px\]{ max-width: 250px; }.max-lg\:flex-row{ flex-direction: row; }.max-lg\:flex-col{ flex-direction: column; }.max-lg\:flex-wrap{ flex-wrap: wrap; }.max-lg\:items-start{ align-items: flex-start; }.max-lg\:items-center{ align-items: center; }.max-lg\:justify-center{ justify-content: center; }.max-lg\:gap-6{ gap: 1.5rem; }.max-lg\:p-4{ padding: 1rem; }.max-lg\:px-4{ padding-left: 1rem; padding-right: 1rem; }.max-lg\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; }.max-lg\:pt-20{ padding-top: 5rem; }.max-lg\:pt-24{ padding-top: 6rem; }.max-lg\:text-center{ text-align: center; }.max-lg\:text-sm{ font-size: 0.875rem; line-height: 1.25rem; }.group:hover .max-lg\:group-hover\:-top-0{ top: -0px; }.group:hover .max-lg\:group-hover\:h-\[250px\]{ height: 250px; } }@media not all and (min-width: 768px){.max-md\:order-1{ order: 1; }.max-md\:flex{ display: flex; }.max-md\:hidden{ display: none; }.max-md\:w-\[80px\]{ width: 80px; }.max-md\:w-full{ width: 100%; }.max-md\:flex-col{ flex-direction: column; }.max-md\:flex-wrap{ flex-wrap: wrap; }.max-md\:items-center{ align-items: center; }.max-md\:justify-center{ justify-content: center; }.max-md\:gap-3{ gap: 0.75rem; }.max-md\:overflow-x-auto{ overflow-x: auto; }.max-md\:border-x{ border-left-width: 1px; border-right-width: 1px; }.max-md\:border-t{ border-top-width: 1px; }.max-md\:px-4{ padding-left: 1rem; padding-right: 1rem; }.max-md\:py-4{ padding-top: 1rem; padding-bottom: 1rem; }.max-md\:text-start{ text-align: left; }.max-md\:text-sm{ font-size: 0.875rem; line-height: 1.25rem; } }@media not all and (min-width: 576px){.max-sm\:order-1{ order: 1; }.max-sm\:order-2{ order: 2; }.max-sm\:hidden{ display: none; }.max-sm\:size-\[250px\]{ width: 250px; height: 250px; }.max-sm\:w-\[150px\]{ width: 150px; }.max-sm\:w-full{ width: 100%; }.max-sm\:flex-1{ flex: 1 1 0%; }.max-sm\:flex-col{ flex-direction: column; }.max-sm\:items-start{ align-items: flex-start; }.max-sm\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; }.max-sm\:pt-10{ padding-top: 2.5rem; }.max-sm\:text-start{ text-align: left; }.max-sm\:text-2xl{ font-size: 1.5rem; line-height: 2rem; }.max-sm\:text-sm{ font-size: 0.875rem; line-height: 1.25rem; }.max-sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; }.max-sm\:font-medium{ font-weight: 500; }.max-sm\:font-semibold{ font-weight: 600; } }@media (max-width: 500px){.max-\[500px\]\:flex-col{ flex-direction: column; }.max-\[500px\]\:items-start{ align-items: flex-start; } }@media (max-width: 480px){.max-\[480px\]\:flex-col{ flex-direction: column; }.max-\[480px\]\:items-start{ align-items: flex-start; } }@media (max-width: 450px){.max-\[450px\]\:hidden{ display: none; }.max-\[450px\]\:size-\[200px\]{ width: 200px; height: 200px; }.max-\[450px\]\:flex-col{ flex-direction: column; }.max-\[450px\]\:text-center{ text-align: center; } }@media (max-width: 400px){.max-\[400px\]\:text-2xl{ font-size: 1.5rem; line-height: 2rem; }.max-\[400px\]\:font-bold{ font-weight: 700; } }@media (max-width: 380px){.max-\[380px\]\:hidden{ display: none; } }@media (max-width: 350px){.max-\[350px\]\:text-xs{ font-size: 0.75rem; line-height: 1rem; } }@media (min-width: 390px){.min-\[390px\]\:h-\[350px\]{ height: 350px; } }@media (min-width: 400px){.min-\[400px\]\:col-span-6{ grid-column: span 6 / span 6; }.min-\[400px\]\:size-16{ width: 4rem; height: 4rem; }.min-\[400px\]\:gap-6{ gap: 1.5rem; } }@media (min-width: 420px){.min-\[420px\]\:col-span-6{ grid-column: span 6 / span 6; } }@media (min-width: 450px){.min-\[450px\]\:pt-10{ padding-top: 2.5rem; }.min-\[450px\]\:text-\[60px\]{ font-size: 60px; } }@media (min-width: 460px){.min-\[460px\]\:h-\[230px\]{ height: 230px; } }@media (min-width: 500px){.min-\[500px\]\:col-span-6{ grid-column: span 6 / span 6; }.min-\[500px\]\:h-\[100px\]{ height: 100px; }.min-\[500px\]\:gap-20{ gap: 5rem; } }@media (min-width: 576px){.sm\:inset-1{ top: 0.25rem; right: 0.25rem; bottom: 0.25rem; left: 0.25rem; }.sm\:-left-48{ left: -12rem; }.sm\:-right-9{ right: -2.25rem; }.sm\:-top-2{ top: -0.5rem; }.sm\:left-2{ left: 0.5rem; }.sm\:right-4{ right: 1rem; }.sm\:top-2{ top: 0.5rem; }.sm\:col-span-4{ grid-column: span 4 / span 4; }.sm\:col-span-6{ grid-column: span 6 / span 6; }.sm\:mx-5{ margin-left: 1.25rem; margin-right: 1.25rem; }.sm\:mx-6{ margin-left: 1.5rem; margin-right: 1.5rem; }.sm\:ml-8{ margin-left: 2rem; }.sm\:mt-8{ margin-top: 2rem; }.sm\:size-\[112px\]{ width: 112px; height: 112px; }.sm\:size-\[120px\]{ width: 120px; height: 120px; }.sm\:size-\[500px\]{ width: 500px; height: 500px; }.sm\:size-\[70px\]{ width: 70px; height: 70px; }.sm\:h-4{ height: 1rem; }.sm\:h-\[300px\]{ height: 300px; }.sm\:h-\[380px\]{ height: 380px; }.sm\:h-\[400px\]{ height: 400px; }.sm\:h-\[428px\]{ height: 428px; }.sm\:h-\[500px\]{ height: 500px; }.sm\:h-\[50px\]{ height: 50px; }.sm\:h-\[550px\]{ height: 550px; }.sm\:h-\[600px\]{ height: 600px; }.sm\:h-\[668px\]{ height: 668px; }.sm\:h-\[800px\]{ height: 800px; }.sm\:w-10{ width: 2.5rem; }.sm\:w-\[500px\]{ width: 500px; }.sm\:justify-end{ justify-content: flex-end; }.sm\:gap-1{ gap: 0.25rem; }.sm\:gap-10{ gap: 2.5rem; }.sm\:gap-2{ gap: 0.5rem; }.sm\:gap-20{ gap: 5rem; }.sm\:gap-4{ gap: 1rem; }.sm\:gap-6{ gap: 1.5rem; }.sm\:gap-8{ gap: 2rem; }.sm\:rounded-2xl{ border-radius: 1rem; }.sm\:border-l{ border-left-width: 1px; }.sm\:border-g300{ --tw-border-opacity: 1; border-color: rgba(45, 244, 161, 1); border-color: rgba(45, 244, 161, var(--tw-border-opacity, 1)); }.sm\:p-10{ padding: 2.5rem; }.sm\:p-4{ padding: 1rem; }.sm\:p-6{ padding: 1.5rem; }.sm\:p-7{ padding: 1.75rem; }.sm\:p-8{ padding: 2rem; }.sm\:px-10{ padding-left: 2.5rem; padding-right: 2.5rem; }.sm\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; }.sm\:px-8{ padding-left: 2rem; padding-right: 2rem; }.sm\:py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; }.sm\:py-20{ padding-top: 5rem; padding-bottom: 5rem; }.sm\:py-4{ padding-top: 1rem; padding-bottom: 1rem; }.sm\:pb-10{ padding-bottom: 2.5rem; }.sm\:pb-20{ padding-bottom: 5rem; }.sm\:pb-6{ padding-bottom: 1.5rem; }.sm\:pb-\[280px\]{ padding-bottom: 280px; }.sm\:pl-4{ padding-left: 1rem; }.sm\:pl-8{ padding-left: 2rem; }.sm\:pl-\[20\%\]{ padding-left: 20%; }.sm\:pt-20{ padding-top: 5rem; }.sm\:pt-24{ padding-top: 6rem; }.sm\:pt-4{ padding-top: 1rem; }.sm\:pt-6{ padding-top: 1.5rem; }.sm\:pt-8{ padding-top: 2rem; }.sm\:pt-\[70px\]{ padding-top: 70px; }.sm\:text-2xl{ font-size: 1.5rem; line-height: 2rem; }.sm\:text-\[12vw\]{ font-size: 12vw; }.sm\:text-\[40px\]{ font-size: 40px; }.sm\:text-\[45px\]{ font-size: 45px; }.sm\:text-\[60px\]{ font-size: 60px; }.sm\:text-\[80px\]{ font-size: 80px; }.sm\:text-\[8vw\]{ font-size: 8vw; }.sm\:text-base{ font-size: 1rem; line-height: 1.5rem; }.sm\:text-lg{ font-size: 1.125rem; line-height: 1.75rem; }.sm\:text-sm{ font-size: 0.875rem; line-height: 1.25rem; }.sm\:text-xl{ font-size: 1.25rem; line-height: 1.75rem; }@media not all and (min-width: 1200px){.sm\:max-xl\:px-10{ padding-left: 2.5rem; padding-right: 2.5rem; } }@media not all and (min-width: 768px){.sm\:max-md\:h-\[600px\]{ height: 600px; } } }@media (min-width: 768px){.md\:inset-3{ top: 0.75rem; right: 0.75rem; bottom: 0.75rem; left: 0.75rem; }.md\:bottom-5{ bottom: 1.25rem; }.md\:right-10{ right: 2.5rem; }.md\:col-span-3{ grid-column: span 3 / span 3; }.md\:col-span-4{ grid-column: span 4 / span 4; }.md\:col-span-6{ grid-column: span 6 / span 6; }.md\:col-span-8{ grid-column: span 8 / span 8; }.md\:-ml-\[45\%\]{ margin-left: -45%; }.md\:-mt-10{ margin-top: -2.5rem; }.md\:hidden{ display: none; }.md\:size-\[600px\]{ width: 600px; height: 600px; }.md\:h-\[172px\]{ height: 172px; }.md\:h-\[270px\]{ height: 270px; }.md\:h-\[500px\]{ height: 500px; }.md\:h-\[600px\]{ height: 600px; }.md\:h-\[800px\]{ height: 800px; }.md\:h-\[90vh\]{ height: 90vh; }.md\:max-w-\[60\%\]{ max-width: 60%; }.md\:gap-4{ gap: 1rem; }.md\:gap-6{ gap: 1.5rem; }.md\:border-l{ border-left-width: 1px; }.md\:px-10{ padding-left: 2.5rem; padding-right: 2.5rem; }.md\:px-15{ padding-left: 60px; padding-right: 60px; }.md\:px-20{ padding-left: 5rem; padding-right: 5rem; }.md\:px-3{ padding-left: 0.75rem; padding-right: 0.75rem; }.md\:py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; }.md\:py-4{ padding-top: 1rem; padding-bottom: 1rem; }.md\:py-\[350px\]{ padding-top: 350px; padding-bottom: 350px; }.md\:pl-20{ padding-left: 5rem; }.md\:text-2xl{ font-size: 1.5rem; line-height: 2rem; }.md\:text-\[100px\]{ font-size: 100px; }.md\:text-\[11vw\]{ font-size: 11vw; }.md\:text-\[216px\]{ font-size: 216px; }.md\:text-\[80px\]{ font-size: 80px; }.md\:text-\[90px\]{ font-size: 90px; }.md\:text-base{ font-size: 1rem; line-height: 1.5rem; }.md\:text-lg{ font-size: 1.125rem; line-height: 1.75rem; } }@media (min-width: 992px){.lg\:absolute{ position: absolute; }.lg\:-right-12{ right: -3rem; }.lg\:left-1\/3{ left: 33.333333%; }.lg\:top-28{ top: 7rem; }.lg\:col-span-12{ grid-column: span 12 / span 12; }.lg\:col-span-3{ grid-column: span 3 / span 3; }.lg\:col-span-4{ grid-column: span 4 / span 4; }.lg\:col-span-5{ grid-column: span 5 / span 5; }.lg\:col-span-6{ grid-column: span 6 / span 6; }.lg\:col-span-8{ grid-column: span 8 / span 8; }.lg\:col-span-9{ grid-column: span 9 / span 9; }.lg\:col-start-8{ grid-column-start: 8; }.lg\:mx-6{ margin-left: 1.5rem; margin-right: 1.5rem; }.lg\:-ml-\[40\%\]{ margin-left: -40%; }.lg\:-mt-8{ margin-top: -2rem; }.lg\:ml-2{ margin-left: 0.5rem; }.lg\:mr-2{ margin-right: 0.5rem; }.lg\:size-\[100px\]{ width: 100px; height: 100px; }.lg\:size-\[140px\]{ width: 140px; height: 140px; }.lg\:size-\[28px\]{ width: 28px; height: 28px; }.lg\:size-\[400px\]{ width: 400px; height: 400px; }.lg\:size-\[786px\]{ width: 786px; height: 786px; }.lg\:size-\[800px\]{ width: 800px; height: 800px; }.lg\:h-\[143px\]{ height: 143px; }.lg\:h-\[150px\]{ height: 150px; }.lg\:h-\[387px\]{ height: 387px; }.lg\:h-\[400px\]{ height: 400px; }.lg\:h-\[428px\]{ height: 428px; }.lg\:h-\[460px\]{ height: 460px; }.lg\:h-\[500px\]{ height: 500px; }.lg\:h-\[62px\]{ height: 62px; }.lg\:h-\[668px\]{ height: 668px; }.lg\:h-\[740px\]{ height: 740px; }.lg\:h-\[911px\]{ height: 911px; }.lg\:h-full{ height: 100%; }.lg\:w-1\/2{ width: 50%; }.lg\:w-10{ width: 2.5rem; }.lg\:w-\[160px\]{ width: 160px; }.lg\:w-\[180px\]{ width: 180px; }.lg\:w-\[636px\]{ width: 636px; }.lg\:w-\[800px\]{ width: 800px; }.lg\:max-w-\[300px\]{ max-width: 300px; }.lg\:max-w-\[80\%\]{ max-width: 80%; }.lg\:translate-x-40{ --tw-translate-x: 10rem; transform: translate(10rem, 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: 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\:-rotate-12{ --tw-rotate: -12deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-12deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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\:scale-105{ --tw-scale-x: 1.05; --tw-scale-y: 1.05; 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(1.05) scaleY(1.05); 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\:flex-col{ flex-direction: column; }.lg\:gap-0{ gap: 0px; }.lg\:gap-28{ gap: 7rem; }.lg\:gap-4{ gap: 1rem; }.lg\:gap-5{ gap: 1.25rem; }.lg\:gap-6{ gap: 1.5rem; }.lg\:gap-8{ gap: 2rem; }.lg\:gap-\[120px\]{ gap: 120px; }.lg\:gap-\[60px\]{ gap: 60px; }.lg\:rounded-3xl{ border-radius: 1.5rem; }.lg\:rounded-l-3xl{ border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem; }.lg\:rounded-r-3xl{ border-top-right-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }.lg\:border-l{ border-left-width: 1px; }.lg\:p-10{ padding: 2.5rem; }.lg\:p-12{ padding: 3rem; }.lg\:p-2\.5{ padding: 0.625rem; }.lg\:p-3{ padding: 0.75rem; }.lg\:p-6{ padding: 1.5rem; }.lg\:p-8{ padding: 2rem; }.lg\:px-15{ padding-left: 60px; padding-right: 60px; }.lg\:px-20{ padding-left: 5rem; padding-right: 5rem; }.lg\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; }.lg\:px-8{ padding-left: 2rem; padding-right: 2rem; }.lg\:py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; }.lg\:py-20{ padding-top: 5rem; padding-bottom: 5rem; }.lg\:py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; }.lg\:py-4{ padding-top: 1rem; padding-bottom: 1rem; }.lg\:py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; }.lg\:py-9{ padding-top: 2.25rem; padding-bottom: 2.25rem; }.lg\:pb-10{ padding-bottom: 2.5rem; }.lg\:pb-30{ padding-bottom: 120px; }.lg\:pt-10{ padding-top: 2.5rem; }.lg\:pt-20{ padding-top: 5rem; }.lg\:pt-4{ padding-top: 1rem; }.lg\:pt-6{ padding-top: 1.5rem; }.lg\:pt-8{ padding-top: 2rem; }.lg\:text-2xl{ font-size: 1.5rem; line-height: 2rem; }.lg\:text-\[100px\]{ font-size: 100px; }.lg\:text-\[110px\]{ font-size: 110px; }.lg\:text-\[120px\]{ font-size: 120px; }.lg\:text-\[160px\]{ font-size: 160px; }.lg\:text-\[44px\]{ font-size: 44px; }.lg\:text-\[56px\]{ font-size: 56px; }.lg\:text-lg{ font-size: 1.125rem; line-height: 1.75rem; }.lg\:text-xl{ font-size: 1.25rem; line-height: 1.75rem; }.lg\:\!leading-\[100\%\]{ line-height: 100% !important; }.lg\:\[writing-mode\:sideways-lr\]{ writing-mode: sideways-lr; }.group:hover .lg\:group-hover\:top-10{ top: 2.5rem; }.group:hover .lg\:group-hover\:gap-20{ gap: 5rem; } }@media (min-width: 1200px){.xl\:-left-10{ left: -2.5rem; }.xl\:-right-10{ right: -2.5rem; }.xl\:col-span-5{ grid-column: span 5 / span 5; }.xl\:col-start-8{ grid-column-start: 8; }.xl\:mx-28{ margin-left: 7rem; margin-right: 7rem; }.xl\:-ml-\[20\%\]{ margin-left: -20%; }.xl\:mr-\[calc\(\(100\%-1296px\)\/2\)\]{ margin-right: calc((100% - 1296px) / 2); }.xl\:size-\[900px\]{ width: 900px; height: 900px; }.xl\:h-\[180px\]{ height: 180px; }.xl\:h-\[600px\]{ height: 600px; }.xl\:h-\[800px\]{ height: 800px; }.xl\:max-h-\[367px\]{ max-height: 367px; }.xl\:w-\[1296px\]{ width: 1296px; }.xl\:w-\[196px\]{ width: 196px; }.xl\:w-\[590px\]{ width: 590px; }.xl\:max-w-\[400px\]{ max-width: 400px; }.xl\:gap-12{ gap: 3rem; }.xl\:gap-28{ gap: 7rem; }.xl\:gap-8{ gap: 2rem; }.xl\:gap-\[60px\]{ gap: 60px; }.xl\:p-\[60px\]{ padding: 60px; }.xl\:px-8{ padding-left: 2rem; padding-right: 2rem; }.xl\:px-\[110px\]{ padding-left: 110px; padding-right: 110px; }.xl\:py-20{ padding-top: 5rem; padding-bottom: 5rem; }.xl\:py-28{ padding-top: 7rem; padding-bottom: 7rem; }.xl\:pb-30{ padding-bottom: 120px; }.xl\:pb-40{ padding-bottom: 10rem; }.xl\:pl-20{ padding-left: 5rem; }.xl\:pl-24{ padding-left: 6rem; }.xl\:pl-8{ padding-left: 2rem; }.xl\:pr-14{ padding-right: 3.5rem; }.xl\:pr-52{ padding-right: 13rem; }.xl\:pt-30{ padding-top: 120px; }.xl\:text-2xl{ font-size: 1.5rem; line-height: 2rem; }.xl\:text-\[140px\]{ font-size: 140px; }.xl\:text-\[6\.3vw\]{ font-size: 6.3vw; }.xl\:text-lg{ font-size: 1.125rem; line-height: 1.75rem; }.group:hover .xl\:group-hover\:top-20{ top: 5rem; }.group:hover .xl\:group-hover\:gap-40{ gap: 10rem; } }@media (min-width: 1400px){.xxl\:-right-16{ right: -4rem; }.xxl\:pr-20{ padding-right: 5rem; } }@media (min-width: 1536px){.\32xl\:ml-\[100px\]{ margin-left: 100px; }.\32xl\:h-\[900px\]{ height: 900px; }.\32xl\:max-w-\[1200px\]{ max-width: 1200px; }.\32xl\:pr-20{ padding-right: 5rem; }.\32xl\:text-\[140px\]{ font-size: 140px; }.\32xl\:text-\[150px\]{ font-size: 150px; }.\32xl\:text-\[200px\]{ font-size: 200px; }.\32xl\:text-\[216px\]{ font-size: 216px; } }@media (min-width: 1600px){.\33xl\:-ml-\[20\%\]{ margin-left: -20%; }.\33xl\:size-\[1100px\]{ width: 1100px; height: 1100px; }.\33xl\:h-\[674px\]{ height: 674px; }.\33xl\:h-\[752px\]{ height: 752px; }.\33xl\:max-w-\[1800px\]{ max-width: 1800px; }.\33xl\:px-12{ padding-left: 3rem; padding-right: 3rem; }.\33xl\:py-40{ padding-top: 10rem; padding-bottom: 10rem; }.\33xl\:pr-\[20\%\]{ padding-right: 20%; }.\33xl\:text-2xl{ font-size: 1.5rem; line-height: 2rem; } }@media (min-width: 1800px){.\34xl\:mx-auto{ margin-left: auto; margin-right: auto; } } /* Mobile ID card + Online Now (fallback styles) NOTE: Source-of-truth is assets/css/main.scss (Tailwind components layer). This block ensures the cards still look correct even if index.css is not rebuilt. */ .mobile-id-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem} .mobile-id-card{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;padding:1.25rem;border-radius:1.25rem;border:1px solid rgba(45,244,161,.4);background:linear-gradient(135deg, rgba(45,244,161,.25) 0%, rgba(0,15,9,.85) 55%, rgba(0,15,9,.95) 100%)} .mobile-id-details{flex:1;min-width:0} .mobile-id-chip{width:2.5rem;height:2.5rem;border-radius:9999px;overflow:hidden;background-color:rgba(255,255,255,.1);border:1px solid rgba(45,244,161,.4);display:flex;align-items:center;justify-content:center} .mobile-id-label{font-size:.75rem;line-height:1rem;font-weight:600;color:#2df4a1} .mobile-id-name{font-size:1rem;line-height:1.5rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mobile-id-meta{font-size:.875rem;line-height:1.25rem;color:#2df4a1} .mobile-id-actions{margin-top:.75rem;display:flex;align-items:center;gap:.75rem} .mobile-id-button{font-size:.75rem;line-height:1rem;font-weight:600;padding:.375rem .75rem;border-radius:9999px;background-color:#2df4a1;color:#000f09;display:inline-flex;align-items:center;justify-content:center} .mobile-id-button.secondary{background-color:transparent;border:1px solid rgba(45,244,161,.6);color:#2df4a1} .mobile-id-avatar{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem} .mobile-id-logout{width:4rem;height:4rem;border-radius:1rem;overflow:hidden;border:1px dashed rgba(45,244,161,.55);background-color:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;text-decoration:none} .mobile-id-tag{font-size:.75rem;line-height:1rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px;border:1px solid rgba(45,244,161,.6);color:#2df4a1;background-color:rgba(45,244,161,.1)} .mobile-id-status{font-size:.75rem;line-height:1rem;color:#2df4a1;text-align:center} .mobile-online-list{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem} .mobile-online-divider{border-top:1px solid rgba(45,244,161,.1);margin:.5rem 0} .mobile-online-group-header{font-size:.75rem;line-height:1rem;font-weight:600;color:#2df4a1} .mobile-online-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem} .mobile-online-dot{width:.5rem;height:.5rem;border-radius:9999px;background-color:#2df4a1;flex-shrink:0} .mobile-online-avatar{width:1.5rem;height:1.5rem;border-radius:9999px;border:1px solid rgba(45,244,161,.2);object-fit:cover;flex-shrink:0} .mobile-online-content{flex:1;min-width:0} .mobile-online-name{font-size:.875rem;line-height:1.25rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mobile-online-tags{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:flex-end} .mobile-online-tag{font-size:.75rem;line-height:1rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px;border:1px solid rgba(45,244,161,.6);color:#2df4a1;background-color:rgba(45,244,161,.1)} /* Mobile menu ID cards: keep a consistent card size like the design screenshot. On narrow screens we allow horizontal scroll instead of shrinking the cards. */ .mobile-id-wrapper{max-width:920px;margin-left:auto;margin-right:auto} .mobile-id-grid{justify-content:center} @media (max-width: 900px){ .mobile-id-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch} .mobile-id-grid{width:max-content;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:420px} .mobile-id-card{width:420px} } /* Header auth XP slider (fallback) */ .header-auth-row-mobile{background-color:rgba(0,15,9,.6)} .header-auth-xp{margin-top:.25rem;width:100%;max-width:180px} .header-xp-bar{position:relative;margin-top:.25rem;height:1rem;border-radius:9999px;background-color:rgba(0,15,9,.3);border:1px solid rgba(45,244,161,.2);overflow:hidden} .header-xp-bar-fill{height:100%;background-color:#2df4a1} .header-xp-bar-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1;font-weight:600;color:inherit;background-color:rgba(0,15,9,.55)} .mobile-id-card [data-mobile-id="xp-bar-text"]{background-color:rgba(0,15,9,.55)} /* Fixed off-canvas mobile menu should scroll on touch devices */ .mobile-menu{overflow-y:auto;-webkit-overflow-scrolling:touch} .mobile-menu .flex-1{min-height:0} @media (min-width:1024px){.header-auth-row-mobile{display:none !important}}