@media (min-width:1025px){[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}
[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}
[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}
[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}
[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}
[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}
[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}
[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}
[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}
[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}
[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}
[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}
[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}
[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}
[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}
[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}
[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}
[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}
[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}
[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}
[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}
[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}
[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}
[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}
[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}
[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}
[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}
[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}
[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}
[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}
[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}
[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}
[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}
[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}
[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}
[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}
[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}
[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}
[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}
[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}
[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}
[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}
[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}
[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}
[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}
[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}
[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}
[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}
[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}
[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}
[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}
[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}
[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}
[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}
[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}
[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}
[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}
[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}
[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}
[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}
[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}
[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}
[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}
[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}
[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}
[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}
[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}
[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}
[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}
[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}
[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}
[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}
[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}
[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}
[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}
[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}
[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}
[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}
[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}
[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}
[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}
[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}
[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}
[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}
[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}
[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}
[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}
[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}
[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}
[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}
[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}
[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}
[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}
[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}
[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}
[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}
[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}
[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}
[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}
[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}
[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}
[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}
[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}
[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}
[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}
[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}
[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}
[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}
[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}
[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}
[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}
[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}
[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}
[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}
[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}
[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}
[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}
[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}
[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}
[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}
[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}
[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}
[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}
[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}
[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}
[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}
[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}
[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}
[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}
[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}
[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}
[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}
[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}
[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}
[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}
[data-aos=fade-up]{transform:translate3d(0,100px,0)}
[data-aos=fade-down]{transform:translate3d(0,-100px,0)}
[data-aos=fade-right]{transform:translate3d(-100px,0,0)}
[data-aos=fade-left]{transform:translate3d(100px,0,0)}
[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}
[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}
[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}
[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}
[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}
[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}
[data-aos=zoom-in]{transform:scale(.6)}
[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}
[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}
[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}
[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}
[data-aos=zoom-out]{transform:scale(1.2)}
[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}
[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}
[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}
[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}
[data-aos^=slide][data-aos^=slide]{transition-property:transform}
[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}
[data-aos=slide-up]{transform:translate3d(0,100%,0)}
[data-aos=slide-down]{transform:translate3d(0,-100%,0)}
[data-aos=slide-right]{transform:translate3d(-100%,0,0)}
[data-aos=slide-left]{transform:translate3d(100%,0,0)}
[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}
[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}
[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}
[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}
[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}
[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}
[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}
[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}
[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}}
.home-banner .banner-pagination{position:absolute;bottom:20px!important;z-index:999;max-width:1400px;padding:0px 70px;left:50%!important;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}
.home-banner .banner-pagination .swiper-pagination-bullet{background-color:#FFFFFF}
.home-banner .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--color)}
.home-banner .swiper-slide{overflow:hidden}
.home-banner .banner-animote{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1400px;color:#FFFFFF;padding:0px 70px;opacity:0;text-align:center}
.home-banner .pcimg{display:block;overflow:hidden}
.home-banner .banner-animote .p1{font-size:48px;font-weight:var(--fontbold5);text-transform:capitalize;margin-bottom:10px}
.home-banner .banner-animote .p1 span{color:var(--color)}
.home-banner .banner-animote .p2{font-size:var(--fontsize24);text-transform:capitalize}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
.home-banner .swiper-slide-active img{animation:bannerimg 6s forwards}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background-color:#FFFFFF;border-radius:50%;z-index:10;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--fontcolor);opacity:.8}
.home-banner .bannerswiper-next em,.home-banner .bannerswiper-prev em{font-size:var(--fontsize22);font-weight:var(--fontbold5)}
.home-banner .bannerswiper-next:hover,.home-banner .bannerswiper-prev:hover{background-color:var(--color);color:#FFFFFF}
.home-banner .bannerswiper-prev.swiper-button-disabled{opacity:.2;cursor:default}
.home-banner .bannerswiper-next.swiper-button-disabled{opacity:.2;cursor:default}
.home-banner .bannerswiper-next.swiper-button-disabled:hover,.home-banner .bannerswiper-prev.swiper-button-disabled:hover{background-color:#FFFFFF;color:var(--fontcolor)}
.home-banner .bannerswiper-prev{left:40px}
.home-banner .bannerswiper-next{right:40px}
.home-banner .mobimg{display:none;overflow:hidden}
.home-banner .swiper-slide img{width:100%;height:100%;object-fit:cover}
@keyframes bannerani{0%{margin-left:-30px}
100%{opacity:1;margin-left:0px}}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.05)}
100%{transform:scale(1)}}
.home-about,.home-choose,.home-message,.home-news,.home-product{position:relative;padding:3% 0}
.home-des-box{display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.home-des-into{width:40px;height:15px;margin-right:10px;box-sizing:border-box;display:inline-block;border-top:2px solid var(--color);border-bottom:2px solid var(--color)}
.home-des{color:var(--color);font-size:var(--fontsize18);font-weight:var(--fontbold5);display:inline-block;text-transform:uppercase}
.home-title{font-size:var(--hometitlefont);font-weight:var(--fontbold5);color:var(--fontcolor);text-align:center;line-height:1.2;text-transform:capitalize}
.home-more{background-color:var(--color);color:var(--headercolor);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;min-width:150px;height:48px;position:relative;z-index:1;border-radius:var(--borderradius)}
.home-more::after{content:"";width:0%;height:100%;left:0px;top:0px;position:absolute;z-index:0;background-color:rgba(0,0,0,.1);transition:all .2s ease}
.home-more:hover::after{width:100%}
.home-more span{position:relative;z-index:10}
.home-about .l-wrap{display:flex;flex-wrap:wrap;align-items:center}
.home-about .about-img{width:54%;box-sizing:border-box;padding-left:40px;padding-bottom:40px;position:relative}
.home-about .about-img img{width:100%}
.home-about .about-img .img{border-radius:var(--borderradius);overflow:hidden;transition:all .2s ease}
.home-about .about-img .img-info{position:absolute;left:0px;bottom:0px;width:180px;height:180px;box-sizing:border-box;padding:20px;background-color:var(--color);display:flex;flex-direction:column;justify-content:center;color:var(--headercolor);line-height:1.4;border-radius:var(--borderradius);overflow:hidden;transition:all .2s ease}
.home-about .about-img .img-info::before{content:"";position:absolute;right:-90px;top:-90px;background-color:#FFFFFF;opacity:.1;width:200px;height:200px;border-radius:50%;z-index:1;animation:aboutposition1 2s linear infinite}
.home-about .about-img .img-info::after{content:"";position:absolute;right:-48px;top:-50px;background-color:#FFFFFF;opacity:.1;width:120px;height:140px;border-radius:50%;z-index:10;animation:aboutposition2 2s linear infinite}
.home-about .about-img .img-info .p1{font-size:46px;font-weight:var(--fontbold5)}
.home-about .about-img .img-info p{font-size:var(--fontsize18);text-transform:capitalize}
.home-about .about-img .about-play{width:80px;height:80px;border-radius:50%;background-color:#FFFFFF;display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;cursor:pointer;transition:all .2s ease}
.home-about .about-img .about-play em{font-size:var(--fontsize18);font-weight:var(--fontbold5);color:var(--color)}
.home-about .about-img .about-play::after{content:"";width:100px;height:100px;border:2px solid #FFFFFF;border-radius:50%;position:absolute;top:-12px;left:-12px;transition:all .2s ease}
.home-about .about-img:hover .img{transform:translate(-5px,5px)}
.home-about .about-info{width:46%;box-sizing:border-box;padding-left:40px}
.home-about .home-des-box{justify-content:left}
.home-about .home-title{text-align:left}
.home-about .about-text{margin:20px 0px}
.home-about .about-text p{color:var(--introcolor);font-size:var(--fontsize16)}
.home-about .about-adv li{display:flex;align-items:center;list-style:none;color:var(--fontcolor);font-size:var(--fontsize18)}
.home-about .about-adv em{color:var(--color);font-size:var(--fontsize20);margin-right:8px;margin-top:4px}
.home-about .home-more{margin-top:20px}
@keyframes aboutposition1{0%{right:-90px;top:-90px;opacity:.1}
50%{right:-80px;top:-80px;opacity:.2}
100%{right:-90px;top:-90px;opacity:.1}}
@keyframes aboutposition2{0%{right:-48px;top:-50px;opacity:.1}
50%{right:-38px;top:-40px;opacity:.2}
100%{right:-48px;top:-50px;opacity:.1}}
.home-choose{background-color:#DDDDDD}
.home-choose .choose-text{width:80%;text-align:center;margin:0px auto;margin-top:20px}
.home-choose .choose-text p{color:var(--introcolor);font-size:var(--fontsize16)}
.home-choose .choose-list{display:flex;justify-content:space-between;margin-top:3%}
.home-choose .choose-list .item{height:auto;width:32%;border:1px solid #DDDDDD;border-radius:var(--borderradius);overflow:hidden;position:relative;box-sizing:border-box;padding:30px;transition:all .2s ease}
.home-choose .choose-list .item .show-item{display:flex;flex-direction:column;align-items:center}
.home-choose .choose-list .item em{color:var(--color);font-size:48px;line-height:1.2;margin-bottom:10px}
.home-choose .choose-list .item .item-tit{color:var(--fontcolor);font-size:var(--fontsize24);font-weight:var(--fontbold5);text-transform:capitalize;text-align:center}
.home-choose .choose-list .item .item-text{margin:10px 0px}
.home-choose .choose-list .item .item-text p{color:var(--introcolor);font-size:var(--fontsize16);text-align:center}
.home-choose .choose-list .item .hover-item{background-color:var(--color);position:absolute;width:100%;height:100%;left:0px;top:0px;box-sizing:border-box;padding:40px;z-index:10;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;opacity:0}
.home-choose .choose-list .item .hover-item .item-tit{color:#FFFFFF}
.home-choose .choose-list .item .hover-item .item-text p{color:#FFFFFF}
.home-choose .choose-list .item .hover-item .read-more{background-color:#FFFFFF;color:var(--color);border-radius:var(--borderradius);width:110px;box-sizing:border-box;padding:6px 0px;display:inline-flex;align-items:center;justify-content:center}
.home-choose .choose-list .item:hover{transform:translateY(-10px);border-color:transparent}
.home-choose .choose-list .item:hover .hover-item{opacity:1}
.home-product .homepro{margin-top:3%}
.home-product .homepro-list{display:flex;flex-wrap:wrap}
.home-product .homepro-list .proitem{width:23%;border:1px solid #EEEEEE;border-radius:var(--borderradius);overflow:hidden;background-color:#FFFFFF;margin-right:2.6%;margin-bottom:2em;transition:all .2s ease;border-bottom:3px solid var(--color)}
.home-product .homepro-list .proitem:nth-child(4n){margin-right:0px}
.home-product .homepro-list .proitem:hover .item-img img{transform:scale(1.05)}
.home-product .homepro-list .proitem:hover .item-info .item-tit{color:var(--color)}
.home-product .homepro-list .proitem .item-img{width:100%;display:flex;overflow:hidden;box-sizing:border-box;position:relative}
.home-product .homepro-list .proitem .item-img img{width:100%;height:100%;object-fit:cover;transition:all .2s ease}
.home-product .homepro-list .proitem .item-img .icon-videoplay{position:absolute;left:50%;top:50%;color:#FFFFFF;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:1;font-size:var(--fontsize18);background-color:rgba(0,0,0,.5);transform:translate(-50%,-50%)}
.home-product .homepro-list .proitem .item-info{box-sizing:border-box;padding:20px;border-top:1px solid #EEEEEE}
.home-product .homepro-list .proitem .item-info .item-tit{font-size:var(--fontsize18);line-height:1.2;color:var(--fontcolor);font-weight:var(--fontbold5);transition:all .2s ease;text-transform:capitalize}
.home-product .homepro-list .proitem .item-info .text{color:var(--introcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:10px}
.home-product .homepro-list .proitem .more-btn{width:100%;display:flex;align-items:center;color:var(--introcolor);box-sizing:border-box;font-size:var(--fontsize16);transition:all .2s ease;position:relative;overflow:hidden;margin-top:4px}
.home-product .homepro-list .proitem:hover .more-btn{color:var(--color)}
.home-product .homepro-list .proitem .more-btn span{position:relative;z-index:10}
.home-product .homepro-list .proitem .more-btn em{transform:translateY(1px);margin-left:4px;display:inline-block}
.home-message{background-color:#DDDDDD;background-size:cover;background-repeat:no-repeat}
.home-message .l-wrap{display:flex;align-items:center;flex-wrap:wrap}
.home-message .homemessage-img{width:50%;border-radius:5px;overflow:hidden}
.home-message .homemessage-img:hover img{transform:scale(1.02)}
.home-message .homemessage-img img{width:100%;border-radius:var(--borderradius);transition:all .2s ease}
.home-message .homemessage-info{width:50%;box-sizing:border-box;padding-left:40px}
.home-message .home-title{text-align:left}
.home-message .homemessage-des{margin:15px 0px}
.home-message .homemessage-des p{font-size:var(--fontsize18);color:var(--introcolor)}
.home-news .news-top{display:flex;align-items:center;justify-content:space-between}
.home-news .home-des-box{justify-content:left}
.home-news .home-title{text-align:left}
.home-news .homenews-list{display:flex;flex-wrap:wrap;margin-top:4%}
.home-news .homenews-list .homenews-item{width:23%;margin-right:2.6%;position:relative}
.home-news .homenews-list .homenews-item:nth-child(4n){margin-right:0px}
.home-news .homenews-list .homenews-item:hover .homenews-img a img{transform:scale(1.02)}
.home-news .homenews-list .homenews-item:hover .homenews-text{box-shadow:0 1px 10px 0 rgba(16,1,0,.2);top:-30px}
.home-news .homenews-list .homenews-item:hover .homenews-text::before{opacity:1}
.home-news .homenews-list .homenews-item:hover .homenews-text .homenews-tit{color:var(--color)}
.home-news .homenews-list .homenews-item:hover .homenews-more{border-color:var(--color)}
.home-news .homenews-list .homenews-img{width:100%;max-height:300px;border-radius:var(--borderradius);overflow:hidden}
.home-news .homenews-list .homenews-img a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.home-news .homenews-list .homenews-img img{width:100%;height:100%;object-fit:cover;transition:all .2s ease}
.home-news .homenews-list .homenews-text{margin:0px 10px;position:relative;box-sizing:border-box;top:-20px;padding:15px;border-radius:0 5px 5px 5px;box-shadow:0 1px 10px 0 rgba(16,1,0,.1);transition:all .2s ease}
.home-news .homenews-list .homenews-text .homenews-info{position:relative;z-index:1}
.home-news .homenews-list .homenews-text::before{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:#FFFFFF;opacity:.8;border-radius:0 5px 5px 5px;z-index:0}
.home-news .homenews-list .homenews-text .homenews-date{text-transform:capitalize;position:absolute;background-color:var(--color);color:#FFFFFF;min-width:60px;height:50px;box-sizing:border-box;padding:6px;border-radius:5px 5px 0px 0px;top:-65px;left:-15px;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;overflow:hidden;line-height:1}
.home-news .homenews-list .homenews-text .homenews-date .span2{font-size:var(--fontsize20);font-weight:var(--fontbold5)}
.home-news .homenews-list .homenews-text .homenews-date::before{content:"";position:absolute;right:-20px;top:-20px;background-color:#FFFFFF;opacity:.1;width:50px;height:50px;border-radius:50%;z-index:1}
.home-news .homenews-list .homenews-text .homenews-date::after{content:"";position:absolute;right:-10px;top:-16px;background-color:#FFFFFF;opacity:.1;width:30px;height:40px;border-radius:50%;z-index:10}
.home-news .homenews-list .homenews-text .homenews-tit{color:var(--fontcolor);font-size:var(--fontsize18);font-weight:var(--fontbold5);transition:all .2s ease;text-transform:capitalize;line-height:1.4}
.home-news .homenews-list .homenews-text .homenews-des{margin-top:6px;transition:all .2s ease}
.home-news .homenews-list .homenews-text .homenews-des p{color:var(--introcolor);line-height:1.4}
.home-news .homenews-list .homenews-text .homenews-more{margin-top:10px;box-sizing:border-box;transition:all .2s ease;border-top:1px solid #EEEEEE}
.home-news .homenews-list .homenews-text .morebtn{display:inline-flex;margin-top:10px;color:var(--color)}
.home-news .homenews-list .homenews-text .morebtn em{transform:translateY(2px);margin-left:4px}
.home-choose .choose-container{display:flex;justify-content:space-between;margin-top:3%}
.home-choose .choose-container .item{height:auto;width:32%;border:1px solid #DDDDDD;border-radius:var(--borderradius);overflow:hidden;position:relative;box-sizing:border-box;padding:30px;transition:all .2s ease}
.home-choose .choose-container .item .show-item{display:flex;flex-direction:column;align-items:center}
.home-choose .choose-container .item em{color:var(--color);font-size:48px;line-height:1.2;margin-bottom:10px}
.home-choose .choose-container .item .item-tit{color:var(--fontcolor);font-size:var(--fontsize24);font-weight:var(--fontbold5);text-transform:capitalize;text-align:center}
.home-choose .choose-container .item .item-text{margin:10px 0px}
.home-choose .choose-container .item .item-text p{color:var(--introcolor);font-size:var(--fontsize16);text-align:center}
.home-choose .choose-container .item:hover{transform:translateY(-10px);background:var(--color);color:#FFF}
.home-choose .choose-container .item:hover em{color:#FFF;}
.home-choose .choose-container .item:hover .item-tit{color:#FFF;}
.home-choose .choose-container .item:hover .item-text p{color:#FFF;}
@media(max-width:1440px){.home-about .about-img .img-info{width:160px;height:160px;padding:15px}
.home-about .about-img .img-info .p1{font-size:48px}}
@media(max-width:1024px){.home-about,.home-choose,.home-message,.home-news,.home-product{padding:50px 0px}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{display:none}
.home-banner .banner-animote .p1{font-size:40px}
.home-banner .banner-animote .p2{font-size:var(--fontsize20)}
.home-banner .banner-animote{padding:0px 20px}
.home-about .about-img{padding-left:20px;padding-bottom:20px}}
@media(max-width:768px){.home-about,.home-choose,.home-message,.home-news,.home-product{padding:30px 0px}
.home-des-box{margin-bottom:10px}
.home-des{font-size:var(--fontsize16)}
.home-des-into{width:30px;height:12px}
.home-banner .banner-animote .p1{font-size:var(--fontsize22);margin-bottom:0px}
.home-banner .banner-animote .p2{font-size:var(--fontsize18)}
.home-banner .pcimg{display:none}
.home-banner .mobimg{display:block;height:260px}
.home-about{background-repeat:no-repeat;background-size:cover}
.home-about .about-img{width:100%}
.home-about .about-img .img-info .p1{font-size:36px}
.home-about .about-img .about-play{width:60px;height:60px}
.home-about .about-img .about-play::after{width:80px;height:80px}
.home-about .about-info{width:100%;padding-left:0px;margin-top:2em}
.home-about .about-text{margin:15px 0px}
.home-about .home-more{min-width:120px;height:40px;margin-top:15px}
.home-choose .swiper{padding-bottom:40px}
.home-choose .swiper-pagination{bottom:10px}
.home-choose .choose-text{width:100%}
.home-choose .choose-list .item{padding:20px}
.home-choose .choose-list .item .hover-item{padding:20px}
.home-choose .choose-container .item{padding:20px}
.home-choose .choose-container .item .hover-item{padding:20px}
.home-product .swiper{padding-bottom:40px}
.home-product .swiper-pagination{bottom:10px}
.home-product .homepro-list{flex-wrap:nowrap}
.home-product .homepro-list .proitem{margin-bottom:0px}
.home-message .homemessage-img{width:100%}
.home-message .homemessage-info{width:100%;padding-left:0px;margin-top:2em}
.home-news .homenews-list{justify-content:space-between}
.home-news .homenews-list .homenews-item{width:48%;margin-right:0px;margin-bottom:2em}}
@media(max-width:500px){.home-about .about-img{padding-left:10px;padding-bottom:10px}
.home-about .about-img .img-info{width:140px;height:140px;padding:10px}
.home-about .about-img .img-info .p1{font-size:var(--fontsize24)}
.home-about .about-img .img-info p{font-size:var(--fontsize14)}
.home-about .about-img .about-play{width:40px;height:40px}
.home-about .about-img .about-play::after{width:60px;height:60px}
.home-choose .choose-list .item .item-tit{font-size:var(--fontsize20)}
.home-choose .choose-container .item .item-tit{font-size:var(--fontsize20)}
.home-product .homepro-list .proitem .item-info{padding:10px}
.home-news .news-top .right{display:none}
.home-news .homenews-list .homenews-text{margin:0px;top:0px;padding:10px;border-radius:0 0 5px 5px}
.home-news .homenews-list .homenews-text .homenews-date{top:-60px;left:-10px}}

.container {
  width: 1440px;
  margin: 0 auto;
}

.image-wrap {
  overflow: hidden;
}

@media (max-width: 768px) {
  .l-wrap,
  .container {
    width: 100%;
    max-width: none;
    padding: 0 20px;
  }
}

@media (min-width: 769px) and (max-width: 1919px) {
  .l-wrap,
  .container {
    width: 100%;
    max-width: none;
    padding: 0 40px;
  }
}

.hero {
  position: relative;
  height: 800px;
  overflow: hidden;
  background: #1B3B61;
}

.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(27,59,97,0.3) 0%, rgba(27,59,97,0) 50%, rgba(27,59,97,0.48) 100%);
}

.hero-image {
  position: absolute;
  inset: 0;
  width: 1920px;
  height: 800px;
  z-index: 0;
}

.hero-title {
  position: absolute;
  left: 240px;
  top: 24px;
  z-index: 2;
  width: 1440px;
  height: 110px;
  color: #FFFFFF;
  font-family: Impact, "Arial Narrow", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 92px;
  font-weight: 400;
  line-height: 110px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  transform: scaleX(0.91);
  transform-origin: center top;
}

.hero-stats {
  position: absolute;
  left: 240px;
  top: 662px;
  z-index: 2;
  width: 1440px;
  height: 86px;
  margin: 0;
}

.hero-stat {
  position: absolute;
  top: 0;
  height: 86px;
  color: #FFFFFF;
}

.hero-stats dd {
  margin: 0;
}

.hero-stat:nth-child(1) { left: 0; width: 162px; }
.hero-stat:nth-child(2) { left: 217.6px; width: 193px; }
.hero-stat:nth-child(3) { left: 466.2px; width: 203px; }
.hero-stat:nth-child(4) { left: 724.8px; width: 203px; }
.hero-stat:nth-child(5) { left: 983.4px; width: 190px; }
.hero-stat:nth-child(6) { left: 1229px; width: 211px; }

.hero-value-row {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: flex-end;
  height: 50px;
}

.hero-number {
  color: #FFFFFF;
  font-size: 62px;
  font-weight: 900;
  line-height: 50px;
}

.hero-unit {
  margin-left: 4px;
  padding-bottom: 0;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.hero-label {
  position: absolute;
  left: 0;
  top: 58px;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  white-space: nowrap;
}

@media (max-width: 1919px) {
  .hero {
    height: 680px;
  }

  .hero-image {
    width: 100%;
    height: 100%;
  }

  .hero-title {
    left: 40px;
    right: 40px;
    top: 34px;
    width: auto;
    height: auto;
    font-size: 64px;
    line-height: 74px;
    white-space: normal;
    transform: none;
  }

  .hero-stats {
    left: 40px;
    right: 40px;
    top: auto;
    bottom: 42px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px 28px;
    width: auto;
    height: auto;
  }

  .hero-stat,
  .hero-stat:nth-child(1),
  .hero-stat:nth-child(2),
  .hero-stat:nth-child(3),
  .hero-stat:nth-child(4),
  .hero-stat:nth-child(5),
  .hero-stat:nth-child(6) {
    position: static;
    width: auto;
    height: auto;
  }

  .hero-value-row {
    position: static;
    height: auto;
  }

  .hero-number {
    font-size: 44px;
    line-height: 46px;
  }

  .hero-unit {
    font-size: 15px;
    line-height: 22px;
  }

  .hero-label {
    position: static;
    margin-top: 4px;
    font-size: 15px;
    line-height: 22px;
    white-space: normal;
  }
}

@media (max-width: 768px) {
  .hero {
    height: 640px;
  }

  .hero-image {
    width: 100%;
    height: 100%;
  }

  .hero-image img {
    object-position: center center;
  }

  .hero-title {
    left: 20px;
    right: 20px;
    top: 34px;
    width: auto;
    height: auto;
    font-size: 40px;
    line-height: 48px;
    white-space: normal;
    transform: none;
  }

  .hero-stats {
    left: 20px;
    right: 20px;
    top: auto;
    bottom: 28px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 14px;
    width: auto;
    height: auto;
  }

  .hero-stat,
  .hero-stat:nth-child(1),
  .hero-stat:nth-child(2),
  .hero-stat:nth-child(3),
  .hero-stat:nth-child(4),
  .hero-stat:nth-child(5),
  .hero-stat:nth-child(6) {
    position: static;
    width: auto;
    height: auto;
  }

  .hero-value-row {
    position: static;
    height: auto;
  }

  .hero-number {
    font-size: 34px;
    line-height: 36px;
  }

  .hero-unit {
    font-size: 13px;
    line-height: 18px;
  }

  .hero-label {
    position: static;
    margin-top: 4px;
    font-size: 13px;
    line-height: 18px;
    white-space: normal;
  }
}

.products {
  padding-top: 120px;
  background: #FFFFFF;
}

.section-title {
  color: #0F172A;
  font-size: 42px;
  font-weight: 700;
  line-height: 47px;
  text-align: center;
}

.section-subtitle {
  margin-top: 12px;
  color: #64748B;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: center;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(3, 460px);
  gap: 30px;
  width: 1440px;
  height: 790px;
  margin: 34px auto 0;
}

.product-card {
  position: relative;
  overflow: hidden;
  background: #344050;
}

.product-card .image-wrap {
  aspect-ratio: 460 / 380;
}

.product-card .image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 153px;
  background: linear-gradient(180deg, rgba(52,64,80,0.1) 0%, rgba(52,64,80,1) 100%);
  pointer-events: none;
}

.product-copy {
  position: absolute;
  left: 32px;
  right: 32px;
  bottom: 32px;
  z-index: 1;
  color: #FFFFFF;
}

.product-copy h3 {
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 700;
  line-height: 25px;
}

.product-copy p {
  margin-top: 16px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1919px) {
  .products {
    padding-top: 88px;
  }

  .product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
    height: auto;
  }

  .product-copy {
    left: 24px;
    right: 24px;
    bottom: 24px;
  }

  .product-copy h3 {
    font-size: 20px;
    line-height: 24px;
  }

  .product-copy p {
    font-size: 14px;
    line-height: 21px;
  }
}

@media (max-width: 1024px) {
  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .products {
    padding-top: 48px;
    padding-bottom: 48px;
    background-color: #F5F8FC;
  }

  .section-title {
    font-size: 28px;
    line-height: 34px;
    text-align: left;
  }

  .section-subtitle {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
  }

  .product-grid {
    gap: 6px;
    margin-top: 24px;
  }

  .product-card::after {
    height: 130px;
  }

  .product-copy {
    left: 12px;
    right: 12px;
    bottom: 12px;
  }

  .product-copy h3 {
    font-size: 20px;
    line-height: 24px;
  }

  .product-copy p {
    margin-top: 8px;
    font-size: 14px;
    line-height: 21px;
    -webkit-line-clamp: 1;
  }
}

.quote-section {
  padding: 120px 0;
  background: #FFFFFF;
}

.quote-row {
  display: flex;
  gap: 32px;
  height: 374px;
}

.quote-info-card {
  width: 960px;
  height: 374px;
  padding: 60px 40px;
  border-radius: 16px;
  background: #EBF2FA;
}

.quote-info-title {
  color: #0F172A;
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
}

.checklist {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 40px;
}

.checklist-row {
  display: flex;
  gap: 20px;
  height: 42px;
}

.checklist-chip {
  display: flex;
  align-items: center;
  height: 42px;
  padding: 0 16px;
  border-radius: 20px 0 20px 0;
  background: #FFFFFF;
  color: #334155;
  font-size: 20px;
  font-weight: 400;
  line-height: 18px;
  white-space: nowrap;
}

.checklist-chip::before {
  content: "";
  width: 6px;
  height: 6px;
  margin-right: 8px;
  background: #0EA5E9;
  border-radius: 50%;
  flex: 0 0 6px;
}

.contact-card {
  width: 448px;
  height: 374px;
  padding: 60px 40px;
  border-radius: 18px;
  background: #3E6B94;
  color: #FFFFFF;
}

.contact-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: 120px;
}

.contact-card-title {
  width: 320px;
  color: #FFFFFF;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
}

.contact-card-title.mobile {
  display: none;
}

.quote-arrow {
  width: 48px;
  height: 48px;
  margin-top: 36px;
  flex: 0 0 48px;
}

.contact-lines {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 62px;
}

.contact-line {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}

.line-icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  flex: 0 0 20px;
}

.line-icon img {
  object-fit: contain;
}

.quote-section .send-btn {
  cursor: pointer;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  height: 50px;
  margin: 20px auto;
  transition-property: color;
  transition-duration: .5s;
  display: flex;
  position: relative;
}

@media (max-width: 768px) {
  .quote-section {
    padding: 48px 0;
  }

  .quote-row {
    flex-direction: column;
    gap: 24px;
    height: auto;
  }

  .quote-info-card {
    width: 100%;
    height: auto;
    padding: 0;
    background: none;
  }

  .quote-info-title {
    font-size: 26px;
    line-height: 32px;
    text-align: left;
  }

  .checklist {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 24px;
  }

  .checklist-row {
    display: contents;
  }

  .checklist-chip {
    min-width: 0;
    min-height: 34px;
    height: auto;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 16px 0px 16px 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: #EBF2FA;
  }

  .checklist-chip::before {
    width: 8px;
    height: 8px;
    background: #061B34;
    flex: 0 0 8px;
  }

  .contact-card {
    width: 100%;
    height: auto;
    padding: 16px;
    padding-bottom: 24px;
    border-radius: 8px;
  }

  .contact-card-head {
    height: auto;
  }

  .contact-card-title {
    display: none;
    width: auto;
    font-size: 20px;
    line-height: 25px;
  }

  .contact-card-title.mobile {
    display: block;
  }

  .quote-arrow {
    width: 23px;
    height: 23px;
    margin-top: 0;
    flex-basis: 23px;
  }

  .contact-lines {
    gap: 12px;
    margin-top: 12px;
  }

  .contact-line {
    font-size: 13px;
    line-height: 18px;
  }
}

@media (min-width: 769px) and (max-width: 1919px) {
  .quote-section {
    padding: 88px 0;
  }

  .quote-row {
    gap: 24px;
    height: auto;
  }

  .quote-info-card {
    width: auto;
    flex: 1 1 0;
    height: auto;
    min-height: 320px;
    padding: 42px 32px;
  }

  .contact-card {
    width: 360px;
    height: auto;
    min-height: 320px;
    padding: 42px 32px;
  }

  .quote-info-title {
    font-size: 38px;
    line-height: 44px;
  }

  .checklist {
    margin-top: 30px;
  }

  .checklist-row {
    flex-wrap: wrap;
    height: auto;
  }

  .checklist-chip {
    height: 38px;
    font-size: 16px;
    line-height: 20px;
  }

  .contact-card-head {
    height: auto;
  }

  .contact-card-title {
    width: auto;
    font-size: 34px;
    line-height: 48px;
  }

  .contact-lines {
    gap: 24px;
    margin-top: 42px;
  }

  .contact-line {
    font-size: 17px;
    line-height: 22px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .quote-row {
    flex-direction: column;
  }

  .quote-info-card,
  .contact-card {
    width: 100%;
  }
}

.proof {
  padding: 120px 0;
  background: #344050;
}

.proof-layout {
  display: flex;
  gap: 110px;
  height: 600px;
}

.proof-visual-title {
  display: none;
}

.proof-visual {
  position: relative;
  width: 590px;
  height: 600px;
  flex: 0 0 590px;
  overflow: hidden;
}

.proof-swiper {
  width: 590px;
  height: 600px;
  overflow: hidden;
}

.proof-swiper .swiper-wrapper {
  display: flex;
  height: 600px;
}

.proof-slide {
  width: 590px;
  height: 600px;
  flex-shrink: 0;
  margin: 0;
}

.proof-photo {
  aspect-ratio: 590 / 530;
  border-radius: 12px 12px 0 0;
}

.proof-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.proof-nav {
  position: absolute;
  top: 268px;
  width: 44px;
  height: 70px;
  border: 0;
  background: transparent;
  color: #FFFFFF;
  cursor: pointer;
  z-index: 5;
}

.proof-nav::before {
  content: "";
  position: absolute;
  top: 18px;
  width: 28px;
  height: 28px;
  border-top: 7px solid #FFFFFF;
  border-left: 7px solid #FFFFFF;
}

.proof-nav.prev {
  left: 24px;
}

.proof-nav.prev::before {
  left: 8px;
  transform: rotate(-45deg);
}

.proof-nav.next {
  right: 24px;
}

.proof-nav.next::before {
  right: 8px;
  transform: rotate(135deg);
}

.proof-dots {
  position: absolute;
  left: 0;
  right: 0;
  top: 501px;
  display: flex;
  justify-content: center;
  gap: 14px;
  z-index: 5;
}

.proof-dots span {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #FFFFFF;
  opacity: 1;
}

.proof-dots .swiper-pagination-bullet-active {
  background: #0EA5E9;
  box-shadow: 0 0 0 2px #FFFFFF;
}

.proof-caption {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 12px;
  padding: 12px 24px;
  border-radius: 0 0 8px 8px;
  background: rgba(255,255,255,0.15);
  color: #DDE7F0;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.proof-caption-title {
  display: none;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 8px;
}

.proof-content {
  width: 740px;
  padding-top: 12px;
}

.proof-title {
  color: #FFFFFF;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
}

.proof-intro {
  margin-top: 30px;
  color: #DDE7F0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.proof-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 30px;
}

.proof-item {
  display: flex;
  align-items: center;
  padding: 11px 20px;
  border-radius: 12px;
  background: rgba(255,255,255,0.08);
  cursor: pointer;
}

.proof-item.active {
  background: #0EA5E9;
}

.proof-icon {
  width: 36px;
  height: 36px;
  margin-right: 20px;
  flex: 0 0 36px;
}

.proof-copy h3 {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.proof-copy p {
  margin-top: 4px;
  color: #BBD1E8;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.proof-item.active .proof-copy p {
  color: #E8F7FF;
}

@media (max-width: 768px) {
  .proof {
    padding: 48px 0;
  }

  .proof-layout {
    flex-direction: column;
    gap: 24px;
    height: auto;
  }

  .proof-visual-title {
    display: block;
  }

  .proof-visual,
  .proof-swiper {
    width: 100%;
    height: auto;
    flex-basis: auto;
  }

  .proof-swiper .swiper-wrapper,
  .proof-slide {
    height: auto;
  }

  .proof-photo {
    aspect-ratio: 358 / 216;
  }

  .proof-nav {
    display: none;
  }

  .proof-dots {
    top: calc(((100vw - 40px) * 0.6034) - 29px);
    bottom: auto;
    gap: 10px;
  }

  .proof-caption {
    margin-top: 24px;
    padding: 14px 16px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 8px;
    background-color: #0B2645;
    border: 1px solid #385C80;
  }

  .proof-caption-title {
    display: block;
  }

  .proof-content {
    display: none;
    width: 100%;
    padding-top: 0;
  }

  .proof-title {
    font-size: 26px;
    line-height: 32px;
    text-align: left;
  }

  .proof-intro {
    margin-top: 12px;
    font-size: 14px;
    line-height: 21px;
    text-align: left;
  }

  .proof-list {
    gap: 10px;
    margin-top: 24px;
  }

  .proof-item {
    align-items: flex-start;
    min-height: 88px;
    padding: 14px;
    border-radius: 10px;
  }

  .proof-icon {
    margin-right: 14px;
  }
}

@media (min-width: 769px) and (max-width: 1919px) {
  .proof {
    padding: 88px 0;
  }

  .proof-layout {
    flex-direction: column;
    gap: 44px;
    height: auto;
  }

  .proof-visual,
  .proof-swiper {
    width: 100%;
    height: auto;
    flex-basis: auto;
  }

  .proof-swiper .swiper-wrapper,
  .proof-slide {
    height: auto;
  }

  .proof-photo {
    width: 100%;
    height: auto;
    aspect-ratio: 590 / 530;
  }

  .proof-nav {
    top: 250px;
  }

  .proof-dots {
    top: calc(((100vw - 80px) * 0.8983) - 29px);
    bottom: auto;
  }

  .proof-caption {
    padding: 14px 24px;
  }

  .proof-content {
    width: 100%;
    padding-top: 0;
  }

  .proof-title {
    font-size: 36px;
    line-height: 48px;
  }

  .proof-intro {
    margin-top: 22px;
  }

  .proof-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .proof-item {
    align-items: flex-start;
  }
}

@media (min-width: 1200px) and (max-width: 1919px) {
  .proof-layout {
    flex-direction: row;
    gap: 60px;
  }

  .proof-visual,
  .proof-swiper {
    width: 540px;
    flex: 0 0 540px;
  }

  .proof-nav {
    top: 243px;
  }

  .proof-dots {
    top: 456px;
  }

  .proof-content {
    flex: 1 1 auto;
  }

  .proof-title {
    font-size: 34px;
    line-height: 46px;
  }

  .proof-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}

.faq {
  padding: 120px 0;
  background: #FFFFFF;
}

.faq-layout {
  display: flex;
  justify-content: center;
  gap: 40px;
  height: 452px;
}

.faq-column {
  width: 652px;
}

.guides-column {
  width: 748px;
}

.column-title {
  color: #0F172A;
  font-size: 32px;
  font-weight: 700;
  line-height: 32px;
}

.faq-cards {
  display: flex;
  gap: 12px;
  width: 652px;
  height: 400px;
  margin-top: 20px;
}

.faq-mobile-cards {
  display: none;
}

.faq-main-card,
.faq-mini-card {
  position: relative;
  overflow: hidden;
  color: #FFFFFF;
}

.faq-main-card {
  width: 400px;
  height: 400px;
  border-radius: 16px;
}

.faq-main-card .image-wrap {
  aspect-ratio: 1 / 1;
}

.faq-main-card .image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.faq-side-cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 240px;
  height: 400px;
}

.faq-mini-card {
  border-radius: 12px;
}

.faq-mini-card .image-wrap {
  aspect-ratio: 240 / 194;
}

.faq-mini-card .image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.faq-main-card::after,
.faq-mini-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10,24,37,0) 0%, rgba(10,24,37,0.6) 100%);
  pointer-events: none;
}

.faq-mini-card::after {
  background: rgba(10,24,37,0.6);
}

.faq-main-copy {
  position: absolute;
  left: 20px;
  bottom: 16px;
  z-index: 1;
  width: 360px;
}

.faq-badge {
  display: flex;
  align-items: center;
  height: 18px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.faq-badge-icon {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  margin-right: 8px;
}

.faq-badge-icon img,
.faq-mini-icon img {
  object-fit: contain;
}

.faq-main-copy h3 {
  margin-top: 8px;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 600;
  line-height: 25px;
}

.faq-main-copy p {
  margin-top: 8px;
  color: #DDE7F0;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.faq-mini-copy {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  color: #FFFFFF;
  text-align: center;
}

.faq-mini-icon {
  display: block;
  width: 28px;
  height: 28px;
  margin: 0 auto 12px;
}

.faq-mini-copy h3 {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}

.faq-mini-copy p {
  width: 120px;
  margin: 6px auto 0;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.guide-row {
  display: flex;
  gap: 12px;
  margin-top: 20px;
}

.guide-card {
  width: 368px;
  height: 400px;
  overflow: hidden;
  border: 1px solid #E2E8F0;
  border-radius: 16px;
  background: #F2F6FB;
}

.guide-image {
  aspect-ratio: 368 / 248;
}

.guide-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.guide-copy {
  padding: 20px 24px 0;
}

.guide-copy h3 {
  color: #0F172A;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}

.guide-copy p {
  margin-top: 12px;
  color: #64748B;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
}

@media (max-width: 768px) {
  .faq {
    height: auto;
    padding: 48px 0;
  }

  .faq-layout {
    flex-direction: column;
    gap: 24px;
    height: auto;
  }

  .faq-column,
  .guides-column {
    width: 100%;
  }

  .column-title {
    font-size: 22px;
    line-height: 29px;
  }

  .faq-cards {
    display: none;
  }

  .faq-mobile-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
    margin-top: 12px;
  }

  .faq-mobile-card {
    position: relative;
    aspect-ratio: 176 / 160;
    overflow: hidden;
    border-radius: 12px;
    color: #FFFFFF;
  }

  .faq-mobile-card > .image-wrap,
  .faq-mobile-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .faq-mobile-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(10,24,37,0.6);
    pointer-events: none;
  }

  .faq-mobile-copy {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 12px;
    text-align: center;
  }

  .faq-mobile-icon {
    width: 24px;
    height: 24px;
    margin-bottom: 10px;
    flex: 0 0 24px;
  }

  .faq-mobile-copy h3 {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
  }

  .faq-mobile-copy p {
    width: 100%;
    max-width: 152px;
    margin: 12px auto 0;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
  }

  .faq-main-card {
    width: 100%;
    height: 320px;
  }

  .faq-side-cards {
    flex-direction: row;
    width: 100%;
    height: auto;
  }

  .faq-mini-card {
    width: 50%;
    height: 170px;
  }

  .faq-main-copy {
    left: 18px;
    right: 18px;
    bottom: 18px;
    width: auto;
  }

  .faq-main-copy h3 {
    font-size: 20px;
    line-height: 24px;
  }

  .faq-mini-copy p {
    width: auto;
    padding: 0 14px;
  }

  .guide-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: calc(100% + 8px);
    margin: 12px -4px 0;
  }

  .guide-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    border-color: #E0E6EF;
    border-radius: 0;
  }

  .guide-copy {
    flex: 1 1 auto;
    padding: 20px 16px;
  }

  .guide-card:nth-child(2) {
    flex-direction: column-reverse;
  }

  .guide-card:nth-child(2) .guide-copy {
    padding-top: 20px;
  }

  .guide-image {
    aspect-ratio: 175 / 160;
  }

  .guide-copy h3 {
    font-size: 16px;
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .guide-copy p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    margin-top: 8px;
    font-size: 12px;
    line-height: 17px;
  }
}

@media (min-width: 769px) and (max-width: 1199px) {
  .faq {
    height: auto;
    padding: 88px 0;
  }

  .faq-layout {
    flex-direction: column;
    gap: 40px;
    height: auto;
  }

  .faq-column,
  .guides-column {
    width: 100%;
  }

  .faq-cards {
    display: grid;
    grid-template-columns: minmax(0, 1.62fr) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    align-items: stretch;
    gap: 16px;
    width: 100%;
    height: clamp(400px, 54.5vw, 560px);
  }

  .faq-main-card {
    width: auto;
    height: auto;
  }

  .faq-side-cards {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: 100%;
    gap: 16px;
  }

  .faq-main-copy {
    width: auto;
    right: 20px;
  }

  .guide-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .guide-card {
    width: 100%;
    height: auto;
  }

  .guide-copy {
    padding-bottom: 24px;
  }
}

@media (min-width: 1200px) and (max-width: 1919px) {
  .faq {
    height: auto;
    padding: 88px 0;
  }

  .faq-layout {
    align-items: stretch;
    gap: clamp(24px, 2.6vw, 40px);
    height: auto;
  }

  .faq-column {
    width: auto;
    max-width: 652px;
    flex: 0 1 46%;
    display: flex;
    flex-direction: column;
  }

  .guides-column {
    width: auto;
    max-width: 748px;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
  }

  .faq-cards {
    width: 100%;
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
  }

  .faq-main-card {
    width: calc(61.35% - 6px);
    height: 100%;
    aspect-ratio: auto;
  }

  .faq-main-card .image-wrap,
  .faq-mini-card .image-wrap {
    height: 100%;
    aspect-ratio: auto;
  }

  .faq-side-cards {
    width: calc(38.65% - 6px);
    height: 100%;
  }

  .faq-mini-card {
    flex: 1 1 0;
  }

  .faq-main-copy {
    width: auto;
    right: 20px;
  }

  .faq-main-copy h3 {
    font-size: clamp(20px, 1.6vw, 22px);
    line-height: 1.16;
  }

  .guide-row {
    flex: 1 1 auto;
    align-items: stretch;
    gap: clamp(12px, 1.7vw, 24px);
    min-height: 0;
  }

  .guide-card {
    width: calc(50% - clamp(6px, 0.85vw, 12px));
    height: auto;
    display: flex;
    flex-direction: column;
  }

  .guide-image {
    flex: 0 0 auto;
  }

  .guide-copy {
    flex: 1 1 auto;
    padding: 20px clamp(18px, 1.7vw, 24px) 24px;
  }
}

.success {
  background: #FFFFFF;
}

.success-subtitle {
  width: 760px;
  margin: 12px auto 0;
  color: #64748B;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: center;
}

.case-grid {
  display: grid;
  grid-template-columns: repeat(4, 333px);
  gap: 48px 36px;
  margin-top: 48px;
}

.case-card {
  height: 386px;
  padding: 24px;
  overflow: hidden;
  border: 1px solid #E2E8F0;
  border-radius: 16px;
  background: #FFFFFF;
  box-shadow: 0 12px 26px -18px rgba(15,23,42,0.05);
}

.case-image {
  aspect-ratio: 285 / 200;
  border-radius: 2px;
}

.case-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case-card h3 {
  margin-top: 16px;
  color: #0F172A;
  font-size: 19px;
  font-weight: 500;
  line-height: 22px;
}

.case-card p {
  margin-top: 12px;
  height: 66px;
  overflow: hidden;
  color: #6B7480;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

@media (max-width: 768px) {
  .success {
    height: auto;
    padding-top: 0;
    padding-bottom: 48px;
  }

  .success .container {
    padding-right: 16px;
    padding-left: 16px;
  }

  .success .section-title {
    font-size: 26px;
    line-height: 32px;
    text-align: left;
  }

  .success-subtitle {
    width: 100%;
    margin-top: 12px;
    font-size: 14px;
    line-height: 21px;
    text-align: left;
  }

  .case-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
  }

  .case-card {
    position: relative;
    height: auto;
    padding: 16px 74px 16px 24px;
    overflow: hidden;
    border: 1px solid #E0E6EF;
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: none;
    cursor: pointer;
    transition:
      max-height 0.36s ease,
      padding 0.36s ease,
      border-color 0.36s ease,
      background-color 0.36s ease;
  }

  .case-card:nth-child(n+4) {
    display: none;
  }

  .case-card::before,
  .case-card::after {
    content: "";
    position: absolute;
    right: 24px;
    top: 50%;
    z-index: 1;
    background: #64748B;
    transform: translateY(-50%);
    transition:
      right 0.36s ease,
      top 0.36s ease,
      bottom 0.36s ease,
      background-color 0.36s ease,
      opacity 0.24s ease,
      transform 0.36s ease;
  }

  .case-card::before {
    width: 26px;
    height: 4px;
  }

  .case-card::after {
    right: 35px;
    width: 4px;
    height: 26px;
  }

  .case-card.is-active,
  .case-grid:not(.is-interactive) .case-card:first-child {
    padding: 0 0 16px;
    border: 2px solid #3E6B94;
    background: #3E6B94;
  }

  .case-card.is-active::before,
  .case-grid:not(.is-interactive) .case-card:first-child::before {
    top: auto;
    bottom: 36px;
    background: #FFFFFF;
    transform: none;
  }

  .case-card.is-active::after,
  .case-grid:not(.is-interactive) .case-card:first-child::after {
    opacity: 0;
    transform: translateY(-50%) rotate(90deg);
  }

  .case-image {
    display: block;
    height: 0;
    opacity: 0;
    transform: translateY(-8px);
    transition:
      max-height 0.36s ease,
      opacity 0.28s ease,
      transform 0.36s ease;
  }

  .case-card.is-active .case-image,
  .case-grid:not(.is-interactive) .case-card:first-child .case-image {
    width: calc(100% + 4px);
    height: auto;
    margin: -2px -2px 0;
    opacity: 1;
    transform: translateY(0);
    aspect-ratio: 358 / 260;
    border-radius: 0;
  }

  .case-card h3 {
    margin-top: 0;
    overflow: hidden;
    color: #0F172A;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition:
      margin 0.36s ease,
      color 0.36s ease;
  }

  .case-card p {
    height: 17px;
    margin-top: 8px;
    overflow: hidden;
    color: #64748B;
    font-size: 12px;
    line-height: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition:
      height 0.36s ease,
      margin 0.36s ease,
      color 0.36s ease,
      line-height 0.36s ease;
  }

  .case-card.is-active h3,
  .case-grid:not(.is-interactive) .case-card:first-child h3 {
    margin: 16px 74px 0 24px;
    color: #FFFFFF;
  }

  .case-card.is-active p,
  .case-grid:not(.is-interactive) .case-card:first-child p {
    height: 16px;
    margin: 8px 74px 0 24px;
    color: #FFFFFF;
    line-height: 16px;
  }
}

@media (min-width: 769px) and (max-width: 1919px) {
  .success {
    height: auto;
    padding: 88px 0;
  }

  .success-subtitle {
    width: min(760px, 100%);
  }

  .case-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
  }

  .case-card {
    height: auto;
  }

  .case-card p {
    height: auto;
  }
}

.news {
  padding-top: 120px;
  padding-bottom: 120px;
  background: #FFFFFF;
}

.news-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.news-title {
  color: #202A38;
  font-size: 42px;
  font-weight: 700;
  line-height: 42px;
}

.news-summary {
  width: 347px;
  color: #6B7480;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.news-content {
  display: flex;
  gap: 42px;
  margin-top: 40px;
}

.main-news-card {
  width: 650px;
  height: 416px;
  overflow: hidden;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  background: #FFFFFF;
}

.main-news-image {
  position: relative;
  aspect-ratio: 650 / 340;
}

.main-news-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-news-image::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 92px;
  background: linear-gradient(180deg, rgba(10,24,37,0) 0%, rgba(10,24,37,0.6) 100%);
  pointer-events: none;
}

.main-news-title {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 1;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.main-news-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  color: #202A38;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.main-news-footer p {
  flex: 1;
  margin-right: 46px;
}

.news-arrow {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.news-list {
  width: 748px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.news-item {
  display: flex;
  padding: 12px 18px;
  overflow: hidden;
  border: 1px solid #E2E8F0;
  background: #FFFFFF;
}

.news-item:first-child {
  border-radius: 12px 12px 0 0;
}

.news-item:last-child {
  border-radius: 0 0 12px 12px;
}

.news-thumb {
  aspect-ratio: 160 / 106;
  border-radius: 2px;
  flex: 0 0 160px;
}

.news-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-item-copy {
  margin-left: 18px;
}

.news-item-copy h3 {
  color: #202A38;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}

.news-item-copy p {
  margin-top: 12px;
  color: #6B7480;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

@media (max-width: 768px) {
  .news {
    padding: 48px 0;
    background: #F5F8FC;
  }

  .news .container {
    padding-right: 16px;
    padding-left: 16px;
  }

  .news-head {
    flex-direction: column;
    gap: 12px;
  }

  .news-title {
    color: #0F172A;
    font-size: 26px;
    line-height: 32px;
  }

  .news-summary {
    width: 100%;
    color: #64748B;
    font-size: 14px;
    line-height: 21px;
  }

  .news-content {
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
  }

  .main-news-card {
    width: 100%;
    height: auto;
    border-color: #E0E6EF;
    border-radius: 8px;
  }

  .main-news-image {
    display: flex;
    flex-direction: column;
    height: auto;
    overflow: visible;
    border-radius: 0;
  }

  .main-news-image::after {
    display: none;
  }

  .main-news-title {
    position: static;
    margin: 16px 16px 0;
    color: #0F172A;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    -webkit-line-clamp: 2;
  }

  .main-news-footer {
    display: block;
    height: auto;
    min-height: 0;
    padding: 8px 16px 14px;
    color: #64748B;
    font-size: 12px;
    line-height: 17px;
  }

  .main-news-footer p {
    margin-right: 0;
    color: #64748B;
    -webkit-line-clamp: 2;
  }

  .main-news-footer .news-arrow {
    display: none;
  }

  .news-list {
    width: 100%;
    gap: 12px;
  }

  .news-item {
    height: 100px;
    padding: 0;
    border-color: #E0E6EF;
    border-radius: 8px;
  }

  .news-item:first-child,
  .news-item:last-child {
    border-radius: 0;
  }

  .news-thumb {
    height: 100px;
    border-radius: 0;
    flex: 0 0 120px;
  }

  .news-item-copy {
    min-width: 0;
    margin-left: 0;
    padding: 10px 12px;
  }

  .news-item-copy h3 {
    color: #0F172A;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
  }

  .news-item-copy p {
    height: 56px;
    margin-top: 8px;
    color: #6B7480;
    font-size: 14px;
    line-height: 18px;
    -webkit-line-clamp: 3;
  }
}

@media (min-width: 769px) and (max-width: 1919px) {
  .news {
    padding: 88px 0;
  }

  .news-content {
    gap: 24px;
  }

  .main-news-card {
    width: 100%;
    height: auto;
  }

  .news-list {
    width: 100%;
  }

  .news-item-copy h3 {
    line-height: 20px;
  }
}

.certifications {
  padding: 80px 0;
  background: linear-gradient(180deg, #D6E4F0 0%, #F3F7FB 50%, #D6E4F0 100%);
}

.cert-grid {
  display: block;
  margin-top: 48px;
  overflow: visible;
}

.cert-track {
  display: flex;
  gap: 20px;
}

.cert-dots {
  display: none;
}

.cert-card {
  height: 410px;
  overflow: hidden;
  border-radius: 16px;
  background: #FFFFFF;
  box-shadow: 0 12px 26px -18px rgba(15,23,42,0.05);
}

.cert-card.wide {
  width: 360px;
  padding: 46px 24px 0;
}

.cert-card.narrow {
  width: 250px;
  padding: 24px;
}

.cert-image.api {
  width: 310px;
  height: 250px;
  border: 1px solid #F0CC06;
}

.cert-image.eu,
.cert-image.rohs,
.cert-image.igc {
  width: 202px;
  height: 286px;
}

.cert-image.iso {
  /* width: 182px; */
  /* height: 284px; */
  margin-left: 10px;
}

.cert-card h3 {
  margin-top: 36px;
  color: #0F172A;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  
}

.cert-card.wide h3 {
  margin-top: 46px;
}

.cert-card.rohs-card h3 {
  margin-top: 22px;
}

.cert-subtitle {
  width: 1116px;
  margin: 48px auto 0;
  color: #64748B;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: center;
}

@media (max-width: 768px) {
  .certifications {
    padding: 48px 0;
  }

  .certifications .container {
    display: flex;
    flex-direction: column;
    padding-right: 16px;
    padding-left: 16px;
  }

  .certifications .section-title {
    order: 1;
    font-size: 26px;
    line-height: 32px;
    text-align: left;
  }

  .cert-grid {
    order: 3;
    width: calc(100% + 32px);
    margin-top: 24px;
    margin-left: -16px;
    overflow: hidden;
  }

  .cert-track {
    gap: 0;
  }

  .cert-card,
  .cert-card.wide,
  .cert-card.narrow {
    height: 260px;
    padding: 12px 11px 0;
    border: 1px solid #E0E6EF;
    border-radius: 8px;
    box-shadow: none;
  }

  .cert-card.wide {
    width: 260px;
    padding-right: 12px;
    padding-left: 12px;
  }

  .cert-card.narrow {
    width: 170px;
  }

  .cert-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .cert-image.api,
  .cert-image.eu,
  .cert-image.rohs,
  .cert-image.igc,
  .cert-image.iso {
    max-width: none;
    margin: 0 auto;
    border-radius: 0;
  }

  .cert-image.api {
    width: 236px;
    height: 184px;
    border: 0;
  }

  .cert-image.eu,
  .cert-image.igc,
  .cert-image.iso {
    width: 146px;
    height: 184px;
  }

  .cert-image.rohs {
    width: 136px;
    height: 184px;
  }

  .cert-card h3,
  .cert-card.wide h3,
  .cert-card.rohs-card h3 {
    width: 147px;
    margin: 12px auto 0;
    color: #0F172A;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
  }

  .cert-card:nth-child(3) h3 {
    font-weight: 500;
  }

  .cert-subtitle {
    order: 2;
    width: 100%;
    margin-top: 12px;
    font-size: 14px;
    line-height: 21px;
    text-align: left;
  }

  .cert-grid .cert-dots.swiper-pagination {
    position: static;
    display: flex;
    justify-content: center;
    gap: 16px;
    width: 104px;
    height: 8px;
    margin: 24px auto 0;
    transform: none;
  }

  .cert-grid .cert-dots .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
    border-radius: 50%;
    opacity: 1;
  }

  .cert-grid .cert-dots .swiper-pagination-bullet-active {
    background: #3E6B94;
    box-shadow: 0 0 0 2px #FFFFFF;
  }
}

@media (min-width: 769px) and (max-width: 1919px) {
  .certifications {
    padding: 88px 0;
  }

  .cert-grid {
    display: block;
  }

  .cert-track {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
  }

  .cert-card,
  .cert-card.wide,
  .cert-card.narrow {
    width: auto;
    height: auto;
  }

  .cert-image.api,
  .cert-image.eu,
  .cert-image.rohs,
  .cert-image.igc,
  .cert-image.iso {
    width: 100%;
    max-width: 220px;
    height: auto;
    margin: 0 auto;
  }

  .cert-image.api {
    max-width: 260px;
    aspect-ratio: 310 / 250;
  }

  .cert-image.eu,
  .cert-image.rohs,
  .cert-image.igc {
    aspect-ratio: 202 / 286;
  }

  .cert-image.iso {
    /* max-width: 200px;
    aspect-ratio: 182 / 284; */
  }

  .cert-card h3,
  .cert-card.wide h3,
  .cert-card.rohs-card h3 {
    margin-top: 22px;
  }

  .cert-subtitle {
    width: min(1116px, 100%);
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .cert-grid {
    display: block;
  }

  .cert-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}