[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: 0.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: 0.1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: 0.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: 0.15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: 0.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: 0.2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: 0.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: 0.25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: 0.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: 0.3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: 0.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: 0.35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: 0.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: 0.4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: 0.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: 0.45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: 0.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: 0.5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: 0.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: 0.55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: 0.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: 0.6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: 0.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: 0.65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: 0.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: 0.7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: 0.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: 0.75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: 0.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: 0.8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: 0.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: 0.85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: 0.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: 0.9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: 0.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: 0.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(0.25, 0.25, 0.75, 0.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(0.6, -0.28, 0.735, 0.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(0.175, 0.885, 0.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(0.68, -0.55, 0.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(0.47, 0, 0.745, 0.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(0.39, 0.575, 0.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(0.445, 0.05, 0.55, 0.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(0.55, 0.085, 0.68, 0.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(0.25, 0.46, 0.45, 0.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(0.455, 0.03, 0.515, 0.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(0.55, 0.085, 0.68, 0.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(0.25, 0.46, 0.45, 0.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(0.455, 0.03, 0.515, 0.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(0.55, 0.085, 0.68, 0.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(0.25, 0.46, 0.45, 0.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(0.455, 0.03, 0.515, 0.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(0.6); } [data-aos=zoom-in-up] { transform: translate3d(0, 100px, 0) scale(0.6); } [data-aos=zoom-in-down] { transform: translate3d(0, -100px, 0) scale(0.6); } [data-aos=zoom-in-right] { transform: translate3d(-100px, 0, 0) scale(0.6); } [data-aos=zoom-in-left] { transform: translate3d(100px, 0, 0) scale(0.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); } /** * Swiper 12.0.3 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 21, 2025 */ :root { --swiper-theme-color: #007aff; } :host { display: block; margin-left: auto; margin-right: auto; position: relative; z-index: 1; } .swiper { display: block; list-style: none; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0; position: relative; z-index: 1; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { box-sizing: initial; display: flex; height: 100%; position: relative; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); width: 100%; z-index: 1; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translateZ(0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { display: block; flex-shrink: 0; height: 100%; position: relative; transition-property: transform; width: 100%; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { backface-visibility: hidden; transform: translateZ(0); } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper:before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before { height: var(--swiper-centered-offset-after); min-width: 1px; width: 100%; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: #000 26; } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, #000 80, #000 0); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, #000 80, #000 0); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, #000 80, #000 0); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(180deg, #000 80, #000 0); } .swiper-lazy-preloader { border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top: 4px solid #000 0; box-sizing: border-box; height: 42px; left: 50%; margin-left: -21px; margin-top: -21px; position: absolute; top: 50%; transform-origin: 50%; width: 42px; z-index: 10; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s linear infinite; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper:after { content: ""; left: 0; pointer-events: none; position: absolute; top: 0; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after { height: var(--swiper-virtual-size); width: 1px; } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { align-items: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); cursor: pointer; display: flex; height: var(--swiper-navigation-size); justify-content: center; position: absolute; width: var(--swiper-navigation-size); z-index: 10; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { cursor: auto; opacity: 0.35; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { cursor: auto; opacity: 0; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next svg, .swiper-button-prev svg { height: 100%; object-fit: contain; transform-origin: center; width: 100%; fill: currentColor; pointer-events: none; } .swiper-button-lock { display: none; } .swiper-button-next, .swiper-button-prev { margin-top: calc(0px - var(--swiper-navigation-size)/2); top: var(--swiper-navigation-top-offset, 50%); } .swiper-button-prev { left: var(--swiper-navigation-sides-offset, 4px); right: auto; } .swiper-button-prev .swiper-navigation-icon { transform: rotate(180deg); } .swiper-button-next { left: auto; right: var(--swiper-navigation-sides-offset, 4px); } .swiper-horizontal .swiper-button-next, .swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev { margin-left: 0; margin-top: calc(0px - var(--swiper-navigation-size)/2); top: var(--swiper-navigation-top-offset, 50%); } .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal .swiper-button-prev { left: var(--swiper-navigation-sides-offset, 4px); right: auto; } .swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal .swiper-button-next { left: auto; right: var(--swiper-navigation-sides-offset, 4px); } .swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon, .swiper-horizontal ~ .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal .swiper-button-prev .swiper-navigation-icon { transform: rotate(180deg); } .swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon { transform: rotate(0deg); } .swiper-vertical .swiper-button-next, .swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-next, .swiper-vertical ~ .swiper-button-prev { left: var(--swiper-navigation-top-offset, 50%); margin-left: calc(0px - var(--swiper-navigation-size)/2); margin-top: 0; right: auto; } .swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev { bottom: auto; top: var(--swiper-navigation-sides-offset, 4px); } .swiper-vertical .swiper-button-prev .swiper-navigation-icon, .swiper-vertical ~ .swiper-button-prev .swiper-navigation-icon { transform: rotate(-90deg); } .swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next { bottom: var(--swiper-navigation-sides-offset, 4px); top: auto; } .swiper-vertical .swiper-button-next .swiper-navigation-icon, .swiper-vertical ~ .swiper-button-next .swiper-navigation-icon { transform: rotate(90deg); } .swiper-pagination { position: absolute; text-align: center; transform: translateZ(0); transition: opacity 0.3s; z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination.swiper-pagination-disabled, .swiper-pagination-disabled > .swiper-pagination { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); left: 0; top: var(--swiper-pagination-top, auto); width: 100%; } .swiper-pagination-bullets-dynamic { font-size: 0; overflow: hidden; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { background: var(--swiper-pagination-bullet-inactive-color, #000); border-radius: var(--swiper-pagination-bullet-border-radius, 50%); display: inline-block; height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); } button.swiper-pagination-bullet { appearance: none; border: none; box-shadow: none; margin: 0; padding: 0; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { background: var(--swiper-pagination-color, var(--swiper-theme-color)); opacity: var(--swiper-pagination-bullet-opacity, 1); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { left: var(--swiper-pagination-left, auto); right: var(--swiper-pagination-right, 8px); top: 50%; transform: translate3d(0, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s, top 0.2s; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, #000 40); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); height: 100%; left: 0; position: absolute; top: 0; transform: scale(0); transform-origin: left top; width: 100%; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-horizontal > .swiper-pagination-progressbar, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; width: 100%; } .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar { height: 100%; left: 0; top: 0; width: var(--swiper-pagination-progressbar-size, 4px); } .swiper-pagination-lock { display: none; } .swiper-scrollbar { background: var(--swiper-scrollbar-bg-color, #000 1a); border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; } .swiper-scrollbar.swiper-scrollbar-disabled, .swiper-scrollbar-disabled > .swiper-scrollbar { display: none !important; } .swiper-scrollbar.swiper-scrollbar-horizontal, .swiper-horizontal > .swiper-scrollbar { bottom: var(--swiper-scrollbar-bottom, 4px); height: var(--swiper-scrollbar-size, 4px); left: var(--swiper-scrollbar-sides-offset, 1%); position: absolute; top: var(--swiper-scrollbar-top, auto); width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2); z-index: 50; } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2); left: var(--swiper-scrollbar-left, auto); position: absolute; right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); width: var(--swiper-scrollbar-size, 4px); z-index: 50; } .swiper-scrollbar-drag { background: var(--swiper-scrollbar-drag-bg-color, #000 80); border-radius: var(--swiper-scrollbar-border-radius, 10px); height: 100%; left: 0; position: relative; top: 0; width: 100%; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { align-items: center; display: flex; height: 100%; justify-content: center; text-align: center; width: 100%; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-height: 100%; max-width: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; touch-action: none; } .swiper .swiper-notification { left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { margin: 0 auto; transition-timing-function: ease-out; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-direction: column; flex-wrap: wrap; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper.swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { backface-visibility: hidden; height: 100%; pointer-events: none; transform-origin: 0 0; visibility: hidden; width: 100%; z-index: 1; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { bottom: 0; height: 100%; left: 0; opacity: 0.6; position: absolute; width: 100%; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { background: #000; bottom: 0; content: ""; filter: blur(50px); left: 0; position: absolute; right: 0; top: 0; } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { backface-visibility: hidden; z-index: 0; } .swiper.swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { backface-visibility: hidden; pointer-events: none; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { backface-visibility: hidden; z-index: 0; } .swiper-creative .swiper-slide { backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper.swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { backface-visibility: hidden; overflow: hidden; transform-origin: center bottom; } /* Flexbox grid @mixin EXAMPLE .flexbox { @include boxGrid(5, 4%); } */ /* ========== BASIC CLASSES ========== */ .center { text-align: center; } /* Enable flexbox */ .flex { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .inline-flex { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } /* ========== FLEX DIRECTION ========== */ /* Row direction (default) */ .flex-row { -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-row-reverse { -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-col-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /* ========== MAIN AXIS ALIGNMENT (JUSTIFY-CONTENT) ========== */ /* Align to start */ .justify-start { -webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .justify-end { -webkit-box-pack: end; -moz-box-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .justify-center { -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; justify-content: center; } .justify-between { -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .justify-around { -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .justify-evenly { -webkit-justify-content: space-evenly; -moz-justify-content: space-evenly; justify-content: space-evenly; } /* ========== CROSS AXIS ALIGNMENT (ALIGN-ITEMS) ========== */ /* Align items to start */ .items-start { -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .items-end { -webkit-box-align: end; -moz-box-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .items-center { -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } .items-baseline { -webkit-box-align: baseline; -moz-box-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .items-stretch { -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } /* ========== CONTENT ALIGNMENT (ALIGN-CONTENT) ========== */ /* Align content to start */ .content-start { -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .content-end { -webkit-align-content: flex-end; -moz-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } .content-center { -webkit-align-content: center; -moz-align-content: center; -ms-flex-line-pack: center; align-content: center; } .content-between { -webkit-align-content: space-between; -moz-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; } .content-around { -webkit-align-content: space-around; -moz-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; } .content-stretch { -webkit-align-content: stretch; -moz-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } /* ========== LINE WRAPPING (FLEX-WRAP) ========== */ /* Allow wrapping */ .flex-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse; -moz-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .flex-nowrap { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } /* ========== CHILD ELEMENT PROPERTIES ========== */ /* Flex-grow */ .flex-1 { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .flex-auto { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: auto; -moz-flex: auto; -ms-flex: auto; flex: auto; } .flex-none { -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: none; -moz-flex: none; -ms-flex: none; flex: none; } /* Flex-shrink */ .shrink-0 { -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .shrink { -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } /* Flex-basis */ .basis-auto { -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .basis-full { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } /* Self alignment (ALIGN-SELF) */ .self-start { -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .self-end { -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .self-center { -webkit-align-self: center; -moz-align-self: center; -ms-flex-item-align: center; align-self: center; } .self-stretch { -webkit-align-self: stretch; -moz-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .self-auto { -webkit-align-self: auto; -moz-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } /* ========== COMBINATION EXAMPLES ========== */ /* Centered flex container */ .flex-center { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } /* Flex container with space distribution */ .flex-center-between { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } /* Flex column with centering */ .flex-col-center { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } /* Gap between elements */ .gap-1 { gap: 0.25rem; } .gap-2 { gap: 0.5rem; } .gap-4 { gap: 1rem; } .gap-8 { gap: 2rem; } .gap-x-4 { -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; } .gap-y-4 { -webkit-row-gap: 1rem; -moz-row-gap: 1rem; row-gap: 1rem; } .row1496 { width: 1496px; max-width: 96%; position: relative; margin: 0 auto; } @media (max-width: 576px) { .row1496 { max-width: 90%; } } .row1192 { width: 1192px; max-width: 96%; position: relative; margin: 0 auto; } @media (max-width: 576px) { .row1192 { max-width: 90%; } } .row645 { width: 645px; max-width: 96%; position: relative; margin: 0 auto; } @media (max-width: 576px) { .row645 { max-width: 90%; } } .row452 { width: 452px; max-width: 96%; position: relative; margin: 0 auto; } .row1700 { width: 1700px; max-width: 96%; position: relative; margin: 0 auto; } @media (max-width: 576px) { .row1700 { max-width: 90%; } } .row1156 { width: 1156px; max-width: 96%; position: relative; margin: 0 auto; } @media (max-width: 576px) { .row1156 { max-width: 90%; } } .logo { text-decoration: none; font-size: 20px; color: #00141a; font-weight: 600; } .logo span { background: #0d7b40; background-size: 200% 100%; background-position: 0% 0%; color: #fff; transition: 0.5s all ease; width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; border-radius: 16px; } .logo:hover span { background: #27aa5e; } * { padding: 0; margin: 0; box-sizing: border-box; } #wrap { overflow: hidden; position: relative; } @media (max-width: 767px) { #wrap { min-height: 100vh; } } h1 { color: #00141a; font-size: 56px; line-height: 1.1; letter-spacing: -1.12px; } @media (max-width: 1500px) { h1 { font-size: 48px; } } @media (max-width: 1279px) { h1 { font-size: 38px; } } h2 { color: #00141a; font-size: 40px; font-weight: 700; line-height: 48px; letter-spacing: -1px; margin-bottom: 40px; } @media (max-width: 1279px) { h2 { font-size: 32px; } } @media (max-width: 1023px) { h2 { font-size: 24px; margin-bottom: 30px; line-height: 30px; } } div.sub-title { font-size: 20px; font-weight: 600; color: #51575e; margin-bottom: 10px; } @media (max-width: 1279px) { div.sub-title { font-size: 18px; } } @media (max-width: 1023px) { div.sub-title { font-size: 16px; } } [data-aos="fade-down"] { transform: translate3d(0, -20px, 0); } .aos-animate[data-aos="fade-down"] { transition-duration: 280ms !important; transition-timing-function: ease-out !important; } body { font-family: "Manrope", sans-serif; background-color: #fff; margin: 0; height: auto; min-height: 100vh; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -webkit-box-direction: normal; -webkit-box-orient: vertical; } body { padding-top: env(safe-area-inset-top); /* для старих версій Safari */ padding-top: constant(safe-area-inset-top); } .get-started-page .steps > * { scroll-margin-top: calc(80px + env(safe-area-inset-top)); scroll-margin-top: calc(80px + constant(safe-area-inset-top)); } /* Для iOS Safari */ @supports (-webkit-touch-callout: none) { .get-started-page { padding-bottom: env(safe-area-inset-bottom); padding-bottom: constant(safe-area-inset-bottom); } } html body.menu-active { overflow: hidden !important; } button:not(.llms-button-plain), .button { font-size: 16px; font-family: "Manrope", sans-serif; text-decoration: none; position: relative; display: inline-block; height: 44px; border-radius: 34px; padding: 10px 20px; font-weight: bold; color: #fff; background: #0d7b40; border: none; cursor: pointer; overflow: hidden; transition: background 0.3s ease; width: max-content; } button:not(.llms-button-plain).fz18, .button.fz18 { font-size: 18px; } button:not(.llms-button-plain).fz18 span, .button.fz18 span { font-size: 18px; } button:not(.llms-button-plain).fz18:after, .button.fz18:after { font-size: 18px; } button:not(.llms-button-plain) span, .button span { display: block; position: relative; transition: transform 0.3s ease, opacity 0.3s ease; } button:not(.llms-button-plain)::after, .button::after { content: attr(data-hover); position: absolute; top: 50%; left: 0; width: 100%; text-align: center; font-weight: bold; color: #fff; pointer-events: none; transform: translateY(100%); opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; } button:not(.llms-button-plain):hover, .button:hover { background: #27aa5e; } button:not(.llms-button-plain):hover span, .button:hover span { transform: translateY(-100%); opacity: 0; } button:not(.llms-button-plain):hover::after, .button:hover::after { transform: translateY(-50%); opacity: 1; } button:not(.llms-button-plain).button-white, .button.button-white { background: #e9f0f2; border: 2px solid #dae3e6; color: #333d40; } button:not(.llms-button-plain).button-white:after, .button.button-white:after { color: #333d40; } button:not(.llms-button-plain).button-white:hover, .button.button-white:hover { background: #e9f0f2; } .header-sticky { position: sticky; padding: 10px 0; background: linear-gradient(180deg, #dcfcde 12%, #f2fef0 62%, #f4fef0 100%); top: 0; left: 0; right: 0; z-index: 99; } @media (max-width: 1024px) { .header-sticky .row1496 { justify-content: space-between; } .header-sticky .row1496 .timer { margin-right: auto; } } @media (max-width: 576px) { .header-sticky .row1496 { justify-content: center; } .header-sticky .row1496 .timer { margin-right: unset; } .header-sticky .row1496 .info span { font-weight: 600; } } .header-sticky button, .header-sticky .button { height: 36px; padding: 6px 14px; } @media (max-width: 576px) { .header-sticky button, .header-sticky .button { display: none; } } .header-sticky:before { content: ""; position: absolute; width: 32px; height: 32px; background: url('data:image/svg+xml,'); top: 100%; right: 0; } .header-sticky:after { content: ""; position: absolute; width: 32px; height: 32px; background: url('data:image/svg+xml,'); top: 100%; left: 0; } .header-sticky span.info { font-weight: 500; margin-right: 5px; } .header-sticky .timer { color: #0d7b40; margin-right: 20px; font-weight: 500; width: 33px; } header { padding: 38px 0; } @media (max-width: 1279px) { header { padding: 32px 0; } } @media (max-width: 767px) { header { padding: 18px 0; } } header .logo { margin-top: -3px; } header .site-logo { max-width: 200px; margin-bottom: -6px; } header .site-logo img { width: 100%; max-width: 80px; } header .menu-header-left-menu-container, header .menu-header-right-menu-container { margin: 0 25px; } header .menu-header-left-menu-container ul, header .menu-header-right-menu-container ul { list-style: none; display: flex; align-items: center; } header .menu-header-left-menu-container ul li, header .menu-header-right-menu-container ul li { margin-right: 25px; } header .menu-header-left-menu-container ul li:last-child, header .menu-header-right-menu-container ul li:last-child { margin-right: 0; } header .menu-header-left-menu-container ul li a, header .menu-header-right-menu-container ul li a { color: #333d40; transition: 0.5s all ease; text-decoration: none; font-weight: 500; } header .menu-header-left-menu-container ul li a:hover, header .menu-header-right-menu-container ul li a:hover { color: #51575e; text-decoration: none; } @media (max-width: 1024px) { header .menu-header-left-menu-container { display: none; } } header .burger-el { display: none; width: 72px; height: 72px; background: transparent; padding: 0; } @media (max-width: 767px) { header .burger-el { display: block; } } @media (max-width: 767px) { header .right-content { display: none; } } header .action-buttons button { margin-right: 20px; } header .action-buttons button:last-child { margin-right: 0; } footer { padding: 20px 0 95px; font-weight: 600; color: #51575e; } @media (max-width: 1024px) { footer { padding: 20px 0 50px; } } footer .center { margin-bottom: 20px; } footer .center.info { margin-bottom: 0; } @media (max-width: 1024px) { footer .center.info br { display: none; } } @media (max-width: 1024px) { footer .support-link { display: none; } } footer .info { font-size: 18px; line-height: 1.4; } @media (max-width: 1024px) { footer .info { font-size: 16px; } } footer a { font-size: 18px; color: #51575e; text-decoration: none; transition: 0.5s all ease; } footer a:hover { color: #51575e; } footer .menu-footer-container { padding-bottom: 30px; border-bottom: 2px solid #dae3e6; width: max-content; margin: 0 auto; margin-bottom: 30px; } @media (max-width: 767px) { footer .menu-footer-container { width: 100%; } } footer .menu-footer-container ul { list-style: none; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } footer .menu-footer-container ul li { margin-right: 15px; } footer .menu-footer-container ul li:last-child { margin-right: 0; } .mobile-menu { top: 0; position: absolute; height: 100vh; right: 0; width: 100%; z-index: 100; visibility: hidden; } .mobile-menu .overlay { position: absolute; top: 0; left: 0; background-color: rgba(95, 95, 95, 0); transition: 0.5s background-color ease; width: 100%; height: 100%; } .mobile-menu .wrapper { height: 100%; margin-left: auto; max-width: 375px; width: 100%; background: #fff; position: relative; transition: 0.5s right ease; /* плавний рух */ right: -100vw; padding: 24px; padding-bottom: 90px; display: flex; flex-direction: column; justify-content: space-between; } @media (max-width: 576px) { .mobile-menu .wrapper { padding-bottom: 120px; } } .mobile-menu .wrapper .top-nav { margin-bottom: 20px; } .mobile-menu .wrapper .top-nav .site-logo { max-width: 200px; } .mobile-menu .wrapper .top-nav .site-logo img { width: 100%; max-width: 80px; } .mobile-menu .wrapper .top-nav .close-menu { background: transparent; width: 72px; height: 72px; padding: 0; } .mobile-menu .wrapper .all-menu { margin-bottom: auto; } .mobile-menu .wrapper .all-menu ul { list-style: none; } .mobile-menu .wrapper .all-menu ul li a { display: block; color: #333d40; font-weight: 500; padding: 20px 0; border-top: 2px solid #e9f0f2; text-decoration: none; } .mobile-menu .wrapper .action-buttons button { display: block; margin-right: 0; margin-bottom: 15px; width: 100%; height: 48px; } .mobile-menu .wrapper .action-buttons button:last-child { margin-bottom: 0; } .mobile-menu.active { visibility: visible; } .mobile-menu.active .wrapper { right: 0; } .mobile-menu.overlay-active .overlay { background-color: rgba(95, 95, 95, 1); } .mobile-menu.closing .overlay { background-color: rgba(95, 95, 95, 0); } .mobile-menu.closing .wrapper { right: -100vw; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { width: 24px; height: 6px; border-radius: 3px; } .swiper-pagination-bullet-active { background: #0d7b40; } .slider-button { width: 40px; height: 40px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); transition: transform 0.2s; } .slider-button:hover { transform: scale(1.1); } .slider-button svg { width: 16px; height: 16px; } .swiper-button-next, .swiper-button-prev { background: #fff; width: 40px; height: 40px; border-radius: 50%; } .swiper-button-next svg, .swiper-button-prev svg { width: 24px; height: 24px; } .header-sticky-mob { padding: 16px 0; border-bottom: 4px solid #dae3e6; position: sticky; top: 0; left: 0; right: 0; background: #fff; z-index: 99; } .header-sticky-mob.has-logo .back { top: 10px; } .header-sticky-mob.has-logo .title-sticky { display: flex; justify-content: center; } .header-sticky-mob .back { position: absolute; right: 100%; } @media (max-width: 576px) { .header-sticky-mob .back { left: 0; right: auto; } } .header-sticky-mob .title-sticky { font-size: 20px; text-align: center; font-weight: 600; } @media (max-width: 576px) { .header-sticky-mob .title-sticky { max-width: 388px; margin: 0 auto; } } .default-page { padding: 70px 0; } .default-page h1, .default-page h2, .default-page h2, .default-page h3, .default-page h4, .default-page h5, .default-page h6 { font-size: 32px; font-weight: 400; letter-spacing: -0.1px; line-height: 1.125; margin-bottom: 20px; } @media (max-width: 576px) { .default-page h1, .default-page h2, .default-page h2, .default-page h3, .default-page h4, .default-page h5, .default-page h6 { font-size: 28px; } } .default-page ul, .default-page ol { display: block; margin-block-start: 1em; margin-block-end: 1em; padding-inline-start: 40px; unicode-bidi: isolate; } .default-page p, .default-page ul, .default-page ol { font-size: 22px; color: #111; font-weight: 300; letter-spacing: -0.1px; line-height: 1.4; margin-bottom: 20px; } @media (max-width: 576px) { .default-page p, .default-page ul, .default-page ol { font-size: 18px; } } .default-page img { margin-bottom: 20px; } .default-page li { display: list-item; unicode-bidi: isolate; margin-bottom: 10px; } .default-page li:last-child { margin-bottom: 10px; } .default-page a { color: #686868; text-decoration-thickness: 1px !important; text-decoration: underline; } .default-page a:hover { text-decoration: none; } /* фон іконки по стану */ .streak-green { background-color: #22c55e; /* зелений */ } .streak-orange { background-color: #f97316; /* оранжевий */ } .streak-grey { background-color: #dae3e6; /* сірий */ } /* СТИЛІ КАРТОК /streak */ .streak-stats-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .streak-stat-card { border-radius: 18px; border: 1px solid #e5e7eb; padding: 16px 20px; background: #fff; } .streak-stat-card--full { grid-column: 1; } .streak-stat-top { display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 18px; } .streak-stat-label { margin-top: 6px; font-size: 14px; color: #6b7280; } .mb10 { margin-bottom: 10px; } .llms-notice { border-color: #0d7b40; font-size: 16px; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-payment-gateways .llms-payment-gateway.is-selected .llms-payment-gateway-option { background: #fff !important; } .llms-form-field.type-radio:not(.is-group) input[type=radio]:checked + label:before { background-image: radial-gradient(ellipse at center, #0d7b40 0%, #0d7b40 40%, #fafafa 45%); } .llms-quiz-nav { display: flex; align-items: center; flex-wrap: wrap; } @media (max-width: 426px) { .llms-quiz-nav { display: block; } } .llms-quiz-nav #llms-prev-question { order: -1; } .llms-notice.llms-error { font-size: 16px; padding: 10px 20px; } .single-llms_quiz #llms-quiz-wrapper .llms-quiz-attempt-results .llms-quiz-attempt-question .llms-question-title { font-size: 16px; max-width: 300px; } .llms-quiz-attempt-question-header { padding: 10px 0; } .llms-donut .percentage { font-size: 22px; } .single-llms_quiz #llms-quiz-wrapper .llms-quiz-attempt-results .llms-quiz-attempt-question .llms-points { font-size: 16px; } #swisscrm-card-errors { background: #fff; border-color: #ddd; color: #333d40; } .llms-question-choices .llms-col-3, .llms-question-choices .llms-col-2 { width: 100% !important; } .llms-question-wrapper ol.llms-question-choices li.llms-choice.type--picture .llms-choice-image img { max-width: 410px; } .dashboard-wrap .navigation-courses .wrapper a { text-decoration: none; } .banner { text-align: center; } .banner > div { background: linear-gradient(180deg, #dcfcde 12%, #f2fef0 62%, #f4fef0 100%); padding: 60px 80px; border-radius: 25px; align-items: center; } @media (max-width: 1500px) { .banner > div { padding: 40px; } } @media (max-width: 1023px) { .banner > div { display: block; padding: 30px; } } @media (max-width: 576px) { .banner > div { padding: 30px 20px; } } .banner .left-content { max-width: 480px; width: 100%; margin-right: 40px; } @media (max-width: 1023px) { .banner .left-content { margin-right: 0; max-width: 100%; text-align: center; } } .banner .left-content .sub-title { display: inline-flex; align-items: center; gap: 6px; background: #fff; border-radius: 30px; padding: 5px 16px; font-weight: 600; font-size: 15px; margin-bottom: 22px; } @media (max-width: 1279px) { .banner .left-content .sub-title { font-size: 14px; } } @media (max-width: 1023px) { .banner .left-content .sub-title { display: flex; justify-content: center; margin: 0 auto 20px; } } .banner .left-content h1 { margin-bottom: 20px; } @media (max-width: 1500px) { .banner .left-content h1 { max-width: 400px; } } @media (max-width: 1279px) { .banner .left-content h1 { max-width: 320px; } } @media (max-width: 1023px) { .banner .left-content h1 { max-width: 100%; text-align: center; } } .banner .left-content .text { font-size: 20px; font-weight: 400; color: #00141a; margin-bottom: 28px; line-height: 1.5; } @media (max-width: 1279px) { .banner .left-content .text { font-size: 16px; } } @media (max-width: 1023px) { .banner .left-content .text { text-align: center; } } .banner .left-content .button { margin-bottom: 32px; } .banner .left-content .people-row { display: flex; align-items: center; justify-content: center; gap: 12px; } @media (max-width: 1023px) { .banner .left-content .people-row { justify-content: center; } } .banner .left-content .people-row .people-avatars img { height: 38px; width: auto; display: block; } .banner .left-content .people-row .people-text { font-size: 15px; color: #00141a; } .banner .left-content .people-row .people-text strong { font-weight: 700; } @media (max-width: 1279px) { .banner .left-content .people-row .people-text { font-size: 13px; } } .banner .right-content { max-width: 580px; width: 100%; flex-shrink: 0; } @media (max-width: 1279px) { .banner .right-content { max-width: 500px; } } @media (max-width: 1023px) { .banner .right-content { max-width: 100%; margin-top: 30px; } } .banner .right-content .browser-window { border-radius: 16px; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18); background: #fff; } .banner .right-content .browser-window .browser-bar { background: #1e4f00; padding: 10px 16px; display: flex; align-items: center; gap: 12px; } .banner .right-content .browser-window .browser-bar .browser-dots { display: flex; align-items: center; gap: 6px; } .banner .right-content .browser-window .browser-bar .browser-dots .dot { width: 11px; height: 11px; border-radius: 50%; display: block; flex-shrink: 0; } .banner .right-content .browser-window .browser-bar .browser-dots .dot-red { background: #ff5f57; } .banner .right-content .browser-window .browser-bar .browser-dots .dot-yellow { background: #febc2e; } .banner .right-content .browser-window .browser-bar .browser-dots .dot-green { background: #28c840; } .banner .right-content .browser-window .browser-bar .browser-nav { display: flex; align-items: center; gap: 8px; margin-left: 4px; } .banner .right-content .browser-window .browser-bar .browser-nav .nav-arrow { color: rgba(255, 255, 255, 0.7); font-size: 18px; line-height: 1; cursor: default; user-select: none; } .banner .right-content .browser-window .browser-body { background: #f4f4f8; aspect-ratio: 1.6; overflow: hidden; } @media (max-width: 576px) { .banner .right-content .browser-window .browser-body { aspect-ratio: 1.3333333333; } } .banner .right-content .browser-window .browser-body video { width: 100%; height: 100%; object-fit: cover; display: block; } .tools_inside { margin: 65px 0 55px; } @media (max-width: 1500px) { .tools_inside { margin: 100px 0 90px; } } @media (max-width: 1023px) { .tools_inside { margin: 220px 0 40px; } } .tools_inside .mini-title { display: inline-block; font-size: 20px; font-weight: 600; margin-right: 26px; color: #00141a; letter-spacing: 0.156px; margin-bottom: 10px; } @media (max-width: 1279px) { .tools_inside .mini-title { font-size: 16px; } } .tools_inside .items { flex-wrap: wrap; } .tools_inside .items .item { margin-right: 26px; margin-bottom: 10px; } @media (max-width: 1279px) { .tools_inside .items .item { margin-right: 20px; } } @media (max-width: 1023px) { .tools_inside .items .item { margin-right: 15px; } } @media (max-width: 400px) { .tools_inside .items .item { margin-right: 13px; } } .tools_inside .items .item:last-child { margin-right: 0; } .tools_inside .items .item img { width: 32px; height: auto; margin-right: 8px; } @media (max-width: 1023px) { .tools_inside .items .item img { margin-right: 5px; } } .tools_inside .items .item span { font-size: 20px; font-weight: 500; color: #333d40; } @media (max-width: 1279px) { .tools_inside .items .item span { font-size: 16px; } } .overwhelmed { margin: 100px 0; text-align: center; } @media (max-width: 767px) { .overwhelmed { margin: 60px 0; } } .overwhelmed h2 { margin-bottom: 14px; } .overwhelmed .sub-title { margin-bottom: 10px; } .overwhelmed .cards-slider-wrap { display: flex; align-items: center; gap: 16px; margin-top: 48px; } @media (max-width: 767px) { .overwhelmed .cards-slider-wrap { margin-top: 32px; } } .overwhelmed .slider-arrow { flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background: transparent; color: #00141a; font-size: 63px; font-weight: 300; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: opacity 0.2s, background 0.2s; z-index: 2; } .overwhelmed .slider-arrow.swiper-button-disabled { opacity: 0.3; cursor: default; } .overwhelmed .slider-arrow:hover { background: transparent; border-color: transparent; } @media (max-width: 576px) { .overwhelmed .slider-arrow { width: 32px; height: 32px; font-size: 18px; } } .overwhelmed .cards-swiper { flex: 1; min-width: 0; max-width: 900px; padding: 10px 4px !important; margin: 0 auto; overflow: hidden; } .overwhelmed .cards-slider-wrap { margin: 0 auto; max-width: 1000px; } .overwhelmed .card { padding: 48px 32px; border: 2px solid #e2e5e9; border-radius: 16px; text-align: left; box-sizing: border-box; background: #fff; aspect-ratio: 1; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; } @media (max-width: 576px) { .overwhelmed .card { border: none; } } @media (max-width: 1279px) { .overwhelmed .card { padding: 40px 26px; } } .overwhelmed .card .card-icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; margin-bottom: 24px; } .overwhelmed .card .card-icon img { width: 100%; height: auto; display: block; } .overwhelmed .card h3 { font-size: 20px; font-weight: 600; color: #00141a; margin-bottom: 12px; } .overwhelmed .card .text { font-weight: 400; font-size: 14px; color: #51575e; line-height: 1.6; } @media (max-width: 767px) { .overwhelmed .card .text { font-size: 15px; } } .whay_you_get { margin: 150px 0; text-align: center; } @media (max-width: 767px) { .whay_you_get { margin: 60px 0; } } .whay_you_get .cards { padding: 20px 0 40px; } .whay_you_get .cards .card { display: flex; height: 340px; border-radius: 12px; padding: 20px; background-color: #a1cdf7; position: relative; overflow: hidden; } .whay_you_get .cards .card img { position: absolute; width: calc(100% - 40px); top: 20px; left: 20px; } .whay_you_get .cards .card .content { margin-top: auto; color: #fff; text-align: left; position: relative; z-index: 2; } .whay_you_get .cards .card .content h3 { font-size: 20px; margin-bottom: 7px; font-weight: 600; line-height: 135%; } .whay_you_get .cards .card .content .text { opacity: 0.7; letter-spacing: 0.156px; font-weight: 500; } .whay_you_get .cards .card:nth-child(1) { background-color: #f291b2; } .whay_you_get .cards .card:nth-child(1) img { width: 400px; right: 20px; left: unset; } .whay_you_get .cards .card:nth-child(2) { background-color: #333d40; } .whay_you_get .cards .card:nth-child(2) img { width: 512px; left: 20px; } .whay_you_get .cards .card:nth-child(3) { overflow: visible; } .whay_you_get .cards .card:nth-child(3) img { width: 100%; bottom: 0; left: 0; right: 0; top: unset; } .whay_you_get .cards .card:nth-child(4) { background-color: #0a7845; } .how-it-works-2 { margin: 150px 0; text-align: center; } @media (max-width: 767px) { .how-it-works-2 { margin: 60px 0; } } .how-it-works-2 h2 { margin-bottom: 60px; } @media (max-width: 576px) { .how-it-works-2 h2 { margin-bottom: 40px; } } .how-it-works-2 .wrapper { display: flex; align-items: flex-start; justify-content: space-around; } @media (max-width: 1024px) { .how-it-works-2 .wrapper { flex-direction: column; align-items: center; justify-content: center; } } .how-it-works-2 .wrapper .item { width: 100%; max-width: 397px; position: relative; } @media (max-width: 1024px) { .how-it-works-2 .wrapper .item { margin-bottom: 40px; } .how-it-works-2 .wrapper .item:last-child { margin-bottom: 0; } } .how-it-works-2 .wrapper .item span { position: absolute; width: 40px; height: 40px; border-radius: 50%; background: #3f3644; display: flex; align-items: center; justify-content: center; top: -20px; left: 75px; font-size: 18px; color: #fff; } @media (max-width: 375px) { .how-it-works-2 .wrapper .item span { left: 50px; } } .how-it-works-2 .wrapper .item h3 { margin-bottom: 15px; } .how-it-works-2 .wrapper .item img { border-radius: 16px; border: 1px solid rgba(229, 229, 229, 0.5); /* Напівпрозорий сірий колір */ /* Комбінована тінь (Shadow XL) */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); max-width: 200px; width: 100%; margin-bottom: 25px; } .how-it-works { margin: 150px 0; text-align: center; } @media (max-width: 767px) { .how-it-works { margin: 60px 0; } } @media (max-width: 1600px) { .how-it-works .row1192 { width: 1088px; } } @media (max-width: 1350px) { .how-it-works .row1192 { width: 990px; } } @media (max-width: 1279px) { .how-it-works .row1192 { width: 790px; } } @media (max-width: 1023px) { .how-it-works .cards { margin-top: 60px; } } .how-it-works .cards .card { background: linear-gradient(180deg, #dcfcde 12%, #f2fef0 62%, #f4fef0 100%); border-radius: 32px; padding: 32px; margin-bottom: 40px; text-align: left; position: relative; } @media (max-width: 767px) { .how-it-works .cards .card { flex-direction: column-reverse; padding: 28px 20px; border-radius: 12px; } } .how-it-works .cards .card::before { content: attr(data-number); position: absolute; left: -150px; top: 70px; transform: translateY(-50%); width: 58px; height: 58px; display: flex; align-items: center; justify-content: center; background: #0d7b40; border-radius: 50%; font-weight: 700; font-size: 22px; color: #fff; z-index: 2; } @media (max-width: 1420px) { .how-it-works .cards .card::before { left: -100px; } } @media (max-width: 1023px) { .how-it-works .cards .card::before { width: 40px; height: 40px; font-size: 18px; top: -20px; left: 50%; margin-right: -50%; transform: translate(-50%, 0); } } .how-it-works .cards .card::after { content: ''; position: absolute; left: -123.5px; top: 116px; width: 4px; height: calc(100% - 50px); background: #e9f0f2; } @media (max-width: 1420px) { .how-it-works .cards .card::after { left: -73.5px; } } @media (max-width: 1023px) { .how-it-works .cards .card::after { display: none; } } @media (max-width: 767px) { .how-it-works .cards .card .right-content { margin: 0 auto; margin-bottom: 10px; margin-right: auto !important; } } .how-it-works .cards .card .left-content { margin-top: 30px; display: flex; flex-direction: column; } @media (max-width: 767px) { .how-it-works .cards .card .left-content { margin-top: 0; margin-right: 0; max-width: 100%; text-align: center; } } .how-it-works .cards .card .left-content .button { margin-top: auto; margin-bottom: 30px; } @media (max-width: 1279px) { .how-it-works .cards .card .left-content .button { font-size: 16px; } .how-it-works .cards .card .left-content .button:after { font-size: 16px; } .how-it-works .cards .card .left-content .button span { font-size: 16px; } } @media (max-width: 767px) { .how-it-works .cards .card .left-content .button { display: inline-block; margin: 0 auto; } } .how-it-works .cards .card .lotti { background: #fff; border-radius: 16px; display: flex; justify-content: center; align-items: center; height: 360px; width: 100%; max-width: 502px; } .how-it-works .cards .card .lotti path[fill="url(#__lottie_element_859)"] { display: none !important; } @media (max-width: 1279px) { .how-it-works .cards .card .lotti { height: 307px; } } @media (max-width: 767px) { .how-it-works .cards .card .lotti { max-width: 400px; margin: 0 auto; margin-bottom: 20px; height: 207px; border-radius: 12px; } } .how-it-works .cards .card h3 { font-size: 32px; font-weight: 700; color: #00141a; margin-bottom: 15px; } @media (max-width: 1279px) { .how-it-works .cards .card h3 { font-size: 24px; } } .how-it-works .cards .card .text { font-size: 24px; font-weight: 600; max-width: 480px; color: #51575e; margin-bottom: 30px; } @media (max-width: 1279px) { .how-it-works .cards .card .text { font-size: 16px; font-weight: 500; max-width: 242px; } } @media (max-width: 767px) { .how-it-works .cards .card .text { max-width: 555px; margin: 0 auto; margin-bottom: 20px; } } .how-it-works .cards .card:last-child { margin-bottom: 0; } .how-it-works .cards .card:last-child:after { display: none; } .how-it-works .cards .card > div { margin-right: 20px; max-width: 507px; width: 100%; } .how-it-works .cards .card > div:last-child { margin-right: 0; } .courses-home { margin: 150px 0; text-align: center; } @media (max-width: 767px) { .courses-home { margin: 60px 0; } } .courses-home h2 { margin-bottom: 20px; } .courses-home .sub-title { margin-bottom: 40px; } @media (max-width: 1023px) { .courses-home .sub-title { margin-bottom: 30px; } } .courses-home .cards .button-white { max-width: 320px; width: 100%; height: 52px; color: #51575e; } .courses-home .cards .button-white span { color: #51575e; } .courses-home .cards .button-white:after { color: #51575e; } .courses-home .cards .wrapper { padding-bottom: 10px; } .courses-home .cards .wrapper .card { width: 24%; padding: 24px; border-radius: 16px; margin-bottom: 2%; text-align: left; } @media (max-width: 1279px) { .courses-home .cards .wrapper .card { width: 49%; } } @media (max-width: 700px) { .courses-home .cards .wrapper .card { width: 100%; margin-bottom: 15px; } } .courses-home .cards .wrapper .card > img { margin-bottom: 20px; } .courses-home .cards .wrapper .card .mini-title { font-size: 20px; font-weight: 600; color: #00141a; margin-bottom: 3px; } .courses-home .cards .wrapper .card .text { font-size: 16px; color: #51575e; font-weight: 600; margin-bottom: 15px; } .courses-home .cards .wrapper .card .line { width: 100%; height: 2px; margin-bottom: 15px; } .courses-home .cards .wrapper .card .options { font-size: 16px; color: #51575e; font-weight: 600; } .courses-home .cards .wrapper .card .options img { margin-right: 6px; } .courses-home .cards .wrapper .card .options p { margin-bottom: 3px; } .courses-home .cards .wrapper .card .options p:last-child { margin-bottom: 0; } .whoever { margin: 150px 0; text-align: center; } @media (max-width: 1024px) { .whoever .row-cards { width: 100%; max-width: 100%; } } .whoever .row1700 { overflow: hidden; } @media (max-width: 767px) { .whoever { margin: 60px 0; } } .whoever h2 { margin-bottom: 20px; } .whoever .sub-title { margin-bottom: 40px; } @media (max-width: 1023px) { .whoever .sub-title { margin-bottom: 30px; } } .whoever .cards { will-change: transform; transition: none; } .whoever .cards .card { margin-right: 20px; width: 180px; } @media (max-width: 576px) { .whoever .cards .card { width: 150px; } } .whoever .cards .card img { width: 180px; height: 180px; object-fit: cover; border-radius: 12px; margin-bottom: 15px; } @media (max-width: 576px) { .whoever .cards .card img { width: 150px; height: 150px; } } .whoever .cards .card .name { font-weight: 600; font-size: 20px; color: #333d40; } @media (max-width: 576px) { .whoever .cards .card .name { font-size: 16px; } } .ready-start { margin: 150px 0; text-align: center; } .ready-start > div { padding: 32px; border-radius: 16px; } @media (max-width: 1023px) { .ready-start > div { display: block; padding: 32px 16px; } } @media (max-width: 767px) { .ready-start { margin: 60px 0; } } .ready-start .sub-title { font-size: 20px; color: #0d7b40; font-weight: 500; margin-bottom: 10px; } @media (max-width: 1023px) { .ready-start .sub-title { opacity: 0.7; font-size: 16px; } } .ready-start h2 { font-size: 32px; font-weight: 700; color: #0d7b40; margin-bottom: 10px; line-height: 120%; letter-spacing: 0.156px; } @media (max-width: 1023px) { .ready-start h2 { font-size: 23px; margin-bottom: 15px; } } .ready-start .right-content { text-align: right; } .ready-start .right-content img { max-width: 472px; } @media (max-width: 1023px) { .ready-start .right-content img { max-width: 100%; width: 100%; } } .ready-start .left-content { display: flex; flex-direction: column; text-align: left; max-width: 500px; } @media (max-width: 1023px) { .ready-start .left-content { text-align: center; max-width: 100%; margin-bottom: 25px; } } @media (max-width: 1023px) { .ready-start .left-content .button { margin: 0 auto; font-size: 16px; } .ready-start .left-content .button span { font-size: 16px; } .ready-start .left-content .button:after { font-size: 16px; } } .real-result { margin: 150px 0; text-align: center; } .real-result > div { background: linear-gradient(180deg, rgba(220, 252, 222, 0.5) 0%, rgba(220, 252, 222, 0.2) 62%, rgba(220, 252, 222, 0) 100%); padding: 64px 118px; border-radius: 20px; } @media (max-width: 1500px) { .real-result > div { padding: 64px 48px; } } @media (max-width: 1023px) { .real-result > div { padding: 32px 24px; } } @media (max-width: 576px) { .real-result > div { padding: 32px 16px; } } @media (max-width: 767px) { .real-result { margin: 60px 0; } } .real-result h2 { margin-bottom: 15px; } .real-result .sub-title { max-width: 640px; margin: 0 auto; margin-bottom: 25px; color: #51575e; font-weight: 500; } .real-result .button { margin-bottom: 40px; } @media (max-width: 1023px) { .real-result .button { font-size: 16px; } .real-result .button span { font-size: 16px; } .real-result .button:after { font-size: 16px; } } @media (max-width: 1279px) { .real-result .cards { align-items: stretch; } } .real-result .cards .card { width: 32%; margin-bottom: 2%; padding: 32px; background: #fff; border: 1px solid #dae3e6; border-radius: 12px; text-align: left; } @media (max-width: 1279px) { .real-result .cards .card { display: none; width: 49%; } .real-result .cards .card:nth-child(-n+4) { display: flex; flex-direction: column; } } @media (max-width: 1023px) { .real-result .cards .card { width: 100%; margin-bottom: 20px; } } @media (max-width: 576px) { .real-result .cards .card { padding: 24px; } } .real-result .cards .card .stars { margin-bottom: 15px; } .real-result .cards .card .text { font-size: 20px; letter-spacing: 0.156px; font-weight: 500; color: #333d40; margin-bottom: 15px; } @media (max-width: 1279px) { .real-result .cards .card .text { font-size: 16px; } } @media (max-width: 576px) { .real-result .cards .card .text { max-width: 374px; margin: 0 auto; margin-bottom: 15px; } } @media (max-width: 1279px) { .real-result .cards .card .add-info { margin-top: auto; } } .real-result .cards .card .add-info img { width: 48px; height: 48px; object-fit: cover; border-radius: 50%; margin-right: 10px; } .real-result .cards .card .add-info .name { font-weight: 500; color: #00141a; } .real-result .cards .card .add-info .info { color: #51575e; font-weight: 500; } .get-result, .ready-but { margin: 100px 0; text-align: center; } .get-result > div, .ready-but > div { border-radius: 20px; padding: 32px; } @media (max-width: 1023px) { .get-result > div, .ready-but > div { padding: 16px; } } @media (max-width: 767px) { .get-result, .ready-but { margin: 60px 0; } } .get-result .wrapper, .ready-but .wrapper { background: linear-gradient(180deg, rgba(220, 252, 222, 0.5) 0%, rgba(220, 252, 222, 0.2) 62%, rgba(220, 252, 222, 0) 100%); padding: 56px 120px; border-radius: 20px; text-align: center; color: #0d7b40; } @media (max-width: 1023px) { .get-result .wrapper, .ready-but .wrapper { padding: 32px 16px 16px; } } .get-result .wrapper h2, .ready-but .wrapper h2 { color: #0d7b40; font-size: 32px; font-weight: 700; margin-bottom: 10px; } @media (max-width: 1023px) { .get-result .wrapper h2, .ready-but .wrapper h2 { font-size: 24px; } } .get-result .wrapper .text, .ready-but .wrapper .text { font-size: 24px; font-weight: 500; opacity: 0.7; margin-bottom: 25px; color: #0d7b40; } @media (max-width: 1023px) { .get-result .wrapper .text, .ready-but .wrapper .text { font-size: 16px; } } .get-result .wrapper img, .ready-but .wrapper img { margin-bottom: 35px; } @media (max-width: 1023px) { .get-result .wrapper img, .ready-but .wrapper img { width: 80px; height: 80px; margin-bottom: 30px; } } .faq { margin: 100px 0; text-align: center; } @media (max-width: 767px) { .faq { margin: 60px 0; } } .faq h2 { max-width: 496px; margin: 0 auto; margin-bottom: 40px; } .faq .items .item { padding: 32px; letter-spacing: 0.156px; line-height: 135%; border-radius: 16px; position: relative; border: 2px solid #dae3e6; margin-bottom: 15px; text-align: left; cursor: pointer; } @media (max-width: 1023px) { .faq .items .item { padding: 20px; } } .faq .items .item:last-child { margin-bottom: 0; } .faq .items .item.active:before { transform: rotate(180deg); } .faq .items .item .title { font-size: 24px; font-weight: 600; color: #00141a; padding-right: 30px; } @media (max-width: 1023px) { .faq .items .item .title { font-size: 18px; padding-right: 50px; } } .faq .items .item .info { margin-top: 20px; color: #51575e; font-size: 20px; font-weight: 600; padding-right: 30px; line-height: 135%; } @media (max-width: 1023px) { .faq .items .item .info { font-size: 16px; padding-right: 50px; } } .faq .items .item:before { content: ''; background: url('data:image/svg+xml,'); background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; height: 34px; width: 34px; right: 32px; top: 28px; } @media (max-width: 1023px) { .faq .items .item:before { right: 20px; top: 16px; } } div.blog { padding: 75px 0; } @media (max-width: 576px) { div.blog { padding: 40px 0; } } @media (max-width: 460px) { div.blog .pagination-wrapper { flex-direction: column; justify-content: center; align-items: center; text-align: center; } div.blog .pagination-wrapper > div { margin: 15px 0; } } div.blog .pagination-wrapper .current-page { font-size: 18px; color: #111; font-weight: 600; margin: 0 3px; } div.blog .pagination-wrapper a { font-size: 18px; color: #111; font-weight: 600; margin: 0 3px; } div.blog .pagination-wrapper a span { margin: 0 5px; } div.blog .pagination-wrapper .disabled { opacity: 0.7; } div.blog h1 { font-size: 32px; font-weight: 500; color: #111; margin-bottom: 70px; letter-spacing: -0.1px; line-height: 1.125; } @media (max-width: 576px) { div.blog h1 { margin-bottom: 50px; } } div.blog .pagination-wrapper { margin: 200px 0 25px; } @media (max-width: 576px) { div.blog .pagination-wrapper { margin: 60px 0 25px; } } div.blog .posts-loop .post-item { margin-bottom: 100px; } @media (max-width: 576px) { div.blog .posts-loop .post-item { margin-bottom: 60px; } } div.blog .posts-loop .post-item:last-child { margin-bottom: 0; } div.blog .posts-loop .post-item a { display: block; margin-bottom: 20px; } div.blog .posts-loop .post-item a.read-more-btn { color: #111; font-size: 18px; margin-bottom: 30px; text-decoration-thickness: 1px !important; text-decoration: underline; } div.blog .posts-loop .post-item a.read-more-btn:hover { text-decoration: none; } div.blog .posts-loop .post-item a img { width: 100%; height: 430px; object-fit: cover; } @media (max-width: 576px) { div.blog .posts-loop .post-item a img { height: 300px; } } div.blog .posts-loop .post-item .post-title { font-size: 32px; font-weight: 400; color: #111; letter-spacing: -0.1px; line-height: 1.125; margin-bottom: 20px; } @media (max-width: 576px) { div.blog .posts-loop .post-item .post-title { font-size: 28px; } } div.blog .posts-loop .post-item .post-title a { color: #111; text-decoration-thickness: 1px !important; text-decoration: none; } div.blog .posts-loop .post-item .post-title a:hover { text-decoration: underline; } div.blog .posts-loop .post-item .post-date { color: #686868; font-size: 14px; } div.blog .posts-loop .post-item .post-excerpt { font-size: 18px; color: #111; font-weight: 300; letter-spacing: -0.1px; line-height: 1.4; margin-bottom: 30px; } @media (max-width: 576px) { div.blog .posts-loop .post-item .post-excerpt { font-size: 16px; } } .single-posts { padding: 100px 0; } @media (max-width: 576px) { .single-posts { padding: 40px 0; } } .single-posts .post-meta-info { font-size: 14px; color: #686868; margin-bottom: 50px; } @media (max-width: 576px) { .single-posts .post-meta-info { margin-bottom: 30px; } } .single-posts .post-meta-info a { color: #686868; text-decoration-thickness: 1px !important; text-decoration: underline; } .single-posts .post-meta-info a:hover { text-decoration: none; } .single-posts .post-content a { color: #686868; text-decoration-thickness: 1px !important; text-decoration: underline; } .single-posts .post-content a:hover { text-decoration: none; } .single-posts .post-featured-image { margin-bottom: 15px; } .single-posts .post-featured-image img { width: 100%; height: 430px; object-fit: cover; } @media (max-width: 576px) { .single-posts .post-featured-image img { height: 300px; } } .single-posts h1, .single-posts h2, .single-posts h2, .single-posts h3, .single-posts h4, .single-posts h5, .single-posts h6 { font-size: 32px; font-weight: 400; letter-spacing: -0.1px; line-height: 1.125; margin-bottom: 20px; } @media (max-width: 576px) { .single-posts h1, .single-posts h2, .single-posts h2, .single-posts h3, .single-posts h4, .single-posts h5, .single-posts h6 { font-size: 28px; } } .single-posts ul, .single-posts ol { display: block; margin-block-start: 1em; margin-block-end: 1em; padding-inline-start: 40px; unicode-bidi: isolate; } .single-posts p, .single-posts ul, .single-posts ol { font-size: 22px; color: #111; font-weight: 300; letter-spacing: -0.1px; line-height: 1.4; margin-bottom: 20px; } @media (max-width: 576px) { .single-posts p, .single-posts ul, .single-posts ol { font-size: 18px; } } .single-posts img { margin-bottom: 20px; } .single-posts li { display: list-item; unicode-bidi: isolate; margin-bottom: 10px; } .single-posts li:last-child { margin-bottom: 10px; } .single-posts h1.post-title { font-size: 48px; font-weight: 400; color: #111; letter-spacing: -0.1px; line-height: 1.125; margin-bottom: 25px; } @media (max-width: 576px) { .single-posts h1.post-title { font-size: 36px; } } .single-posts strong { font-weight: 600; } .single-posts .social-share { margin-bottom: 135px; } @media (max-width: 576px) { .single-posts .social-share { margin-bottom: 25px; } } .single-posts .social-share a { align-items: center; background: #fff; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.22); cursor: pointer; display: flex; flex-direction: row; font-size: inherit; font-weight: 500; height: auto; justify-content: center; line-height: 23px; margin-right: 15px; padding: 7px 10px; color: #111; text-decoration: none; transition: background 0.3s ease; margin-bottom: 15px; } .single-posts .social-share a:hover { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.5); } .single-posts .social-share a svg { margin-right: 5px; } .single-posts .post-navigation { border-top: 1px solid #ccc; padding-top: 30px; margin-bottom: 100px; } @media (max-width: 1279px) { .single-posts .post-navigation { flex-direction: column; justify-content: center; align-items: center; } .single-posts .post-navigation .nav-previous { margin-bottom: 20px; } } .single-posts .post-navigation .nav-previous span { font-size: 18px; font-weight: 300; color: #111; margin-right: 10px; } .single-posts .post-navigation .nav-next span { font-size: 18px; font-weight: 300; color: #111; margin-left: 10px; } .single-posts .post-navigation a { font-size: 18px; font-weight: 300; color: #111; text-decoration-thickness: 1px !important; text-decoration: underline; } .single-posts .post-navigation a:hover { text-decoration: none; } @media (max-width: 576px) { .single-posts .post-navigation { margin-bottom: 40px; } } .single-posts .comments-section { margin-bottom: 150px; } @media (max-width: 576px) { .single-posts .comments-section { margin-bottom: 40px; } } .single-posts .comments-section .comments-list { margin-bottom: 80px; } @media (max-width: 576px) { .single-posts .comments-section .comments-list { margin-bottom: 30px; } } .single-posts .comments-section h2 { margin-bottom: 100px; } @media (max-width: 576px) { .single-posts .comments-section h2 { margin-bottom: 30px; } } .single-posts .comments-section .comment-reply-title { display: none; } .single-posts .comments-section cite { font-style: normal !important; } .single-posts .comments-section a { color: #111; text-decoration-thickness: 1px !important; text-decoration: underline; } .single-posts .comments-section a:hover { text-decoration: none; } .single-posts .comments-section h3 { font-size: 22px; margin-top: 30px; } .single-posts .comments-section .comment-author { display: flex; align-items: center; font-size: 16px; margin-bottom: 20px; } .single-posts .comments-section .comment-author img, .single-posts .comments-section .comment-author .fn { margin-right: 10px; } .single-posts .comments-section .comment-author img { margin-bottom: 0; width: 30px; height: 30px; } .single-posts .comments-section .comment-meta { margin-bottom: 20px; font-size: 16px; } .single-posts .comments-section p { font-size: 16px; } .single-posts .comments-section #commentform { border: 1px solid #ccc; } .single-posts .comments-section #commentform textarea { border: none; width: 100%; height: 95px; color: #111; font-size: 16px; font-family: "Manrope", sans-serif; padding: 20px; border-bottom: 1px solid #ccc; resize: none; } .single-posts .comments-section #commentform textarea:focus, .single-posts .comments-section #commentform textarea:focus-visible { border: none; outline: none; border-bottom: 1px solid #ccc; } .single-posts .comments-section #commentform .form-submit { text-align: right; padding-right: 20px; } .single-posts .comments-section #commentform #submit { all: unset; background: transparent; border: 1px solid #ccc; border-radius: 4px; color: #ccc; display: inline-block; font-size: 14px; padding: 7px 20px; text-align: center; text-decoration: none; text-shadow: none; white-space: nowrap; font-weight: 600; cursor: pointer; } .single-posts .more-posts-section h2 { font-size: 14px; font-style: normal; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: #111; margin-bottom: 40px; } .single-posts .more-posts-section .more-post-item { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #ccc; flex-wrap: wrap; } @media (max-width: 1023px) { .single-posts .more-posts-section .more-post-item { flex-direction: column; } } .single-posts .more-posts-section .more-post-item h3 { font-size: 22px; color: #111; margin-bottom: 0; margin-right: 20px; } @media (max-width: 1023px) { .single-posts .more-posts-section .more-post-item h3 { margin-right: 0; margin-bottom: 15px; font-size: 18px; } } .single-posts .more-posts-section .more-post-item h3 a { text-decoration: none; text-decoration-thickness: 1px !important; color: #111; } .single-posts .more-posts-section .more-post-item h3 a:hover { text-decoration: underline; } .single-posts .more-posts-section .more-post-item .more-post-date a { color: #686868; font-size: 14px; font-weight: 300; text-decoration: none; text-decoration-thickness: 1px !important; } .single-posts .more-posts-section .more-post-item .more-post-date a:hover { text-decoration: underline; } .wp-block-image img { height: auto !important; } .wp-block-separator { margin-bottom: 20px; } :root { --wp--preset--spacing--50: 50px !important; } @media (max-width: 576px) { :root { --wp--preset--spacing--50: 20px !important; } } .wp-block-columns { margin-bottom: 20px; } .wp-block-button__link.wp-element-button { font-size: 16px; font-family: "Manrope", sans-serif; position: relative; display: inline-block; height: 44px; border-radius: 34px; padding: 10px 20px; font-weight: bold; color: #fff !important; background: #0d7b40; border: none; cursor: pointer; overflow: hidden; transition: background 0.3s ease; width: max-content; text-decoration: none !important; } .wp-block-button__link.wp-element-button:hover { background: #27aa5e; } .llms-notice li:last-child { margin-bottom: 0; } /* slider layout */ .get-started-page .steps { display: flex; transition: transform 0.4s ease; will-change: transform; } .get-started-page .steps > div { min-width: 100%; box-sizing: border-box; height: max-content; min-height: calc(100vh - 75px); } .get-started-page .steps > div:not(.active) { height: 0 !important; overflow: hidden !important; } .llms-coupon-wrapper { display: none !important; } /* Додайте цей CSS до ваших кастомних стилів */ .llms-field-html.llms-password-strength-meter, .llms-checkout-section-content .llms-description { display: none !important; } #llms-copy-password-btn { width: 100%; margin-top: 10px; } .llms-notification { display: none !important; } @media (max-width: 576px) { .get-started-page .steps > div { min-height: calc(100vh - 175px); } } .bottom-content-fixed { position: fixed; bottom: 0; max-width: 452px; width: 100%; padding: 15px; left: 50%; margin-right: -50%; transform: translate(-50%, 0%); } .bottom-content-fixed button { width: 100%; margin-bottom: 10px; border-radius: 15px; height: 55px; font-size: 17px; font-weight: 800; transition: 0.3s all ease; } .bottom-content-fixed button.disabled { opacity: 0.5; pointer-events: none; } /* header controls */ .get-started-page .header .back-btn { display: none; background: none; border: 0; padding: 0; cursor: pointer; color: inherit; } .get-started-page .header.show-nav .back-btn { display: block; } .get-started-page .header .counter { display: none; font-weight: 600; } .get-started-page .header.show-progress .counter { display: block; } .get-started-page .header .skip-btn { display: none; background: none; border: 0; color: #0d7b40; cursor: pointer; font-weight: 600; } .get-started-page .header.show-skip .skip-btn { display: inline-block; } /* progress bar */ .get-started-page .progress-bar { height: 5px; background: #f2f3f3; border-radius: 5px; overflow: hidden; display: none; } .get-started-page .header.show-progress .progress-bar { display: block; } .get-started-page .progress-bar .progress-fill { height: 100%; width: 0; background: #0d7b40; transition: width 0.4s ease; } /* buttons */ .get-started-page .step-multiply .bottom-content .js-action:disabled, .get-started-page .step-multiply .bottom-content .js-action.disabled { opacity: 0.5; pointer-events: none; } .get-started-page .step-multiply .bottom-content { opacity: 0; pointer-events: none; } /* process animation */ .get-started-page .process-screen .progress-circle { width: 210px; height: 210px; border-radius: 50%; background: #0d7b40; position: relative; margin: 20px auto; } .get-started-page .process-screen .progress-circle .progress-text { font-size: 13px; color: #000; z-index: 9; } .get-started-page .process-screen .progress-circle::after { content: ""; position: absolute; inset: 9px; background: #fff; border-radius: 50%; } .get-started-page .process-screen .progress-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; font-weight: 600; } /* plans */ .get-started-page .plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 16px 0; } .get-started-page .plan { border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px; cursor: pointer; transition: all 0.3s; } .get-started-page .plan:hover { border-color: #4f46e5; background: #f9fafb; } .get-started-page .plan.selected { border-color: #4f46e5; background: #eef2ff; } q .get-started-page .plan-title { font-weight: 700; margin-bottom: 8px; } .button-pulse { width: 243px; text-align: center; border-radius: 9px; box-shadow: 0 0 0 0 rgba(52, 147, 29, 0.7); transform: scale(1); animation: pulse 2.9s cubic-bezier(0.75, 0, 0, 1) infinite; } @media (max-width: 480px) { .button-pulse { width: 200px; } } @media (max-width: 420px) { .button-pulse { width: 180px; } } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(52, 147, 29, 0.7); transform: scale(1); } 50% { box-shadow: 0 0 0 8px rgba(52, 147, 29, 0); transform: scale(1.01); } 100% { box-shadow: 0 0 0 0 rgba(52, 147, 29, 0.7); transform: scale(1); } } .get-started-page { font-family: "Montserrat"; } .get-started-page button { font-family: "Montserrat"; } .get-started-page .row452 { overflow-x: hidden; } .get-started-page .row452 .header { height: 75px; position: fixed; top: 0; max-width: 452px; width: 100%; z-index: 999; background: #fff; } .get-started-page .row452 .header .site-logo img { width: 100%; max-width: 38px; max-height: 75px; } @media (max-width: 576px) { .get-started-page .row452 .header { margin-left: -10px; } } .get-started-page .row452 .header.show-nav .top-content { justify-content: space-between; } .get-started-page .row452 .header .top-content { display: flex; justify-content: center; align-items: center; padding: 10px 15px; margin-bottom: 5px; } .get-started-page .row452 .header .timer-sticky { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; margin-top: -15px; } .get-started-page .row452 .header .timer-sticky .timer-advanced { display: flex; align-items: flex-start; } .get-started-page .row452 .header .timer-sticky .timer-advanced .colon { font-weight: 600; font-size: 32px; line-height: 33px; color: #0d7b40; padding: 0px 10px; } @media (max-width: 420px) { .get-started-page .row452 .header .timer-sticky .timer-advanced .colon { font-size: 28px; padding: 0 6px; } } .get-started-page .row452 .header .timer-sticky .timer-advanced .timer-block { display: flex; flex-direction: column; text-align: center; } .get-started-page .row452 .header .timer-sticky .timer-advanced .timer-block .value { font-weight: 400; font-size: 28px; line-height: 33px; color: #0d7b40; } @media (max-width: 420px) { .get-started-page .row452 .header .timer-sticky .timer-advanced .timer-block .value { font-size: 24px; } } .get-started-page .row452 .header .timer-sticky .timer-advanced .timer-block .label { font-size: 12px; line-height: 12px !important; margin-top: 4px; color: #292d32; font-weight: 600; } @media (max-width: 420px) { .get-started-page .row452 .header .timer-sticky .timer-advanced .timer-block .label { font-size: 11px; } } .get-started-page .row452 .steps { height: calc(100% - 75px); padding-top: 75px; } .get-started-page .row452 .steps .process-screen { padding: 30px 0; } @media (max-width: 576px) { .get-started-page .row452 .steps .process-screen { padding-top: 10px; } } .get-started-page .row452 .steps .process-screen .reviews-block .item { color: #000; line-height: 1.4; padding: 20px 16px; border: 1px solid #c4c7cc; border-radius: 8px; } @media (max-width: 576px) { .get-started-page .row452 .steps .process-screen .reviews-block .item { padding: 16px; } } .get-started-page .row452 .steps .process-screen .reviews-block .item .text { font-size: 15px; margin-bottom: 10px; } @media (max-width: 576px) { .get-started-page .row452 .steps .process-screen .reviews-block .item .text { font-size: 14px; } } .get-started-page .row452 .steps .process-screen .reviews-block .item strong { margin-bottom: 10px; display: block; } .get-started-page .row452 .steps .process-screen .reviews-block .item .name { margin-bottom: 10px; color: #bfbfbf; } .get-started-page .row452 .steps .process-screen h2 { font-size: 20px; font-weight: 500; text-align: center; } @media (max-width: 576px) { .get-started-page .row452 .steps .process-screen h2 { margin-bottom: 15px; } } .get-started-page .row452 .steps .additional-payment.after-skip { text-align: center; overflow: hidden; font-family: "Montserrat"; padding: 30px 0; } .get-started-page .row452 .steps .additional-payment.after-skip h2 { font-size: 28px; } .get-started-page .row452 .steps .additional-payment { padding: 15px 0 30px; font-family: "Manrope", sans-serif; } .get-started-page .row452 .steps .additional-payment .text-center { margin-bottom: 20px; } .get-started-page .row452 .steps .additional-payment .text-center h2 { font-size: 24px; margin-bottom: 10px; color: #031423; --tw-leading: 130%; line-height: 130%; --tw-tracking: 0.156px; letter-spacing: 0.156px; } .get-started-page .row452 .steps .additional-payment .text-center p { font-size: 16px; --tw-tracking: 0.156px; letter-spacing: 0.156px; color: #95a2a6; font-weight: 600; } .get-started-page .row452 .steps .additional-payment .image { margin-bottom: 20px; } .get-started-page .row452 .steps .additional-payment .text-options { margin-bottom: 20px; } .get-started-page .row452 .steps .additional-payment .text-options h2 { font-size: 24px; margin-bottom: 15px; color: #031423; --tw-leading: 130%; line-height: 130%; --tw-tracking: 0.156px; letter-spacing: 0.156px; } .get-started-page .row452 .steps .additional-payment .text-options p { margin-bottom: 15px; font-weight: 600; --tw-tracking: 0.156px; letter-spacing: 0.156px; --tw-leading: 130%; line-height: 130%; font-size: 16px; color: #333d40; } .get-started-page .row452 .steps .additional-payment .text-options p:last-child { margin-bottom: 0; } .get-started-page .row452 .steps .additional-payment .text-image { padding: 14px 16px; background: #f4f9ed; border-radius: 14px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } @media (max-width: 576px) { .get-started-page .row452 .steps .additional-payment .text-image { display: block; } } .get-started-page .row452 .steps .additional-payment .text-image .left-content { max-width: 300px; margin-right: 10px; } @media (max-width: 576px) { .get-started-page .row452 .steps .additional-payment .text-image .left-content { margin-right: 0; margin-bottom: 20px; } } .get-started-page .row452 .steps .additional-payment .text-image .left-content h3 { margin-bottom: 10px; font-size: 18px; color: #00141a; --tw-leading: 22px; line-height: 22px; } .get-started-page .row452 .steps .additional-payment .text-image .left-content p { font-size: 13px; color: #333d40; font-weight: 500; padding-bottom: 0; margin-bottom: 6px; } .get-started-page .row452 .steps .additional-payment .text-image .left-content p:last-child { margin-bottom: 0; } .get-started-page .row452 .steps .additional-payment .text-image .right-content { max-width: 131px; } .get-started-page .row452 .steps .additional-payment .text-image .right-content img { width: 141px; height: 178px; object-fit: cover; } .get-started-page .row452 .steps .additional-payment .title-block h2 { font-size: 22px; --tw-tracking: 0.156px; letter-spacing: 0.156px; --tw-leading: 130%; line-height: 130%; color: #031423; margin-bottom: 15px; } .get-started-page .row452 .steps .additional-payment .text-block { margin-bottom: 30px; } .get-started-page .row452 .steps .additional-payment .text-block h3 { font-size: 21px; --tw-tracking: 0.156px; letter-spacing: 0.156px; --tw-leading: 130%; line-height: 130%; color: #031423; margin-bottom: 15px; } .get-started-page .row452 .steps .additional-payment .text-block p { font-size: 16px; color: #333d40; font-weight: 600; } .get-started-page .row452 .steps .additional-payment .text-block p span { font-weight: 600; display: block; margin-bottom: 5px; } .get-started-page .row452 .steps .additional-payment .text-block .text h2 { font-size: 22px; --tw-tracking: 0.156px; letter-spacing: 0.156px; --tw-leading: 130%; line-height: 130%; color: #031423; font-weight: 700; margin-bottom: 15px; } .get-started-page .row452 .steps .additional-payment .text-block .text p { font-size: 16px; font-weight: 600; color: #333d40; --tw-tracking: 0.156px; letter-spacing: 0.156px; --tw-leading: 130%; line-height: 130%; } .get-started-page .row452 .steps .additional-payment .reviews-block > .text { font-size: 22px; --tw-tracking: 0.156px; letter-spacing: 0.156px; --tw-leading: 130%; line-height: 130%; color: #031423; font-weight: 700; margin-bottom: 15px; } .get-started-page .row452 .steps .additional-payment .reviews-block .reviews { margin-bottom: 30px; } .get-started-page .row452 .steps .additional-payment .reviews-block .reviews .item { margin-bottom: 10px; } .get-started-page .row452 .steps .additional-payment .reviews-block .reviews .item .wrap { margin-bottom: 5px; padding: 16px; border: 2px solid #dae3e6; border-radius: 16px; } .get-started-page .row452 .steps .additional-payment .reviews-block .reviews .item .wrap .text { font-size: 13px; font-weight: 600; color: #333d40; margin-bottom: 10px; } .get-started-page .row452 .steps .additional-payment .reviews-block .reviews .item .wrapper { display: flex; align-items: center; justify-content: space-between; } .get-started-page .row452 .steps .additional-payment .reviews-block .reviews .item .wrapper .name { font-size: 13px; color: #00141a; font-weight: 600; } .get-started-page .row452 .steps .additional-payment .reviews-block .reviews .item .wrapper .verify-text { display: flex; align-items: center; font-size: 13px; color: #0ead63; font-weight: 600; } .get-started-page .row452 .steps .additional-payment .reviews-block .reviews .item .wrapper .verify-text svg { margin-right: 6px; } .get-started-page .row452 .steps .additional-payment .cards { margin-bottom: 30px; } .get-started-page .row452 .steps .additional-payment .cards .card { padding: 18px; padding-bottom: 0; background: #eff7ea; border-radius: 20px; margin-bottom: 15px; display: flex; flex-direction: column; text-align: center; } .get-started-page .row452 .steps .additional-payment .cards .card:last-child { margin-bottom: 0; } .get-started-page .row452 .steps .additional-payment .cards .card:last-child img { padding: 15px; padding-top: 0; } .get-started-page .row452 .steps .additional-payment .cards .card .text { margin-bottom: 20px; text-align: left; } .get-started-page .row452 .steps .additional-payment .cards .card .text h3 { margin-bottom: 10px; font-size: 20px; color: #031423; max-width: 300px; } .get-started-page .row452 .steps .additional-payment .cards .card .text p { font-size: 16px; color: #333d40; font-weight: 600; } .get-started-page .row452 .steps .additional-payment .pricing-section { margin-bottom: 30px; } .get-started-page .row452 .steps .additional-payment .pricing-section .pricing-title { font-size: 22px; --tw-tracking: 0.156px; letter-spacing: 0.156px; --tw-leading: 130%; line-height: 130%; color: #031423; margin-bottom: 15px; max-width: 270px; } .get-started-page .row452 .steps .additional-payment .pricing-section .buy-plan-button { width: 100%; border-radius: 10px; text-align: center; } .get-started-page .row452 .steps .additional-payment .pricing-section .plan-description p { font-weight: 500; color: #95a2a6; font-size: 12px; margin-bottom: 20px; } .get-started-page .row452 .steps .additional-payment .pricing-section .pricing-item { display: flex; align-items: center; justify-content: space-between; padding: 13px 0; border-top: 2px solid #dae3e6; border-bottom: 2px solid #dae3e6; } .get-started-page .row452 .steps .additional-payment .pricing-section .pricing-item .plan-name { margin-right: 10px; font-size: 16px; --tw-tracking: 0.156px; letter-spacing: 0.156px; --tw-leading: 150%; line-height: 150%; font-weight: 600; color: #333d40; } @media (max-width: 575px) { .get-started-page .row452 .steps .additional-payment .pricing-section .pricing-item .plan-name { font-size: 13px; } } .get-started-page .row452 .steps .additional-payment .pricing-section .pricing-item .plan-pricing { max-width: 130px; } .get-started-page .row452 .steps .additional-payment .pricing-section .pricing-item .plan-pricing .current-price { font-size: 16px; color: #333d40; --tw-tracking: 0.156px; letter-spacing: 0.156px; font-weight: 600; margin-right: 10px; } .get-started-page .row452 .steps .additional-payment .pricing-section .pricing-item .plan-pricing .old-price { text-decoration-line: line-through; color: #95a2a6; font-size: 16px; font-weight: 600; --tw-leading: 150%; line-height: 150%; --tw-tracking: 0.156px; letter-spacing: 0.156px; } .get-started-page .row452 .steps .additional-payment .pricing-section .pricing-item.free-item { border-top: none; margin-bottom: 8px; } .get-started-page .row452 .steps .additional-payment .pricing-section .pricing-item.free-item .plan-pricing { display: flex; } .get-started-page .row452 .steps .additional-payment .pricing-section .pricing-item.free-item .plan-pricing .old-price { color: #f291b2; } .get-started-page .row452 .steps .additional-payment .pricing-section .pricing-item.free-item .plan-pricing .free-badge { color: #eef6fe; font-size: 16px; font-weight: 600; border-radius: 5px; background: #f20051; padding: 2px 6px; display: flex; align-items: center; margin-right: 10px; } .get-started-page .row452 .steps .additional-payment .pricing-section .pricing-item.free-item .plan-pricing .free-badge svg { margin-right: 3px; } .get-started-page .row452 .steps .payment-screen { padding: 15px 0 30px; margin-bottom: 10px; } .get-started-page .row452 .steps .payment-screen .payment-slider { margin: 30px 0; } .get-started-page .row452 .steps .payment-screen .cards-block .card { max-width: 380px; margin: 0 auto; margin-bottom: 20px; } .get-started-page .row452 .steps .payment-screen .cards-block .card .nick { margin-bottom: 10px; font-size: 15px; color: #000; } .get-started-page .row452 .steps .payment-screen .cards-block .card .text { font-size: 15px; color: #000; line-height: 1.4; padding: 19px 14px; border: 1px solid #c4c7cc; border-radius: 8px; } .get-started-page .row452 .steps .payment-screen .cards-block .card .stars { margin-top: 10px; } .get-started-page .row452 .steps .payment-screen .text-blue-icons { margin-bottom: 30px; } .get-started-page .row452 .steps .payment-screen .text-blue-icons h3 { color: #24234c; font-weight: 600; text-align: center; margin-bottom: 15px; font-size: 22px; } .get-started-page .row452 .steps .payment-screen .text-blue-icons p { font-size: 15px; color: #24234c; display: flex; align-items: flex-start; max-width: 378px; margin-bottom: 10px; line-height: 1.4; } .get-started-page .row452 .steps .payment-screen .text-blue-icons p:last-child { margin-bottom: 0; } .get-started-page .row452 .steps .payment-screen .text-blue-icons p img { margin-right: 10px; } .get-started-page .row452 .steps .payment-screen .selected-plan-desc { padding: 20px; font-size: 13px; color: #6e6e6e; border: 1px solid #e3e5e8; border-radius: 15px; margin: 10px; line-height: 1.4; } .get-started-page .row452 .steps .payment-screen .image5 { text-align: center; margin-bottom: 20px; } .get-started-page .row452 .steps .payment-screen .image5 img { max-width: 170px; } .get-started-page .row452 .steps .payment-screen .text-block-green { padding: 30px 20px; background: #f2f9ed; text-align: center; margin-bottom: 25px; } .get-started-page .row452 .steps .payment-screen .text-block-green img { max-width: 120px; } .get-started-page .row452 .steps .payment-screen .text-block-green h3 { margin-bottom: 20px; font-weight: 600; font-size: 22px; } .get-started-page .row452 .steps .payment-screen .text-block-green p { font-size: 13px; max-width: 385px; margin: 0 auto; margin-bottom: 20px; line-height: 1.4; } .get-started-page .row452 .steps .payment-screen .text-block-green p:last-child { margin-bottom: 0; } .get-started-page .row452 .steps .payment-screen .text-block-green p a { color: #000; } .get-started-page .row452 .steps .payment-screen .image6 { text-align: center; margin-bottom: 20px; } .get-started-page .row452 .steps .payment-screen .image6 .small-text { text-align: center; font-size: 10px; color: #000; } .get-started-page .row452 .steps .payment-screen .image6 img { max-width: 293px; margin-bottom: 15px; } .get-started-page .row452 .steps .payment-screen .choose-plan-cta { position: relative; right: -8px; border-radius: 9px; height: 50px; width: calc(100% - 16px) !important; } .get-started-page .row452 .steps .payment-screen .plans { margin: 0 10px; } .get-started-page .row452 .steps .payment-screen .plans .plan-option { cursor: pointer; } .get-started-page .row452 .steps .payment-screen .plans .plan-option input { display: none; } .get-started-page .row452 .steps .payment-screen .plans .plan-option input:checked + label { border-color: #0d7b40 !important; background: #fff; } .get-started-page .row452 .steps .payment-screen .plans .plan-option input:checked + label:before { border-color: #0d7b40 !important; } .get-started-page .row452 .steps .payment-screen .plans .plan-option input:checked + label:after { background: #0d7b40 !important; } .get-started-page .row452 .steps .payment-screen .plans .plan-option .most-popular { text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #fff; background: #0d7b40; padding: 3px; font-weight: 600; font-size: 12px; position: relative; z-index: 2; } .get-started-page .row452 .steps .payment-screen .plans .plan-option .most-popular + input + label { border: none; padding-top: 13px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; margin-top: -6px; } .get-started-page .row452 .steps .payment-screen .plans .plan-option label { border: 1px solid #d2d2d2; background: #f7f7f7; padding: 10px; border-radius: 10px; margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between; padding-left: 45px; position: relative; } .get-started-page .row452 .steps .payment-screen .plans .plan-option label:before { content: ""; position: absolute; top: 50%; transform: translate(0%, -50%); left: 10px; width: 22px; height: 22px; border: 2px solid #d2d2d2; border-radius: 50%; } .get-started-page .row452 .steps .payment-screen .plans .plan-option label:after { content: ""; position: absolute; top: 50%; transform: translate(0%, -50%); left: 15px; width: 16px; height: 16px; background: transparent; border-radius: 50%; } .get-started-page .row452 .steps .payment-screen .plans .plan-option .left-content .plan-title { font-size: 15px; color: #222; margin-bottom: 4px; font-weight: 600; } .get-started-page .row452 .steps .payment-screen .plans .plan-option .left-content .plan-save { padding: 2px 5px; color: #fff; background: #0d7b40; border-radius: 5px; font-size: 11px; margin-bottom: 4px; font-weight: 500; width: max-content; } .get-started-page .row452 .steps .payment-screen .plans .plan-option .left-content .plan-price { font-size: 14px; color: #000; } .get-started-page .row452 .steps .payment-screen .plans .plan-option .left-content .plan-price span { font-size: 14px; color: #6b607c; opacity: 0.4; position: relative; } .get-started-page .row452 .steps .payment-screen .plans .plan-option .left-content .plan-price span:before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 2px; background-color: #e0455e; transform: translateY(-50%); } .get-started-page .row452 .steps .payment-screen .plans .plan-option .right-content { /* Символ валюти (малий, зверху трохи зміщений) */ /* Велике ціле число */ /* Блок для дробової частини і підпису */ /* Дрібна «копійки» (піднесена) */ /* Текст-підпис */ } .get-started-page .row452 .steps .payment-screen .plans .plan-option .right-content .price-day { --bg: #ebebeb; --text: #080808; display: inline-flex; align-items: center; gap: 0px; padding: 8px 10px 8px 28px; background: var(--bg); color: var(--text); border-radius: 12px; font-family: "Montserrat"; position: relative; /* кутовий виріз зліва */ -webkit-clip-path: polygon(12% 0, 100% 0, 100% 100%, 12% 100%, 0 50%); clip-path: polygon(12% 0, 100% 0, 100% 100%, 12% 100%, 0 50%); box-shadow: 0 2px 0 rgba(0, 0, 0, .03); vertical-align: middle; } .get-started-page .row452 .steps .payment-screen .plans .plan-option .right-content .price-day .simbol { font-size: 16px; font-weight: 700; line-height: 1; margin-right: 3px; margin-left: -6px; /* трохи «запхаємо» символ ближче до вирізу */ transform: translateY(-6px); } .get-started-page .row452 .steps .payment-screen .plans .plan-option .right-content .price-day .main { font-size: 36px; font-weight: 800; line-height: 1; display: inline-block; margin-right: 4px; } .get-started-page .row452 .steps .payment-screen .plans .plan-option .right-content .price-day .meta { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; line-height: 0.4; margin-bottom: -7px; } .get-started-page .row452 .steps .payment-screen .plans .plan-option .right-content .price-day .meta .c { font-size: 16px; font-weight: 700; transform: translateY(-6px); } .get-started-page .row452 .steps .payment-screen .plans .plan-option .right-content .price-day .meta .t { font-size: 10px; color: #666; margin-top: 4px; font-weight: 600; text-transform: none; } .get-started-page .row452 .steps .payment-screen .image1 { margin-bottom: 20px; } .get-started-page .row452 .steps .payment-screen .image1 img { margin-bottom: 5px; } .get-started-page .row452 .steps .payment-screen .image1 span { font-size: 9px; color: #bfbfbf; } .get-started-page .row452 .steps .payment-screen h3.mini-title { color: #24234c; font-size: 18px; font-weight: 600; text-align: center; margin-bottom: 15px; } .get-started-page .row452 .steps .payment-screen h3.mini-title.fz22 { font-size: 22px; } .get-started-page .row452 .steps .payment-screen h3.mini-title.fz20 { font-size: 20px; } .get-started-page .row452 .steps .payment-screen h3.mini-title.mb30 { margin-bottom: 30px; } .get-started-page .row452 .steps .payment-screen h3.mini-title span, .get-started-page .row452 .steps .payment-screen h3.mini-title strong { font-weight: 700; } .get-started-page .row452 .steps .payment-screen .image2 { margin-bottom: 25px; } .get-started-page .row452 .steps .payment-screen .image3 { margin: 0 10px; margin-bottom: 25px; } .get-started-page .row452 .steps .payment-screen .image3 span { font-size: 9px; color: #bfbfbf; } .get-started-page .row452 .steps .payment-screen .image3 .wrap-el { background: #fff; border-radius: 20px; box-shadow: 0px 0px 16px 7px rgba(226, 241, 255, 0.6); margin-bottom: 7px; } .get-started-page .row452 .steps .payment-screen .image3 .wrap-el .options { padding: 15px; } .get-started-page .row452 .steps .payment-screen .image3 .wrap-el .options p { font-size: 14px; color: #111; margin-bottom: 10px; font-weight: 600; line-height: 1.8; } .get-started-page .row452 .steps .payment-screen .image3 .wrap-el .options p br { margin-bottom: 10px; } .get-started-page .row452 .steps .payment-screen .text-icons { margin: 0 10px; margin-bottom: 25px; } .get-started-page .row452 .steps .payment-screen .text-icons p { font-size: 15px; color: #242349; margin-bottom: 10px; display: flex; align-items: center; font-weight: 500; } .get-started-page .row452 .steps .payment-screen .text-icons p img { width: 45px; height: 45px; margin-right: 8px; object-fit: cover; } .get-started-page .row452 .steps .payment-screen .image4 { background: #fff; padding: 15px; border-radius: 20px; box-shadow: 0px 0px 16px 7px rgba(226, 241, 255, 0.6); margin: 0 10px; margin-bottom: 15px; text-align: center; } .get-started-page .row452 .steps .payment-screen .image4 img { max-width: 306px; margin-top: 10px; } .get-started-page .row452 .steps .payment-screen .image4 p { margin-bottom: 5px; font-size: 16px; color: #24234c e6; } .get-started-page .row452 .steps .payment-screen .image4 p strong { font-size: 22px; color: #25244d; font-weight: 600; } .get-started-page .row452 .steps .payment-screen .text-block { border-radius: 20px; background: #edf6ff; padding: 15px; text-align: center; margin-bottom: 15px; } .get-started-page .row452 .steps .payment-screen .text-block img { margin-bottom: -4px; width: 30px; } .get-started-page .row452 .steps .payment-screen .text-block p strong { margin-top: -17px; margin-bottom: 10px; display: block; } .get-started-page .row452 .steps .payment-screen .orange-timer { margin: 0 15px; background: #f9f4eb; padding: 10px; border-radius: 10px; text-align: center; display: flex; align-items: center; justify-content: center; color: #c63d23; font-size: 12px; margin-bottom: 15px; } .get-started-page .row452 .steps .payment-screen .orange-timer span { font-weight: 700; margin: 0 5px; } .get-started-page .row452 .steps .payment-screen .orange-timer img { width: 26px; height: 26px; margin-right: 7px; } .get-started-page .row452 .steps .email-screen, .get-started-page .row452 .steps .name-screen { display: flex; flex-direction: column; justify-content: space-between; padding: 30px 15px 15px; } .get-started-page .row452 .steps .email-screen input, .get-started-page .row452 .steps .name-screen input { width: 100%; max-width: 398px; margin: 0 auto; background: transparent; line-height: 1.15; font-size: 16px; color: #000; font-weight: 400; height: 56px; border-radius: 10px; margin-bottom: 15px; border: 2px solid #dae3e6; padding: 10px 15px; transition: 0.3s all ease; text-align: center; } .get-started-page .row452 .steps .email-screen input:focus, .get-started-page .row452 .steps .name-screen input:focus { outline: none; border-color: #777; background: #fafafa; } .get-started-page .row452 .steps .email-screen input::placeholder, .get-started-page .row452 .steps .name-screen input::placeholder { text-align: center; } .get-started-page .row452 .steps .email-screen .small-text, .get-started-page .row452 .steps .name-screen .small-text { max-width: 283px; margin: 0 auto; font-size: 10px; color: #7f7f7f; text-align: center; } .get-started-page .row452 .steps .email-screen .small-text a, .get-started-page .row452 .steps .name-screen .small-text a { color: #000; text-decoration: underline; } .get-started-page .row452 .steps .email-screen button, .get-started-page .row452 .steps .name-screen button { width: 100%; margin-bottom: 10px; border-radius: 15px; height: 55px; font-size: 17px; font-weight: 800; transition: 0.3s all ease; } .get-started-page .row452 .steps .email-screen button span, .get-started-page .row452 .steps .name-screen button span { font-size: 17px; font-weight: 800; } .get-started-page .row452 .steps .email-screen button:after, .get-started-page .row452 .steps .name-screen button:after { font-size: 17px; font-weight: 800; } .get-started-page .row452 .steps .email-screen h2, .get-started-page .row452 .steps .name-screen h2 { font-size: 32px; font-weight: 700; max-width: 380px; line-height: 1.2; margin: 0 auto; margin-bottom: 25px; text-align: center; } .get-started-page .row452 .steps .email-screen h2 img, .get-started-page .row452 .steps .name-screen h2 img { margin-bottom: 0 !important; margin-right: 15px; } .get-started-page .row452 .steps .step { padding: 30px 15px 15px; } .get-started-page .row452 .steps .step h3 { margin-bottom: 10px; } .get-started-page .row452 .steps .step h2 { font-size: 28px; font-weight: 700; max-width: 372px; line-height: 1.2; margin: 0 auto; margin-bottom: 25px; } .get-started-page .row452 .steps .step h2 img { margin-bottom: 0 !important; margin-right: 15px; } .get-started-page .row452 .steps .step p { font-size: 14px; font-weight: 500; color: #7d7d7d; max-width: 330px; margin: 0 auto; margin-bottom: 25px; } .get-started-page .row452 .steps .step .sticky-text { text-align: center; margin-bottom: 10px; background: #fff; border-radius: 10px; width: 100%; font-size: 16px; color: #89898b; padding: 16px 0; } .get-started-page .row452 .steps .step.step-information { display: flex; flex-direction: column; justify-content: space-between; } .get-started-page .row452 .steps .step.step-information img { border-radius: 10px; margin-bottom: 20px; } .get-started-page .row452 .steps .step.step-information h2 { font-weight: 600; } .get-started-page .row452 .steps .step.step-information p { font-size: 16px; color: #2b2b33; line-height: 1.35; } .get-started-page .row452 .steps .step.step-information h2, .get-started-page .row452 .steps .step.step-information p { max-width: 100%; } .get-started-page .row452 .steps .step.step-information .top-content { display: flex; flex-direction: column; } .get-started-page .row452 .steps .step.step-information .top-content.reverse { flex-direction: column-reverse; } .get-started-page .row452 .steps .step.step-information .bottom-content { position: sticky; bottom: 0; left: 0; right: 0; } .get-started-page .row452 .steps .step.step-information .bottom-content button { width: 100%; margin-bottom: 10px; border-radius: 15px; height: 55px; font-size: 17px; font-weight: 800; transition: 0.3s all ease; } .get-started-page .row452 .steps .step.step-information .bottom-content button span { font-size: 17px; font-weight: 800; } .get-started-page .row452 .steps .step.step-information .bottom-content button:after { font-size: 17px; font-weight: 800; } .get-started-page .row452 .steps .step.step-multiply { display: flex; flex-direction: column; justify-content: space-between; } .get-started-page .row452 .steps .step.step-multiply h2, .get-started-page .row452 .steps .step.step-multiply p { margin-bottom: 15px; } .get-started-page .row452 .steps .step.step-multiply .bottom-content { position: sticky; bottom: 0; left: 0; right: 0; } .get-started-page .row452 .steps .step.step-multiply .bottom-content button { width: 100%; margin-bottom: 10px; border-radius: 15px; height: 55px; font-size: 17px; font-weight: 800; transition: 0.3s all ease; } .get-started-page .row452 .steps .step.step-multiply .bottom-content button span { font-size: 17px; font-weight: 800; } .get-started-page .row452 .steps .step.step-multiply .bottom-content button:after { font-size: 17px; font-weight: 800; } .get-started-page .row452 .steps .step.step-multiply input { display: none; } .get-started-page .row452 .steps .step.step-multiply .elements label { cursor: pointer; width: 100%; max-width: 398px; margin: 0 auto; background: transparent; line-height: 1.15; font-size: 16px; color: #000; font-weight: 700; height: 56px; border-radius: 10px; margin-bottom: 10px; border: 2px solid #dae3e6; padding: 8px 12px; display: flex; align-items: center; position: relative; padding-right: 45px; transition: 0.3s all ease; } .get-started-page .row452 .steps .step.step-multiply .elements label:before { content: ""; position: absolute; top: 50%; right: 16px; width: 18px; height: 18px; background: transparent; border: 2px solid #ddd; border-radius: 6px; transform: translate(0%, -50%); transition: 0.3s all ease; display: flex; align-items: center; justify-content: center; color: #fff; } .get-started-page .row452 .steps .step.step-multiply .elements label .img { display: block; max-height: 28px; max-width: 45px; width: 100%; margin-right: 15px; } .get-started-page .row452 .steps .step.step-multiply .elements label .img img { max-height: 28px; max-width: 45px; } .get-started-page .row452 .steps .step.step-multiply .elements input:checked + label { border-color: #0d7b40; } .get-started-page .row452 .steps .step.step-multiply .elements input:checked + label:before { content: "✓"; background-color: #0d7b40; border-color: #0d7b40; } .get-started-page .row452 .steps .step.step-checkboxes .elements button { width: 100%; max-width: 398px; margin: 0 auto; background: transparent; line-height: 1.15; font-size: 16px; color: #000; font-weight: 700; height: 56px; border-radius: 10px; margin-bottom: 15px; border: 2px solid #dae3e6; padding: 10px 15px; text-align: center; } .get-started-page .row452 .steps .step.step-checkboxes .elements button:after { display: none; } .get-started-page .row452 .steps .step.step-checkboxes .elements button.has-image { display: flex; align-items: center; text-align: left; } .get-started-page .row452 .steps .step.step-checkboxes .elements button.has-image .img { display: block; max-height: 28px; max-width: 45px; width: 100%; margin-right: 15px; } .get-started-page .row452 .steps .step.step-checkboxes .elements button.has-image .img img { max-height: 28px; max-width: 45px; } .get-started-page .row452 .steps .first-screen { padding: 5px 0; display: flex; flex-direction: column; justify-content: space-between; } .get-started-page .row452 .steps .first-screen h2 { font-size: 24px; font-weight: 600; margin-bottom: 20px; line-height: 1.2; } .get-started-page .row452 .steps .first-screen h2 strong { font-weight: 700; } .get-started-page .row452 .steps .first-screen .bottom-content { margin-bottom: 100%; } .get-started-page .row452 .steps .first-screen p { font-size: 20px; font-weight: 600; margin-bottom: 20px; } .get-started-page .row452 .steps .first-screen .small-text { text-align: center; font-size: 9px; font-weight: 400; color: #727886; margin-bottom: 4px; } @media (max-width: 576px) { .get-started-page .row452 .steps .first-screen .bottom-content { margin-bottom: 200px; } } .get-started-page .row452 .steps .first-screen button { width: 100%; margin-bottom: 10px; border-radius: 15px; height: 55px; font-size: 17px; font-weight: 800; } .get-started-page .row452 .steps .first-screen button span { font-size: 17px; font-weight: 800; } .get-started-page .row452 .steps .first-screen button:after { font-size: 17px; font-weight: 800; } .get-started-page .row452 .steps .first-screen .links { display: flex; align-items: center; justify-content: center; } .get-started-page .row452 .steps .first-screen .links a { text-align: center; color: #030303; text-decoration: underline; font-size: 10px; margin-right: 10px; } .get-started-page .row452 .steps .first-screen .links a:last-child { margin-right: 0; } @media (max-width: 576px) { .get-started-page .row452 .steps .first-screen .top-content { text-align: center; } } @media screen and (max-height: 830px) { .get-started-page .row452 .steps .first-screen .top-content { text-align: center; } } @media (max-width: 576px) { .get-started-page .row452 .steps .first-screen img { margin-bottom: 20px; } } @media screen and (max-height: 830px) { .get-started-page .row452 .steps .first-screen img { max-width: 400px; } } @media screen and (max-height: 770px) { .get-started-page .row452 .steps .first-screen img { max-width: 280px; } } .get-started-page .row452 .steps .after-payment-screen { padding: 30px 0; text-align: center; } .get-started-page .row452 .steps .after-payment-screen h2 { font-size: 28px; } .get-started-page .row452 .steps img { max-width: 100%; } .llms-checkout-wrapper { font-family: "Montserrat", sans-serif; padding: 20px 15px; max-width: 800px; margin: 0 auto; } .llms-checkout-wrapper .llms-notice { text-align: center; padding: 15px; background: #fff; border-radius: 10px; margin-bottom: 20px; font-size: 14px; color: #333d40; font-weight: 500; } .llms-checkout-wrapper .llms-notice a { color: #0d7b40; text-decoration: underline; font-weight: 600; margin-left: 5px; } .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-login .llms-form-fields .llms-form-field { margin-bottom: 15px; display: block; width: 100%; } .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-login .llms-form-fields .llms-form-field label { display: block; font-size: 14px; font-weight: 600; color: #031423; margin-bottom: 8px; } .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-login .llms-form-fields .llms-form-field label .llms-required { color: #e5554e; margin-left: 3px; } .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-login .llms-form-fields .llms-form-field .llms-field-input { width: 100%; background: transparent; line-height: 1.15; font-size: 16px; color: #000; font-weight: 400; height: 50px; border-radius: 10px; border: 2px solid #dae3e6; padding: 10px 15px; transition: 0.3s all ease; } .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-login .llms-form-fields .llms-form-field .llms-field-input:focus { outline: none; border-color: #0d7b40; background: #fafafa; } .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-login .llms-form-fields .llms-form-field.type-password { position: relative; } .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-login .llms-form-fields .llms-form-field.type-password .llms-visibility-toggle { position: absolute; right: 15px; top: 38px; } .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-login .llms-form-fields .llms-form-field.type-password .llms-visibility-toggle button { background: none; border: none; color: #0d7b40; cursor: pointer; font-size: 12px; font-weight: 600; padding: 5px; display: flex; align-items: center; gap: 5px; } .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-login .llms-form-fields .llms-form-field.type-password .llms-visibility-toggle button i { font-size: 14px; } .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-login .llms-form-fields .llms-form-field.type-checkbox { display: flex; align-items: center; gap: 10px; } .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-login .llms-form-fields .llms-form-field.type-checkbox .llms-field-checkbox { width: 18px; height: 18px; cursor: pointer; } .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-login .llms-form-fields .llms-form-field.type-checkbox label { margin-bottom: 0; cursor: pointer; font-weight: 500; } .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-login .llms-form-fields .llms-form-field.type-submit .llms-field-button { width: 100%; height: 55px; border-radius: 15px; background: #0d7b40; color: #fff; border: none; font-size: 17px; font-weight: 800; cursor: pointer; transition: 0.3s all ease; } .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-login .llms-form-fields .llms-form-field.type-submit .llms-field-button:hover { background: #0d7b40; } .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-login .llms-form-fields .llms-form-field.type-html .llms-description { font-size: 13px; color: #7f7f7f; } .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-login .llms-form-fields .llms-form-field.type-html .llms-description a { color: #0d7b40; text-decoration: underline; } .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-login .llms-form-fields .llms-form-field.align-right { text-align: right; } .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-login .llms-form-fields .clear { clear: both; } .llms-checkout-wrapper .llms-checkout .llms-checkout-col { margin-bottom: 20px; } .llms-checkout-wrapper .llms-checkout .llms-checkout-section { background: #fff; border-radius: 15px; padding: 20px; margin-bottom: 20px; border: 2px solid #dae3e6; } .llms-checkout-wrapper .llms-checkout .llms-checkout-section .llms-form-heading { font-size: 22px; font-weight: 700; color: #031423; margin-bottom: 20px; letter-spacing: 0.156px; line-height: 130%; } .llms-checkout-wrapper .llms-checkout .llms-checkout-section .llms-checkout-section-content .llms-form-field { margin-bottom: 15px; display: block; width: 100%; } .llms-checkout-wrapper .llms-checkout .llms-checkout-section .llms-checkout-section-content .llms-form-field label { display: block; font-size: 14px; font-weight: 600; color: #031423; margin-bottom: 8px; } .llms-checkout-wrapper .llms-checkout .llms-checkout-section .llms-checkout-section-content .llms-form-field label .llms-required { color: #e5554e; margin-left: 3px; } .llms-checkout-wrapper .llms-checkout .llms-checkout-section .llms-checkout-section-content .llms-form-field .llms-field-input { width: 100%; background: transparent; line-height: 1.15; font-size: 16px; color: #000; font-weight: 400; height: 50px; border-radius: 10px; border: 2px solid #dae3e6; padding: 10px 15px; transition: 0.3s all ease; } .llms-checkout-wrapper .llms-checkout .llms-checkout-section .llms-checkout-section-content .llms-form-field .llms-field-input:focus { outline: none; border-color: #0d7b40; background: #fafafa; } .llms-checkout-wrapper .llms-checkout .llms-checkout-section .llms-checkout-section-content .llms-form-field .llms-description { font-size: 12px; color: #95a2a6; font-weight: 500; margin-top: 8px; line-height: 1.4; } .llms-checkout-wrapper .llms-checkout .llms-checkout-section .llms-checkout-section-content .llms-form-field .llms-password-strength-meter { padding: 8px 12px; border-radius: 8px; font-size: 13px; font-weight: 600; margin-bottom: 8px; } .llms-checkout-wrapper .llms-checkout .llms-checkout-section .llms-checkout-section-content .llms-form-field .llms-password-strength-meter.strong { background: #f2f9ed; color: #0ead63; } .llms-checkout-wrapper .llms-checkout .llms-checkout-section .llms-checkout-section-content .clear { clear: both; } .llms-checkout-wrapper .llms-checkout .order-summary .llms-order-summary { list-style: none; padding: 0; margin: 0 0 20px 0; } .llms-checkout-wrapper .llms-checkout .order-summary .llms-order-summary li { padding: 13px 0; border-bottom: 2px solid #dae3e6; font-size: 16px; color: #333d40; font-weight: 600; letter-spacing: 0.156px; line-height: 150%; } .llms-checkout-wrapper .llms-checkout .order-summary .llms-order-summary li:first-child { border-top: 2px solid #dae3e6; } .llms-checkout-wrapper .llms-checkout .order-summary .llms-order-summary li .llms-label { display: inline-block; margin-right: 10px; color: #333d40; } .llms-checkout-wrapper .llms-checkout .order-summary .llms-order-summary li.llms-pricing-main { display: flex; justify-content: space-between; align-items: center; } .llms-checkout-wrapper .llms-checkout .order-summary .llms-order-summary li.llms-pricing-main .price-regular .lifterlms-price { font-size: 18px; font-weight: 700; color: #031423; } .llms-checkout-wrapper .llms-checkout .order-summary .llms-order-summary li.llms-pricing-main .price-regular .lifterlms-price .llms-price-currency-symbol { margin-right: 2px; } .llms-checkout-wrapper .llms-checkout .order-summary .llms-coupon-wrapper { text-align: center; font-size: 14px; color: #333d40; margin-bottom: 20px; } .llms-checkout-wrapper .llms-checkout .order-summary .llms-coupon-wrapper a { color: #0d7b40; text-decoration: underline; font-weight: 600; margin-left: 5px; cursor: pointer; } .llms-checkout-wrapper .llms-checkout .order-summary .llms-coupon-wrapper .llms-coupon-entry { margin-top: 15px; display: none; } .llms-checkout-wrapper .llms-checkout .order-summary .llms-coupon-wrapper .llms-coupon-entry.active { display: block; } .llms-checkout-wrapper .llms-checkout .order-summary .llms-coupon-wrapper .llms-coupon-entry .llms-coupon-messages { margin-bottom: 10px; } .llms-checkout-wrapper .llms-checkout .order-summary .llms-coupon-wrapper .llms-coupon-entry .llms-form-field { margin-bottom: 10px; } .llms-checkout-wrapper .llms-checkout .order-summary .llms-coupon-wrapper .llms-coupon-entry .llms-form-field .llms-field-input { width: 100%; height: 50px; border-radius: 10px; border: 2px solid #dae3e6; padding: 10px 15px; font-size: 16px; } .llms-checkout-wrapper .llms-checkout .order-summary .llms-coupon-wrapper .llms-coupon-entry .llms-form-field .llms-field-input:focus { outline: none; border-color: #0d7b40; } .llms-checkout-wrapper .llms-checkout .order-summary .llms-coupon-wrapper .llms-coupon-entry .llms-form-field .llms-field-button { width: 100%; height: 50px; border-radius: 10px; background: #0d7b40; color: #fff; border: none; font-size: 16px; font-weight: 700; cursor: pointer; transition: 0.3s all ease; } .llms-checkout-wrapper .llms-checkout .order-summary .llms-coupon-wrapper .llms-coupon-entry .llms-form-field .llms-field-button:hover { background: #0d7b40; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-payment-gateways { list-style: none; padding: 0; margin: 0 0 20px 0; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-payment-gateways .llms-payment-gateway { margin-bottom: 15px; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-payment-gateways .llms-payment-gateway .llms-payment-gateway-option { display: flex; align-items: center; padding: 15px; border: 2px solid #dae3e6; border-radius: 10px; cursor: pointer; transition: 0.3s all ease; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-payment-gateways .llms-payment-gateway .llms-payment-gateway-option .llms-field-radio { width: 20px; height: 20px; margin-right: 12px; cursor: pointer; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-payment-gateways .llms-payment-gateway .llms-payment-gateway-option label { flex: 1; font-size: 16px; font-weight: 600; color: #031423; cursor: pointer; margin-bottom: 0; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-payment-gateways .llms-payment-gateway .llms-payment-gateway-option .llms-description img { max-width: 80px; height: auto; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-payment-gateways .llms-payment-gateway.is-selected .llms-payment-gateway-option { border-color: #0d7b40; background: #eef2ff; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-payment-gateways .llms-payment-gateway .llms-gateway-description { margin-left: 0; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-payment-gateways .llms-payment-gateway .llms-gateway-description p { padding: 10px 15px; font-size: 13px; color: #6e6e6e; margin: 0; margin-top: 10px; margin-left: 0; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-payment-gateways .llms-payment-gateway .llms-gateway-fields { margin-top: 15px; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-payment-gateways .llms-payment-gateway .llms-gateway-fields .llms-notice { padding: 12px; border-radius: 8px; font-size: 12px; margin-bottom: 15px; line-height: 1.4; text-align: left; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-payment-gateways .llms-payment-gateway .llms-gateway-fields .llms-notice a { color: #0d7b40; text-decoration: underline; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-payment-gateways .llms-payment-gateway .llms-gateway-fields .llms-stripe-cc .llms-stripe-card { border: 2px solid #dae3e6; border-radius: 10px; padding: 15px; background: #fff; transition: 0.3s all ease; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-payment-gateways .llms-payment-gateway .llms-gateway-fields .llms-stripe-cc .llms-stripe-card:focus-within { border-color: #0d7b40; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-payment-gateways .llms-payment-gateway .llms-gateway-fields .llms-stripe-cc .llms-stripe-card-errors { margin-top: 10px; color: #e5554e; font-size: 13px; font-weight: 500; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-checkout-confirm .llms-form-field.type-html { margin-bottom: 15px; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-checkout-confirm .llms-form-field.type-html .llms-field-html { padding: 15px; background: #f9fafb; border-radius: 10px; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-checkout-confirm .llms-form-field.type-html .llms-field-html p, .llms-checkout-wrapper .llms-checkout .payment-details .llms-checkout-confirm .llms-form-field.type-html .llms-field-html a { font-size: 12px; color: #333d40; line-height: 1.5; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-checkout-confirm .llms-form-field.type-html .llms-field-html p { margin: 0; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-checkout-confirm .llms-form-field.type-html .llms-field-html p a { color: #0d7b40; text-decoration: underline; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-checkout-confirm .llms-form-field.type-submit .llms-field-button { width: 100%; height: 55px; border-radius: 15px; background: #0d7b40; color: #fff; border: none; font-size: 17px; font-weight: 800; cursor: pointer; transition: 0.3s all ease; box-shadow: 0 0 0 0 rgba(18, 124, 224, 0.7); animation: pulse 2.9s cubic-bezier(0.75, 0, 0, 1) infinite; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-checkout-confirm .llms-form-field.type-submit .llms-field-button:hover { background: #0d7b40; } .llms-checkout-wrapper .llms-checkout .payment-details .llms-checkout-confirm .llms-form-field.type-submit .llms-field-button:disabled { opacity: 0.5; cursor: not-allowed; animation: none; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(52, 147, 29, 0.7); transform: scale(1); } 50% { box-shadow: 0 0 0 8px rgba(52, 147, 29, 0); transform: scale(1.01); } 100% { box-shadow: 0 0 0 0 rgba(52, 147, 29, 0.7); transform: scale(1); } } @media (max-width: 768px) { .llms-checkout-wrapper { padding: 15px 10px; } .llms-checkout-wrapper .llms-checkout-section { padding: 15px; } .llms-checkout-wrapper .llms-checkout-section .llms-form-heading { font-size: 20px; } } @media (max-width: 480px) { .llms-checkout-wrapper .llms-form-field.llms-cols-6 { width: 100% !important; } } ul.llms-payment-gateways li:last-child:after { margin: 5px 0; } footer.llms-checkout-confirm { padding: 30px 0; } .logged-in .llms-sd-layout-columns { display: block !important; } .llms-student-dashboard.view-courses { padding-bottom: 60px; } .default-page .dashboard a { text-decoration: none !important; } .course-completed-message { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: #10b981; color: white; border-radius: 8px; font-weight: 500; font-size: 16px; } .course-completed-message svg { width: 24px; height: 24px; flex-shrink: 0; } .dashboard-wrap .default-page { padding: 80px 0px 120px; } .dashboard-wrap.my-courses .default-page { padding: 20px 0px; } .dashboard-wrap.my-courses .default-page a { text-decoration: none; } .dashboard-wrap.my-courses .default-page .all-courses .courses .big-item .item { width: 100%; } .dashboard-wrap.my-courses .default-page .all-courses .courses .big-item .item .image { height: 327px; align-items: flex-end; } .dashboard-wrap.my-courses .default-page .all-courses .courses .big-item .item .image img { max-height: 376px; height: 100%; margin-bottom: 0; } .dashboard-wrap .navigation-courses { padding: 15px 0; display: flex; align-items: center; justify-content: center; background-color: #fff; position: fixed; z-index: 99; left: 50%; transform: translate(-50%, 0%); bottom: 0; border-top: 2px solid #e9f0f2; width: 100%; } @media (max-width: 480px) { .dashboard-wrap .navigation-courses { padding: 15px 30px; } } .dashboard-wrap .navigation-courses .wrapper { max-width: 420px; width: 100%; display: flex; align-items: center; justify-content: space-between; } .dashboard-wrap .navigation-courses .wrapper a { font-size: 12px; font-weight: 600; color: #95a2a6; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; } .dashboard-wrap .navigation-courses .wrapper a svg { color: #95a2a6; } .dashboard-wrap .navigation-courses .wrapper a.active { color: #031423; } .dashboard-wrap .navigation-courses .wrapper a.active svg { color: #031423; } .dashboard-wrap .navigation-courses .wrapper a .budge { top: -6px; right: -12px; position: absolute; padding: 0px 3px; border-radius: 4px; background: #0d7b40; color: #fff; font-size: 12px; } .dashboard-wrap .navigation-courses .wrapper svg { width: 30px; height: 30px; margin-bottom: 3px; } .dashboard-wrap .header-dashboard { margin-bottom: 15px; padding: 10px 0; position: fixed; z-index: 99; max-width: 452px; width: 100%; background-color: #fff; left: 50%; transform: translate(-50%, 0%); top: 0; } @media (max-width: 480px) { .dashboard-wrap .header-dashboard { padding: 10px; } } .dashboard-wrap .header-dashboard .left-content { margin-right: 10px; } .dashboard-wrap .header-dashboard .left-content img { max-width: 65px; margin-bottom: 0; } .dashboard-wrap .header-dashboard .right-content .stike { border-radius: 20px; margin-right: 10px; padding: 4px 12px; color: #fff; font-size: 18px; font-weight: 700; } .dashboard-wrap .header-dashboard .right-content .stike svg { margin-right: 5px; } .dashboard-wrap .header-dashboard .right-content .account { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: 0.3s all ease; background: transparent; } .dashboard-wrap .header-dashboard .right-content .account:hover { background: #e9f0f2; } .dashboard-wrap .header-dashboard .right-content .account svg path { color: #b0b0b0; } .dashboard-wrap .daily-task { background: linear-gradient(180deg, rgba(220, 236, 252, 1) 12%, rgba(240, 247, 254, 1) 62%, rgba(255, 255, 255, 1) 100%); margin-bottom: 25px; padding: 20px; border: 2px solid #e5fcdc; border-radius: 16px; position: relative; } .dashboard-wrap .daily-task .icon svg { position: absolute; right: 20px; top: 20px; color: #0d7b40; } .dashboard-wrap .daily-task .info { padding-right: 50px; font-size: 13px; font-weight: 600; color: #51575e; margin-bottom: 10px; } .dashboard-wrap .daily-task h2 { font-size: 24px; color: #00141a; font-weight: 700; line-height: 1; margin-bottom: 10px; } .dashboard-wrap .daily-task p { font-size: 18px; line-height: 130%; color: #333d40; margin-bottom: 15px; font-weight: 600; } .dashboard-wrap .daily-task a { display: flex; align-items: center; justify-content: space-between; color: #0d7b40; font-size: 18px; font-weight: 700; border-top: 2px solid #a1cdf7; padding-top: 15px; transition: 0.3s all ease; } .dashboard-wrap .daily-task a:hover { opacity: 0.7; } .dashboard-wrap .daily-task a svg { color: #0d7b40; } .dashboard-wrap .ai-plan { background-color: #dcfcde; border-radius: 16px; padding: 20px; text-align: center; margin-bottom: 25px; } .dashboard-wrap .ai-plan img { width: 100%; } .dashboard-wrap .ai-plan h2, .dashboard-wrap .ai-plan div { text-align: left; } .dashboard-wrap .ai-plan h2 { font-weight: 600; font-size: 30px; color: #00141a; line-height: 1; margin-bottom: 20px; } .dashboard-wrap .ai-plan .process { font-size: 18px; font-weight: 600; color: #333d40; margin-bottom: 20px; } .dashboard-wrap .ai-plan a { display: block; text-align: center; padding: 12px; background: #fff; border-radius: 8px; font-size: 18px; font-weight: 600; color: #031423; border: 2px solid #e9eaeb; transition: 0.3s all ease; } .dashboard-wrap .ai-plan a:hover { background-color: #f1f1f1; } .dashboard-wrap .all-courses > a { display: block; text-align: center; padding: 12px; background: #fff; border-radius: 10px; font-size: 18px; font-weight: 600; color: #031423; border: 2px solid #e9eaeb; transition: 0.3s all ease; } .dashboard-wrap .all-courses > a:hover { background-color: #f1f1f1; } .dashboard-wrap .all-courses h2 { font-size: 24px; color: #031423; font-weight: 600; margin-bottom: 15px; } .dashboard-wrap .all-courses .categories { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 15px; } .dashboard-wrap .all-courses .categories a { padding: 10px 16px; border: 2px solid #e9f0f2; border-radius: 24px; font-size: 18px; color: #333d40; font-weight: 500; letter-spacing: 0.156px; transition: 0.3s all ease; background: transparent; margin-bottom: 15px; margin-right: 10px; } .dashboard-wrap .all-courses .categories a:hover { background: #e9f0f2; } .dashboard-wrap .all-courses .categories a.active { background: #e9f0f2; } .dashboard-wrap .all-courses .courses .big-item { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } .dashboard-wrap .all-courses .courses .big-item .item { width: 48%; margin-bottom: 4%; transition: 0.3s all ease; } .dashboard-wrap .all-courses .courses .big-item .item:hover { opacity: 0.7; } .dashboard-wrap .all-courses .courses .big-item .item .image { display: flex; align-items: center; justify-content: center; margin-bottom: 10px; height: 120px; border-radius: 10px; } .dashboard-wrap .all-courses .courses .big-item .item .image img { max-height: 376px; height: 100%; margin-bottom: 0; } .dashboard-wrap .all-courses .courses .big-item .item h3 { font-size: 18px; letter-spacing: 0.156px; line-height: 130%; color: #031423; font-weight: 500; margin-bottom: 6px; } .dashboard-wrap .all-courses .courses .big-item .item .category-label { font-size: 13px; font-weight: 500; color: #95a2a6; } .dashboard-wrap .all-courses .courses .small-item { margin-bottom: 25px; } .dashboard-wrap .all-courses .courses .small-item .item { padding-top: 15px; border-top: 2px solid #f5f9fa; margin-top: 15px; display: flex; align-items: center; justify-content: flex-start; transition: 0.3s all ease; } .dashboard-wrap .all-courses .courses .small-item .item:hover { opacity: 0.7; } .dashboard-wrap .all-courses .courses .small-item .item .left-content { width: 48px; height: 48px; padding: 2px; border-radius: 10px; margin-right: 15px; display: flex; align-items: center; justify-content: center; } .dashboard-wrap .all-courses .courses .small-item .item .left-content img { width: 100%; margin-bottom: 0; max-height: 100%; object-fit: cover; } .dashboard-wrap .all-courses .courses .small-item .item .right-content { flex: 1; } .dashboard-wrap .all-courses .courses .small-item .item h4 { font-size: 18px; letter-spacing: 0.156px; color: #031423; margin-bottom: 5px; font-weight: 600; } .dashboard-wrap .all-courses .courses .small-item .item .category-label { font-size: 13px; font-weight: 500; color: #95a2a6; } .single-course .default-page { padding: 5px 0 60px; } .single-course .header-sticky-mob { border-bottom: none; z-index: 999; } .single-course .header-sticky-mob .course-progress-badge { position: absolute; right: 0; --tw-tracking: 0.156px; letter-spacing: 0.156px; --tw-leading: 130%; line-height: 130%; font-size: 18px; color: #95a2a6; font-weight: 600; margin-top: 3px; } @media (max-width: 576px) { .single-course .header-sticky-mob .course-progress-badge { right: 10px; } } .single-course .course-thumbnail { padding: 24px; border-width: 2px; border-radius: 16px; text-align: center; margin-bottom: 20px; } .single-course .course-thumbnail img { max-width: 100%; } .single-course .course-thumbnail .course-meta { margin-bottom: 15px; } .single-course .course-thumbnail .course-meta span { font-size: 13px; color: #95a2a6; font-weight: 600; } .single-course .course-thumbnail .course-title { --tw-tracking: 0.156px; letter-spacing: 0.156px; --tw-leading: 130%; line-height: 130%; font-size: 24px; color: #333d40; font-weight: 700; } .single-course .course-thumbnail .button { width: 100%; border-radius: 12px; color: #fff; text-decoration: none; height: 50px; line-height: 30px; } .single-course .level-header { padding: 16px 24px; border: 2px solid #dcfcde; border-radius: 16px; text-align: center; position: sticky; top: 60px; background: #fff; margin-bottom: 20px; z-index: 98; } .single-course .level-header .level-number { font-size: 13px; font-weight: 600; color: #95a2a6; margin-bottom: 10px; } .single-course .level-header .level-name { font-size: 18px; --tw-leading: 22px; line-height: 22px; font-weight: 700; color: #333d40; margin-bottom: 0; } .single-course .lessons-path-container .course-path-svg + .lesson-item:not(.completed) .lesson-icon { background: #007bff; } .single-course .lessons-path-container .course-path-svg + .lesson-item:not(.completed) .lesson-icon svg { color: #fff; } .single-course .lessons-path-container .course-path-svg + .lesson-item:not(.completed) .lesson-icon svg polyline { stroke: #fff; } .single-course .lessons-path-container .course-path-svg + .lesson-item:not(.completed) .lesson-icon img { margin-bottom: 0; } .single-course .lessons-path-container .lesson-item { width: 128px; text-align: center; margin-bottom: 60px; position: relative; z-index: 98; background: #fff; } .single-course .lessons-path-container .lesson-item:last-child { margin-bottom: 20px; } .single-course .lessons-path-container .lesson-item .lesson-link { text-decoration: none; display: flex; flex-direction: column; justify-content: center; align-items: center; } .single-course .lessons-path-container .lesson-item .lesson-title { text-decoration: none; font-size: 18px; --tw-leading: 22px; line-height: 22px; font-weight: 600; color: #031423; margin-bottom: 0; } .single-course .lessons-path-container .lesson-item .lesson-icon { width: 88px; height: 72px; border-radius: 22px; background: #e9f0f2; box-shadow: 2px 2px 2px 0 rgba(255, 255, 255, 0.03) inset, 2px 2px 2px 0 rgba(3, 20, 35, 0.03) inset, -2px -2px 2px 0 rgba(3, 20, 35, 0.03) inset; display: flex; align-items: center; justify-content: center; transition: 0.3s all ease; margin-bottom: 10px; position: relative; } .single-course .lessons-path-container .lesson-item .lesson-icon:hover { opacity: 0.7; } .single-course .lessons-path-container .lesson-item.completed + .lesson-item:not(.completed) .lesson-icon { background: #007bff; } .single-course .lessons-path-container .lesson-item.completed + .lesson-item:not(.completed) .lesson-icon svg { color: #fff; } .single-course .lessons-path-container .lesson-item.completed + .lesson-item:not(.completed) .lesson-icon svg polyline { stroke: #fff; } .single-course .lessons-path-container .lesson-item.completed + .lesson-item:not(.completed) .lesson-icon svg circle { stroke: #fff; } .single-course .lessons-path-container .lesson-item.completed .lesson-icon { background: #0ead63; } .single-course .lessons-path-container .lesson-item.completed .lesson-icon svg { color: #fff; } .single-course #wrap { overflow: unset !important; } .single-lesson .llms-button-action, .single-lesson .next-content-btn { width: 100%; text-decoration: none; color: #fff; border-radius: 12px; line-height: 30px; height: 50px; } .single-lesson .default-page { padding: 20px 0; } .single-lesson .default-page img { max-width: 100%; height: auto; } .single-lesson br { display: none; } .single-lesson p, .single-lesson li { font-size: 18px; color: #333d40; margin-bottom: 15px; } .single-lesson p strong, .single-lesson li strong { font-weight: 700; } .single-lesson h2 { font-size: 24px; font-weight: 700; color: #031423; margin-bottom: 15px; } .single-lesson h3, .single-lesson h3, .single-lesson h4, .single-lesson h5 { font-size: 20px; font-weight: 700; color: #031423; margin-bottom: 15px; } .single-llms_quiz .llms-quiz-buttons { display: flex; align-items: center; justify-content: center; } .single-llms_quiz .llms-quiz-buttons .llms-next-lesson { text-decoration: none; color: #fff; margin-left: 10px; line-height: 25px; } .single-llms_quiz .llms-quiz-results-history, .single-llms_quiz .llms-return, .single-llms_quiz .llms-quiz-meta-title, .single-llms_quiz .llms-quiz-meta-info { display: none !important; } .single-llms_quiz .llms-quiz-results > section, .single-llms_quiz .llms-quiz-results > aside { float: none !important; width: 100% !important; } .single-llms_quiz .llms-quiz-results > section .llms-donut, .single-llms_quiz .llms-quiz-results > aside .llms-donut { margin: 0 auto; } .single-llms_quiz h2, .single-llms_quiz .llms-quiz-buttons { text-align: center; } .single-llms_quiz .llms-button-action { line-height: 15px; } .single-llms_quiz .llms-quiz-ui .llms-quiz-counter { height: 47px; display: flex !important; align-items: center; justify-content: center; } .single-llms_quiz .llms-quiz-ui .llms-quiz-nav button { top: -2px; } .single-llms_quiz .llms-quiz-ui .llms-quiz-nav button:hover { color: #fff !important; } .single-llms_quiz .default-page { padding: 20px 0; } .single-llms_quiz .llms-quiz-nav button { font-size: 18px !important; } @media (max-width: 415px) { .single-llms_quiz .llms-quiz-nav { display: flex; flex-direction: column; align-items: center; justify-content: center; } .single-llms_quiz .llms-quiz-nav button { margin-bottom: 10px !important; font-size: 18px !important; } } .llms-question-wrapper ol.llms-question-choices li.llms-choice input:checked + .llms-marker, .llms-progress .progress-bar-complete { background: #0d7b40 !important; } .llms-account-tab-active { background: #f5f9fa; /* User Header */ /* Quick Actions */ /* Section Titles */ /* Streak Card */ /* Products Section */ } .llms-account-tab-active a { text-decoration: none; } .llms-account-tab-active .default-page { padding: 20px 0 80px; } .llms-account-tab-active .logout-btn { width: 58px; height: 42px; display: flex; align-items: center; justify-content: center; background: #fff; border: 2px solid #e5e7eb; border-radius: 12px; } .llms-account-tab-active .user-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; } .llms-account-tab-active .action-btn, .llms-account-tab-active .action-link { background: #fff; border: 2px solid #e5e7eb; border-radius: 16px; font-size: 18px; font-weight: 700; color: #111; padding: 16px; display: flex; align-items: center; } .llms-account-tab-active .action-btn svg, .llms-account-tab-active .action-link svg { margin-right: 10px; } .llms-account-tab-active .user-email { font-size: 18px; font-weight: 600; color: #333; } .llms-account-tab-active .logout-btn { display: flex; align-items: center; gap: 8px; padding: 8px 12px; color: #ef4444; transition: opacity 0.2s; } .llms-account-tab-active .logout-btn:hover { opacity: 0.8; } .llms-account-tab-active .logout-btn svg { width: 20px; height: 20px; } .llms-account-tab-active .quick-actions { display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; } .llms-account-tab-active .settings-btn { display: inline-block; padding: 12px 24px; background: #fff; color: white; border-radius: 8px; font-weight: 600; width: fit-content; transition: background 0.2s; } .llms-account-tab-active .section-title { font-size: 20px; font-weight: 700; margin-bottom: 16px; color: #111; } .llms-account-tab-active .section-title.available { color: #0d7b40; } .llms-account-tab-active .streak-section { margin-bottom: 32px; } .llms-account-tab-active .streak-card { padding: 20px; border: 2px solid #e5e7eb; border-radius: 16px; background: #fff; } .llms-account-tab-active .streak-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .llms-account-tab-active .streak-header p { margin-bottom: 0; } .llms-account-tab-active .streak-title { font-size: 18px; font-weight: 600; color: #6b7280; } .llms-account-tab-active .streak-badge { display: flex; align-items: center; gap: 4px; padding: 8px 14px; background: #10b981; border-radius: 24px; color: white; font-weight: 600; } .llms-account-tab-active .streak-badge svg { width: 24px; height: 24px; } .llms-account-tab-active .streak-divider { border-top: 2px solid #e5e7eb; margin-bottom: 16px; } .llms-account-tab-active .streak-days { display: flex; justify-content: space-between; list-style: none; padding: 0; margin: 0; } .llms-account-tab-active .streak-days .day { font-size: 18px; font-weight: 600; color: #9ca3af; } .llms-account-tab-active .stike { border-radius: 20px; margin-right: 10px; padding: 4px 12px; color: #fff; font-size: 18px; font-weight: 700; } .llms-account-tab-active .stike svg { margin-right: 5px; } .llms-account-tab-active .streak-days .day.active { color: #10b981; } .llms-account-tab-active .streak-days .day.today { border-bottom: 2px solid #e5e7eb; padding-bottom: 2px; } .llms-account-tab-active .products-section { margin-top: 32px; } .llms-account-tab-active .products-list { display: flex; flex-direction: column; gap: 12px; } .llms-account-tab-active .product-card { display: flex; justify-content: space-between; align-items: center; padding: 16px; border: 2px solid #e5e7eb; background: #fff; border-radius: 16px; transition: background 0.2s; } .llms-account-tab-active .product-card:hover { background: #f3f4f6; } .llms-account-tab-active .product-name { font-weight: 700; color: #111; } .llms-account-tab-active .product-action { font-weight: 700; color: #0d7b40; } .llms-subscription-tab-active, .llms-billing-history-tab-active, .llms-streak-tab-active { background: #f5f9fa !important; } .llms-subscription-tab-active a, .llms-billing-history-tab-active a, .llms-streak-tab-active a { text-decoration: none; } .llms-subscription-tab-active .default-page, .llms-billing-history-tab-active .default-page, .llms-streak-tab-active .default-page { padding: 20px 0 80px !important; } .billing-history-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; } .billing-card { background: #fff; border-radius: 14px; padding: 18px 20px 16px; box-shadow: 0 0 0 1px #e5edf3; display: flex; flex-direction: column; gap: 8px; } .billing-card-header { display: flex; flex-direction: column; gap: 4px; } .billing-card-title { font-weight: 600; font-size: 16px; } .billing-card-status-line { font-size: 14px; display: flex; align-items: center; gap: 4px; } .billing-card-status { color: #0f9d58; /* зелений "Paid" */ } .billing-card-price { font-weight: 500; } .billing-card-date { font-size: 13px; color: #667085; } .billing-history-btn-details { margin-top: 10px; padding: 10px 14px; width: 100% !important; border: none; background: #eef3f7; font-size: 14px; font-weight: 500; cursor: pointer; border-radius: 16px !important; } /* MODAL */ .billing-history-modal { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; background: rgba(15, 23, 42, 0.35); z-index: 9999; } .billing-history-modal.active { display: flex; } .billing-history-modal-inner { background: #fff; border-radius: 18px; padding: 24px 24px 22px; width: 100%; max-width: 420px; box-shadow: 0 18px 45px rgba(15, 23, 42, 0.25); position: relative; } .billing-history-modal-close { position: absolute; top: 10px; right: 12px; border: none; background: transparent; font-size: 20px; cursor: pointer; } .billing-history-modal-title { font-size: 18px; font-weight: 600; margin-bottom: 18px; } .billing-history-modal-row { display: flex; justify-content: space-between; font-size: 14px; padding: 4px 0; } .billing-history-modal-label { color: #667085; } .billing-history-modal-value { font-weight: 500; } .billing-history-btn-copy { margin-top: 18px; width: 100%; border-radius: 999px; border: 1px solid #e5edf3; padding: 10px 14px; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; background: #f7fafc; cursor: pointer; } /* пагінація */ .billing-history-pagination { margin-top: 20px; display: flex; gap: 10px; } .billing-history-pagination-link { font-size: 14px; } .billing-card-cancel-form .llms-button-secondary { border-radius: 16px !important; } .billing-card-cancel-form .llms-button-secondary:hover { color: #fff !important; } .billing-card-cancel-form .llms-form-field { padding: 0 !important; } .billing-history-modal-close { background: transparent !important; color: #000 !important; padding: 0 !important; font-size: 28px !important; margin-top: -30px; margin-left: 14px; margin-bottom: 15px; } /* === Popup overlay === */ .ai-membership-popup-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.55); z-index: 9998; } /* === Popup window === */ .ai-membership-popup { position: fixed; z-index: 9999; max-width: 100%; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); background: linear-gradient(180deg, rgba(220, 236, 252, 1) 12%, rgba(240, 247, 254, 1) 62%, rgba(255, 255, 255, 1) 100%); display: flex; align-items: center; justify-content: center; padding: 20px 0; } @media (max-width: 576px) { .ai-membership-popup { padding: 30px; } } .ai-membership-popup h2 { margin: 0 0 12px; font-size: 30px; line-height: 1.3; font-weight: 700; color: #031423; } @media (max-width: 576px) { .ai-membership-popup h2 { font-size: 18px; } } .ai-membership-popup .ai-membership-popup-text { margin: 0 0 20px; font-size: 18px; line-height: 1.6; color: #95a2a6; } @media (max-width: 576px) { .ai-membership-popup .ai-membership-popup-text { font-size: 14px; margin-bottom: 10px; } } .ai-membership-popup .ai-membership-popup-text a { color: #0d7b40; } .ai-membership-popup ul { list-style: none; margin-bottom: 20px; } @media (max-width: 576px) { .ai-membership-popup ul { margin-bottom: 10px; } } .ai-membership-popup ul li { color: #333d40; font-size: 18px; margin-bottom: 10px; font-weight: 500; } @media (max-width: 576px) { .ai-membership-popup ul li { font-size: 14px; margin-bottom: 5px; } } .ai-membership-popup ul li svg { margin-right: 10px; } .ai-membership-popup ul li:last-child { margin-bottom: 0; } .ai-membership-popup img { width: 100%; max-width: 300px; margin: 0 auto; margin-bottom: 30px; } @media (max-width: 576px) { .ai-membership-popup img { max-width: 250px; margin-bottom: 10px; } } .ai-membership-popup .center { text-align: center; } .ai-membership-popup .ai-membership-popup-close { background: transparent !important; color: #000 !important; padding: 0 !important; font-size: 45px !important; margin-top: -30px; margin-bottom: 30px; margin-left: calc(100% - 23px); } @media (max-width: 576px) { .ai-membership-popup .ai-membership-popup-close { margin-bottom: 10px; } } .ai-membership-popup .button { width: 100%; margin-top: 20px; border-radius: 16px; text-align: center; } .renew-page { padding: 60px 0; } .renew-page .center img { width: 100%; max-width: 300px; } .renew-page .image-2 img { margin-bottom: 5px; max-width: 154px !important; } .renew-page .text { margin-bottom: 20px; } .renew-page .text h2 { font-size: 24px; margin-bottom: 20px; } .renew-page .text p { margin-bottom: 10px; font-size: 15px; color: #000; } .renew-page .text p img { width: 24px; height: 24px; object-fit: cover; margin-right: 5px; margin-bottom: -5px; } .renew-page .choose-plan-cta { position: relative; right: -8px; border-radius: 9px; height: 50px; width: calc(100% - 16px) !important; } .renew-page .plans .plan-option { cursor: pointer; } .renew-page .plans .plan-option input { display: none; } .renew-page .plans .plan-option input:checked + label { border-color: #0d7b40 !important; background: #fff; } .renew-page .plans .plan-option input:checked + label:before { border-color: #0d7b40 !important; } .renew-page .plans .plan-option input:checked + label:after { background: #0d7b40 !important; } .renew-page .plans .plan-option .most-popular { text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #fff; background: #0d7b40; padding: 3px; font-weight: 600; font-size: 12px; position: relative; z-index: 2; } .renew-page .plans .plan-option .most-popular + input + label { border: none; padding-top: 13px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; margin-top: -6px; } .renew-page .plans .plan-option label { border: 1px solid #d2d2d2; background: #f7f7f7; padding: 10px; border-radius: 10px; margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between; padding-left: 45px; position: relative; } .renew-page .plans .plan-option label:before { content: ""; position: absolute; top: 50%; transform: translate(0%, -50%); left: 10px; width: 22px; height: 22px; border: 2px solid #d2d2d2; border-radius: 50%; } .renew-page .plans .plan-option label:after { content: ""; position: absolute; top: 50%; transform: translate(0%, -50%); left: 15px; width: 16px; height: 16px; background: transparent; border-radius: 50%; } .renew-page .plans .plan-option .left-content .plan-title { font-size: 15px; color: #222; margin-bottom: 4px; font-weight: 600; } .renew-page .plans .plan-option .left-content .plan-save { padding: 2px 5px; color: #fff; background: #0d7b40; border-radius: 5px; font-size: 11px; margin-bottom: 4px; font-weight: 500; width: max-content; } .renew-page .plans .plan-option .left-content .plan-price { font-size: 14px; color: #000; } .renew-page .plans .plan-option .left-content .plan-price span { font-size: 14px; color: #6b607c; opacity: 0.4; position: relative; } .renew-page .plans .plan-option .left-content .plan-price span:before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 2px; background-color: #e0455e; transform: translateY(-50%); } .renew-page .plans .plan-option .right-content { /* Символ валюти (малий, зверху трохи зміщений) */ /* Велике ціле число */ /* Блок для дробової частини і підпису */ /* Дрібна «копійки» (піднесена) */ /* Текст-підпис */ } .renew-page .plans .plan-option .right-content .price-day { --bg: #ebebeb; --text: #080808; display: inline-flex; align-items: center; gap: 0px; padding: 8px 10px 8px 28px; background: var(--bg); color: var(--text); border-radius: 12px; font-family: "Montserrat"; position: relative; /* кутовий виріз зліва */ -webkit-clip-path: polygon(12% 0, 100% 0, 100% 100%, 12% 100%, 0 50%); clip-path: polygon(12% 0, 100% 0, 100% 100%, 12% 100%, 0 50%); box-shadow: 0 2px 0 rgba(0, 0, 0, .03); vertical-align: middle; } .renew-page .plans .plan-option .right-content .price-day .simbol { font-size: 16px; font-weight: 700; line-height: 1; margin-right: 3px; margin-left: -6px; } .renew-page .plans .plan-option .right-content .price-day .main { font-size: 22px; font-weight: 800; line-height: 1; display: inline-block; margin-right: 4px; margin-bottom: -6px; } .renew-page .plans .plan-option .right-content .price-day .meta { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; line-height: 0.4; margin-bottom: -7px; } .renew-page .plans .plan-option .right-content .price-day .meta .c { font-size: 16px; font-weight: 700; transform: translateY(-6px); } .renew-page .plans .plan-option .right-content .price-day .meta .t { font-size: 10px; color: #666; margin-top: 4px; font-weight: 600; text-transform: none; } .renew-page .selected-plan-desc { padding: 20px; font-size: 13px; color: #6e6e6e; border: 1px solid #e3e5e8; border-radius: 15px; margin: 10px; line-height: 1.4; } .page-template-tpl-renew { background: #f5f9fa; } .page-template-tpl-contact .contact-wrap { padding: 50px 0; } @media (max-width: 576px) { .page-template-tpl-contact .contact-wrap { padding: 30px 0; } } .page-template-tpl-contact .contact-wrap h1 { margin-bottom: 30px; } .page-template-tpl-contact .contact-wrap p { font-size: 18px; font-weight: 600; color: #95a2a6; margin-bottom: 10px; } .page-template-tpl-contact .contact-wrap .wp-block-columns { margin-top: 80px; } @media (max-width: 576px) { .page-template-tpl-contact .contact-wrap .wp-block-columns { margin-bottom: 40px; } } .page-template-tpl-contact .contact-wrap .screen-reader-response { display: none; } .page-template-tpl-contact .contact-wrap .wpcf7-response-output { margin-top: 20px; display: block; text-align: center; } .page-template-tpl-contact .contact-wrap .wpcf7-form { max-width: 520px; padding: 40px 32px; background: #fff; box-shadow: 0px 0px 55px 3px rgba(0, 0, 0, 0.59); -webkit-box-shadow: 0px 0px 55px 3px rgba(0, 0, 0, 0.59); -moz-box-shadow: 0px 0px 55px 3px rgba(0, 0, 0, 0.59); border-radius: 5px; } @media (max-width: 1279px) { .page-template-tpl-contact .contact-wrap .wpcf7-form { margin: 0 auto; } } .page-template-tpl-contact .contact-wrap .wpcf7-form fieldset { display: none; } .page-template-tpl-contact .contact-wrap .wpcf7-form span { display: block; width: 100%; } .page-template-tpl-contact .contact-wrap .wpcf7-form input, .page-template-tpl-contact .contact-wrap .wpcf7-form textarea { width: 100%; margin-bottom: 15px; height: 50px; background: #f8fafc; padding: 12px; outline: none; border-width: 1px; border-color: rgba(36, 42, 53, 0.2); font-family: "Manrope", sans-serif; } .page-template-tpl-contact .contact-wrap .wpcf7-form input:focus, .page-template-tpl-contact .contact-wrap .wpcf7-form textarea:focus { outline: none; } .page-template-tpl-contact .contact-wrap .wpcf7-form input::placeholder, .page-template-tpl-contact .contact-wrap .wpcf7-form textarea::placeholder { font-family: "Manrope", sans-serif; } .page-template-tpl-contact .contact-wrap .wpcf7-form .wpcf7-not-valid-tip { margin-top: -17px; margin-bottom: 8px; } .page-template-tpl-contact .contact-wrap .wpcf7-form textarea { height: 77px; resize: none; } .page-template-tpl-contact .contact-wrap .wpcf7-form input[type='submit'] { margin-bottom: 0; font-size: 16px; font-family: "Manrope", sans-serif; text-decoration: none; position: relative; display: inline-block; height: 44px; border-radius: 34px; padding: 10px 20px; font-weight: bold; color: #fff; background: #0d7b40; border: none; cursor: pointer; overflow: hidden; transition: background 0.3s ease; width: max-content; margin: 0 auto; display: block; } .page-template-tpl-contact .contact-wrap .wpcf7-form input[type='submit']:hover { background: #27aa5e; } .page-template-tpl-contact .contact-wrap .wpcf7-form .wrapper { display: flex; align-items: center; justify-content: space-between; } .page-template-tpl-contact .contact-wrap .wpcf7-form .wrapper > span { width: 48.5%; } .page-template-tpl-contact .contact-wrap .wp-block-list { list-style: none; } @media (max-width: 1279px) { .page-template-tpl-contact .contact-wrap .wp-block-list { margin-bottom: 50px; } } .page-template-tpl-contact .contact-wrap .wp-block-list li { font-size: 17px; margin-bottom: 25px; max-width: 370px; position: relative; margin-left: auto; margin-right: 80px; } @media (max-width: 1279px) { .page-template-tpl-contact .contact-wrap .wp-block-list li { margin: 0 auto; margin-bottom: 20px; max-width: 550px; } } @media (max-width: 700px) { .page-template-tpl-contact .contact-wrap .wp-block-list li { margin-left: 70px; } } .page-template-tpl-contact .contact-wrap .wp-block-list li:before { content: ""; width: 48px; height: 48px; position: absolute; left: -60px; top: -5px; background: url('data:image/svg+xml,'); } .page-template-tpl-contact .contact-wrap .wp-block-list li:last-child { margin-bottom: 0; } @media (max-width: 1279px) { body .is-layout-flex { display: block; } }