/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/assets/css/main.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
  @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);
  /*!*************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/aos/dist/aos.css ***!
    \*************************************************************************************************************/
  [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)}}
  /*!*************************************************************************************************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/assets/css/main.scss (1) ***!
    \*************************************************************************************************************************************************************************************************************************/
  /*
  * ----------------------------------------------------------------------------------------
  Author Name:    UIAXIS
  Author URI:     https://themeforest.net/user/uiaxis
  Template Name: Indiz -Indie Games Studio Workspace
  Version      : 1.0                                          
  * ----------------------------------------------------------------------------------------
  */
  /*
  * ----------------------------------------------------------------------------------------
  * 01. Font Import
  * 02. AOS Import
  * 03. Tailwind Import
  * 04. Scrollbar Design
  * 05. Globar Styles
  * 06. CSS Gradient
  * 07. Text Stroke Design
  * 08. Swiper CSS
  * 09. Masked Background
  * 10. menu text hover style
  * 11.PRELOADER & BOUNCE CCS STYLE
  * 12. Keyframe Animations
  * ----------------------------------------------------------------------------------------
  */
  *, ::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.17 | 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;
    }
  }
  /* Main Container styles */
  .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 = section top padding, sbp= section bottom padding */
  .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;
    }
  }
  /* Typography */
  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;
  }
  /* Custom Video Modal */
  .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;
  }
  /* scroll to top button */
  .scrollButtonHide{
    bottom: -10rem;
  }
  .scrollButtonShow{
    bottom: 3rem;
  }
  @media (min-width: 576px){
    .scrollButtonShow{
      bottom: 4rem;
    }
  }
  .headerFixed{
    position: fixed;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, 1);
    background-color: rgba(0, 0, 0, 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 0.5s linear;
  }
  .headerAbsolute{
    position: absolute;
    animation: fadeDown2 0.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(255, 17, 37, 1);
    color: rgba(255, 17, 37, 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;
  }
  .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;
  }
  .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-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-\[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-\[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(0, 0, 0, 0.8);
  }
  .border-bg2{
    border-color: rgba(0, 0, 0, 0.6);
  }
  .border-bg3{
    border-color: rgba(0, 0, 0, 0.4);
  }
  .border-bg5{
    border-color: rgba(255, 255, 255, 0.12);
  }
  .border-g300{
    --tw-border-opacity: 1;
    border-color: rgba(255, 17, 37, 1);
    border-color: rgba(255, 17, 37, var(--tw-border-opacity, 1));
  }
  .border-g300\/10{
    border-color: rgba(255, 17, 37, 0.1);
  }
  .border-g300\/60{
    border-color: rgba(255, 17, 37, 0.6);
  }
  .border-g300\/80{
    border-color: rgba(255, 17, 37, 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(255, 17, 37, 1) !important;
    border-color: rgba(255, 17, 37, var(--tw-border-opacity, 1));
  }
  .border-g700{
    --tw-border-opacity: 1;
    border-color: rgba(255, 17, 37, 1) !important;
    border-color: rgba(255, 17, 37, 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(0, 0, 0, 0.8);
  }
  .bg-bg2{
    background-color: rgba(0, 0, 0, 0.6);
  }
  .bg-bg3{
    background-color: rgba(0, 0, 0, 0.4);
  }
  .bg-bg4{
    background-color: rgba(0, 0, 0, 0.2);
  }
  .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(255, 17, 37, 1);
    background-color: rgba(255, 17, 37, var(--tw-bg-opacity, 1));
  }
  .bg-g300\/5{
    background-color: rgba(255, 17, 37, 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, 0, 0, 1);
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity, 1));
  }
  .bg-g900\/30{
    background-color: rgba(0, 0, 0, 0.3);
  }
  .bg-g900\/40{
    background-color: rgba(0, 0, 0, 0.4);
  }
  .bg-g900\/60{
    background-color: rgba(0, 0, 0, 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: #000000 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(0, 0, 0, 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(255, 17, 37, 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-\[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: rgb(255, 31, 31);
    color: rgba(255, 17, 37, var(--tw-text-opacity, 1));
  }
  .text-g300\/10{
    color: rgba(255, 17, 37, 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, 0, 0, 1);
    color: rgba(0, 0, 0, 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);
    -webkit-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);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: 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{
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .transition{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .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, 0.3);
    background-color: #000000;
  }
  
  ::-webkit-scrollbar {
    width: 6px;
    background-color: #000000;
  }
  
  ::-webkit-scrollbar-thumb {
    background-color: #E33A36;
    border-radius: 3px;
  }
  
  body {
    font-family: "Tomorrow", sans-serif;
  }
  .banner-one-bg {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.16) 44.97%, #000000 89.95%);
  }
  
  .banner-bottom-left {
    background: linear-gradient(88deg, rgba(0, 0, 0, 0) -0.52%, #000000 66.9%);
    filter: blur(20px);
  }
  
  .stroke-text {
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #E33A36;
    -webkit-text-fill-color: transparent;
  }
  
  .stroke-text-px {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #E33A36;
    -webkit-text-fill-color: transparent;
  }
  .stroke-text-px.text-bg-black {
    -webkit-text-fill-color: #000;
  }
  
  .portfolio-item:hover .stroke-text-px {
    -webkit-text-stroke-color: black;
  }
  
  .text-slider.second .stroke-text,
  .text-slider2.second .stroke-text {
    -webkit-text-stroke-color: black;
  }
  
  .smooth .swiper-wrapper {
    transition-timing-function: linear !important;
  }
  
  .lets-work-slider .swiper-slide {
    scale: 0.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(255, 17, 37, 0.5);
  }
  
  .swiper-scrollbar-drag {
    background-color: #E33A36;
  }
  
  .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: transparent;
  }
  .slide-vertical .char::after, .slide-vertical .char::before,
  .slide-horizontal .char::after,
  .slide-horizontal .char::before {
    visibility: visible;
    color: white;
    transition: transform 0.5s cubic-bezier(0.9, 0, 0.2, 1);
    transition-delay: calc(0.2s + 0.02s * (var(--char-index)));
  }
  .slide-vertical .char::before,
  .slide-horizontal .char::before {
    transition-delay: calc(0.02s * (var(--char-index)));
  }
  .slide-vertical.activeMenuText, .slide-vertical.activeHeaderMenu,
  .slide-horizontal.activeMenuText,
  .slide-horizontal.activeHeaderMenu {
    color: #E33A36;
  }
  .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: #E33A36;
  }
  .slide-vertical:hover,
  .slide-horizontal:hover {
    color: #E33A36;
  }
  .slide-vertical:hover .char:before,
  .slide-horizontal:hover .char:before {
    color: #E33A36;
    transition-delay: calc(0.2s + 0.02s * (var(--char-index)));
  }
  .slide-vertical:hover .char:after,
  .slide-horizontal:hover .char:after {
    color: #E33A36;
    transition-delay: calc(0.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: white;
  }
  
  .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: #E33A36;
    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 {
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
  }
  
  .text-shadow-1 {
    font-feature-settings: "liga" off, "clig" off;
    text-shadow: 0px 0px 48px rgba(255, 17, 37, 0.8);
  }
  
  .tags-container > canvas {
    position: relative;
    top: -1px;
    left: -1px;
    background-color: transparent !important;
  }
  
  .tags-container {
    width: 100vw;
    margin-top: 0vw;
    overflow: hidden;
  }
  
  .game-image-slide,
  .game-details-slide {
    animation: slide-hide 0.5s cubic-bezier(0.4, 0, 0.7, 1) forwards;
  }
  .game-image-slide.active,
  .game-details-slide.active {
    animation: slide-reveal 0.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 0.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: 0.1s;
  }
  
  .load-text span:nth-child(3) {
    animation-delay: 0.2s;
  }
  
  .load-text span:nth-child(4) {
    animation-delay: 0.3s;
  }
  
  .load-text span:nth-child(5) {
    animation-delay: 0.4s;
  }
  
  .load-text span:nth-child(6) {
    animation-delay: 0.5s;
  }
  
  .load-text span:nth-child(7) {
    animation-delay: 0.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);
    }
  }
  /* 12. Keyframe Animations */
  .animationOne {
    animation: fadeDown 0.5s linear;
  }
  
  .animationTwo {
    animation: fadeDown2 0.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 0.5s linear;
  }
  
  .animationOne {
    animation: fadeDown 0.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(255, 17, 37, 1);
    background-color: rgba(255, 17, 37, 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(255, 17, 37, 1);
    background-color: rgba(255, 17, 37, 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(255, 17, 37, 1);
    border-color: rgba(255, 17, 37, var(--tw-border-opacity, 1));
  }
  
  .hover\:bg-g300:hover{
    --tw-bg-opacity: 1;
    background-color: rgba(255, 17, 37, 1);
    background-color: rgba(255, 17, 37, 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: rgb(255, 22, 22);
    color: rgba(255, 17, 37, 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, 0, 0, 1);
    color: rgba(0, 0, 0, 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(255, 17, 37, 1);
    border-color: rgba(255, 17, 37, var(--tw-border-opacity, 1));
  }
  
  .peer\/cod:checked ~ .peer-checked\/cod\:border-g300{
    --tw-border-opacity: 1;
    border-color: rgba(255, 17, 37, 1);
    border-color: rgba(255, 17, 37, var(--tw-border-opacity, 1));
  }
  
  .peer\/emi:checked ~ .peer-checked\/emi\:border-g300{
    --tw-border-opacity: 1;
    border-color: rgba(255, 17, 37, 1);
    border-color: rgba(255, 17, 37, var(--tw-border-opacity, 1));
  }
  
  .peer\/inside:checked ~ .peer-checked\/inside\:border-g300{
    --tw-border-opacity: 1;
    border-color: rgba(255, 17, 37, 1);
    border-color: rgba(255, 17, 37, var(--tw-border-opacity, 1));
  }
  
  .peer\/online:checked ~ .peer-checked\/online\:border-g300{
    --tw-border-opacity: 1;
    border-color: rgba(255, 17, 37, 1);
    border-color: rgba(255, 17, 37, var(--tw-border-opacity, 1));
  }
  
  .peer\/outside:checked ~ .peer-checked\/outside\:border-g300{
    --tw-border-opacity: 1;
    border-color: rgba(255, 17, 37, 1);
    border-color: rgba(255, 17, 37, var(--tw-border-opacity, 1));
  }
  
  .peer\/paypal:checked ~ .peer-checked\/paypal\:border-g300{
    --tw-border-opacity: 1;
    border-color: rgba(255, 17, 37, 1);
    border-color: rgba(255, 17, 37, var(--tw-border-opacity, 1));
  }
  
  .peer\/bank:checked ~ .peer-checked\/bank\:text-g300{
    --tw-text-opacity: 1;
    color: rgb(255, 17, 37);
    color: rgba(255, 17, 37, var(--tw-text-opacity, 1));
  }
  
  .peer\/cod:checked ~ .peer-checked\/cod\:text-g300{
    --tw-text-opacity: 1;
    color: rgba(255, 17, 37);
    color: rgba(255, 17, 37, var(--tw-text-opacity, 1));
  }
  
  .peer\/emi:checked ~ .peer-checked\/emi\:text-g300{
    --tw-text-opacity: 1;
    color: rgba(255, 17, 37);
    color: rgba(255, 17, 37, var(--tw-text-opacity, 1));
  }
  
  .peer\/figures:checked ~ .peer-checked\/figures\:text-g300{
    --tw-text-opacity: 1;
    color: rgba(255, 17, 37);
    color: rgba(255, 17, 37, var(--tw-text-opacity, 1));
  }
  
  .peer\/games:checked ~ .peer-checked\/games\:text-g300{
    --tw-text-opacity: 1;
    color: rgba(255, 17, 37);
    color: rgba(255, 17, 37, var(--tw-text-opacity, 1));
  }
  
  .peer\/gear:checked ~ .peer-checked\/gear\:text-g300{
    --tw-text-opacity: 1;
    color: rgba(255, 17, 37);
    color: rgba(255, 17, 37, var(--tw-text-opacity, 1));
  }
  
  .peer\/inside:checked ~ .peer-checked\/inside\:text-g300{
    --tw-text-opacity: 1;
    color: rgba(255, 17, 37);
    color: rgba(255, 17, 37, var(--tw-text-opacity, 1));
  }
  
  .peer\/online:checked ~ .peer-checked\/online\:text-g300{
    --tw-text-opacity: 1;
    color: rgba(255, 17, 37);
    color: rgba(255, 17, 37, var(--tw-text-opacity, 1));
  }
  
  .peer\/outside:checked ~ .peer-checked\/outside\:text-g300{
    --tw-text-opacity: 1;
    color: rgba(255, 17, 37);
    color: rgba(255, 17, 37, var(--tw-text-opacity, 1));
  }
  
  .peer\/paypal:checked ~ .peer-checked\/paypal\:text-g300{
    --tw-text-opacity: 1;
    color: rgba(255, 17, 37);
    color: rgba(255, 17, 37, var(--tw-text-opacity, 1));
  }
  
  .peer\/tshirt:checked ~ .peer-checked\/tshirt\:text-g300{
    --tw-text-opacity: 1;
    color: rgba(255, 17, 37, 1);
    color: rgba(255, 17, 37, var(--tw-text-opacity, 1));
  }
  
  .peer:checked ~ .peer-checked\:text-g300{
    --tw-text-opacity: 1;
    color: rgba(255, 17, 37, 1);
    color: rgba(255, 17, 37, 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(255, 17, 37, 1);
      border-color: rgba(255, 17, 37, 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-\[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-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-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-\[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-\[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;
    }
  }
  .fill-g900{
    fill: #000000;
  }
  .hover\:bg-g900:hover{
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, 1);
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity, 1));
  }
  
  .hover\:text-g300:hover{
    --tw-text-opacity: 1;
    color: rgb(255, 22, 22);
    color: rgba(255, 17, 37, var(--tw-text-opacity, 1));
  }
  
  .hover\:text-g900:hover{
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, 1);
    color: rgba(0, 0, 0, var(--tw-text-opacity, 1));
  }
  
  /* Social Media Icons - Make Facebook, Instagram, and LinkedIn permanently red */
  .ph-facebook-logo,
  .ph-instagram-logo,
  .ph-linkedin-logo {
    color: rgba(255, 17, 37, 1) !important;
  }
  
  /* Ensure hover states also work properly */
  .ph-facebook-logo:hover,
  .ph-instagram-logo:hover,
  .ph-linkedin-logo:hover {
    color: rgba(0, 0, 0, 1) !important;
  }
  
  /* Hide only the games slider section to remove huge black space */
  .masked-content-five {
    display: none !important;
  }
  
  /* Make the footer banner red instead of turquoise green */
  .lg\\:large-container img[src*="footer-top-illus.png"] {
    width: 100%;
    height: auto;
  }

  /* Training Step Cards - Improved Layout */
  .training-step-card {
    flex: 1;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(45, 244, 161, 0.1);
    border-radius: 1rem;
    padding: 1.5rem;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
  }

  .training-step-card:hover {
    border-color: rgba(45, 244, 161, 0.3);
    background: rgba(255, 255, 255, 0.06);
    transform: translateY(-4px);
  }

  .step-number {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: linear-gradient(135deg, #2DF4A1, #1a9f6b);
    color: #0a0a0a;
    font-size: 1.25rem;
    font-weight: 700;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
  }

  .step-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
  }

  .step-image {
    height: 200px;
    border-radius: 0.5rem;
    overflow: hidden;
    position: relative;
  }

  .step-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(45, 244, 161, 0.1), rgba(45, 244, 161, 0.05));
    z-index: 1;
  }

  .step-image img {
    transition: transform 0.3s ease;
  }

  .training-step-card:hover .step-image img {
    transform: scale(1.05);
  }

  .step-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .step-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0;
  }

  .step-description {
    font-size: 0.875rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
  }

  /* Training Slider - Interactive Sliding */
  .training-slider-container {
    position: relative;
    max-width: 100%;
    overflow: hidden;
  }

  .training-slider {
    display: flex;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    width: 400%;
  }

  .training-slide {
    width: 25%;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(45, 244, 161, 0.1);
    border-radius: 1rem;
    padding: 2rem;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    opacity: 0.6;
    transform: scale(0.95);
  }

  .training-slide.active {
    opacity: 1;
    transform: scale(1);
    border-color: rgba(45, 244, 161, 0.3);
    background: rgba(255, 255, 255, 0.06);
  }

  .slide-number {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    background: linear-gradient(135deg, #2DF4A1, #1a9f6b);
    color: #0a0a0a;
    font-size: 1.5rem;
    font-weight: 700;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
  }

  .slide-content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 100%;
  }

  .slide-image {
    height: 250px;
    border-radius: 0.75rem;
    overflow: hidden;
    position: relative;
  }

  .slide-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(45, 244, 161, 0.1), rgba(45, 244, 161, 0.05));
    z-index: 1;
  }

  .slide-image img {
    transition: transform 0.5s ease;
  }

  .training-slide.active .slide-image img {
    transform: scale(1.05);
  }

  .slide-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .slide-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0;
  }

  .slide-description {
    font-size: 1rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
  }

  /* Slider Navigation */
  .slider-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin-top: 2rem;
  }

  .nav-btn {
    background: rgba(45, 244, 161, 0.1);
    border: 1px solid rgba(45, 244, 161, 0.3);
    color: #2DF4A1;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 1.25rem;
  }

  .nav-btn:hover {
    background: rgba(45, 244, 161, 0.2);
    transform: scale(1.1);
  }

  .nav-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    transform: none;
  }

  .slider-dots {
    display: flex;
    gap: 0.75rem;
  }

  .dot {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .dot.active {
    background: #2DF4A1;
    transform: scale(1.2);
  }

  .dot:hover {
    background: rgba(45, 244, 161, 0.6);
  }

  /* Responsive adjustments */
  @media (max-width: 991px) {
    .training-slide {
      padding: 1.5rem;
    }
    
    .slide-content {
      flex-direction: row;
      align-items: center;
      gap: 1rem;
    }
    
    .slide-image {
      width: 150px;
      height: 150px;
      flex-shrink: 0;
    }
    
    .slide-info {
      flex: 1;
    }
    
    .slide-title {
      font-size: 1.125rem;
    }
    
    .slide-description {
      font-size: 0.9rem;
    }
  }

  @media (max-width: 575px) {
    .training-slide {
      padding: 1rem;
    }
    
    .slide-number {
      width: 2.5rem;
      height: 2.5rem;
      font-size: 1.25rem;
      top: 1rem;
      right: 1rem;
    }
    
    .slide-content {
      flex-direction: column;
      gap: 1rem;
    }
    
    .slide-image {
      width: 100%;
      height: 180px;
    }
    
    .slide-title {
      font-size: 1rem;
    }
    
    .slide-description {
      font-size: 0.85rem;
    }
    
    .slider-navigation {
      gap: 1rem;
      margin-top: 1.5rem;
    }
    
    .nav-btn {
      width: 2.5rem;
      height: 2.5rem;
      font-size: 1rem;
    }
  }

  /* Training Steps Scroll Animation - Fixed */
  .training-steps-scroll {
    position: relative;
    min-height: 300vh; /* Reduced from 400vh to 300vh for less space */
    padding-top: 20vh; /* Reduced space so first step appears closer to the heading */
  }

  .step-container {
    position: sticky;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(45, 244, 161, 0.1);
    border-radius: 1rem;
    padding: 2rem;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    transform: translateY(-50%) scale(0.9);
    pointer-events: none;
    z-index: 1;
    visibility: hidden;
  }

  .step-container.active {
    opacity: 1;
    transform: translateY(-50%) scale(1);
    pointer-events: all;
    border-color: rgba(45, 244, 161, 0.3);
    background: rgba(255, 255, 255, 0.06);
    z-index: 10;
    visibility: visible;
  }

  .step-container.completed {
    opacity: 0;
    transform: translateY(-50%) scale(0.95);
    pointer-events: none;
    z-index: 1;
    visibility: hidden;
  }

  .step-number {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    background: linear-gradient(135deg, #2DF4A1, #1a9f6b);
    color: #0a0a0a;
    font-size: 1.5rem;
    font-weight: 700;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
  }

  .step-content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 100%;
  }

  .step-image {
    height: 250px;
    border-radius: 0.75rem;
    overflow: hidden;
    position: relative;
  }

  .step-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(45, 244, 161, 0.1), rgba(45, 244, 161, 0.05));
    z-index: 1;
  }

  .step-image img {
    transition: transform 0.8s ease;
  }

  .step-container.active .step-image img {
    transform: scale(1.05);
  }

  .step-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .step-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0;
    transition: all 0.8s ease;
  }

  .step-description {
    font-size: 1rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    transition: all 0.8s ease;
  }

  /* Progress indicator */
  .scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgba(255, 255, 255, 0.1);
    z-index: 1000;
  }

  .scroll-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #2DF4A1, #1a9f6b);
    width: 0%;
    transition: width 0.1s ease;
  }

  /* Responsive adjustments */
  @media (max-width: 991px) {
    .training-steps-scroll {
      min-height: 300vh;
    }
    
    .step-container {
      padding: 1.5rem;
      margin: 0 1rem;
    }
    
    .step-content {
      flex-direction: row;
      align-items: center;
      gap: 1rem;
    }
    
    .step-image {
      width: 150px;
      height: 150px;
      flex-shrink: 0;
    }
    
    .step-info {
      flex: 1;
    }
    
    .step-title {
      font-size: 1.125rem;
    }
    
    .step-description {
      font-size: 0.9rem;
    }
  }

  @media (max-width: 575px) {
    .training-steps-scroll {
      min-height: 250vh;
    }
    
    .step-container {
      padding: 1rem;
      margin: 0 0.5rem;
    }
    
    .step-number {
      width: 2.5rem;
      height: 2.5rem;
      font-size: 1.25rem;
      top: 1rem;
      right: 1rem;
    }
    
    .step-content {
      flex-direction: column;
      gap: 1rem;
    }
    
    .step-image {
      width: 100%;
      height: 180px;
    }
    
    .step-title {
      font-size: 1rem;
    }
    
    .step-description {
      font-size: 0.85rem;
    }
  }

  /* Profile Stats Grid - Compact, Square Cards */
  .profile-stats-grid {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin: 0 auto;
  }
  @media (min-width: 768px) {
    .profile-stats-grid {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 16px;
      margin: 0 auto;
    }
  }
  .profile-stat-card {
    background: rgba(20,20,30,0.85);
    border: 1px solid rgba(120,120,180,0.15);
    border-radius: 0.75rem;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.10);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 120px;
    width: 100px;
    padding: 0.5rem;
    font-size: 11px;
    transition: box-shadow 0.2s, transform 0.2s;
    text-align: center;
    flex-shrink: 0;
  }
  .profile-stat-card i {
    font-size: 1.2rem;
    margin-bottom: 4px;
  }
  .profile-stat-card span {
    font-size: 11px;
    line-height: 1.1;
    margin: 0;
  }
  .profile-stat-card .stat-value {
    font-size: 13px;
    font-weight: 700;
    margin-top: 2px;
  }
  .profile-stat-card:hover {
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.18);
    transform: translateY(-2px) scale(1.04);
  }

  /* Trust Score Bar - Modern Professional Design */
  .trust-score-container {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 2rem;
  }
  .trust-score-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
  }
  .trust-score-label {
    font-size: 0.875rem;
    font-weight: 600;
    color: #dc2626;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  .trust-score-value {
    font-size: 1.25rem;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 0 0 10px rgba(220, 38, 38, 0.3);
  }
  .trust-score-bar-container {
    position: relative;
    width: 100%;
    height: 12px;
    background: linear-gradient(135deg, rgba(15, 15, 15, 0.9) 0%, rgba(30, 15, 15, 0.9) 100%);
    border: 1px solid rgba(220, 38, 38, 0.2);
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 
      inset 0 1px 3px rgba(0,0,0,0.3),
      0 2px 8px rgba(0,0,0,0.1);
  }
  .trust-score-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 6px;
    transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(90deg, 
      #dc2626 0%, 
      #ef4444 25%, 
      #f87171 50%, 
      #fca5a5 75%, 
      #fecaca 100%);
    box-shadow: 
      0 0 20px rgba(220, 38, 38, 0.4),
      inset 0 1px 0 rgba(255,255,255,0.2);
  }
  .trust-score-bar::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, 
      transparent 0%, 
      rgba(255,255,255,0.1) 50%, 
      transparent 100%);
    animation: shimmer 2s infinite;
  }
  @keyframes shimmer {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
  }
  .trust-score-bar-container:hover .trust-score-bar {
    box-shadow: 
      0 0 30px rgba(220, 38, 38, 0.6),
      inset 0 1px 0 rgba(255,255,255,0.3);
  }
  /* Trust Score Color Variations */
  .trust-score-bar.score-low {
    background: linear-gradient(90deg, #dc2626 0%, #ef4444 100%);
    box-shadow: 0 0 20px rgba(220, 38, 38, 0.4);
  }
  .trust-score-bar.score-medium {
    background: linear-gradient(90deg, #ef4444 0%, #f87171 100%);
    box-shadow: 0 0 20px rgba(239, 68, 68, 0.4);
  }
  .trust-score-bar.score-high {
    background: linear-gradient(90deg, #f87171 0%, #fca5a5 100%);
    box-shadow: 0 0 20px rgba(248, 113, 113, 0.4);
  }

  /* Enhanced Profile Page Design */
  .profile-page-bg {
    background: linear-gradient(135deg, #0f0f0f 0%, #1a0f0f 25%, #2d0f0f 50%, #3d0f0f 75%, #4d0f0f 100%);
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
  }
  
  .profile-page-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
      radial-gradient(circle at 20% 80%, rgba(220, 38, 38, 0.3) 0%, transparent 50%),
      radial-gradient(circle at 80% 20%, rgba(239, 68, 68, 0.3) 0%, transparent 50%),
      radial-gradient(circle at 40% 40%, rgba(185, 28, 28, 0.2) 0%, transparent 50%);
    animation: backgroundShift 20s ease-in-out infinite;
  }
  
  @keyframes backgroundShift {
    0%, 100% { transform: scale(1) rotate(0deg); }
    50% { transform: scale(1.1) rotate(1deg); }
  }
  
  .profile-container {
    position: relative;
    z-index: 10;
    backdrop-filter: blur(10px);
    background: rgba(15, 15, 15, 0.8);
    border: 1px solid rgba(220, 38, 38, 0.2);
    border-radius: 24px;
    padding: 3rem 2rem;
    margin: 2rem auto;
    max-width: 800px;
    box-shadow: 
      0 25px 50px -12px rgba(0, 0, 0, 0.5),
      inset 0 1px 0 rgba(220, 38, 38, 0.1);
  }
  
  .profile-avatar-container {
    position: relative;
    margin-bottom: 2rem;
  }
  
  .profile-avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 4px solid rgba(220, 38, 38, 0.4);
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    box-shadow: 
      0 20px 40px rgba(0, 0, 0, 0.5),
      0 0 0 1px rgba(220, 38, 38, 0.2);
    transition: all 0.3s ease;
  }
  
  .profile-avatar:hover {
    transform: scale(1.05);
    border-color: rgba(220, 38, 38, 0.7);
    box-shadow: 
      0 25px 50px rgba(0, 0, 0, 0.6),
      0 0 0 1px rgba(220, 38, 38, 0.3);
  }
  
  .profile-avatar::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(220, 38, 38, 0.2), transparent);
    animation: avatarShine 3s ease-in-out infinite;
  }
  
  @keyframes avatarShine {
    0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
    50% { transform: translateX(100%) translateY(100%) rotate(45deg); }
    100% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
  }
  
  .profile-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    position: relative;
    z-index: 2;
  }
  
  .profile-username {
    font-size: 2rem;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    margin-top: 1rem;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  
  .profile-status {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(34, 197, 94, 0.2);
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 20px;
    padding: 0.5rem 1rem;
    margin: 1rem auto;
    font-size: 0.875rem;
    color: #22c55e;
    font-weight: 600;
    transition: all 0.3s ease;
  }
  
  .profile-status.online {
    background: rgba(34, 197, 94, 0.2);
    border-color: rgba(34, 197, 94, 0.3);
    color: #22c55e;
  }
  
  .profile-status.offline {
    background: rgba(239, 68, 68, 0.2);
    border-color: rgba(239, 68, 68, 0.3);
    color: #ef4444;
  }
  
  .status-dot {
    width: 8px;
    height: 8px;
    background: #22c55e;
    border-radius: 50%;
    animation: pulse 2s ease-in-out infinite;
    transition: background-color 0.3s ease;
  }
  
  .profile-status.offline .status-dot {
    background: #ef4444;
    animation: none;
  }
  
  @keyframes pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.2); }
  }
  
  .profile-stats-section {
    margin: 2rem 0;
  }
  
  .section-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 1.5rem;
    text-align: center;
    position: relative;
  }
  
  .section-title::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #dc2626 0%, #991b1b 100%);
    border-radius: 2px;
  }
  
  .profile-badges {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin: 2rem 0;
    flex-wrap: wrap;
  }
  
  .profile-badge {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.2) 0%, rgba(185, 28, 28, 0.2) 100%);
    border: 1px solid rgba(220, 38, 38, 0.3);
    border-radius: 12px;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #ffffff;
    font-weight: 500;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
  }
  
  .profile-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(220, 38, 38, 0.3);
    border-color: rgba(220, 38, 38, 0.5);
  }
  
  .profile-badge i {
    font-size: 1rem;
    color: #dc2626;
  }
  
  .profile-actions {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin: 2rem 0;
    flex-wrap: wrap;
  }
  
  .profile-action-btn {
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
    border: none;
    border-radius: 12px;
    padding: 0.75rem 1.5rem;
    color: #ffffff;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    box-shadow: 0 4px 15px rgba(220, 38, 38, 0.4);
  }
  
  .profile-action-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(220, 38, 38, 0.6);
  }
  
  .profile-action-btn.secondary {
    background: rgba(220, 38, 38, 0.1);
    border: 1px solid rgba(220, 38, 38, 0.3);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  }
  
  .profile-action-btn.secondary:hover {
    background: rgba(220, 38, 38, 0.2);
    box-shadow: 0 8px 25px rgba(220, 38, 38, 0.4);
  }
  
  .profile-recent-activity {
    background: rgba(220, 38, 38, 0.05);
    border: 1px solid rgba(220, 38, 38, 0.2);
    border-radius: 16px;
    padding: 1.5rem;
    margin: 2rem 0;
    backdrop-filter: blur(10px);
  }
  
  .activity-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(220, 38, 38, 0.2);
  }
  
  .activity-item:last-child {
    border-bottom: none;
  }
  
  .activity-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1rem;
  }
  
  .activity-content {
    flex: 1;
  }
  
  .activity-title {
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0.25rem;
  }
  
  .activity-time {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.6);
  }
  
  /* Enhanced Stats Grid - REMOVED GRID VERSION */
  
  .profile-stat-card {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.1) 0%, rgba(185, 28, 28, 0.1) 100%);
    border: 1px solid rgba(220, 38, 38, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.75rem 1.5rem;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
  }
  
  .profile-stat-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(220, 38, 38, 0.1), transparent);
    transition: left 0.5s ease;
  }
  
  .profile-stat-card:hover::before {
    left: 100%;
  }
  
  .profile-stat-card:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 12px 30px rgba(220, 38, 38, 0.3);
    border-color: rgba(220, 38, 38, 0.4);
  }
  
  .profile-stat-card i {
    font-size: 2rem;
    margin-bottom: 0.75rem;
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  
  .profile-stat-card span {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    line-height: 1.3;
    font-weight: 500;
  }
  
  .profile-stat-card .stat-value {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff;
    margin-top: 0.5rem;
  }
  
  /* Responsive improvements */
  @media (max-width: 768px) {
    .profile-container {
      margin: 1rem;
      padding: 2rem 1rem;
      border-radius: 16px;
    }
    
    .profile-avatar {
      width: 100px;
      height: 100px;
    }
    
    .profile-username {
      font-size: 1.5rem;
    }
    
    .profile-badges {
      gap: 0.5rem;
    }
    
    .profile-badge {
      padding: 0.5rem 0.75rem;
      font-size: 0.75rem;
    }
    
    .profile-actions {
      gap: 0.5rem;
    }
    
    .profile-action-btn {
      padding: 0.5rem 1rem;
      font-size: 0.75rem;
    }
  }

  /* Footer Text Color */
  footer {
    color: #ffffff;
  }
  
  footer p,
  footer a,
  footer li,
  footer span {
    color: #ffffff;
  }
  
  footer a:hover {
    color: #dc2626 !important;
  }
  
  /* Responsive improvements */
  .profile-stat-card-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
  }

  /* === Force playtime and leaderboard color match === */
  .playtime-info,
  .top-players-section {
    background: rgba(20,20,30,0.85) !important;
    border: 1px solid rgba(120,120,180,0.15) !important;
    border-radius: 0.75rem !important;
    color: #fff !important;
  }
  .playtime-rank {
    background: rgba(120,120,180,0.15) !important;
    color: #fff !important;
    border: 1px solid rgba(120,120,180,0.25) !important;
    border-radius: 2rem !important;
    font-weight: bold;
    font-size: 0.9rem;
    display: inline-block;
    margin-top: 0.5rem;
    padding: 0.5rem 1rem;
  }
  
  /* Cart animation styles */
  .animate-bounce {
    animation: bounce 1s infinite;
  }
  
  @keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
      transform: translate3d(0,0,0);
    }
    40%, 43% {
      transform: translate3d(0, -8px, 0);
    }
    70% {
      transform: translate3d(0, -4px, 0);
    }
    90% {
      transform: translate3d(0, -2px, 0);
    }
  }