[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { -webkit-transition-duration: 50ms; transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { -webkit-transition-delay: 50ms; transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { -webkit-transition-duration: 0.15s; transition-duration: 0.15s; } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { -webkit-transition-duration: 0.25s; transition-duration: 0.25s; } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { -webkit-transition-duration: 0.45s; transition-duration: 0.45s; } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { -webkit-transition-duration: 0.55s; transition-duration: 0.55s; } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { -webkit-transition-duration: 0.65s; transition-duration: 0.65s; } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { -webkit-transition-delay: 0.65s; transition-delay: 0.65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { -webkit-transition-duration: 0.7s; transition-duration: 0.7s; } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { -webkit-transition-duration: 0.75s; transition-duration: 0.75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { -webkit-transition-delay: 0.75s; transition-delay: 0.75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { -webkit-transition-duration: 0.8s; transition-duration: 0.8s; } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { -webkit-transition-duration: 0.85s; transition-duration: 0.85s; } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { -webkit-transition-delay: 0.85s; transition-delay: 0.85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { -webkit-transition-duration: 0.9s; transition-duration: 0.9s; } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { -webkit-transition-duration: 0.95s; transition-duration: 0.95s; } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { -webkit-transition-delay: 0.95s; transition-delay: 0.95s; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { -webkit-transition-duration: 1s; transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { -webkit-transition-delay: 1s; transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { -webkit-transition-duration: 1.05s; transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { -webkit-transition-delay: 1.05s; transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { -webkit-transition-duration: 1.1s; transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { -webkit-transition-duration: 1.15s; transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { -webkit-transition-delay: 1.15s; transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { -webkit-transition-duration: 1.2s; transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { -webkit-transition-duration: 1.25s; transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { -webkit-transition-delay: 1.25s; transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { -webkit-transition-duration: 1.3s; transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { -webkit-transition-duration: 1.35s; transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { -webkit-transition-delay: 1.35s; transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { -webkit-transition-duration: 1.4s; transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { -webkit-transition-duration: 1.45s; transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { -webkit-transition-delay: 1.45s; transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { -webkit-transition-duration: 1.5s; transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { -webkit-transition-duration: 1.55s; transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { -webkit-transition-delay: 1.55s; transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { -webkit-transition-duration: 1.6s; transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { -webkit-transition-duration: 1.65s; transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { -webkit-transition-delay: 1.65s; transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { -webkit-transition-duration: 1.7s; transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { -webkit-transition-delay: 1.7s; transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { -webkit-transition-duration: 1.75s; transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { -webkit-transition-delay: 1.75s; transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { -webkit-transition-duration: 1.8s; transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { -webkit-transition-duration: 1.85s; transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { -webkit-transition-delay: 1.85s; transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { -webkit-transition-duration: 1.9s; transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { -webkit-transition-delay: 1.9s; transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { -webkit-transition-duration: 1.95s; transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { -webkit-transition-delay: 1.95s; transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { -webkit-transition-duration: 2s; transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { -webkit-transition-delay: 2s; transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { -webkit-transition-duration: 2.05s; transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { -webkit-transition-delay: 2.05s; transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { -webkit-transition-duration: 2.1s; transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { -webkit-transition-delay: 2.1s; transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { -webkit-transition-duration: 2.15s; transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { -webkit-transition-delay: 2.15s; transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { -webkit-transition-duration: 2.2s; transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { -webkit-transition-delay: 2.2s; transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { -webkit-transition-duration: 2.25s; transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { -webkit-transition-delay: 2.25s; transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { -webkit-transition-duration: 2.3s; transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { -webkit-transition-delay: 2.3s; transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { -webkit-transition-duration: 2.35s; transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { -webkit-transition-delay: 2.35s; transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { -webkit-transition-duration: 2.4s; transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { -webkit-transition-delay: 2.4s; transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { -webkit-transition-duration: 2.45s; transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { -webkit-transition-delay: 2.45s; transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { -webkit-transition-duration: 2.5s; transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { -webkit-transition-delay: 2.5s; transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { -webkit-transition-duration: 2.55s; transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { -webkit-transition-delay: 2.55s; transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { -webkit-transition-duration: 2.6s; transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { -webkit-transition-delay: 2.6s; transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { -webkit-transition-duration: 2.65s; transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { -webkit-transition-delay: 2.65s; transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { -webkit-transition-duration: 2.7s; transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { -webkit-transition-delay: 2.7s; transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { -webkit-transition-duration: 2.75s; transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { -webkit-transition-delay: 2.75s; transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { -webkit-transition-duration: 2.8s; transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { -webkit-transition-delay: 2.8s; transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { -webkit-transition-duration: 2.85s; transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { -webkit-transition-delay: 2.85s; transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { -webkit-transition-duration: 2.9s; transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { -webkit-transition-delay: 2.9s; transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { -webkit-transition-duration: 2.95s; transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { -webkit-transition-delay: 2.95s; transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { -webkit-transition-duration: 3s; transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { -webkit-transition-delay: 3s; transition-delay: 3s; } [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); 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] { -webkit-transition-timing-function: ease; transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { -webkit-transition-timing-function: ease-in-out; 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] { -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); 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] { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); 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] { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); 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] { -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); 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] { -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); 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] { -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); 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] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); 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] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); 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] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); 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] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); 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] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); 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] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); 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] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); 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] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); 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] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos^=fade][data-aos^=fade] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } [data-aos=fade-up] { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } [data-aos=fade-down] { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } [data-aos=fade-right] { -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } [data-aos=fade-left] { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } [data-aos=fade-up-right] { -webkit-transform: translate3d(-100px, 100px, 0); transform: translate3d(-100px, 100px, 0); } [data-aos=fade-up-left] { -webkit-transform: translate3d(100px, 100px, 0); transform: translate3d(100px, 100px, 0); } [data-aos=fade-down-right] { -webkit-transform: translate3d(-100px, -100px, 0); transform: translate3d(-100px, -100px, 0); } [data-aos=fade-down-left] { -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0); } [data-aos^=zoom][data-aos^=zoom] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } [data-aos=zoom-in] { -webkit-transform: scale(0.6); transform: scale(0.6); } [data-aos=zoom-in-up] { -webkit-transform: translate3d(0, 100px, 0) scale(0.6); transform: translate3d(0, 100px, 0) scale(0.6); } [data-aos=zoom-in-down] { -webkit-transform: translate3d(0, -100px, 0) scale(0.6); transform: translate3d(0, -100px, 0) scale(0.6); } [data-aos=zoom-in-right] { -webkit-transform: translate3d(-100px, 0, 0) scale(0.6); transform: translate3d(-100px, 0, 0) scale(0.6); } [data-aos=zoom-in-left] { -webkit-transform: translate3d(100px, 0, 0) scale(0.6); transform: translate3d(100px, 0, 0) scale(0.6); } [data-aos=zoom-out] { -webkit-transform: scale(1.2); transform: scale(1.2); } [data-aos=zoom-out-up] { -webkit-transform: translate3d(0, 100px, 0) scale(1.2); transform: translate3d(0, 100px, 0) scale(1.2); } [data-aos=zoom-out-down] { -webkit-transform: translate3d(0, -100px, 0) scale(1.2); transform: translate3d(0, -100px, 0) scale(1.2); } [data-aos=zoom-out-right] { -webkit-transform: translate3d(-100px, 0, 0) scale(1.2); transform: translate3d(-100px, 0, 0) scale(1.2); } [data-aos=zoom-out-left] { -webkit-transform: translate3d(100px, 0, 0) scale(1.2); transform: translate3d(100px, 0, 0) scale(1.2); } [data-aos^=slide][data-aos^=slide] { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-aos^=slide][data-aos^=slide].aos-animate { -webkit-transform: translateZ(0); transform: translateZ(0); } [data-aos=slide-up] { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } [data-aos=slide-down] { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } [data-aos=slide-right] { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } [data-aos=slide-left] { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } [data-aos^=flip][data-aos^=flip] { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-aos=flip-left] { -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg); } [data-aos=flip-left].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } [data-aos=flip-right] { -webkit-transform: perspective(2500px) rotateY(100deg); transform: perspective(2500px) rotateY(100deg); } [data-aos=flip-right].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } [data-aos=flip-up] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg); } [data-aos=flip-up].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } [data-aos=flip-down] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg); } [data-aos=flip-down].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } /*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1 ; } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } .animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; } .animate__animated.animate__delay-05s { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animate__animated.animate__delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animate__animated.animate__delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animate__animated.animate__delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animate__animated.animate__delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animate__animated.animate__faster { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .animate__animated.animate__fast { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; } .animate__animated.animate__slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animate__animated.animate__slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (prefers-reduced-motion: reduce), print { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animate__animated[class*=Out] { opacity: 0; } } @-webkit-keyframes bounce { 0%, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0) scaleY(0.95); transform: translateZ(0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @keyframes bounce { 0%, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0) scaleY(0.95); transform: translateZ(0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } .animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shakeX { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shakeX { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; } @-webkit-keyframes shakeY { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @keyframes shakeY { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } .animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .animate__jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; } @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } .animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .animate__bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } .animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } .animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } .animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } .animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes simpleFadeIn { 0% { opacity: 1; } 50% { opacity: 0.2; } 100% { opacity: 1; } } @keyframes simpleFadeIn { 0% { opacity: 1; } 50% { opacity: 0.2; } 100% { opacity: 1; } } .animate__simpleFadeIn { -webkit-animation-name: simpleFadeIn; animation-name: simpleFadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } @keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } .animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } @keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } .animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } @keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } .animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } @keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } .animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(-1turn); transform: perspective(400px) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg); transform: perspective(400px) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg); transform: perspective(400px) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(-1turn); transform: perspective(400px) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg); transform: perspective(400px) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg); transform: perspective(400px) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .animate__flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .animate__flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutRight { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { 0% { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { 0% { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOut { 0% { opacity: 1; } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { opacity: 1; } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } .animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { 0% { opacity: 1; } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { opacity: 1; } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .animate__hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left; } @-webkit-keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } .animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } .animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } .animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes simpleFlip { 0% { -webkit-transform: translateZ(0) rotateY(-1turn); transform: translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: translateZ(150px) rotateY(-190deg); transform: translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: translateZ(150px) rotateY(-170deg); transform: translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: translateZ(0) rotateY(0deg); transform: translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: translateZ(0) rotateY(0deg); transform: translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes simpleFlip { 0% { -webkit-transform: translateZ(0) rotateY(-1turn); transform: translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: translateZ(150px) rotateY(-190deg); transform: translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: translateZ(150px) rotateY(-170deg); transform: translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: translateZ(0) rotateY(0deg); transform: translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: translateZ(0) rotateY(0deg); transform: translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animate__animated.animate__simpleFlip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: simpleFlip; animation-name: simpleFlip; } @-webkit-keyframes simpleBounce { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 20% { -webkit-transform: scale3d(1.01, 1.01, 1.01); transform: scale3d(1.01, 1.01, 1.01); } 40% { -webkit-transform: scale3d(0.99, 0.99, 0.99); transform: scale3d(0.99, 0.99, 0.99); } 60% { opacity: 1; -webkit-transform: scale3d(1.01, 1.01, 1.01); transform: scale3d(1.01, 1.01, 1.01); } 80% { -webkit-transform: scale3d(0.99, 0.99, 0.99); transform: scale3d(0.99, 0.99, 0.99); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes simpleBounce { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 20% { -webkit-transform: scale3d(1.01, 1.01, 1.01); transform: scale3d(1.01, 1.01, 1.01); } 40% { -webkit-transform: scale3d(0.99, 0.99, 0.99); transform: scale3d(0.99, 0.99, 0.99); } 60% { -webkit-transform: scale3d(1.01, 1.01, 1.01); transform: scale3d(1.01, 1.01, 1.01); } 80% { -webkit-transform: scale3d(0.99, 0.99, 0.99); transform: scale3d(0.99, 0.99, 0.99); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__simpleBounce { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: simpleBounce; animation-name: simpleBounce; } @-webkit-keyframes siso { 0% { -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform-origin: center bottom; transform-origin: center bottom; } 100% { -webkit-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes siso { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } } @-webkit-keyframes floating { 0% { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); } 50% { -webkit-transform: translate(0, 15px); transform: translate(0, 15px); } 100% { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); } } @keyframes floating { 0% { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); } 50% { -webkit-transform: translate(0, 15px); transform: translate(0, 15px); } 100% { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); } } @-webkit-keyframes simpleHeadShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-3px); transform: translateX(-3px); } 18.5% { -webkit-transform: translateX(5px); transform: translateX(5px); } 31.5% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 43.5% { -webkit-transform: translateX(4px); transform: translateX(4px); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes simpleHeadShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-3px); transform: translateX(-3px); } 18.5% { -webkit-transform: translateX(5px); transform: translateX(5px); } 31.5% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 43.5% { -webkit-transform: translateX(4px); transform: translateX(4px); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .animate__simpleHeadShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: simpleHeadShake; animation-name: simpleHeadShake; } @-webkit-keyframes marquee { 0% { -webkit-transform: translateX(-68%); transform: translateX(-68%); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes marquee { 0% { -webkit-transform: translateX(-68%); transform: translateX(-68%); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } .animate__marquee { -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: marquee; animation-name: marquee; } /**********************************/ /**********************************/ /* HTML5 dafault */ * { -webkit-box-sizing: border-box; box-sizing: border-box; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { color: rgba(1, 9, 24, 0.7); font-size: 10px; scroll-behavior: smooth; } body { margin: 0; font-size: 1.6rem; font-family: "Manrope", sans-serif; color: rgba(1, 9, 24, 0.7); overflow-x: hidden; background: #ffffff; /* Fallback for when there is no custom background color defined. */ } ::-moz-selection { background: #E74C24; color: #ffffff; text-shadow: none; } ::selection { background: #E74C24; color: #ffffff; text-shadow: none; } a { color: inherit; color: #E74C24; outline: none; } a:focus { outline: 0; } a:hover, a:active { outline: 0; } a * { cursor: pointer; } abbr[title] { border-bottom: 0.1rem dotted; } b, strong { font-weight: bold; } strong { font-weight: 600; } blockquote, q { quotes: "" ""; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { margin: 2em 0 !important; background: none; border-left: 0.2rem solid #010918 !important; -webkit-box-shadow: none; box-shadow: none; padding: 1rem 1rem 1rem 5rem !important; font-style: normal; font-weight: 500; font-size: 2rem; line-height: 2; color: rgba(1, 9, 24, 0.7); } blockquote p, q p { color: rgba(1, 9, 24, 0.7); font-size: 1.6rem; font-style: italic; } blockquote p, q p { font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; letter-spacing: 0; margin: 0 !important; } @media screen and (min-width: 992px) { blockquote, q { margin: 3.6rem 0 !important; } blockquote p, q p { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; } } dfn { font-style: italic; } hr { display: block; height: 0.15rem; border: 0; margin: 1em 0; padding: 0; background-color: #CBD5DE; } ins { background: none; color: #010918; text-decoration: underline; } del { background: none; color: #DB3030; text-decoration: line-through; } mark { background: #E6EB5D; color: #000000; font-style: italic; font-weight: normal; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } small { font-size: 85%; } big { font-size: 125%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width: 100%; height: auto; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -0.7rem; padding: 0; white-space: normal; } button, input, optgroup, select, textarea { margin: 0; font-family: "Manrope", sans-serif; font-size: inherit; line-height: inherit; } /* form */ .ct-frm-wrap { background: -webkit-gradient(linear, left top, right top, from(#EFEFEF), to(#EFEFEF)); background: linear-gradient(to right, #EFEFEF 0%, #EFEFEF 100%); background: #EBF0F4; padding: 2.8rem; border-radius: 0.6rem; } .ct-frm-wrap form ul { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ct-frm-wrap form ul li { margin-bottom: 3rem; } .ct-frm-wrap form ul li:last-child { margin-bottom: 0; } .ct-frm-wrap form .list-itm { width: 100%; } .ct-frm-wrap form .half-width { width: 100%; } @media screen and (min-width: 992px) { .ct-frm-wrap form .half-width { width: calc(50% - 1.5rem); } } .ct-frm-wrap form input:invalid, .ct-frm-wrap form textarea:invalid { background-color: #DAE1E7; } .ct-frm-wrap form label { cursor: pointer; font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; line-height: 0.8rem; color: #000714; margin-bottom: 1.2rem; display: block; } .ct-frm-wrap form .requiredtag { color: #DB3232; } .ct-frm-wrap form input[type=text], .ct-frm-wrap form input[type=email], .ct-frm-wrap form input[type=tel], .ct-frm-wrap form input[type=file], .ct-frm-wrap form input[type=password], .ct-frm-wrap form textarea { width: 100% !important; height: 4.8rem !important; display: block !important; padding: 1.75rem 0.8rem !important; font-size: 1.6rem; line-height: 140%; font-weight: 600; letter-spacing: 0; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(1, 9, 24, 0.7) !important; background-color: #DAE1E7 !important; border: 0.1rem solid transparent !important; border-radius: 0.4rem !important; position: relative !important; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; outline: none !important; } @media screen and (min-width: 992px) { .ct-frm-wrap form input[type=text], .ct-frm-wrap form input[type=email], .ct-frm-wrap form input[type=tel], .ct-frm-wrap form input[type=file], .ct-frm-wrap form input[type=password], .ct-frm-wrap form textarea { font-size: 1.8rem; line-height: 140%; font-weight: 600; letter-spacing: 0; } } .ct-frm-wrap form input[type=text]::-webkit-input-placeholder, .ct-frm-wrap form input[type=email]::-webkit-input-placeholder, .ct-frm-wrap form input[type=tel]::-webkit-input-placeholder, .ct-frm-wrap form input[type=file]::-webkit-input-placeholder, .ct-frm-wrap form input[type=password]::-webkit-input-placeholder, .ct-frm-wrap form textarea::-webkit-input-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap form input[type=text]::-moz-placeholder, .ct-frm-wrap form input[type=email]::-moz-placeholder, .ct-frm-wrap form input[type=tel]::-moz-placeholder, .ct-frm-wrap form input[type=file]::-moz-placeholder, .ct-frm-wrap form input[type=password]::-moz-placeholder, .ct-frm-wrap form textarea::-moz-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap form input[type=text]:-ms-input-placeholder, .ct-frm-wrap form input[type=email]:-ms-input-placeholder, .ct-frm-wrap form input[type=tel]:-ms-input-placeholder, .ct-frm-wrap form input[type=file]:-ms-input-placeholder, .ct-frm-wrap form input[type=password]:-ms-input-placeholder, .ct-frm-wrap form textarea:-ms-input-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap form input[type=text]::-ms-input-placeholder, .ct-frm-wrap form input[type=email]::-ms-input-placeholder, .ct-frm-wrap form input[type=tel]::-ms-input-placeholder, .ct-frm-wrap form input[type=file]::-ms-input-placeholder, .ct-frm-wrap form input[type=password]::-ms-input-placeholder, .ct-frm-wrap form textarea::-ms-input-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap form input[type=text]::placeholder, .ct-frm-wrap form input[type=email]::placeholder, .ct-frm-wrap form input[type=tel]::placeholder, .ct-frm-wrap form input[type=file]::placeholder, .ct-frm-wrap form input[type=password]::placeholder, .ct-frm-wrap form textarea::placeholder { color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap form input[type=text]:focus, .ct-frm-wrap form input[type=email]:focus, .ct-frm-wrap form input[type=tel]:focus, .ct-frm-wrap form input[type=file]:focus, .ct-frm-wrap form input[type=password]:focus, .ct-frm-wrap form textarea:focus { background-color: #DAE1E7 !important; border-color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap form input[type=text]:focus::-webkit-input-placeholder, .ct-frm-wrap form input[type=email]:focus::-webkit-input-placeholder, .ct-frm-wrap form input[type=tel]:focus::-webkit-input-placeholder, .ct-frm-wrap form input[type=file]:focus::-webkit-input-placeholder, .ct-frm-wrap form input[type=password]:focus::-webkit-input-placeholder, .ct-frm-wrap form textarea:focus::-webkit-input-placeholder { opacity: 0 !important; } .ct-frm-wrap form input[type=text]:focus::-moz-placeholder, .ct-frm-wrap form input[type=email]:focus::-moz-placeholder, .ct-frm-wrap form input[type=tel]:focus::-moz-placeholder, .ct-frm-wrap form input[type=file]:focus::-moz-placeholder, .ct-frm-wrap form input[type=password]:focus::-moz-placeholder, .ct-frm-wrap form textarea:focus::-moz-placeholder { opacity: 0 !important; } .ct-frm-wrap form input[type=text]:focus:-ms-input-placeholder, .ct-frm-wrap form input[type=email]:focus:-ms-input-placeholder, .ct-frm-wrap form input[type=tel]:focus:-ms-input-placeholder, .ct-frm-wrap form input[type=file]:focus:-ms-input-placeholder, .ct-frm-wrap form input[type=password]:focus:-ms-input-placeholder, .ct-frm-wrap form textarea:focus:-ms-input-placeholder { opacity: 0 !important; } .ct-frm-wrap form input[type=text]:focus::-ms-input-placeholder, .ct-frm-wrap form input[type=email]:focus::-ms-input-placeholder, .ct-frm-wrap form input[type=tel]:focus::-ms-input-placeholder, .ct-frm-wrap form input[type=file]:focus::-ms-input-placeholder, .ct-frm-wrap form input[type=password]:focus::-ms-input-placeholder, .ct-frm-wrap form textarea:focus::-ms-input-placeholder { opacity: 0 !important; } .ct-frm-wrap form input[type=text]:focus::placeholder, .ct-frm-wrap form input[type=email]:focus::placeholder, .ct-frm-wrap form input[type=tel]:focus::placeholder, .ct-frm-wrap form input[type=file]:focus::placeholder, .ct-frm-wrap form input[type=password]:focus::placeholder, .ct-frm-wrap form textarea:focus::placeholder { opacity: 0 !important; } .ct-frm-wrap form textarea { height: 163px !important; width: 100%; outline: none !important; } .ct-frm-wrap form select { width: 100%; height: 4.8rem; display: block; padding: 1.75rem 0.8rem !important; font-size: 1.6rem; line-height: 140%; font-weight: 600; letter-spacing: 0; font-weight: 400 !important; letter-spacing: 0px !important; color: rgba(1, 9, 24, 0.7) !important; border: solid 0.1rem transparent !important; border-radius: 0.4rem !important; margin: 0 !important; position: relative; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; outline: none !important; } @media screen and (min-width: 992px) { .ct-frm-wrap form select { font-size: 1.8rem; line-height: 140%; font-weight: 600; letter-spacing: 0; } } .ct-frm-wrap form select::-webkit-input-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap form select::-moz-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap form select:-ms-input-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap form select::-ms-input-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap form select::placeholder { color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap form select:focus { background-color: #DAE1E7 !important; border-color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap form select:focus::-webkit-input-placeholder { opacity: 0 !important; } .ct-frm-wrap form select:focus::-moz-placeholder { opacity: 0 !important; } .ct-frm-wrap form select:focus:-ms-input-placeholder { opacity: 0 !important; } .ct-frm-wrap form select:focus::-ms-input-placeholder { opacity: 0 !important; } .ct-frm-wrap form select:focus::placeholder { opacity: 0 !important; } .ct-frm-wrap form input[type=radio] { width: 1.8rem; height: 1.8rem; cursor: pointer; appearance: none; /* Removes default styling */ -webkit-appearance: none; /* For Safari */ -moz-appearance: none; cursor: pointer; border: none !important; /* Default border */ border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #DAE1E7; /* Default background */ } .ct-frm-wrap form input[type=radio]::before { content: ""; width: 60%; /* Inner dot size */ height: 60%; background-color: transparent; border-radius: 50%; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .ct-frm-wrap form input[type=radio]:checked::before { background-color: #11223B; /* White inner dot */ } .ct-frm-wrap form input[type=checkbox] { width: 2.4rem; height: 2.4rem; cursor: pointer; border-radius: 0.6rem; appearance: none; /* Removes default styling */ -webkit-appearance: none; /* For Safari */ -moz-appearance: none; cursor: pointer; border: none !important; /* Default border */ border-radius: 0.6rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #DAE1E7; /* Default background */ } .ct-frm-wrap form input[type=checkbox]:checked { background-image: url("../svg/tick.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.4rem auto; background-color: #11223B; } .ct-frm-wrap form input[type=submit] { width: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1.6rem 1.6rem 1.6rem 1.6rem; text-align: center; border-radius: 0.6rem; border: none; font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; color: #ffffff !important; text-decoration: none; background-color: transparent; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; cursor: pointer; position: relative; } .ct-frm-wrap form input[type=submit]:focus { background-color: #CA3B16; } .ct-frm-wrap form input[type=submit]:focus::before { right: 2rem; } .ct-frm-wrap form input[type=submit]:hover { background-color: #CA3B16; text-decoration: none !important; } .ct-frm-wrap form input[type=submit]:hover:focus { background-color: #CA3B16; } @media screen and (min-width: 992px) { .ct-frm-wrap form input[type=submit] { font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; } } .ct-frm-wrap form .submt-itm { background-color: #E74C24; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; border-radius: 0.6rem; } .ct-frm-wrap form .submt-itm input[type=submit] { width: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1.6rem 1.6rem 1.6rem 1.6rem; text-align: center; border-radius: 0.6rem; border: none; font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; color: #ffffff !important; text-decoration: none; background-color: transparent; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; cursor: pointer; position: relative; } @media screen and (min-width: 992px) { .ct-frm-wrap form .submt-itm input[type=submit] { font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; } } .ct-frm-wrap form .submt-itm .arrow { content: ""; width: 0.933rem; aspect-ratio: 1; display: block; background: url("../svg/arrow-regular.svg") no-repeat center; right: 0; position: relative; z-index: 1; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .ct-frm-wrap form .submt-itm:focus { background-color: #CA3B16; } .ct-frm-wrap form .submt-itm:focus::before { right: 2rem; } .ct-frm-wrap form .submt-itm:hover { background-color: #CA3B16; text-decoration: none !important; } .ct-frm-wrap form .submt-itm:hover .arrow { right: -0.5rem; } .ct-frm-wrap form .submt-itm:hover:focus { background-color: #CA3B16; } .ct-frm-wrap form .submt-itm:hover:focus .arrow { right: 1.3rem; } button[disabled], input[disabled] { cursor: default; } input[type=search] { -webkit-box-sizing: content-box; box-sizing: content-box; } input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; } .wpcf7-form-control-wrap, .wpcf7-form { width: 100%; display: block; position: relative; margin: 0 0 20px; } .wpcf7-form-control-wrap p, .wpcf7-form p { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; color: rgba(1, 9, 24, 0.7); margin: 0 0 1rem; -webkit-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; } .wpcf7-form-control-wrap label, .wpcf7-form label { width: 100%; display: block; margin: 0 0 0.8rem; } .wpcf7-form-control-wrap label > span, .wpcf7-form label > span { margin-top: 1rem; } .wpcf7-form-control-wrap label .wpcf7-quiz-label, .wpcf7-form label .wpcf7-quiz-label { display: block; margin-bottom: 0.5rem; } .wpcf7-form-control-wrap .wpcf7-radio, .wpcf7-form .wpcf7-radio { margin-top: 1rem; } .wpcf7-form-control-wrap .wpcf7-list-item, .wpcf7-form .wpcf7-list-item { margin-left: 0; } .wpcf7-form-control-wrap .wpcf7-list-item label, .wpcf7-form .wpcf7-list-item label { display: -ms-grid; display: grid; -ms-grid-columns: auto 1rem auto; grid-template-columns: auto auto; gap: 1rem; } .wpcf7-form-control-wrap input[type=checkbox], .wpcf7-form input[type=checkbox] { width: 1.8rem; height: 1.8rem; cursor: pointer; appearance: none; /* Removes default styling */ -webkit-appearance: none; /* For Safari */ -moz-appearance: none; cursor: pointer; border: none !important; /* Default border */ border-radius: 0.2rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #DAE1E7; /* Default background */ } .wpcf7-form-control-wrap input[type=checkbox]:checked, .wpcf7-form input[type=checkbox]:checked { background-image: url("../svg/tick.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.4rem auto; background-color: #11223B; } .wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap input[type=email], .wpcf7-form-control-wrap input[type=tel], .wpcf7-form-control-wrap input[type=file], .wpcf7-form-control-wrap input[type=password], .wpcf7-form-control-wrap textarea, .wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=tel], .wpcf7-form input[type=file], .wpcf7-form input[type=password], .wpcf7-form textarea { width: 100% !important; height: 4.8rem !important; display: block !important; padding: 1.75rem 0.8rem !important; font-size: 1.6rem; line-height: 140%; font-weight: 600; letter-spacing: 0; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(1, 9, 24, 0.7) !important; background-color: #DAE1E7 !important; border: 0.1rem solid transparent !important; border-radius: 0.4rem !important; position: relative !important; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; outline: none !important; } @media screen and (min-width: 992px) { .wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap input[type=email], .wpcf7-form-control-wrap input[type=tel], .wpcf7-form-control-wrap input[type=file], .wpcf7-form-control-wrap input[type=password], .wpcf7-form-control-wrap textarea, .wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=tel], .wpcf7-form input[type=file], .wpcf7-form input[type=password], .wpcf7-form textarea { font-size: 1.8rem; line-height: 140%; font-weight: 600; letter-spacing: 0; } } .wpcf7-form-control-wrap input[type=text]::-webkit-input-placeholder, .wpcf7-form-control-wrap input[type=email]::-webkit-input-placeholder, .wpcf7-form-control-wrap input[type=tel]::-webkit-input-placeholder, .wpcf7-form-control-wrap input[type=file]::-webkit-input-placeholder, .wpcf7-form-control-wrap input[type=password]::-webkit-input-placeholder, .wpcf7-form-control-wrap textarea::-webkit-input-placeholder, .wpcf7-form input[type=text]::-webkit-input-placeholder, .wpcf7-form input[type=email]::-webkit-input-placeholder, .wpcf7-form input[type=tel]::-webkit-input-placeholder, .wpcf7-form input[type=file]::-webkit-input-placeholder, .wpcf7-form input[type=password]::-webkit-input-placeholder, .wpcf7-form textarea::-webkit-input-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .wpcf7-form-control-wrap input[type=text]::-moz-placeholder, .wpcf7-form-control-wrap input[type=email]::-moz-placeholder, .wpcf7-form-control-wrap input[type=tel]::-moz-placeholder, .wpcf7-form-control-wrap input[type=file]::-moz-placeholder, .wpcf7-form-control-wrap input[type=password]::-moz-placeholder, .wpcf7-form-control-wrap textarea::-moz-placeholder, .wpcf7-form input[type=text]::-moz-placeholder, .wpcf7-form input[type=email]::-moz-placeholder, .wpcf7-form input[type=tel]::-moz-placeholder, .wpcf7-form input[type=file]::-moz-placeholder, .wpcf7-form input[type=password]::-moz-placeholder, .wpcf7-form textarea::-moz-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .wpcf7-form-control-wrap input[type=text]:-ms-input-placeholder, .wpcf7-form-control-wrap input[type=email]:-ms-input-placeholder, .wpcf7-form-control-wrap input[type=tel]:-ms-input-placeholder, .wpcf7-form-control-wrap input[type=file]:-ms-input-placeholder, .wpcf7-form-control-wrap input[type=password]:-ms-input-placeholder, .wpcf7-form-control-wrap textarea:-ms-input-placeholder, .wpcf7-form input[type=text]:-ms-input-placeholder, .wpcf7-form input[type=email]:-ms-input-placeholder, .wpcf7-form input[type=tel]:-ms-input-placeholder, .wpcf7-form input[type=file]:-ms-input-placeholder, .wpcf7-form input[type=password]:-ms-input-placeholder, .wpcf7-form textarea:-ms-input-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .wpcf7-form-control-wrap input[type=text]::-ms-input-placeholder, .wpcf7-form-control-wrap input[type=email]::-ms-input-placeholder, .wpcf7-form-control-wrap input[type=tel]::-ms-input-placeholder, .wpcf7-form-control-wrap input[type=file]::-ms-input-placeholder, .wpcf7-form-control-wrap input[type=password]::-ms-input-placeholder, .wpcf7-form-control-wrap textarea::-ms-input-placeholder, .wpcf7-form input[type=text]::-ms-input-placeholder, .wpcf7-form input[type=email]::-ms-input-placeholder, .wpcf7-form input[type=tel]::-ms-input-placeholder, .wpcf7-form input[type=file]::-ms-input-placeholder, .wpcf7-form input[type=password]::-ms-input-placeholder, .wpcf7-form textarea::-ms-input-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .wpcf7-form-control-wrap input[type=text]::placeholder, .wpcf7-form-control-wrap input[type=email]::placeholder, .wpcf7-form-control-wrap input[type=tel]::placeholder, .wpcf7-form-control-wrap input[type=file]::placeholder, .wpcf7-form-control-wrap input[type=password]::placeholder, .wpcf7-form-control-wrap textarea::placeholder, .wpcf7-form input[type=text]::placeholder, .wpcf7-form input[type=email]::placeholder, .wpcf7-form input[type=tel]::placeholder, .wpcf7-form input[type=file]::placeholder, .wpcf7-form input[type=password]::placeholder, .wpcf7-form textarea::placeholder { color: rgba(1, 9, 24, 0.4) !important; } .wpcf7-form-control-wrap input[type=text]:focus, .wpcf7-form-control-wrap input[type=email]:focus, .wpcf7-form-control-wrap input[type=tel]:focus, .wpcf7-form-control-wrap input[type=file]:focus, .wpcf7-form-control-wrap input[type=password]:focus, .wpcf7-form-control-wrap textarea:focus, .wpcf7-form input[type=text]:focus, .wpcf7-form input[type=email]:focus, .wpcf7-form input[type=tel]:focus, .wpcf7-form input[type=file]:focus, .wpcf7-form input[type=password]:focus, .wpcf7-form textarea:focus { background-color: #DAE1E7 !important; border-color: rgba(1, 9, 24, 0.4) !important; } .wpcf7-form-control-wrap input[type=text]:focus::-webkit-input-placeholder, .wpcf7-form-control-wrap input[type=email]:focus::-webkit-input-placeholder, .wpcf7-form-control-wrap input[type=tel]:focus::-webkit-input-placeholder, .wpcf7-form-control-wrap input[type=file]:focus::-webkit-input-placeholder, .wpcf7-form-control-wrap input[type=password]:focus::-webkit-input-placeholder, .wpcf7-form-control-wrap textarea:focus::-webkit-input-placeholder, .wpcf7-form input[type=text]:focus::-webkit-input-placeholder, .wpcf7-form input[type=email]:focus::-webkit-input-placeholder, .wpcf7-form input[type=tel]:focus::-webkit-input-placeholder, .wpcf7-form input[type=file]:focus::-webkit-input-placeholder, .wpcf7-form input[type=password]:focus::-webkit-input-placeholder, .wpcf7-form textarea:focus::-webkit-input-placeholder { opacity: 0 !important; } .wpcf7-form-control-wrap input[type=text]:focus::-moz-placeholder, .wpcf7-form-control-wrap input[type=email]:focus::-moz-placeholder, .wpcf7-form-control-wrap input[type=tel]:focus::-moz-placeholder, .wpcf7-form-control-wrap input[type=file]:focus::-moz-placeholder, .wpcf7-form-control-wrap input[type=password]:focus::-moz-placeholder, .wpcf7-form-control-wrap textarea:focus::-moz-placeholder, .wpcf7-form input[type=text]:focus::-moz-placeholder, .wpcf7-form input[type=email]:focus::-moz-placeholder, .wpcf7-form input[type=tel]:focus::-moz-placeholder, .wpcf7-form input[type=file]:focus::-moz-placeholder, .wpcf7-form input[type=password]:focus::-moz-placeholder, .wpcf7-form textarea:focus::-moz-placeholder { opacity: 0 !important; } .wpcf7-form-control-wrap input[type=text]:focus:-ms-input-placeholder, .wpcf7-form-control-wrap input[type=email]:focus:-ms-input-placeholder, .wpcf7-form-control-wrap input[type=tel]:focus:-ms-input-placeholder, .wpcf7-form-control-wrap input[type=file]:focus:-ms-input-placeholder, .wpcf7-form-control-wrap input[type=password]:focus:-ms-input-placeholder, .wpcf7-form-control-wrap textarea:focus:-ms-input-placeholder, .wpcf7-form input[type=text]:focus:-ms-input-placeholder, .wpcf7-form input[type=email]:focus:-ms-input-placeholder, .wpcf7-form input[type=tel]:focus:-ms-input-placeholder, .wpcf7-form input[type=file]:focus:-ms-input-placeholder, .wpcf7-form input[type=password]:focus:-ms-input-placeholder, .wpcf7-form textarea:focus:-ms-input-placeholder { opacity: 0 !important; } .wpcf7-form-control-wrap input[type=text]:focus::-ms-input-placeholder, .wpcf7-form-control-wrap input[type=email]:focus::-ms-input-placeholder, .wpcf7-form-control-wrap input[type=tel]:focus::-ms-input-placeholder, .wpcf7-form-control-wrap input[type=file]:focus::-ms-input-placeholder, .wpcf7-form-control-wrap input[type=password]:focus::-ms-input-placeholder, .wpcf7-form-control-wrap textarea:focus::-ms-input-placeholder, .wpcf7-form input[type=text]:focus::-ms-input-placeholder, .wpcf7-form input[type=email]:focus::-ms-input-placeholder, .wpcf7-form input[type=tel]:focus::-ms-input-placeholder, .wpcf7-form input[type=file]:focus::-ms-input-placeholder, .wpcf7-form input[type=password]:focus::-ms-input-placeholder, .wpcf7-form textarea:focus::-ms-input-placeholder { opacity: 0 !important; } .wpcf7-form-control-wrap input[type=text]:focus::placeholder, .wpcf7-form-control-wrap input[type=email]:focus::placeholder, .wpcf7-form-control-wrap input[type=tel]:focus::placeholder, .wpcf7-form-control-wrap input[type=file]:focus::placeholder, .wpcf7-form-control-wrap input[type=password]:focus::placeholder, .wpcf7-form-control-wrap textarea:focus::placeholder, .wpcf7-form input[type=text]:focus::placeholder, .wpcf7-form input[type=email]:focus::placeholder, .wpcf7-form input[type=tel]:focus::placeholder, .wpcf7-form input[type=file]:focus::placeholder, .wpcf7-form input[type=password]:focus::placeholder, .wpcf7-form textarea:focus::placeholder { opacity: 0 !important; } .wpcf7-form-control-wrap textarea, .wpcf7-form textarea { height: 163px !important; } .wpcf7-form-control-wrap select, .wpcf7-form select { width: 100%; height: 4.8rem; display: block; padding: 1.75rem 0.8rem !important; font-size: 1.6rem; line-height: 140%; font-weight: 600; letter-spacing: 0; font-weight: 400 !important; letter-spacing: 0px !important; color: rgba(1, 9, 24, 0.7) !important; border: solid 0.1rem transparent !important; border-radius: 0.4rem !important; margin: 0 !important; position: relative; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; outline: none !important; } @media screen and (min-width: 992px) { .wpcf7-form-control-wrap select, .wpcf7-form select { font-size: 1.8rem; line-height: 140%; font-weight: 600; letter-spacing: 0; } } .wpcf7-form-control-wrap select::-webkit-input-placeholder, .wpcf7-form select::-webkit-input-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .wpcf7-form-control-wrap select::-moz-placeholder, .wpcf7-form select::-moz-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .wpcf7-form-control-wrap select:-ms-input-placeholder, .wpcf7-form select:-ms-input-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .wpcf7-form-control-wrap select::-ms-input-placeholder, .wpcf7-form select::-ms-input-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .wpcf7-form-control-wrap select::placeholder, .wpcf7-form select::placeholder { color: rgba(1, 9, 24, 0.4) !important; } .wpcf7-form-control-wrap select:focus, .wpcf7-form select:focus { background-color: #DAE1E7 !important; border-color: rgba(1, 9, 24, 0.4) !important; } .wpcf7-form-control-wrap select:focus::-webkit-input-placeholder, .wpcf7-form select:focus::-webkit-input-placeholder { opacity: 0 !important; } .wpcf7-form-control-wrap select:focus::-moz-placeholder, .wpcf7-form select:focus::-moz-placeholder { opacity: 0 !important; } .wpcf7-form-control-wrap select:focus:-ms-input-placeholder, .wpcf7-form select:focus:-ms-input-placeholder { opacity: 0 !important; } .wpcf7-form-control-wrap select:focus::-ms-input-placeholder, .wpcf7-form select:focus::-ms-input-placeholder { opacity: 0 !important; } .wpcf7-form-control-wrap select:focus::placeholder, .wpcf7-form select:focus::placeholder { opacity: 0 !important; } .wpcf7-form-control-wrap .wpcf7-form-control, .wpcf7-form .wpcf7-form-control { margin: 0; } .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label, .wpcf7-form .wpcf7-form-control .wpcf7-list-item label { -ms-grid-columns: auto auto; grid-template-columns: auto auto; } .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label, .wpcf7-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label { margin-top: 0; } .wpcf7-form-control-wrap .wpcf7-not-valid-tip, .wpcf7-form .wpcf7-not-valid-tip { width: 100%; display: block; font-size: 1.2rem; line-height: 150%; font-weight: 400; letter-spacing: 0; } .wpcf7-form-control-wrap .wpcf7-quiz-label, .wpcf7-form .wpcf7-quiz-label { font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; letter-spacing: 0; color: rgba(1, 9, 24, 0.7); margin: 0 0 1rem; } @media screen and (min-width: 768px) { .wpcf7-form-control-wrap .wpcf7-quiz-label, .wpcf7-form .wpcf7-quiz-label { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; } } .wpcf7-form { margin-left: auto; margin-right: auto; } .submt-itm { background-color: #E74C24; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; border-radius: 0.6rem; } .submt-itm input[type=submit] { width: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1.6rem 1.6rem 1.6rem 1.6rem; text-align: center; border-radius: 0.6rem; border: none; font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; color: #ffffff !important; text-decoration: none; background-color: transparent; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; cursor: pointer; position: relative; } @media screen and (min-width: 992px) { .submt-itm input[type=submit] { font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; } } .submt-itm .arrow { content: ""; width: 0.933rem; aspect-ratio: 1; display: block; background: url("../svg/arrow-regular.svg") no-repeat center; right: 0; position: relative; z-index: 1; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .submt-itm:focus { background-color: #CA3B16; } .submt-itm:focus::before { right: 2rem; } .submt-itm:hover { background-color: #CA3B16; text-decoration: none !important; } .submt-itm:hover .arrow { right: -0.5rem; } .submt-itm:hover:focus { background-color: #CA3B16; } .submt-itm:hover:focus .arrow { right: 1.3rem; } .wpcf7-form button, .wpcf7-form input[type=button], .wpcf7-form input[type=reset], .wpcf7-form input[type=submit], .submit-form button, .submit-form input[type=button], .submit-form input[type=reset], .submit-form input[type=submit], .submit button, .submit input[type=button], .submit input[type=reset], .submit input[type=submit] { width: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2rem 4.2rem 2rem 2rem; text-align: center; border-radius: 0.6rem; border: none; font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; color: #ffffff !important; text-decoration: none; background-color: transparent; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; cursor: pointer; position: relative; } .wpcf7-form button:hover, .wpcf7-form button:focus, .wpcf7-form input[type=button]:hover, .wpcf7-form input[type=button]:focus, .wpcf7-form input[type=reset]:hover, .wpcf7-form input[type=reset]:focus, .wpcf7-form input[type=submit]:hover, .wpcf7-form input[type=submit]:focus, .submit-form button:hover, .submit-form button:focus, .submit-form input[type=button]:hover, .submit-form input[type=button]:focus, .submit-form input[type=reset]:hover, .submit-form input[type=reset]:focus, .submit-form input[type=submit]:hover, .submit-form input[type=submit]:focus, .submit button:hover, .submit button:focus, .submit input[type=button]:hover, .submit input[type=button]:focus, .submit input[type=reset]:hover, .submit input[type=reset]:focus, .submit input[type=submit]:hover, .submit input[type=submit]:focus { background-color: #CA3B16; } embed, iframe, object { max-width: 100%; } table { width: 100%; margin: 0; border: none; background: transparent; border-collapse: separate; } table th { font-size: 2rem; line-height: 140%; font-weight: 400; letter-spacing: 0; line-height: 110%; font-weight: 800; color: #11223B; border: none; border-bottom: 0.2rem solid #6BC4E0; padding: 2.8rem 2.5rem; background: transparent; text-align: left; } table td { padding: 2.8rem 2.5rem; border: none; border-bottom: 0.1rem solid #899FB4; text-align: left; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } table td p { font-weight: 400; } @media screen and (max-width: 1080px) { table td { padding: 2rem 2rem; } } @media screen and (max-width: 992px) { table td { padding: 2rem 1rem; } } table td:hover { background: #6BC4E0; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } table td:hover p { color: #ffffff; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } .table-grid { position: relative; z-index: 1; width: 100%; } .table-grid table { margin: 0; border: none; background: transparent; border-collapse: separate; } .table-grid .fixed-col { font-size: 2rem; line-height: 140%; font-weight: 400; letter-spacing: 0; line-height: 110%; font-weight: 800; color: #11223B; text-align: left; } .table-grid th { font-size: 2rem; line-height: 140%; font-weight: 400; letter-spacing: 0; line-height: 110%; font-weight: 800; color: #11223B; border: none; border-bottom: 0.2rem solid #6BC4E0; padding: 2.8rem 2.5rem; background: transparent; text-align: left; } .table-grid .table-row { text-align: left; } .table-grid td { padding: 2.8rem 2.5rem; border: none; border-bottom: 0.1rem solid #899FB4; text-align: left; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .table-grid td p { font-weight: 400; } @media screen and (max-width: 1080px) { .table-grid td { padding: 2rem 2rem; } } @media screen and (max-width: 992px) { .table-grid td { padding: 2rem 1rem; } } .table-grid td:hover { background: #6BC4E0; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .table-grid td:hover p { color: #ffffff; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .table-grid .fixed-col:hover { background: transparent; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .table-grid .tabletolist { border: none; } ul, ol { margin: 0 0 1em 0.75em; padding: 0 0 1em 0.75em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 0.5em; padding-bottom: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } p { font-size: 1.6rem; margin: 0; padding: 0; font-weight: normal; word-break: break-word; } .container { width: 100%; padding: 0 2rem; max-width: 100%; margin: 0 auto; } @media screen and (min-width: 1180px) { .container { max-width: 135.2rem; } } .fluidcontainer { width: 100%; padding: 0 2rem; margin: 0 auto; } .full-container { width: 100%; max-width: 100%; padding: 0 20px; } .clearfix:before, .clearfix:after { clear: both; content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } section { width: 100%; display: block; position: relative; overflow: hidden; background: #ffffff; z-index: 1; padding: 3rem 0; } /* Grid Container */ .col-2-grid-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); gap: 3rem; margin: auto; } @media (min-width: 768px) { .col-2-grid-container { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); /* 2 Columns */ } } @media (min-width: 992px) { .col-2-grid-container { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); /* 3 Equal Columns */ } } .col-2-grid-container .grid-item { padding: 2.8rem; border-radius: 0.6rem; } .col-3-grid-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); gap: 3rem; margin: auto; } @media (min-width: 768px) { .col-3-grid-container { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); /* 2 Columns */ } } @media (min-width: 992px) { .col-3-grid-container { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); /* 3 Equal Columns */ } } .col-3-grid-container .grid-item { padding: 2.8rem; border-radius: 0.6rem; } .col-4-grid-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); gap: 3rem; margin: auto; } @media (min-width: 768px) { .col-4-grid-container { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); /* 2 Columns */ } } @media (min-width: 992px) { .col-4-grid-container { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); /* 3 Equal Columns */ } } @media (min-width: 1080px) { .col-4-grid-container { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); /* 3 Equal Columns */ } } .col-4-grid-container .grid-item { padding: 2.8rem; border-radius: 0.6rem; } .col-5-grid-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); gap: 3rem; margin: auto; } @media (min-width: 768px) { .col-5-grid-container { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); /* 2 Columns */ } } @media (min-width: 992px) { .col-5-grid-container { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); /* 3 Equal Columns */ } } @media (min-width: 1080px) { .col-5-grid-container { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); /* 3 Equal Columns */ } } @media (min-width: 1200px) { .col-5-grid-container { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); /* 3 Equal Columns */ } } .col-5-grid-container .grid-item { padding: 2.4rem; border-radius: 0.6rem; } /** Grid **/ .grid_column { width: 100%; display: -ms-grid; display: grid; } .column6 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .column5, .column4, .column3, .column2, .column1 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } @media screen and (min-width: 768px) { .column6 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .column5, .column4, .column3, .column2 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } @media screen and (min-width: 1180px) { .column6 { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .column5 { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .column4 { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; } .column3 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .column2 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } /** Horizontal gap **/ .horizontal_10 { -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; } .horizontal_20 { -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; } .horizontal_30 { -webkit-column-gap: 3rem; -moz-column-gap: 3rem; column-gap: 3rem; } .horizontal_40 { -webkit-column-gap: 4rem; -moz-column-gap: 4rem; column-gap: 4rem; } .horizontal_50 { -webkit-column-gap: 5rem; -moz-column-gap: 5rem; column-gap: 5rem; } .horizontal_60 { -webkit-column-gap: 6rem; -moz-column-gap: 6rem; column-gap: 6rem; } /** Vertical gap **/ .vertical_xxs { row-gap: 1rem; } .vertical_xs { row-gap: 2rem; } .vertical_s { row-gap: 1.5rem; } @media screen and (min-width: 992px) { .vertical_s { row-gap: 3rem; } } .vertical_sm { row-gap: 2rem; } @media screen and (min-width: 992px) { .vertical_sm { row-gap: 4rem; } } .vertical_md { row-gap: 25px; } @media screen and (min-width: 992px) { .vertical_md { row-gap: 50px; } } .vertical_lg { row-gap: 3rem; } @media screen and (min-width: 992px) { .vertical_lg { row-gap: 6rem; } } .vertical_xl { row-gap: 4rem; } @media screen and (min-width: 992px) { .vertical_xl { row-gap: 7rem; } } .mb-30 { margin-bottom: 3rem; } .mb-40 { margin-bottom: 4rem; } .mb-50 { margin-bottom: 5rem; } .mb-60 { margin-bottom: 6rem; } .mb-70 { margin-bottom: 7rem; } .mb-80 { margin-bottom: 8rem; } h1, h2, h3, h4, h5, h6 { color: #010918; font-family: "Manrope", sans-serif; } h1 { font-size: 3.5rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; } @media screen and (min-width: 393px) { h1 { font-size: 4.2rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; } } @media screen and (min-width: 768px) { h1 { font-size: 5.6rem; line-height: 100%; font-weight: 800; letter-spacing: -0.248rem; } } @media screen and (min-width: 992px) { h1 { font-size: 7rem; line-height: 112%; font-weight: 800; letter-spacing: -0.28rem; } } h2 { font-size: 3rem; line-height: 110%; font-weight: 800; letter-spacing: -0.06rem; } @media screen and (min-width: 393px) { h2 { font-size: 3.2rem; line-height: 110%; font-weight: 800; letter-spacing: -0.064rem; } } @media screen and (min-width: 768px) { h2 { font-size: 4.2rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; } } @media screen and (min-width: 992px) { h2 { font-size: 5.6rem; line-height: 110%; font-weight: 800; letter-spacing: -0.248rem; } } h3 { font-size: 2.5rem; line-height: 120%; font-weight: 800; letter-spacing: -0.084rem; } @media screen and (min-width: 393px) { h3 { font-size: 2.8rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; } } @media screen and (min-width: 768px) { h3 { font-size: 3.2rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; } } @media screen and (min-width: 992px) { h3 { font-size: 4.2rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; } } h4 { font-size: 2rem; line-height: 120%; font-weight: 800; letter-spacing: -0.084rem; } @media screen and (min-width: 393px) { h4 { font-size: 2.2rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; } } @media screen and (min-width: 768px) { h4 { font-size: 2.5rem; line-height: 100%; font-weight: 800; letter-spacing: -0.06rem; } } @media screen and (min-width: 992px) { h4 { font-size: 2.8rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; } } h5 { font-size: 1.9rem; line-height: 110%; font-weight: 800; letter-spacing: -0.04rem; } @media screen and (min-width: 393px) { h5 { font-size: 2rem; line-height: 110%; font-weight: 800; letter-spacing: -0.04rem; } } @media screen and (min-width: 768px) { h5 { font-size: 2.1rem; line-height: 100%; font-weight: 800; letter-spacing: -0.054rem; } } @media screen and (min-width: 992px) { h5 { font-size: 2.2rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; } } h6 { font-size: 1.7rem; line-height: 110%; font-weight: 800; letter-spacing: -0.036rem; } @media screen and (min-width: 393px) { h6 { font-size: 1.8rem; line-height: 110%; font-weight: 800; letter-spacing: -0.036rem; } } @media screen and (min-width: 768px) { h6 { font-size: 1.9rem; line-height: 100%; font-weight: 800; letter-spacing: -0.04rem; } } @media screen and (min-width: 992px) { h6 { font-size: 2rem; line-height: 110%; font-weight: 800; letter-spacing: -0.04rem; } } p { font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; letter-spacing: 0; color: rgba(1, 9, 24, 0.7); } @media screen and (min-width: 393px) { p { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; } } @media screen and (min-width: 992px) { p { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; } } /* heading */ .wp-block-group h2 { margin-bottom: 2rem; } .wp-block-group h3 { margin-bottom: 2.4rem; } .wp-block-group h4 { margin-bottom: 2.4rem; } .wp-block-group .top-head { margin-bottom: 2rem; } @media screen and (min-width: 992px) { .wp-block-group h2 { margin-bottom: 2.4rem; } .wp-block-group h3 { margin-bottom: 2.4rem; } .wp-block-group h4 { margin-bottom: 2.4rem; } .wp-block-group .top-head { margin-bottom: 2.4rem; } } .wp-block-group.maxw-80 { max-width: 100%; text-align: center; margin: 0 auto; } .wp-block-group.maxw-80 p { max-width: 100%; margin: 0 auto; } .wp-block-group.maxw-80 h2 { margin-bottom: 2rem; } .wp-block-group.maxw-80 h3 { margin-bottom: 2.4rem; } .wp-block-group.maxw-80 h4 { margin-bottom: 2.4rem; } .wp-block-group.maxw-80 .top-head { margin-bottom: 2rem; } @media screen and (min-width: 992px) { .wp-block-group.maxw-80 { max-width: 70%; text-align: center; margin: 0 auto; } .wp-block-group.maxw-80 h2 { margin-bottom: 2.4rem; } .wp-block-group.maxw-80 h3 { margin-bottom: 2.4rem; } .wp-block-group.maxw-80 h4 { margin-bottom: 2.4rem; } .wp-block-group.maxw-80 .top-head { margin-bottom: 2.4rem; } } /* == WordPress WYSIWYG Editor Styles == */ .entry-content img { margin: 0 0 1.5em 0; } .alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; } .alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; } .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } .alignnone, img.alignnone { /* not sure about this one */ } .wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; } .wp-caption img { border: 0 none; padding: 0; margin: 0; } .wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; } .wp-smiley { margin: 0 !important; max-height: 1em; } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } /** * Swiper 11.0.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 9, 2023 */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color:#007aff; } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { -webkit-transform-style: preserve-3d; 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 { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { -ms-scroll-snap-type: none; 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: ""; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -ms-flex-order: 9999; 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 { -webkit-margin-start: var(--swiper-centered-offset-before); 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 { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .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 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color:#fff; } .swiper-lazy-preloader-black { --swiper-preloader-color:#000; } @-webkit-keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .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 { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size:44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; 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 { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transform-origin: center; transform-origin: center; } .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 0.3s opacity; transition: 0.3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { 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); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-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; -webkit-transition: 0.2s top, 0.2s -webkit-transform; transition: 0.2s top, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s top; transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform; } .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%; -webkit-transform: translateX(-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 { -webkit-transition: 0.2s left, 0.2s -webkit-transform; transition: 0.2s left, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s left; transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s right, 0.2s -webkit-transform; transition: 0.2s right, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s right; transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; -ms-touch-action: none; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; -ms-touch-action: none; touch-action: none; } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; 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-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { -webkit-transform-origin: 100% 0; 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 { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-filter: blur(50px); filter: blur(50px); } .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 { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; 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 { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; -webkit-transition-property: opacity, height, -webkit-transform; transition-property: opacity, height, -webkit-transform; transition-property: transform, opacity, height; transition-property: transform, opacity, height, -webkit-transform; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } ul.resp-tabs-list { margin: 0px; padding: 0px; text-align: center; max-width: 700px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; } .resp-tabs-list li { display: inline-block; list-style: none; cursor: pointer; font-style: normal; -webkit-box-sizing: border-box; box-sizing: border-box; color: #FFF; font-size: 16px; font-style: normal; font-weight: 700; line-height: 28px; background: transparent !important; width: 50%; margin-right: 15px; padding: 8px 20px; letter-spacing: normal; width: 50%; } .resp-tabs-list li:last-child { margin-right: 0; } .resp-tabs-list li:first-child { margin-left: 0; } .resp-tabs-list li.resp-tab-active { background: #CC202D !important; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff !important; } .resp-tabs-list li.resp-tab-active a { color: #fff !important; } .resp-tabs-list li.resp-tab-active .resp-tab-content { display: block; } .resp-tab-content { display: none; padding: 21px 0px 0 0; } .resp-tabs-container { padding: 0px; background-color: #fff; clear: left; } h2.resp-easy-accordion { cursor: pointer; display: none; font-size: 16px; border: 0; border-top: 0; margin: 5px 0; position: relative; color: #4E4D62; font-style: normal; font-weight: 700; line-height: 28px; font-weight: 400; background: #F1EEEE !important; padding: 12px 25px; border: none; border-top: 0px solid #e3e3e3; margin: 0px; margin-bottom: 15px; } h2.resp-easy-accordion:after { content: "\f107"; font-family: "FontAwesome"; position: absolute; right: 15px; top: 14px; width: 20px; height: 30px; font-size: 18px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } h2.resp-easy-accordion a { color: #4E4D62 !important; } h2.resp-tab-active { background: #F1EEEE !important; } h2.resp-tab-active:after { content: "\f106"; font-family: "FontAwesome"; position: absolute; right: 15px; top: 14px; width: 20px; height: 30px; font-size: 18px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 760px) { .resp-tab-content { padding: 10px 0 25px 0; } ul.resp-tabs-list { display: none; } h2.resp-accordion { display: block; font-size: 16px !important; line-height: 20px !important; color: #fff !important; text-align: left !important; margin: 5px 0 !important; } .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; } .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: 100px; clear: none; } } /* Table */ ul.tabletolist { border-bottom: 1px solid #D2D8DF; font-size: 14px; margin: 0 0 20px 0; } /* Image */ ul.tabletolist img { max-width: 100%; } /* Table with no row headers */ ul.tabletolist.nrh { border-bottom: 1px solid #D2D8DF; } /* Table with no row headers columns */ ul.tabletolist.nrh > li { border-top: 1px solid #D2D8DF; } /* Table defaults */ ul.tabletolist, ul.tabletolist > li > ul { padding: 0 !important; list-style: none !important; } /* Inner list */ ul.tabletolist > li > ul { margin: 0 !important; } /* Table titles */ ul.tabletolist > li .titles { background: #6BC4E0; display: block; color: #fff; padding: 10px; font-weight: 800; } /* Table rows */ ul.tabletolist > li > ul > li { font-weight: 200; border-bottom: 1px solid #D2D8DF; padding: 10px; } /* Table rows hover */ ul.tabletolist > li > ul > li:hover { background-color: #173D7A; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.0784313725); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.0784313725); -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } ul.tabletolist > li > ul > li:hover span { color: #FFFFFF; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } /* Table last child row */ ul.tabletolist > li > ul > li:last-child { border-bottom: none; } /* Table row header */ ul.tabletolist ul > li .row_headers { font-size: 15px; max-width: 40%; float: left; margin-right: 3%; font-weight: 700; color: #1F3A60; } /* Table row data */ ul.tabletolist ul > li .row_data { float: right; font-weight: 400; max-width: 57%; color: #1F3A60; } /* Clearfix */ ul.tabletolist > li > ul > li { *zoom: 1; } ul.tabletolist > li > ul > li:before, ul.tabletolist > li > ul > li:after { content: " "; display: table; } ul.tabletolist > li > ul > li:after { clear: both; } /* Html table row data */ ul.tabletolist ul > li .row_data.html { font-weight: 400; } ul.tabletolist ul > li .row_data.html ul { list-style-type: disc; } .white-popup { position: relative; background: #F1F8FF; padding: 50px; width: auto; max-width: 600px; margin: 1vw auto; border-radius: 10px; line-height: 26px; font-size: 16px; color: #000; } .board-popup { position: relative; background: #fff; padding: 55px; width: auto; max-width: 1100px; margin: 1vw auto; border-radius: 0px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 26px; color: #6F7380; } .mfp-zoom-in .mfp-with-anim { opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; overflow: hidden; position: fixed; background: #000; opacity: 0.9; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; position: fixed; outline: 0 !important; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 999999; } .mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:focus, .mfp-close:hover { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:focus, .mfp-arrow:hover { opacity: 1; } .mfp-arrow:after, .mfp-arrow:before { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* Animations */ @-webkit-keyframes showCaret { from { caret-color: transparent; } to { caret-color: var(--primary); } } @keyframes showCaret { from { caret-color: transparent; } to { caret-color: var(--primary); } } @-webkit-keyframes handleToCaret { from { background: currentColor; width: 0.25em; height: 1em; -webkit-transform: translate(0, -1em) rotate(-45deg) translate(0, 0.875em); transform: translate(0, -1em) rotate(-45deg) translate(0, 0.875em); } 25% { background: currentColor; width: 0.25em; height: 1em; -webkit-transform: translate(0, -1em) rotate(-180deg) translate(0, 0.875em); transform: translate(0, -1em) rotate(-180deg) translate(0, 0.875em); } 50%, 62.5% { background: var(--primary); width: 1px; height: 1.5em; -webkit-transform: translate(0, -1em) rotate(-180deg) translate(7.5em, 2.5em); transform: translate(0, -1em) rotate(-180deg) translate(7.5em, 2.5em); } 75%, 99% { background: var(--primary); width: 1px; height: 1.5em; -webkit-transform: translate(0, -1em) rotate(-180deg) translate(7.5em, -0.25em); transform: translate(0, -1em) rotate(-180deg) translate(7.5em, -0.25em); } 87.5% { background: var(--primary); width: 1px; height: 1.5em; -webkit-transform: translate(0, -1em) rotate(-180deg) translate(7.5em, 0.125em); transform: translate(0, -1em) rotate(-180deg) translate(7.5em, 0.125em); } to { background: transparent; width: 1px; height: 1.5em; -webkit-transform: translate(0, -1em) rotate(-180deg) translate(7.5em, -0.25em); transform: translate(0, -1em) rotate(-180deg) translate(7.5em, -0.25em); } } @keyframes handleToCaret { from { background: currentColor; width: 0.25em; height: 1em; -webkit-transform: translate(0, -1em) rotate(-45deg) translate(0, 0.875em); transform: translate(0, -1em) rotate(-45deg) translate(0, 0.875em); } 25% { background: currentColor; width: 0.25em; height: 1em; -webkit-transform: translate(0, -1em) rotate(-180deg) translate(0, 0.875em); transform: translate(0, -1em) rotate(-180deg) translate(0, 0.875em); } 50%, 62.5% { background: var(--primary); width: 1px; height: 1.5em; -webkit-transform: translate(0, -1em) rotate(-180deg) translate(7.5em, 2.5em); transform: translate(0, -1em) rotate(-180deg) translate(7.5em, 2.5em); } 75%, 99% { background: var(--primary); width: 1px; height: 1.5em; -webkit-transform: translate(0, -1em) rotate(-180deg) translate(7.5em, -0.25em); transform: translate(0, -1em) rotate(-180deg) translate(7.5em, -0.25em); } 87.5% { background: var(--primary); width: 1px; height: 1.5em; -webkit-transform: translate(0, -1em) rotate(-180deg) translate(7.5em, 0.125em); transform: translate(0, -1em) rotate(-180deg) translate(7.5em, 0.125em); } to { background: transparent; width: 1px; height: 1.5em; -webkit-transform: translate(0, -1em) rotate(-180deg) translate(7.5em, -0.25em); transform: translate(0, -1em) rotate(-180deg) translate(7.5em, -0.25em); } } @-webkit-keyframes gradientFadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes gradientFadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes imageFadeIn { from { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes imageFadeIn { from { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes contentFadeIn { from { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes contentFadeIn { from { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes contentSlideUp { from { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes contentSlideUp { from { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes grow { to { -webkit-transform: scale(1.08) rotate(-1deg); transform: scale(1.08) rotate(-1deg); } } @keyframes grow { to { -webkit-transform: scale(1.08) rotate(-1deg); transform: scale(1.08) rotate(-1deg); } } @-webkit-keyframes shrink { to { -webkit-transform: scale(1.08) rotate(-1deg); transform: scale(1.08) rotate(-1deg); } } @keyframes shrink { to { -webkit-transform: scale(1.08) rotate(-1deg); transform: scale(1.08) rotate(-1deg); } } @-webkit-keyframes bounceUpDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); /* Start position */ } 100% { -webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem); /* Moves up slightly */ } } @keyframes bounceUpDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); /* Start position */ } 100% { -webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem); /* Moves up slightly */ } } @-webkit-keyframes draw { 0% { stroke-dashoffset: 100px; } 100% { stroke-dashoffset: 0; } } @keyframes draw { 0% { stroke-dashoffset: 100px; } 100% { stroke-dashoffset: 0; } } @-webkit-keyframes circle-rotate { from { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } to { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @keyframes circle-rotate { from { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } to { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @-webkit-keyframes dashed-expand { 0% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; } 100% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); /* Expands outward */ opacity: 0; /* Fades out */ } } @keyframes dashed-expand { 0% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; } 100% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); /* Expands outward */ opacity: 0; /* Fades out */ } } @-webkit-keyframes zoom-in-out { 0%, 100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 50% { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); /* Slight zoom-in */ } } @keyframes zoom-in-out { 0%, 100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 50% { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); /* Slight zoom-in */ } } @-webkit-keyframes smooth-jump { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Jump up */ 100% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } /* Settle slightly */ } @keyframes smooth-jump { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Jump up */ 100% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } /* Settle slightly */ } .search-wrap input[type=text] { font-size: 1.3rem; line-height: 1; font-weight: 400; letter-spacing: 0; display: inline-block; border: none; outline: none; color: rgba(12, 10, 8, 0.8); padding: 0.3rem; padding-right: 4rem; width: 0px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; background: none; z-index: 3; -webkit-transition: width 0.4s cubic-bezier(0, 0.795, 0, 1); transition: width 0.4s cubic-bezier(0, 0.795, 0, 1); cursor: pointer; } @media screen and (min-width: 992px) { .search-wrap input[type=text] { font-size: 1.5rem; line-height: 1; font-weight: 400; letter-spacing: 0; } } .search-wrap input[type=text]:focus:hover { border-bottom: 0.1rem solid #899FB4; } .search-wrap input[type=text]:focus { width: 30rem; z-index: 1; border-bottom: 1px solid #899FB4; cursor: text; } .search-wrap input[type=submit] { height: 2.2rem; width: 2.2rem; display: inline-block; color: rgba(12, 10, 8, 0.8); font-size: 0; float: right; background: url("../svg/search.svg") center center no-repeat; text-indent: -10000px; border: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; z-index: 2; opacity: 1; cursor: pointer; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; padding: 0; } .search-wrap input[type=submit]:hover { opacity: 0.8; } /* button section */ .ct-Btn { width: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.8rem 2rem 0.8rem 2rem; border-radius: 0.6rem; border: none; font-size: 1.5rem; line-height: 1; font-weight: 400; letter-spacing: 0; line-height: 150% !important; font-weight: 500 !important; color: #ffffff !important; border: 0.1rem solid rgba(239, 239, 239, 0.5); border-radius: 0.6rem; text-decoration: none; background-color: transparent; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; cursor: pointer; position: relative; } .ct-Btn:hover, .ct-Btn:focus { border: 0.1rem solid #ffffff; text-decoration: none !important; color: #ffffff !important; } @media screen and (min-width: 992px) { .ct-Btn { font-size: 1.3rem; line-height: 1; font-weight: 400; letter-spacing: 0; } } .ct-Btn.priamry-ctBtn { color: #010918 !important; border: 0.1rem solid rgba(1, 9, 24, 0.7); outline: 0rem solid transparent; } .ct-Btn.priamry-ctBtn:focus { border: 0.1rem solid rgba(1, 9, 24, 0.9) !important; text-decoration: none !important; color: rgba(1, 9, 24, 0.9) !important; outline: 0rem solid transparent; } .ct-Btn.priamry-ctBtn:hover { border: 0.1rem solid #010918 !important; outline: 0.1rem solid #010918 !important; text-decoration: none !important; color: rgba(1, 9, 24, 0.9) !important; } .ct-Btn.priamry-ctBtn:hover:focus { border: 0.1rem solid #010918 !important; outline: 0.1rem solid #010918 !important; } .primaryBtn { width: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 3.8rem 1rem 2rem; border-radius: 0.6rem; border: none; font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; color: #ffffff !important; text-decoration: none; background-color: #E74C24; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; cursor: pointer; position: relative; line-height: 1.5; min-height: 4.4rem; text-align: left; text-decoration: none; } .primaryBtn .arrow { content: ""; width: 1.2rem; aspect-ratio: 1; display: block; background: url("../svg/arrow.svg") no-repeat center; background-size: contain; position: absolute; right: 2rem; z-index: 1; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .primaryBtn:focus { background-color: #E74C24; } .primaryBtn:focus::before { right: 2rem; } .primaryBtn:hover { background-color: #CA3B16; text-decoration: none !important; } .primaryBtn:hover .arrow { right: 1.3rem; } .primaryBtn:hover:focus { background-color: #CA3B16; } .primaryBtn:hover:focus .arrow { right: 1.3rem; } @media screen and (min-width: 992px) { .primaryBtn { font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; padding: 1.65rem 3.8rem 1.65rem 2rem; } } .primaryBtn { /* regular btn */ } .primaryBtn.regularbtn { padding: 1rem 4rem 1rem 2rem; min-height: 4.4rem; text-align: left; } @media screen and (min-width: 992px) { .primaryBtn.regularbtn { padding: 1.6rem 4rem 1.6rem 2rem; } } .primaryBtn.regularbtn .arrow { content: ""; width: 0.93rem; background: url("../svg/arrow-regular.svg") no-repeat center; background-size: contain; right: 1.7rem; } .primaryBtn.regularbtn:focus .arrow { right: 1.7rem; } .primaryBtn.regularbtn:hover .arrow { right: 1.3rem; } .primaryBtn.regularbtn:hover:focus .arrow { right: 1.3rem; } .primaryBtn.largebtn { padding: 1rem 4rem 1rem 3rem; text-align: left; } @media screen and (min-width: 992px) { .primaryBtn.largebtn { padding: 1.65rem 6.7rem 1.65rem 4.6rem; } } .primaryBtn.largebtn .arrow { content: ""; width: 1.2rem; background: url("../svg/arrow.svg") no-repeat center; right: 2rem; } @media screen and (min-width: 992px) { .primaryBtn.largebtn .arrow { right: 4.6rem; } } .primaryBtn.largebtn:hover .arrow, .primaryBtn.largebtn:focus .arrow { right: 1rem; } @media screen and (min-width: 992px) { .primaryBtn.largebtn:hover .arrow, .primaryBtn.largebtn:focus .arrow { right: 3.8rem; } } .primaryBtn { /* border-btn */ } .primaryBtn.border-btn { background-color: transparent; color: #E74C24 !important; border: 0.1rem solid #E74C24; } .primaryBtn.border-btn:focus { background-color: transparent; color: #E74C24 !important; border: 0.1rem solid #E74C24; } .primaryBtn.border-btn:focus .arrow { right: 1.7rem; } .primaryBtn.border-btn .arrow { content: ""; width: 0.93rem; background: url("../svg/arrow-regular2.svg") no-repeat center; right: 1.7rem; } .primaryBtn.border-btn:hover { background-color: #CA3B16; color: #ffffff !important; border: 0.1rem solid #CA3B16; } .primaryBtn.border-btn:hover .arrow { right: 1.3rem; } .primaryBtn.border-btn:hover:focus { background-color: #CA3B16; color: #ffffff !important; border: 0.1rem solid #CA3B16; } .primaryBtn.border-btn:hover:focus .arrow { right: 1.3rem; } .primaryBtn.video_btn { border-radius: 0.6rem; color: #ffffff !important; background-color: transparent; padding: 1.4rem 1.2rem 1.4rem 4.8rem; } @media screen and (min-width: 992px) { .primaryBtn.video_btn { padding: 1.6rem 1.2rem 1.6rem 4.8rem; } } .primaryBtn.video_btn .arrow { background: url("../svg/play.svg") no-repeat center; right: auto; left: 1.2rem; width: 2.6rem; background-size: 2.6rem; } .primaryBtn.video_btn:focus { background-color: transparent; color: #ffffff !important; } .primaryBtn.video_btn:focus .arrow { left: 1.2rem; } .primaryBtn.video_btn:hover { background-color: transparent; } .primaryBtn.video_btn:hover .arrow { right: auto; left: 2rem; } .primaryBtn.video_btn:hover:focus { background-color: transparent; color: #ffffff !important; } .primaryBtn.video_btn:hover:focus .arrow { right: auto; left: 2rem; } .primaryBtn.w-23-Btn { min-width: 23rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .primaryBtn.h-52-Btn { min-height: 5.2rem; padding: 1.4rem 4.2rem 1.4rem 2rem; } @media screen and (min-width: 992px) { .primaryBtn.h-52-Btn { padding: 1.65rem 4.2rem 1.65rem 2rem; } } .primaryBtn.w-18-Btn { min-width: 18.5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .secondaryBtn { width: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 3.8rem 1rem 2rem; border-radius: 0.6rem; border: none; font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; color: #ffffff !important; text-decoration: none; background-color: #6BC4E0; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; cursor: pointer; position: relative; text-decoration: none; min-height: 4.4rem; } .secondaryBtn .arrow { content: ""; width: 1.2rem; aspect-ratio: 1; display: block; background: url("../svg/arrow-white.svg") no-repeat center; background-size: contain; position: absolute; right: 2rem; z-index: 1; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .secondaryBtn:focus { background-color: #6BC4E0; } .secondaryBtn:focus .arrow { right: 2rem; } .secondaryBtn:hover { background-color: #3D93AE; text-decoration: none !important; } .secondaryBtn:hover .arrow { right: 1.3rem; } .secondaryBtn:hover:focus { background-color: #3D93AE; } .secondaryBtn:hover:focus .arrow { right: 1.3rem; } @media screen and (min-width: 992px) { .secondaryBtn { font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; } } .secondaryBtn { /* regular btn */ } .secondaryBtn.regularbtn { padding: 1rem 4rem 1rem 2rem; min-height: 4.4rem; } .secondaryBtn.regularbtn .arrow { content: ""; width: 0.93rem; background: url("../svg/arrow-regular.svg") no-repeat center; right: 1.7rem; } .secondaryBtn.regularbtn:focus .arrow { right: 1.7rem; } .secondaryBtn.regularbtn:hover .arrow { right: 1.3rem; } .secondaryBtn.regularbtn:hover:focus .arrow { right: 1.3rem; } .secondaryBtn.largebtn { padding: 1rem 4rem 1rem 3rem; text-align: left; } @media screen and (min-width: 992px) { .secondaryBtn.largebtn { padding: 1.65rem 6.7rem 1.65rem 4.6rem; } } .secondaryBtn.largebtn .arrow { content: ""; width: 1.2rem; background: url("../svg/arrow-white.svg") no-repeat center; right: 2rem; } @media screen and (min-width: 992px) { .secondaryBtn.largebtn .arrow { right: 4.6rem; } } .secondaryBtn.largebtn:hover .arrow, .secondaryBtn.largebtn:focus .arrow { right: 1rem; } @media screen and (min-width: 992px) { .secondaryBtn.largebtn:hover .arrow, .secondaryBtn.largebtn:focus .arrow { right: 3.8rem; } } .secondaryBtn.w-23-Btn { min-width: 23rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .secondaryBtn.h-52-Btn { min-height: 5.2rem; padding: 1.4rem 4.2rem 1.4rem 2rem; } @media screen and (min-width: 992px) { .secondaryBtn.h-52-Btn { padding: 1.65rem 4.2rem 1.65rem 2rem; } } .secondaryBtn.w-18-Btn { min-width: 18.5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* primary links */ .primaryLnk { width: auto; display: inline-block; /* Ensures dynamic width without forcing flex */ vertical-align: middle; padding: 0; border: none; font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; font-size: 1.5rem; color: #E74C24 !important; background-color: transparent; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; cursor: pointer; position: relative; white-space: normal; line-height: 1.08rem; text-decoration: none; } @media screen and (min-width: 992px) { .primaryLnk { white-space: nowrap; font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; } } .primaryLnk::after { content: ""; width: 1.2rem; aspect-ratio: 1; display: inline-block; background: url("../svg/arrow2.svg") no-repeat center; background-size: auto; background-size: contain; position: absolute; margin: 0 0 0 0.8rem; -webkit-box-flex: 0; -ms-flex: 0 0 3.2rem; flex: 0 0 3.2rem; z-index: 1; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } @media screen and (min-width: 992px) { .primaryLnk::after { right: auto; } } .primaryLnk.large-txt { font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; line-height: 1.2; } .primaryLnk.large-txt::after { top: 2rem; height: 1.2rem; } @media screen and (min-width: 390px) { .primaryLnk.large-txt::after { top: 0.2rem; } } @media screen and (min-width: 768px) { .primaryLnk.large-txt::after { top: auto; } } @media screen and (min-width: 992px) { .primaryLnk.large-txt::after { top: auto; } } @media screen and (min-width: 768px) { .primaryLnk.large-txt { line-height: 1.08rem; } } @media screen and (min-width: 992px) { .primaryLnk.large-txt { line-height: 1.08rem; } } .primaryLnk:focus { color: #E74C24 !important; } .primaryLnk:hover { color: #CA3B16 !important; } .primaryLnk:hover::after { -webkit-transform: translateX(0.5rem); transform: translateX(0.5rem); background: url("../svg/arrow21.svg") no-repeat center; background-size: contain; } .primaryLnk:hover:focus { color: #CA3B16 !important; } .primaryLnk.secondaryLnk { color: #6BC4E0 !important; } .primaryLnk.secondaryLnk::after { content: ""; background: url("../svg/arrow-secndary.svg") no-repeat center; background-size: contain; } .primaryLnk.secondaryLnk:focus { color: #6BC4E0 !important; } .primaryLnk.secondaryLnk:hover { color: #3D93AE !important; } .primaryLnk.secondaryLnk:hover::after { background: url("../svg/arrow31.svg") no-repeat center; background-size: contain; } .primaryLnk.secondaryLnk:hover:focus { color: #3D93AE !important; } .primaryLnk.whiteLnk { color: #ffffff !important; } .primaryLnk.whiteLnk::after { content: ""; background: url("../svg/arrow-white.svg") no-repeat center; background-size: auto; } .primaryLnk.whiteLnk:focus { color: #ffffff !important; } .primaryLnk.whiteLnk:hover { color: rgba(255, 255, 255, 0.8) !important; } .primaryLnk.whiteLnk:hover:focus { color: rgba(255, 255, 255, 0.8) !important; } .roundArrow { background: #E74C24; width: 3.6rem; height: 3.6rem; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; text-decoration: none !important; cursor: pointer; text-decoration: none; } .roundArrow img { width: 1.2rem; aspect-ratio: 1; -o-object-fit: contain; object-fit: contain; } .roundArrow:focus { background: #E74C24; } .roundArrow:hover { background: #CA3B16; text-decoration: none !important; } .roundArrow:hover:focus { background: #CA3B16; } .roundArrow.greyarrow { background: #899FB4; } .roundArrow.greyarrow:focus { background: #899FB4; } .roundArrow.greyarrow:hover { background: #CBD5DE; text-decoration: none !important; } .roundArrow.greyarrow:hover:focus { background: #CBD5DE; } /* swiper pagination */ .swiper-pagination-bullets { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1; } .swiper-pagination-bullets .swiper-pagination-bullet { background: #CBD5DE !important; width: 0.6rem; height: 0.6rem; margin: 0 0.3rem; } .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #E74C24 !important; } /* svg animaye hover */ svg.line-icon { cursor: pointer; } svg.line-icon .orange-group { -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -webkit-animation: bounceUpDown 1.5s ease-in-out infinite alternate; animation: bounceUpDown 1.5s ease-in-out infinite alternate; will-change: transform; } svg.line-icon:hover .orange-group { -webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem); } .tagline { width: auto; padding: 1rem 2rem 1rem 2rem; font-size: 1.4rem; line-height: 150%; font-weight: 400; letter-spacing: 0; color: #ffffff; font-weight: 600; background: #6BC4E0; border-radius: 0.6rem; line-height: 1; min-height: 3.2rem; } .tagline.rounded-corner { color: #1A202C; border-radius: 0.6rem; font-weight: 500; } /* draw svg */ .icon-svg svg path { stroke-dasharray: 100px; stroke-dashoffset: 100px; -webkit-animation: draw 3s ease-in-out forwards; animation: draw 3s ease-in-out forwards; } .icon-svg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @keyframes draw { to { stroke-dashoffset: 0; } } .draw-animate { -webkit-animation: draw 3s ease-in-out forwards; animation: draw 3s ease-in-out forwards; } .grey-large-txt { font-size: 2rem; line-height: 140%; font-weight: 400; letter-spacing: 0; font-weight: 600; color: #899FB4; } .light-blue-tag { color: #6BC4E0; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .light-blue-tag a { color: #6BC4E0; text-decoration: none; } .light-blue-tag:hover { color: #3D93AE; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .light-blue-tag:hover a { color: #3D93AE; } .light-blue-tag.link-blue-tag { -webkit-transition: 0.7s ease all; transition: 0.7s ease all; text-decoration: none; } .light-blue-tag.link-blue-tag:hover { color: #3D93AE; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .light-blue-tag.link-blue-tag:hover a { color: #3D93AE; } .orange-tag { color: #E74C24; } .orange-tag.link-orang-tag { -webkit-transition: 0.7s ease all; transition: 0.7s ease all; text-decoration: none; } .orange-tag.link-orang-tag:hover { color: #CA3B16; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .orange-tag a { text-decoration: none; } /* heading text */ .center-hdg2-blk { max-width: 100%; text-align: center; margin: 0 auto; } .center-hdg2-blk p { max-width: 100%; margin: 0 auto; } .center-hdg2-blk h2 { margin-bottom: 2rem; } .center-hdg2-blk h3 { margin-bottom: 2.4rem; } .center-hdg2-blk h4 { margin-bottom: 2.4rem; } .center-hdg2-blk .top-head { margin-bottom: 2rem; } @media screen and (min-width: 992px) { .center-hdg2-blk { max-width: 80%; text-align: center; margin: 0 auto; } .center-hdg2-blk h2 { margin-bottom: 2.4rem; } .center-hdg2-blk h3 { margin-bottom: 2.4rem; } .center-hdg2-blk h4 { margin-bottom: 2.4rem; } .center-hdg2-blk p { max-width: 95rem; margin: 0 auto; } .center-hdg2-blk .top-head { margin-bottom: 2.4rem; } .center-hdg2-blk.without-txtcontnt h2 { margin-bottom: 0; } } .center-hdg2-blk.maxw-80 br { display: none; } @media screen and (min-width: 992px) { .center-hdg2-blk.maxw-80 br { display: block; } } .center-hdg2-blk.maxw-80 { max-width: 100%; } @media screen and (min-width: 992px) { .center-hdg2-blk.maxw-80 { max-width: 109rem; } } .center-hdg2-blk.maxw-100 { max-width: 100%; } @media screen and (min-width: 992px) { .center-hdg2-blk.maxw-100 { max-width: 100%; } } .center-hdg2-blk.left-align-txt { text-align: left; margin: 0; margin-right: auto; } @media screen and (min-width: 992px) { .center-hdg2-blk.left-align-txt { max-width: 65%; text-align: left; margin: 0; margin-right: auto; } .center-hdg2-blk.left-align-txt h2 { margin-bottom: 2.4rem; } .center-hdg2-blk.left-align-txt p { max-width: 90rem; margin: 0; margin-right: auto; } .center-hdg2-blk.left-align-txt .top-head { margin-bottom: 2.4rem; } } .center-hdg2-blk.left-align-txt.maxw-80 br { display: none; } @media screen and (min-width: 992px) { .center-hdg2-blk.left-align-txt.maxw-80 br { display: block; } } .center-hdg2-blk.left-align-txt.maxw-80 { max-width: 100%; } @media screen and (min-width: 992px) { .center-hdg2-blk.left-align-txt.maxw-80 { max-width: 109rem; } } .center-hdg2-blk.right-align-txt { text-align: right; margin: 0; margin-left: auto; } @media screen and (min-width: 992px) { .center-hdg2-blk.right-align-txt { max-width: 65%; text-align: right; margin: 0; margin-left: auto; } .center-hdg2-blk.right-align-txt h2 { margin-bottom: 2.4rem; } .center-hdg2-blk.right-align-txt p { max-width: 90rem; margin: 0; margin-left: auto; } .center-hdg2-blk.right-align-txt .top-head { margin-bottom: 2.4rem; } } .center-hdg2-blk.right-align-txt.maxw-80 br { display: none; } @media screen and (min-width: 992px) { .center-hdg2-blk.right-align-txt.maxw-80 br { display: block; } } .center-hdg2-blk.right-align-txt.maxw-80 { max-width: 100%; } @media screen and (min-width: 992px) { .center-hdg2-blk.right-align-txt.maxw-80 { max-width: 109rem; } } .center-hdg2-blk.without-txtcontnt h2 { margin-bottom: 0; } .center-hdg2-blk.without-txtcontnt h4 { margin-bottom: 0; } .center-hdg2-blk.without-txtcontnt h3 { margin-bottom: 0; } .leftAlign-hdg-btnblk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 768px) { .leftAlign-hdg-btnblk { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 4.8rem; } } @media screen and (min-width: 992px) { .leftAlign-hdg-btnblk { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .leftAlign-hdg-btnblk h2 { margin-bottom: 2rem; } .leftAlign-hdg-btnblk p { width: 100%; } @media screen and (min-width: 768px) { .leftAlign-hdg-btnblk p { width: 60%; } } @media screen and (min-width: 992px) { .leftAlign-hdg-btnblk p { width: 70%; } } .leftAlign-hdg-btnblk .left { width: 100%; margin-bottom: 2.4rem; text-align: center; } @media screen and (min-width: 768px) { .leftAlign-hdg-btnblk .left { width: 60%; text-align: left; margin-bottom: 0; } } @media screen and (min-width: 992px) { .leftAlign-hdg-btnblk .left { width: 80%; } } /* breadcrumb */ .breadcrumb-sec { padding: 2rem 0; display: none; } @media screen and (min-width: 767px) { .breadcrumb-sec { padding: 3rem 0; display: block; } } @media screen and (min-width: 992px) { .breadcrumb-sec { padding: 3rem 0; display: block; } } .breadcrumb-sec ul { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.8rem; margin: 0; padding: 0; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-overflow-style: none; } @media screen and (min-width: 992px) { .breadcrumb-sec ul { gap: 1rem 0.8rem; } } .breadcrumb-sec ul li { margin-top: 0; color: #010918; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; line-height: 1.1rem; -webkit-transition: font-size 0.3s ease-in-out, color 0.3s ease-in-out; transition: font-size 0.3s ease-in-out, color 0.3s ease-in-out; } .breadcrumb-sec ul li.main-link { font-size: 1.2rem; color: #010918; } @media screen and (min-width: 992px) { .breadcrumb-sec ul li.main-link { font-size: 1.6rem; } } .breadcrumb-sec ul li.main-link:focus { color: #010918; } .breadcrumb-sec ul li.main-link a { font-size: 1.2rem; color: #010918; line-height: 1.1; text-decoration: none; } @media screen and (min-width: 992px) { .breadcrumb-sec ul li.main-link a { font-size: 1.6rem; } } .breadcrumb-sec ul li.main-link a.active, .breadcrumb-sec ul li.main-link a:active, .breadcrumb-sec ul li.main-link a:hover { color: rgba(1, 9, 24, 0.7); } .breadcrumb-sec ul li.main-link a.active:focus, .breadcrumb-sec ul li.main-link a:active:focus, .breadcrumb-sec ul li.main-link a:hover:focus { color: rgba(1, 9, 24, 0.7); } .breadcrumb-sec ul li.sub-link { font-size: 1.5rem; color: #010918; font-size: 1.2rem; } @media screen and (min-width: 992px) { .breadcrumb-sec ul li.sub-link { font-size: 1.5rem; } } .breadcrumb-sec ul li.sub-link a { color: #010918; font-size: 1.2rem; text-decoration: none; } @media screen and (min-width: 992px) { .breadcrumb-sec ul li.sub-link a { font-size: 1.5rem; } } .breadcrumb-sec ul li.sub-link a.active, .breadcrumb-sec ul li.sub-link a:active, .breadcrumb-sec ul li.sub-link a:hover { color: rgba(1, 9, 24, 0.7); } .breadcrumb-sec ul li.sub-link a.active:focus, .breadcrumb-sec ul li.sub-link a:active:focus, .breadcrumb-sec ul li.sub-link a:hover:focus { color: rgba(1, 9, 24, 0.7); } .breadcrumb-sec ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.8rem; white-space: nowrap; /* Prevents text wrapping */ -ms-flex-negative: 0; flex-shrink: 0; } .breadcrumb-sec ul .seprator { background: url("../svg/seprtor.svg") no-repeat center; background-size: contain; width: 0.9rem; height: 100%; position: relative; display: block; } .breadcrumb-sec ul::-webkit-scrollbar { width: 0.1rem; height: 0.3rem; } .breadcrumb-sec ul::-webkit-scrollbar-track { background: #010918; } .breadcrumb-sec ul::-webkit-scrollbar-thumb { border-radius: none; background: rgba(255, 255, 255, 0.8); } .breadcrumb-sec.grey-bg { background-color: #EBF0F4; } /* ul li*/ .list-item-wraper { width: 100%; } .list-item-wraper ul { margin: 0; padding: 0; list-style: none; } .list-item-wraper ul li { position: relative; padding: 0.5rem 0 0.5rem 1.3rem; line-height: normal; -webkit-transition: padding 0.7s ease; transition: padding 0.7s ease; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; letter-spacing: 0; line-height: normal; } @media screen and (min-width: 393px) { .list-item-wraper ul li { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; line-height: normal; } } @media screen and (min-width: 992px) { .list-item-wraper ul li { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; line-height: normal; } } .list-item-wraper ul li::before { content: ""; position: absolute; background: url("../svg/triangle-list.svg") center no-repeat; background-size: contain; width: 0.5rem; height: 1rem; left: 0; top: 1.1rem; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; -webkit-transition: left 0.7s ease, -webkit-transform 0.7s ease; transition: left 0.7s ease, -webkit-transform 0.7s ease; transition: transform 0.7s ease, left 0.7s ease; transition: transform 0.7s ease, left 0.7s ease, -webkit-transform 0.7s ease; } .list-item-wraper ul li a { -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .list-item-wraper ul li:hover { -webkit-transition: padding 0.7s ease all; transition: padding 0.7s ease all; } .list-item-wraper ul li:hover::before { background: url("../svg/triangle-list1.svg") center no-repeat; -webkit-transition: padding 0.7s ease all; transition: padding 0.7s ease all; } .list-item-wraper.mb-1 ul li { margin-bottom: 0.8rem; } .list-item-wraper.blue-list-wrapr ul li::before { background: url("../svg/triangle-arrow1.svg") center no-repeat !important; background-size: contain; } .list-item-wraper.blue-list-wrapr ul li:hover { -webkit-transition: padding 0.7s ease all; transition: padding 0.7s ease all; } .list-item-wraper.blue-list-wrapr ul li:hover::before { background: url("../svg/triangle-list1.svg") center no-repeat !important; -webkit-transition: padding 0.7s ease all; transition: padding 0.7s ease all; } /* responsive tab */ .tab-area-sec h2.resp-accordion { display: block; background: #EBF0F4 !important; border: none !important; border-color: none !important; font-size: 1.6rem !important; border-radius: 0.6rem; line-height: 1.08rem; color: #11223B !important; padding: 1.6rem 2rem; margin-bottom: 1rem !important; font-weight: 500; font-size: 1.6rem; position: relative; } @media screen and (min-width: 992px) { .tab-area-sec h2.resp-accordion { display: none; } } .tab-area-sec h2.resp-accordion.resp-tab-active { background: #EBF0F4 !important; color: #11223B !important; } .tab-area-sec h2.resp-accordion:after { content: ""; background-image: url("../svg/select3.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; width: 1rem; height: 1rem; top: 2.2rem; right: 2rem; position: absolute; } .tab-area-sec h2.resp-tab-active:after { content: ""; background-image: url("../svg/select3.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; width: 1rem; height: 1rem; top: 2.2rem; right: 2rem; } .tab-area-sec ul.resp-tabs-list { display: none; } @media screen and (min-width: 992px) { .tab-area-sec ul.resp-tabs-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; background: #EBF0F4 !important; border-radius: 0.6rem; } } @media screen and (min-width: 992px) { .tab-area-sec ul.resp-tabs-list .resp-tab-item { background: #EBF0F4 !important; border: none !important; border-color: none !important; border-radius: 0.6rem; color: #11223B !important; padding: 1.6rem 2rem; min-width: 13.7rem; max-height: 4.4rem; min-height: 4.4rem; width: auto; font-weight: 500; text-transform: none; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; font-size: 1.6rem; line-height: 1.08rem; } } .tab-area-sec ul.resp-tabs-list .resp-tab-item:hover { background: #6BC4E0 !important; color: #FFFFFF !important; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .tab-area-sec ul.resp-tabs-list .resp-tab-active { background: #6BC4E0 !important; color: #FFFFFF !important; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } /* text */ .xlarge-txt { font-size: 2.8rem; font-weight: 800; line-height: 110%; color: #010918; } @media screen and (min-width: 992px) { .xlarge-txt { font-size: 3.6rem; } } .xlarge-txt.primary90 { color: rgba(1, 9, 24, 0.9); margin-bottom: 0.8rem; } .xlarge-txt.black-80 { color: rgba(1, 9, 24, 0.8); } .large-txt { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; font-weight: 600; } @media screen and (min-width: 992px) { .large-txt { font-size: 2rem; line-height: 140%; font-weight: 400; letter-spacing: 0; font-weight: 600; } } .large-txt.top-head { color: #899FB4 !important; } .large-txt.primary-100 { color: #010918; } .large-txt.primary90 { color: rgba(1, 9, 24, 0.9); margin-bottom: 0.8rem; } .large-txt.black-80 { color: rgba(1, 9, 24, 0.8); } .large-txt.black-70 { color: rgba(1, 9, 24, 0.7) !important; } .large-txt.normal-weight { font-weight: 400; } @media screen and (min-width: 992px) { .large-txt.normal-weight { font-weight: 400; } } .large-txt.bold-weight { font-weight: 600; } @media screen and (min-width: 992px) { .large-txt.bold-weight { font-weight: 600; } } .medium-txt { font-size: 1.6rem; line-height: 140%; font-weight: 600; letter-spacing: 0; font-weight: 600; } @media screen and (min-width: 992px) { .medium-txt { font-size: 1.8rem; line-height: 140%; font-weight: 600; letter-spacing: 0; font-weight: 600; } } .small-txt { font-size: 1.4rem; line-height: 150%; font-weight: 400; letter-spacing: 0; font-weight: 300; } @media screen and (min-width: 992px) { .small-txt { font-size: 1.4rem; line-height: 150%; font-weight: 400; letter-spacing: 0; font-weight: 300; } } .textonly-wrap { max-width: 90rem; margin: 0 auto; text-align: center; } .downloadlink { width: auto; display: inline-block; /* Ensures dynamic width without forcing flex */ vertical-align: middle; padding: 0; border: none; font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; font-size: 1.5rem; color: #6BC4E0 !important; background-color: transparent; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; cursor: pointer; position: relative; white-space: normal; font-weight: 600; line-height: 1.1; text-decoration: none; } @media screen and (min-width: 1024px) { .downloadlink { white-space: nowrap; font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; line-height: 1.08rem; } } .downloadlink::after { content: ""; width: 1.2rem; aspect-ratio: 1; display: inline-block; background: url("../svg/download.svg") no-repeat center; background-size: contain; position: absolute; margin: 0 0 0 0.8rem; -webkit-box-flex: 0; -ms-flex: 0 0 3.2rem; flex: 0 0 3.2rem; z-index: 1; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .downloadlink:focus { color: #6BC4E0 !important; } .downloadlink:hover { color: #2A86A4 !important; } .downloadlink:hover::after { -webkit-transform: translateY(0.5rem); transform: translateY(0.5rem); background: url("../svg/download1.svg") no-repeat center; background-size: contain; } .downloadlink:hover:focus { color: #2A86A4 !important; } .downloadlink.orange-lnk { color: #E74C24 !important; } .downloadlink.orange-lnk:focus { color: #E74C24 !important; } .downloadlink.orange-lnk::after { background: url("../svg/download1-2.svg") no-repeat center; background-size: contain; } .downloadlink.orange-lnk:hover { color: #CA3B16 !important; } .downloadlink.orange-lnk:hover::after { -webkit-transform: translateY(0.5rem); transform: translateY(0.5rem); background: url("../svg/download2.svg") no-repeat center; background-size: contain; } .downloadlink.orange-lnk:hover:focus { color: #CA3B16 !important; } .bold-weight { font-weight: 600; display: block; line-height: 150%; } .bold-weight.inlineblk { display: inline-block; } .points-list-wrapper ul { padding-bottom: 0; margin: 0; list-style-type: none; } .points-list-wrapper ul li { margin-bottom: 10px; position: relative; } .points-list-wrapper ul li::before { content: ""; background: #010918; border-radius: 50%; width: 0.5rem; height: 0.5rem; position: absolute; left: -1.8rem; top: 12px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .toggle-list.active { color: #E74C24; display: none; } .expandable-list li.hidden { display: none; opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } .expandable-list li.hidden.show { display: list-item; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .select2-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline; list-style: none; padding: 0; } .select2-container .select2-selection--multiple .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container .select2-search--inline .select2-search__field { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; margin-left: 5px; padding: 0; max-width: 100%; resize: none; height: 18px; vertical-align: bottom; font-family: sans-serif; overflow: hidden; word-break: keep-all; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-results__option--selectable { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; padding-right: 0px; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; padding-bottom: 5px; padding-right: 5px; position: relative; } .select2-container--default .select2-selection--multiple.select2-selection--clearable { padding-right: 25px; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; font-weight: bold; height: 20px; margin-right: 10px; margin-top: 5px; position: absolute; right: 0; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; padding-left: 20px; position: relative; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; } .select2-container--default .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-right: 1px solid #aaa; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #999; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; position: absolute; left: 0; top: 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { background-color: #f1f1f1; color: #333; outline: none; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { border-left: 1px solid #aaa; border-right: none; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear { float: left; margin-left: 10px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--group { padding: 0; } .select2-container--default .select2-results__option--disabled { color: #999; } .select2-container--default .select2-results__option--selected { background-color: #ddd; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee)); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc)); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee)); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff)); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; padding-bottom: 5px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #888; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; outline: none; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option--group { padding: 0; } .select2-container--classic .select2-results__option--disabled { color: grey; } .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable { background-color: #3875d7; color: #fff; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } .top-site-header { background: #EBF0F4; padding: 1.6rem 0; border-radius: 1.2rem 1.2rem 0 0; display: none; } .top-site-header .site-top-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .top-site-header p, .top-site-header li { font-size: 1.3rem; line-height: 1; font-weight: 400; letter-spacing: 0; color: rgba(12, 10, 8, 0.8); } @media screen and (min-width: 1080px) { .top-site-header p, .top-site-header li { font-size: 1.5rem; line-height: 1; font-weight: 400; letter-spacing: 0; } } .top-site-header li a { color: rgba(12, 10, 8, 0.8); -webkit-transition: 0.7s ease all; transition: 0.7s ease all; text-decoration: none; } .top-site-header li a:hover { color: #E74C24; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .top-site-header p a { color: #E74C24; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; text-decoration: none; } .top-site-header p a:hover { color: #CA3B16; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .top-site-header .right-blk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 30%; gap: 1.6rem; } .top-site-header .search-wrap { width: auto; aspect-ratio: 1; position: relative; } .top-site-header .top-menu-wrap ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0; padding: 0; list-style: none; gap: 1.6rem; } @media screen and (min-width: 1080px) { .top-site-header { display: block; } } .site-header { padding: 1.65rem 0; } @media screen and (min-width: 1100px) { .site-header { padding: 0; } } .site-header .site-main-wrapper { position: relative; display: none; } @media screen and (min-width: 1100px) { .site-header .site-main-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; min-height: 7.16rem; max-height: 7.16rem; } } .site-header .siteTop-Mobile-wrapper { display: block; } @media screen and (min-width: 1100px) { .site-header .siteTop-Mobile-wrapper { display: none; } } .site-header .siteTop-Mobile-wrapper .siteTop-mobile-header { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .site-header .right-blk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 30%; gap: 1.6rem; } .site-header .search-wrap { width: auto; aspect-ratio: 1; position: relative; } .site-header .hdr-nav { display: none; } @media screen and (min-width: 1100px) { .site-header .hdr-nav { display: block; } .site-header .hdr-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0; padding: 0; list-style: none; gap: 3.2rem; } .site-header .hdr-nav ul li { color: #010918; position: relative; line-height: 1.5; display: block; } .site-header .hdr-nav ul li a { color: #010918; line-height: 160%; padding-top: 2.3rem; padding-bottom: 2.3rem; display: block; text-decoration: none; } .site-header .hdr-nav ul li a:hover { color: #E74C24; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .site-header .hdr-nav ul li.menu-item-has-children { position: relative; } .site-header .hdr-nav ul li.menu-item-has-children > a { position: relative; padding-right: 1.3rem; display: inline-block; } .site-header .hdr-nav ul li.menu-item-has-children > a::after { position: absolute; content: ""; background: url("../svg/select2.svg") no-repeat center; background-size: 0.9rem; width: 0.9rem; height: 0.45rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .site-header .hdr-nav ul li.menu-item-has-children:hover ul.sub-menu, .site-header .hdr-nav ul li.menu-item-has-children:active ul.sub-menu, .site-header .hdr-nav ul li.menu-item-has-children.active ul.sub-menu { display: block; } .site-header .hdr-nav ul li.menu-item-has-children .sub-menu { display: none; position: relative; top: auto; -webkit-box-shadow: none; box-shadow: none; list-style: none; z-index: 3; margin: 0; padding: 0 1.5rem 1.5rem 1.5rem; } } @media screen and (min-width: 1100px) and (min-width: 1100px) { .site-header .hdr-nav ul li.menu-item-has-children .sub-menu { padding: 0; position: absolute; top: calc(100% - 0.6rem); background-color: #ffffff; -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1); min-width: 22.5rem; border-radius: 0.6rem; left: 0%; } } @media screen and (min-width: 1100px) { .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li { margin: 0px; font-size: 1.4rem; line-height: 1.5; display: block; border-bottom: 1px solid #EBF0F4; } .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li:last-child { border-bottom: none; } } @media screen and (min-width: 1100px) and (min-width: 1100px) { .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li { font-size: 1.5rem; } } @media screen and (min-width: 1100px) { .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li a { padding: 1.5rem 2rem; font-size: 1.4rem; line-height: 160%; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } } @media screen and (min-width: 1100px) and (min-width: 1100px) { .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li a { font-size: 1.5rem; } } @media screen and (min-width: 1100px) { .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li a:hover, .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li a:active, .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li a.active { color: #E74C24; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; -webkit-transform: none !important; transform: none !important; } .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li.menu-item-has-children { position: relative; } .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li.menu-item-has-children > a { position: relative; padding-right: 1.3rem; width: 100%; } .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after { position: absolute; content: ""; background: url("../svg/select2.svg") no-repeat center; background-size: 0.9rem; width: 0.9rem; height: 0.45rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1.3rem; } .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li.menu-item-has-children:hover ul.sub-menu, .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li.menu-item-has-children:active ul.sub-menu, .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li.menu-item-has-children.active ul.sub-menu { display: block; } .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li .sub-menu { display: none; top: auto; background-color: #ffffff; -webkit-box-shadow: none; box-shadow: none; list-style: none; z-index: 3; margin: 0; left: 0%; border-radius: 0.6rem; position: relative; padding-left: 2rem; } } @media screen and (min-width: 1100px) and (min-width: 1100px) { .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li .sub-menu { padding: 0 1.5rem 1.5rem 1.5rem; } } @media screen and (min-width: 1100px) { .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li .sub-menu li { margin: 0px; font-size: 1.3rem; line-height: 1.5; display: block; border-bottom: 1px solid #EBF0F4; } .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li .sub-menu li:last-child { border-bottom: none; } } @media screen and (min-width: 1100px) and (min-width: 1100px) { .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li .sub-menu li { font-size: 1.4rem; } } @media screen and (min-width: 1100px) { .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li .sub-menu li a { padding: 1rem 2rem; font-size: 1.3rem; line-height: 160%; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } } @media screen and (min-width: 1100px) and (min-width: 1100px) { .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li .sub-menu li a { font-size: 1.4rem; } } @media screen and (min-width: 1100px) { .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li .sub-menu li a:hover, .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li .sub-menu li a:active, .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li .sub-menu li a.active { color: #E74C24; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; -webkit-transform: none !important; transform: none !important; } .site-header .hdr-nav ul li.menu-item-has-children .sub-menu li .sub-menu li a::after { display: none; } } .site-header .hdr-btn { display: none; } @media screen and (min-width: 1100px) { .site-header .hdr-btn { display: block; } } .site-header .hdr-logo .white-logo { display: block; } @media screen and (min-width: 1100px) { .site-header .hdr-logo .white-logo { display: none; } } .site-header .hdr-logo .dark-logo { display: none; } @media screen and (min-width: 1100px) { .site-header .hdr-logo .dark-logo { display: block; } } .site-header .hamburger-menu .white-menu { display: block; } @media screen and (min-width: 1100px) { .site-header .hamburger-menu .white-menu { display: none; } } .site-header .hamburger-menu .dark-menu { display: none; } @media screen and (min-width: 1100px) { .site-header .hamburger-menu .dark-menu { display: block; } } .site-header .Mobile-navbar { display: none; } .site-header.homepage-header { position: absolute; width: 100%; z-index: 2; left: 0; right: 0; } @media screen and (min-width: 1100px) { .site-header.homepage-header .hdr-nav ul li { color: #ffffff; } .site-header.homepage-header .hdr-nav ul li > a { color: #ffffff; } .site-header.homepage-header .hdr-nav ul li > a:hover { color: #E74C24; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .site-header.homepage-header .hdr-nav .mega-menu-wrap .mega-menu.max-mega-menu > li.mega-menu-item > a.mega-menu-link { color: #ffffff !important; } .site-header.homepage-header .hdr-nav .mega-menu-wrap .mega-menu.max-mega-menu > li.mega-menu-item > a.mega-menu-link:hover { color: #E74C24 !important; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .site-header.homepage-header .hdr-nav .mega-menu-wrap .mega-menu.max-mega-menu > li.mega-menu-item > a.mega-menu-link:active { color: #E74C24 !important; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .site-header.homepage-header .hdr-nav .menu-item-has-children a::after { background: url("../svg/select.svg") no-repeat center; background-size: 0.9rem; } .site-header.homepage-header .hdr-nav .sub-menu li { color: #010918; } .site-header.homepage-header .hdr-nav .sub-menu li a { color: #010918; } .site-header.homepage-header .hdr-nav .sub-menu li a:hover, .site-header.homepage-header .hdr-nav .sub-menu li a:active, .site-header.homepage-header .hdr-nav .sub-menu li a.active { color: #E74C24; } } .site-header.innerpage-header { position: relative; } .site-header.white-bg-header { background: #ffffff; } .site-header.grey-bg-header { background: #EBF0F4; } .site-header .Mobile-navbar { display: none; width: 100%; padding-top: 3.6rem; } .site-header .Mobile-navbar ul { margin: 0; padding: 0; list-style: none; height: auto; } .site-header .Mobile-navbar ul li { color: #010918; margin-bottom: 4.8rem; } .site-header .Mobile-navbar ul li:last-child { margin-bottom: 1rem; } .site-header .Mobile-navbar ul li a { color: #010918; text-decoration: none; } .site-header .Mobile-navbar ul li.menu-item-has-children { position: relative; } .site-header .Mobile-navbar ul li.menu-item-has-children > a { position: relative; margin-right: 2rem; display: inline-block; font-size: 1.5rem; } .site-header .Mobile-navbar ul li.menu-item-has-children > a .parent-indicator { position: absolute; content: ""; background: url("../svg/select2.svg") no-repeat center; background-size: 1.4rem; width: 1.4rem; height: 1.4rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -3rem; font-size: 0; } .site-header .Mobile-navbar ul li.menu-item-has-children .sub-menu { display: none; padding-top: 3.6rem; padding-left: 1.6rem; } .site-header .Mobile-navbar ul li.menu-item-has-children .sub-menu li { margin-bottom: 2.8rem; font-size: 1.4rem; color: rgba(1, 9, 24, 0.7); } .site-header .Mobile-navbar ul li.menu-item-has-children .sub-menu li a { font-size: 1.4rem; color: rgba(1, 9, 24, 0.7); } .site-header .Mobile-navbar ul li.menu-item-has-children .sub-menu li a:hover, .site-header .Mobile-navbar ul li.menu-item-has-children .sub-menu li a:active, .site-header .Mobile-navbar ul li.menu-item-has-children .sub-menu li a.active { color: #E74C24; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; -webkit-transform: none !important; transform: none !important; } .site-header .Mobile-navbar ul li.menu-item-has-children .sub-menu li a { -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .site-header .Mobile-navbar ul li.menu-item-has-children .sub-menu li.menu-item-has-children { position: relative; } .site-header .Mobile-navbar ul li.menu-item-has-children .sub-menu li.menu-item-has-children > a { position: relative; margin-right: 2rem; } .site-header .Mobile-navbar ul li.menu-item-has-children .sub-menu li.menu-item-has-children > a .parent-indicator { position: absolute; content: ""; background: url("../svg/select2.svg") no-repeat center; background-size: 1.4rem; width: 1.4rem; height: 1.4rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -3rem; font-size: 0; } .site-header .Mobile-navbar ul li.menu-item-has-children .sub-menu li .sub-menu { display: none; padding-top: 3.6rem; padding-left: 1.6rem; } .site-header .Mobile-navbar ul li.menu-item-has-children .sub-menu li .sub-menu li { margin-bottom: 2.8rem; font-size: 1.4rem; color: rgba(1, 9, 24, 0.7); } .site-header .Mobile-navbar ul li.menu-item-has-children .sub-menu li .sub-menu li a { font-size: 1.4rem; color: rgba(1, 9, 24, 0.7); } .site-header .Mobile-navbar ul li.menu-item-has-children .sub-menu li .sub-menu li a:hover, .site-header .Mobile-navbar ul li.menu-item-has-children .sub-menu li .sub-menu li a:active, .site-header .Mobile-navbar ul li.menu-item-has-children .sub-menu li .sub-menu li a.active { color: #E74C24; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; -webkit-transform: none !important; transform: none !important; } .site-header .Mobile-navbar ul li.menu-item-has-children .sub-menu li .sub-menu li a { -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .site-header .Mobile-navbar ul li.mobile-ct-Btn { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .site-header.mobileactive .siteTop-mobile-header { -ms-flex-wrap: wrap; flex-wrap: wrap; } .site-header.mobileactive { background: #EBF0F4; } .site-header.mobileactive .Mobile-navbar { display: block; } .site-header.mobileactive .hdr-logo .white-logo { display: none; } .site-header.mobileactive .hdr-logo .dark-logo { display: block; } .site-header.mobileactive .hamburger-menu .white-menu { display: none; } .site-header.mobileactive .hamburger-menu .dark-menu { display: block; } .site-header { /* mega menu */ } .site-header .hdr-nav #mega-menu-wrap-header_menu #mega-menu-header_menu li.mega-menu-item > ul.mega-sub-menu { margin-top: 1.5rem; border-radius: 0.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; } .site-header .hdr-nav #mega-menu-wrap-header_menu #mega-menu-header_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { padding: 0; } .site-header .hdr-nav .mega-menu-wrap .textwidget.custom-html-widget { display: block; overflow: hidden; border-radius: 0.6rem; } .site-header .hdr-nav .mega-menu-wrap .textwidget.custom-html-widget img { width: 100%; -o-object-fit: cover; object-fit: cover; max-height: 24rem; border-radius: 0.6rem; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .site-header .hdr-nav .mega-menu-wrap .textwidget.custom-html-widget img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .site-header .hdr-nav .mega-menu-wrap .textwidget.custom-html-widget a { border-bottom: 0.1rem solid #EBF0F4; position: relative; padding-right: 1.2rem !important; -webkit-transition: all 0.5s ease-in; transition: all 0.5s ease-in; font-size: 1.5rem; } .site-header .hdr-nav .mega-menu-wrap .textwidget.custom-html-widget a.active-list-link::before { content: ""; background: url("../svg/arrow2.svg") no-repeat center; background-size: contain; width: 1.2rem; height: 1.2rem; display: block; position: absolute; right: 0; top: 2rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .site-header .hdr-nav .mega-menu-wrap .textwidget.custom-html-widget .menu-box { opacity: 1; display: none; } .site-header .hdr-nav .mega-menu-wrap .textwidget.custom-html-widget .menu-box.active-menu-box { opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .site-header .hdr-nav .mega-menu-wrap .textwidget.custom-html-widget .menu-content { width: 40%; } .site-header .hdr-nav .mega-menu-wrap .textwidget.custom-html-widget .menu-content h5 { margin-bottom: 2rem; line-height: 120%; } .site-header .hdr-nav .mega-menu-wrap .textwidget.custom-html-widget .menu-content p { line-height: 150%; } .site-header .hdr-nav .mega-menu-wrap .textwidget.custom-html-widget .menu-img-cta { width: 56%; padding: 2rem; border-radius: 0.6rem; } .site-header .hdr-nav .mega-menu-wrap .textwidget.custom-html-widget .menu-img-cta .main-content-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .site-header .hdr-nav .mega-menu-wrap .textwidget.custom-html-widget .menu-img-cta .content-wrapper { padding-bottom: 2.4rem; } .site-header .hdr-nav .mega-menu-wrap .textwidget.custom-html-widget .menu-img-cta .content-wrapper h4, .site-header .hdr-nav .mega-menu-wrap .textwidget.custom-html-widget .menu-img-cta .content-wrapper p { color: #ffffff; } .site-header .hdr-nav .mega-menu-wrap .textwidget.custom-html-widget .menu-img-cta .content-wrapper h4 { margin-bottom: 2.4rem; } .site-header .hdr-nav .mega-menu-wrap .textwidget.custom-html-widget .menu-img-cta .content-wrapper p { margin-bottom: 2.4rem; } .site-header .hdr-nav .mega-menu-wrap .textwidget.custom-html-widget .menu-img-cta .btn-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .site-header .hdr-nav .mega-menu-wrap .textwidget.custom-html-widget .menu-img-cta .btn-wrapper .primaryBtn.h-52-Btn { padding: 0; padding: 1.65rem 4rem 1.65rem 1.2rem; line-height: 1.08rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 1.6rem; border: none; } .footer-main-sec { background: #EBF0F4; padding-top: 5rem; margin-top: 3rem; } @media screen and (min-width: 768px) { .footer-main-sec { padding-top: 5rem; } } @media screen and (min-width: 992px) { .footer-main-sec { padding-top: 6rem; } } .footer-main-sec .top-ftr-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-bottom: 3rem; border-bottom: 0.1rem solid #DADADA; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 768px) { .footer-main-sec .top-ftr-bar { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-bottom: 3.6rem; } } @media screen and (min-width: 992px) { .footer-main-sec .top-ftr-bar { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 3.6rem; } } .footer-main-sec .top-ftr-bar .logo-blk { margin-bottom: 2rem; } @media screen and (min-width: 768px) { .footer-main-sec .top-ftr-bar .logo-blk { margin-bottom: 0; } } .footer-main-sec .top-ftr-bar .right-blk h4, .footer-main-sec .top-ftr-bar .right-blk a { color: #11223B; font-weight: 400; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; text-decoration: none; } .footer-main-sec .top-ftr-bar .right-blk a:hover { color: #E74C24; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .footer-main-sec .main-ftr-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-bottom: 3rem; padding-top: 3rem; border-bottom: 0.1rem solid #DADADA; } @media screen and (min-width: 680px) { .footer-main-sec .main-ftr-bar { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (min-width: 992px) { .footer-main-sec .main-ftr-bar { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 3.6rem; padding-top: 3.6rem; } } .footer-main-sec .main-ftr-bar .ftr-lnks-item:last-child { margin-right: 0; margin-bottom: 0; } .footer-main-sec .main-ftr-bar .ftr-lnks-item { width: 100%; margin-right: 0; margin-bottom: 2rem; text-align: center; } @media screen and (min-width: 680px) { .footer-main-sec .main-ftr-bar .ftr-lnks-item { width: calc(50% - 5rem); margin-right: 5rem; margin-bottom: 2.4rem; text-align: left; } } @media screen and (min-width: 768px) { .footer-main-sec .main-ftr-bar .ftr-lnks-item { width: calc(33.33% - 5rem); margin-right: 5rem; } } @media screen and (min-width: 992px) { .footer-main-sec .main-ftr-bar .ftr-lnks-item { width: calc(16.66% - 1.5rem); margin-right: 3rem; margin-bottom: 0; } .footer-main-sec .main-ftr-bar .ftr-lnks-item:last-child { margin-right: 0; } } @media screen and (min-width: 1180px) { .footer-main-sec .main-ftr-bar .ftr-lnks-item { width: calc(16.66% - 3.5rem); margin-right: 7rem; } .footer-main-sec .main-ftr-bar .ftr-lnks-item:last-child { margin-right: 0; } } .footer-main-sec .main-ftr-bar .ftr-lnks-item .top-hd { font-size: 1.7rem; display: block; line-height: 2rem; font-weight: 600; color: rgba(1, 9, 24, 0.6); margin-bottom: 1.6rem; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; text-decoration: none; } .footer-main-sec .main-ftr-bar .ftr-lnks-item .top-hd:focus { color: rgba(1, 9, 24, 0.6); -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .footer-main-sec .main-ftr-bar .ftr-lnks-item .top-hd:hover { color: #E74C24; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .footer-main-sec .main-ftr-bar .ftr-lnks-item .top-hd:hover:focus { color: #E74C24; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .footer-main-sec .main-ftr-bar .ftr-lnks-item ul { margin: 0; padding: 0; list-style: none; } .footer-main-sec .main-ftr-bar .ftr-lnks-item ul li { font-size: 1.5rem; display: block; line-height: 2rem; font-weight: 400; color: rgba(1, 9, 24, 0.6); margin-bottom: 1.6rem; } .footer-main-sec .main-ftr-bar .ftr-lnks-item ul li:last-child { margin-bottom: 0; } .footer-main-sec .main-ftr-bar .ftr-lnks-item ul li a { color: rgba(1, 9, 24, 0.6); -webkit-transition: 0.7s ease all; transition: 0.7s ease all; text-decoration: none; } .footer-main-sec .main-ftr-bar .ftr-lnks-item ul li a:focus { color: rgba(1, 9, 24, 0.6); -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .footer-main-sec .main-ftr-bar .ftr-lnks-item ul li:hover { color: #E74C24; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .footer-main-sec .main-ftr-bar .ftr-lnks-item ul li:hover a { color: #E74C24; } .footer-main-sec .main-ftr-bar .ftr-lnks-item ul li:hover a:focus { color: #E74C24; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .footer-main-sec .btm-ftr-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-bottom: 3rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .footer-main-sec .btm-ftr-bar { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-bottom: 3rem; padding-top: 6.6rem; } } @media screen and (min-width: 992px) { .footer-main-sec .btm-ftr-bar { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .footer-main-sec .btm-ftr-bar .lft-txt-sec p { font-size: 1.33rem; display: block; line-height: 2rem; font-weight: 400; color: rgba(1, 9, 24, 0.6); } .footer-main-sec .btm-ftr-bar .lft-txt-sec { width: 100%; margin-bottom: 1.5rem; text-align: center; width: 100%; } @media screen and (min-width: 768px) { .footer-main-sec .btm-ftr-bar .lft-txt-sec { margin-bottom: 1.5rem; text-align: left; width: auto; } } @media screen and (min-width: 992px) { .footer-main-sec .btm-ftr-bar .lft-txt-sec { margin-bottom: 0; } } .footer-main-sec .btm-ftr-bar .middle-menu-sec { margin-bottom: 1.5rem; } @media screen and (min-width: 768px) { .footer-main-sec .btm-ftr-bar .middle-menu-sec { margin-bottom: 1.5rem; } } @media screen and (min-width: 992px) { .footer-main-sec .btm-ftr-bar .middle-menu-sec { margin-bottom: 0; } } .footer-main-sec .btm-ftr-bar .middle-menu-sec ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .footer-main-sec .btm-ftr-bar .middle-menu-sec ul li { font-size: 1.33rem; display: block; line-height: 2rem; font-weight: 400; color: rgba(1, 9, 24, 0.6); margin-bottom: 0; } .footer-main-sec .btm-ftr-bar .middle-menu-sec ul li:last-child { padding-right: 0; margin-right: 0; border-right: none; } @media screen and (min-width: 992px) { .footer-main-sec .btm-ftr-bar .middle-menu-sec ul li { line-height: 0.8; padding-right: 1rem; margin-right: 1rem; border-right: 0.1rem solid rgba(1, 9, 24, 0.6); } } .footer-main-sec .btm-ftr-bar .middle-menu-sec ul li a { color: rgba(1, 9, 24, 0.6); -webkit-transition: 0.7s ease all; transition: 0.7s ease all; text-decoration: none; } pad .footer-main-sec .btm-ftr-bar .middle-menu-sec ul li a:focus { color: rgba(1, 9, 24, 0.6); -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .footer-main-sec .btm-ftr-bar .middle-menu-sec ul li:hover { color: #E74C24; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .footer-main-sec .btm-ftr-bar .middle-menu-sec ul li:hover a { color: #E74C24; text-decoration: none; } .footer-main-sec .btm-ftr-bar .middle-menu-sec ul li:hover a:focus { color: #E74C24; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .footer-main-sec .btm-ftr-bar .ftr-social-sec { width: 100%; text-align: center; width: 100%; } @media screen and (min-width: 768px) { .footer-main-sec .btm-ftr-bar .ftr-social-sec { width: 100%; } } @media screen and (min-width: 992px) { .footer-main-sec .btm-ftr-bar .ftr-social-sec { width: auto; } } .footer-main-sec .btm-ftr-bar .ftr-social-sec ul { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.6rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 768px) { .footer-main-sec .btm-ftr-bar .ftr-social-sec ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .footer-main-sec .btm-ftr-bar .ftr-social-sec ul li a { display: inline-block; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); transition: -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); } .footer-main-sec .btm-ftr-bar .ftr-social-sec ul li a:hover { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .page-template-landing .hdr-nav { display: none; } .page-template-template-with-simple-footer .main-ftr-bar, .video-template-default .main-ftr-bar { display: none; } /* common-herobanner */ /**********************************/ /**********************************/ .hero-banner-sec { position: relative; width: 100%; padding: 0; height: auto; overflow: hidden; } .hero-banner-sec .hero-banner-img { width: 100%; height: 100%; overflow: hidden; background-color: #010918; min-height: 60rem; max-height: 60rem; } @media screen and (min-width: 992px) { .hero-banner-sec .hero-banner-img { min-height: 60rem; max-height: 60rem; } } .hero-banner-sec .hero-banner-img img { width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; } .hero-banner-sec .hero-banner-img .desktop-banner { height: auto; display: none; -o-object-position: top; object-position: top; } @media screen and (min-width: 992px) { .hero-banner-sec .hero-banner-img .desktop-banner { display: block; min-height: 60rem; max-height: 60rem; } } .hero-banner-sec .hero-banner-img .mobile-banner { display: block; min-height: 60rem; max-height: 60rem; -o-object-position: top; object-position: top; } @media screen and (min-width: 374px) { .hero-banner-sec .hero-banner-img .mobile-banner { min-height: 60rem; max-height: 60rem; } } @media screen and (min-width: 992px) { .hero-banner-sec .hero-banner-img .mobile-banner { display: none; min-height: auto; max-height: 60rem; } } .hero-banner-sec .hero-banner-img .layer { content: ""; position: absolute; background: linear-gradient(0deg, rgba(0, 7, 20, 0.2), rgba(0, 7, 20, 0.2)), linear-gradient(0deg, rgba(0, 7, 20, 0) 76.6%, rgba(0, 7, 20, 0.5) 103.58%), linear-gradient(234.83deg, rgba(0, 7, 20, 0) 21.56%, rgba(0, 7, 20, 0.6) 72.53%); top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; } .hero-banner-sec .heo-banner-video { width: 100%; height: 100%; overflow: hidden; background-color: #010918; min-height: 60rem; max-height: 60rem; } @media screen and (min-width: 992px) { .hero-banner-sec .heo-banner-video { min-height: 60rem; max-height: 60rem; } } .hero-banner-sec .heo-banner-video img { width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; } .hero-banner-sec .heo-banner-video video { width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; } .hero-banner-sec .heo-banner-video .layer { content: ""; position: absolute; background: linear-gradient(0deg, rgba(0, 7, 20, 0.2), rgba(0, 7, 20, 0.2)), linear-gradient(0deg, rgba(0, 7, 20, 0) 76.6%, rgba(0, 7, 20, 0.5) 103.58%), linear-gradient(234.83deg, rgba(0, 7, 20, 0) 21.56%, rgba(0, 7, 20, 0.6) 72.53%); top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; } .hero-banner-sec .hero-content-outer { position: absolute; bottom: 0; width: 100%; left: 0; right: 0; z-index: 2; } .hero-banner-sec .hero-banner-contnt { max-width: 100%; padding-bottom: 13.4rem; margin: 0 auto; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; flex-direction: column; gap: 2.4rem; } @media screen and (min-width: 768px) { .hero-banner-sec .hero-banner-contnt { max-width: 80%; } } @media screen and (min-width: 992px) { .hero-banner-sec .hero-banner-contnt { max-width: 84.5rem; } } .hero-banner-sec h1 { color: #ffffff; -webkit-transition: opacity 1.5s ease-in-out 0.3s, -webkit-transform 1.5s ease-in-out 0.3s; transition: opacity 1.5s ease-in-out 0.3s, -webkit-transform 1.5s ease-in-out 0.3s; transition: opacity 1.5s ease-in-out 0.3s, transform 1.5s ease-in-out 0.3s; transition: opacity 1.5s ease-in-out 0.3s, transform 1.5s ease-in-out 0.3s, -webkit-transform 1.5s ease-in-out 0.3s; } .hero-banner-sec h4 { color: #ffffff; } .hero-banner-sec p { color: #ffffff; } .hero-banner-sec p.large-txt { font-size: 1.8rem; font-weight: 600; color: #ffffff; } @media screen and (min-width: 992px) { .hero-banner-sec p.large-txt { font-size: 2rem; } } .hero-banner-sec .btn-wrap { -webkit-transition: opacity 1.5s ease-in-out 0.9s, -webkit-transform 1.5s ease-in-out 0.9s; transition: opacity 1.5s ease-in-out 0.9s, -webkit-transform 1.5s ease-in-out 0.9s; transition: opacity 1.5s ease-in-out 0.9s, transform 1.5s ease-in-out 0.9s; transition: opacity 1.5s ease-in-out 0.9s, transform 1.5s ease-in-out 0.9s, -webkit-transform 1.5s ease-in-out 0.9s; } .hero-banner-sec .subHead-bold { font-size: 1.6rem; font-weight: 900; line-height: 2.4rem; color: #ffffff; } .hero-banner-sec .large-txt { color: #ffffff; } .hero-banner-sec.animate .hero-banner-img img { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-animation: imageFadeIn 1.5s ease-in-out forwards; animation: imageFadeIn 1.5s ease-in-out forwards; } .hero-banner-sec.animate .hero-banner-img .layer { z-index: 1; opacity: 1; -webkit-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; } .hero-banner-sec.animate .hero-banner-contnt, .hero-banner-sec.animate p, .hero-banner-sec.animate .btn-wrap { opacity: 1; z-index: 2; } .hero-banner-sec.animate p, .hero-banner-sec.animate .btn-wrap { will-change: transform, opacity; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-animation: contentSlideUp 1.5s ease-in-out forwards; animation: contentSlideUp 1.5s ease-in-out forwards; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; z-index: 2; } .hero-banner-sec.animate .top-txt { -webkit-transform: none; transform: none; -webkit-animation: none; animation: none; } .hero-banner-sec.left-align .hero-content-outer { bottom: 3.9rem; top: auto; -webkit-transform: none; transform: none; } @media screen and (min-width: 580px) { .hero-banner-sec.left-align .hero-content-outer { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (min-width: 992px) { .hero-banner-sec.left-align .hero-content-outer { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .hero-banner-sec.left-align p { max-width: 100%; line-height: 150%; } @media screen and (min-width: 992px) { .hero-banner-sec.left-align p { max-width: 88%; } } .hero-banner-sec.left-align .hero-banner-contnt { margin: 0; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; } @media screen and (min-width: 768px) { .hero-banner-sec.left-align .hero-banner-contnt { text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (min-width: 992px) { .hero-banner-sec.left-align .hero-banner-contnt { text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .hero-banner-sec.left-align h1 { text-align: center; } @media screen and (min-width: 768px) { .hero-banner-sec.left-align h1 { text-align: left; } } @media screen and (min-width: 992px) { .hero-banner-sec.left-align h1 { text-align: left; } } .hero-banner-sec.center-align .hero-content-outer { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .hero-banner-sec.center-align .hero-banner-contnt { margin: 0 auto; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } .hero-banner-sec.center-align .hero-banner-img { width: 100%; height: 100%; overflow: hidden; background-color: #010918; } .hero-banner-sec.center-align .hero-banner-img .mobile-banner { display: block; -o-object-position: top; object-position: top; } @media screen and (min-width: 992px) { .hero-banner-sec.center-align .hero-banner-img .mobile-banner { display: none; } } .hero-banner-sec.maxw-80 .hero-banner-contnt br { display: none; } @media screen and (min-width: 992px) { .hero-banner-sec.maxw-80 .hero-banner-contnt br { display: block; } } .hero-banner-sec.maxw-80 .hero-banner-contnt { max-width: 100%; } @media screen and (min-width: 992px) { .hero-banner-sec.maxw-80 .hero-banner-contnt { max-width: 106rem; } } .hero-banner-sec.grey-banner-sec { background-color: #EBF0F4; min-height: 60vh; } @media screen and (min-width: 992px) { .hero-banner-sec.grey-banner-sec { min-height: 60rem; } } .hero-banner-sec.grey-banner-sec h1 { color: #010918; } .hero-banner-sec.grey-banner-sec .hero-banner-img { min-height: auto; } .hero-banner-sec.contact-banner p { color: rgba(255, 255, 255, 0.7); max-width: 435px; } /**********************************/ /**********************************/ .hero-banner-2colsec { position: relative; width: 100%; padding: 0; height: auto; overflow: hidden; background: #EBF0F4; } .hero-banner-2colsec .hero-content-outer { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 3rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 3rem; } @media screen and (min-width: 992px) { .hero-banner-2colsec .hero-content-outer { gap: 1rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 6.4rem 0; } } .hero-banner-2colsec .hero-content-outer.flex-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } @media screen and (min-width: 992px) { .hero-banner-2colsec .hero-content-outer.flex-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } } .hero-banner-2colsec .hero-content-outer.center-align-blk { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; margin: 0 auto; } @media screen and (min-width: 992px) { .hero-banner-2colsec .hero-content-outer.center-align-blk { max-width: 80%; } } .hero-banner-2colsec .hero-content-outer.center-align-blk .hero-banner-contnt { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; text-align: center; } .hero-banner-2colsec .hero-content-outer.align-topcontent { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (min-width: 992px) { .hero-banner-2colsec .hero-content-outer.align-topcontent { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .hero-banner-2colsec .hero-banner-img { width: 100%; overflow: hidden; border-radius: 0.6rem; } .hero-banner-2colsec .hero-banner-img img { width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; } .hero-banner-2colsec .hero-banner-img .desktop-banner { height: auto; display: none; -o-object-position: top; object-position: top; border-radius: 0.6rem; } @media screen and (min-width: 992px) { .hero-banner-2colsec .hero-banner-img .desktop-banner { display: block; border-radius: 0.6rem; } } .hero-banner-2colsec .hero-banner-img .desktop-group-banner { height: auto; display: none; -o-object-position: top; object-position: top; border-radius: 0.6rem; } @media screen and (min-width: 620px) { .hero-banner-2colsec .hero-banner-img .desktop-group-banner { display: block; border-radius: unset; } } @media screen and (min-width: 992px) { .hero-banner-2colsec .hero-banner-img .desktop-group-banner { display: block; border-radius: unset; } } .hero-banner-2colsec .hero-banner-img .desktop-group-banner { -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .hero-banner-2colsec .hero-banner-img .desktop-group-banner:hover { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .hero-banner-2colsec .hero-banner-img .desktop-group-banner.logo-layer { border-radius: unset; } .hero-banner-2colsec .hero-banner-img .mobile-banner { display: block; -o-object-position: top; object-position: top; max-height: 28.9rem; border-radius: 0.6rem; } @media screen and (min-width: 992px) { .hero-banner-2colsec .hero-banner-img .mobile-banner { display: none; } } .hero-banner-2colsec .hero-banner-wrapper { width: 100%; background-color: #ffffff; min-height: 20rem; border-radius: 0.6rem; } @media screen and (min-width: 992px) { .hero-banner-2colsec .hero-banner-wrapper { width: 50%; background-color: #ffffff; min-height: 40rem; border-radius: 0.6rem; } } .hero-banner-2colsec .hero-banner-wrapper.bannerimage-group-wrapper { width: 100%; background-color: #ffffff; min-height: 20rem; border-radius: 0.6rem; } @media screen and (min-width: 620px) { .hero-banner-2colsec .hero-banner-wrapper.bannerimage-group-wrapper { width: 100%; background-color: transparent; min-height: auto; max-height: none; border-radius: unset; } } @media screen and (min-width: 992px) { .hero-banner-2colsec .hero-banner-wrapper.bannerimage-group-wrapper { width: 46.7%; background-color: transparent; min-height: auto; max-height: none; border-radius: unset; } } .hero-banner-2colsec .hero-banner-wrapper.bannerimage-group-wrapper .hero-banner-img { display: none; } @media screen and (min-width: 620px) { .hero-banner-2colsec .hero-banner-wrapper.bannerimage-group-wrapper .hero-banner-img { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 3rem; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; border-radius: unset; } } @media screen and (min-width: 992px) { .hero-banner-2colsec .hero-banner-wrapper.bannerimage-group-wrapper .hero-banner-img { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 3rem; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; border-radius: unset; } } .hero-banner-2colsec .hero-banner-wrapper.bannerimage-group-wrapper .hero-banner-img .item { border-radius: 0.6rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .hero-banner-2colsec .hero-banner-wrapper.bannerimage-group-wrapper .hero-banner-img .left-2col-image { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 3rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: calc(50% - 2rem); } .hero-banner-2colsec .hero-banner-wrapper.bannerimage-group-wrapper .hero-banner-img .left-2col-image .item { width: auto; height: calc(50% - 1.5rem); min-height: 15rem; } .hero-banner-2colsec .hero-banner-wrapper.bannerimage-group-wrapper .hero-banner-img .left-2col-image .item.with-layer { width: 100%; background: linear-gradient(0deg, #11223B, #11223B), linear-gradient(0deg, rgba(12, 10, 8, 0.3), rgba(12, 10, 8, 0.3)), radial-gradient(103.89% 132.21% at 78.69% 141.67%, rgba(40, 41, 47, 0) 0%, rgba(40, 41, 47, 0.65) 100%), linear-gradient(352.89deg, rgba(40, 41, 47, 0) 64.38%, rgba(23, 24, 28, 0.6) 97.42%); border-radius: 0.6rem; padding: 1.5rem; } .hero-banner-2colsec .hero-banner-wrapper.bannerimage-group-wrapper .hero-banner-img .left-2col-image .item.with-layer img { height: auto; border-radius: unset; } .hero-banner-2colsec .hero-banner-wrapper.bannerimage-group-wrapper .hero-banner-img .left-2col-image .item.without-layer { border-radius: 0.6rem; background-color: #ffffff; } .hero-banner-2colsec .hero-banner-wrapper.bannerimage-group-wrapper .hero-banner-img .left-2col-image .item.without-layer img { border-radius: 0.6rem; height: 100%; } .hero-banner-2colsec .hero-banner-wrapper.bannerimage-group-wrapper .hero-banner-img .left-2col-image.flex-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .hero-banner-2colsec .hero-banner-wrapper.bannerimage-group-wrapper .hero-banner-img .right-1col-image { width: calc(50% - 2rem); } .hero-banner-2colsec .hero-banner-wrapper.bannerimage-group-wrapper .hero-banner-img .right-1col-image .item { width: 100%; background-color: #ffffff; height: 100%; overflow: hidden; min-height: 15rem; } .hero-banner-2colsec .hero-banner-wrapper.bannerimage-group-wrapper .hero-banner-img .right-1col-image .item img { width: 100%; height: auto; border-radius: 0.6rem; } .hero-banner-2colsec .hero-banner-wrapper.bannerimage-group-wrapper .mobile-banner { display: block; -o-object-position: top center; object-position: top center; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 0.6rem; max-height: 28.9rem; aspect-ratio: 1; } @media screen and (min-width: 620px) { .hero-banner-2colsec .hero-banner-wrapper.bannerimage-group-wrapper .mobile-banner { display: none; } } @media screen and (min-width: 992px) { .hero-banner-2colsec .hero-banner-wrapper.bannerimage-group-wrapper .mobile-banner { display: none; } } .hero-banner-2colsec .hero-banner-contnt { max-width: 100%; margin: 0; text-align: left; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } @media screen and (min-width: 768px) { .hero-banner-2colsec .hero-banner-contnt { max-width: 80%; margin: 0; } } @media screen and (min-width: 992px) { .hero-banner-2colsec .hero-banner-contnt { max-width: 64rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; flex-direction: column; margin: 0; text-align: left; width: 50%; padding: 3rem 0; } } .hero-banner-2colsec .large-txt { margin-bottom: 0.8rem; } .hero-banner-2colsec h1 { margin-bottom: 2.4rem; -webkit-transition: opacity 1.5s ease-in-out 0.3s, -webkit-transform 1.5s ease-in-out 0.3s; transition: opacity 1.5s ease-in-out 0.3s, -webkit-transform 1.5s ease-in-out 0.3s; transition: opacity 1.5s ease-in-out 0.3s, transform 1.5s ease-in-out 0.3s; transition: opacity 1.5s ease-in-out 0.3s, transform 1.5s ease-in-out 0.3s, -webkit-transform 1.5s ease-in-out 0.3s; } @media screen and (min-width: 768px) { .hero-banner-2colsec h1 { margin-bottom: 2.4rem; } } @media screen and (min-width: 992px) { .hero-banner-2colsec h1 { line-height: 118%; } } .hero-banner-2colsec h1 { font-size: 3.7rem; } @media screen and (min-width: 393px) { .hero-banner-2colsec h1 { font-size: 4.2rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; } } @media screen and (min-width: 768px) { .hero-banner-2colsec h1 { font-size: 5.6rem; line-height: 100%; font-weight: 800; letter-spacing: -0.248rem; } } @media screen and (min-width: 992px) { .hero-banner-2colsec h1 { font-size: 7rem; line-height: 112%; font-weight: 800; letter-spacing: -0.28rem; } } .hero-banner-2colsec h2 { margin-bottom: 2.4rem; } .hero-banner-2colsec h4 { color: rgba(1, 9, 24, 0.7); margin-bottom: 2rem; } @media screen and (min-width: 768px) { .hero-banner-2colsec h4 { margin-bottom: 2.4rem; } } .hero-banner-2colsec p { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; margin-bottom: 2.4rem; max-width: 100%; } @media screen and (min-width: 992px) { .hero-banner-2colsec p { max-width: 56.7rem; } } .hero-banner-2colsec .btn-wrap { -webkit-transition: opacity 1.5s ease-in-out 0.9s, -webkit-transform 1.5s ease-in-out 0.9s; transition: opacity 1.5s ease-in-out 0.9s, -webkit-transform 1.5s ease-in-out 0.9s; transition: opacity 1.5s ease-in-out 0.9s, transform 1.5s ease-in-out 0.9s; transition: opacity 1.5s ease-in-out 0.9s, transform 1.5s ease-in-out 0.9s, -webkit-transform 1.5s ease-in-out 0.9s; } .hero-banner-2colsec .btn-wrap.link-wrap { padding-top: 2.4rem; } .hero-banner-2colsec.animate .hero-banner-img img { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-animation: imageFadeIn 1.5s ease-in-out forwards; animation: imageFadeIn 1.5s ease-in-out forwards; } .hero-banner-2colsec.animate .hero-banner-img .layer { z-index: 1; opacity: 1; -webkit-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; } .hero-banner-2colsec.animate .hero-banner-contnt, .hero-banner-2colsec.animate p, .hero-banner-2colsec.animate .btn-wrap { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-animation: contentSlideUp 1.5s ease-in-out forwards; animation: contentSlideUp 1.5s ease-in-out forwards; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; z-index: 2; } .hero-banner-2colsec.fullbg-2colwidth-banner { background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; } .hero-banner-2colsec.fullbg-2colwidth-banner .layer { content: ""; position: absolute; background: linear-gradient(0deg, rgba(12, 10, 8, 0.3), rgba(12, 10, 8, 0.3)), linear-gradient(315.05deg, rgba(40, 41, 47, 0) -20.11%, rgba(40, 41, 47, 0.65) 58.17%); top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; } .hero-banner-2colsec.fullbg-2colwidth-banner h1, .hero-banner-2colsec.fullbg-2colwidth-banner p { color: #ffffff; } .hero-banner-2colsec.fullbg-2colwidth-banner .hero-content-outer { position: relative; z-index: 2; } .hero-banner-2colsec.fullbg-2colwidth-banner .hero-banner-contnt { padding: 2rem 0; } @media screen and (min-width: 992px) { .hero-banner-2colsec.fullbg-2colwidth-banner .hero-banner-contnt { padding: 6.6rem 0; } } .hero-banner-2colsec.service-banner-sec .hero-banner-wrapper { width: 100%; } @media screen and (min-width: 992px) { .hero-banner-2colsec.service-banner-sec .hero-banner-wrapper { width: 42%; } } .hero-banner-2colsec.service-banner-sec .hero-banner-contnt { max-width: 94rem; } @media screen and (min-width: 768px) { .hero-banner-2colsec.service-banner-sec .hero-banner-contnt { max-width: 80%; } } @media screen and (min-width: 992px) { .hero-banner-2colsec.service-banner-sec .hero-banner-contnt { max-width: 72rem; width: 58%; } } .hero-banner-2colsec.service-banner-sec .hero-banner-img img:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .hero-banner-2colsec.service-banner-sec p { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; max-width: 100%; } @media screen and (min-width: 992px) { .hero-banner-2colsec.service-banner-sec p { max-width: 71.9rem; } } .hero-banner-2colsec.service-banner-sec .large-txt { margin-bottom: 2.4rem; } .hero-banner-2colsec.landing-form-banner .hero-banner-wrapper { width: 100%; } @media screen and (min-width: 992px) { .hero-banner-2colsec.landing-form-banner .hero-banner-wrapper { width: 40%; } } .hero-banner-2colsec.landing-form-banner .hero-banner-contnt { max-width: 100%; } @media screen and (min-width: 768px) { .hero-banner-2colsec.landing-form-banner .hero-banner-contnt { max-width: 80%; margin: 0; } } @media screen and (min-width: 992px) { .hero-banner-2colsec.landing-form-banner .hero-banner-contnt { max-width: 64rem; } } .hero-banner-2colsec.landing-form-banner .hero-content-outer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 992px) { .hero-banner-2colsec.landing-form-banner .hero-content-outer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .hero-banner-2colsec.landing-form-banner h1 { line-height: 110%; } .hero-banner-2colsec.landing-form-banner h4 { color: #ffffff; } .hero-banner-2colsec.landing-form-banner p { margin-bottom: 0; } .hero-banner-2colsec.landing2-form-banner .hero-content-outer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 992px) { .hero-banner-2colsec.landing2-form-banner .hero-content-outer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .hero-banner-2colsec.landing2-form-banner .hero-banner-wrapper { width: 100%; } @media screen and (min-width: 992px) { .hero-banner-2colsec.landing2-form-banner .hero-banner-wrapper { width: 40%; } } .hero-banner-2colsec.landing2-form-banner .hero-banner-contnt { max-width: 100%; width: 100%; } @media screen and (min-width: 768px) { .hero-banner-2colsec.landing2-form-banner .hero-banner-contnt { max-width: 80%; margin: 0; width: 55%; } } @media screen and (min-width: 1180px) { .hero-banner-2colsec.landing2-form-banner .hero-banner-contnt { max-width: 71.2rem; width: 58%; } } @media screen and (min-width: 1400px) { .hero-banner-2colsec.landing2-form-banner .hero-banner-contnt { max-width: 74rem; } } .hero-banner-2colsec.landing2-form-banner h1 { line-height: 110%; } .hero-banner-2colsec.landing2-form-banner h4 { color: #ffffff; } .hero-banner-2colsec.landing2-form-banner p { margin-bottom: 0; } @media screen and (min-width: 992px) { .hero-banner-2colsec.width-55-45 .hero-banner-wrapper.bannerimage-group-wrapper { width: 45%; } } @media screen and (min-width: 992px) { .hero-banner-2colsec.width-55-45 .hero-banner-contnt { max-width: 70rem; width: 55%; } } .hero-banner-2colsec.video-bnr-wrapper .heo-banner-video { height: 100%; position: absolute; width: 100%; top: 0; bottom: 0; } .hero-banner-2colsec.video-bnr-wrapper .heo-banner-video video { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .hero-banner-2colsec.video-bnr-wrapper .heo-banner-video .layer { background: transparent; } .hero-banner-2colsec.video-bnr-wrapper .hero-banner-container h1 { color: #010918; } .hero-banner-2colsec.video-bnr-wrapper .hero-banner-container p { color: rgba(1, 9, 24, 0.7); } .hero-banner-2colsec.video-bnr-wrapper .flex-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } @media screen and (min-width: 992px) { .hero-banner-2colsec.video-bnr-wrapper .flex-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } } .hero-banner-2colsec .hero-content-outer.align-topcontent .hero-banner-contnt { padding: 0 0 6.6rem 0; } /* common-herobanner */ /* home-banner */ .hero-banner-slider { padding: 0; max-height: 81rem; } .hero-banner-slider .hero-banner-sec { position: relative; width: 100%; padding: 0; height: auto; overflow: hidden; } .hero-banner-slider .hero-banner-sec .hero-banner-img { width: 100%; height: 100%; overflow: hidden; background-color: #010918; } .hero-banner-slider .hero-banner-sec .hero-banner-img img { width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; } .hero-banner-slider .hero-banner-sec .hero-banner-img .layer { content: ""; position: absolute; background: linear-gradient(0deg, rgba(0, 7, 20, 0.2), rgba(0, 7, 20, 0.2)), linear-gradient(0deg, rgba(0, 7, 20, 0) 76.6%, rgba(0, 7, 20, 0.5) 103.58%), linear-gradient(234.83deg, rgba(0, 7, 20, 0) 21.56%, rgba(0, 7, 20, 0.6) 72.53%); top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; } .hero-banner-slider .hero-banner-sec .hero-content-outer { position: absolute; bottom: auto; width: 100%; top: 10%; left: 0; right: 0; z-index: 2; } @media screen and (min-width: 992px) { .hero-banner-slider .hero-banner-sec .hero-content-outer { bottom: 0; top: 10rem; -webkit-transform: none; transform: none; } } .hero-banner-slider .hero-banner-sec .hero-banner-contnt { max-width: 94rem; padding-bottom: 5rem; margin: 0 auto; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; flex-direction: column; gap: 2.4rem; } @media screen and (min-width: 768px) { .hero-banner-slider .hero-banner-sec .hero-banner-contnt { max-width: 80%; padding-bottom: 13.4rem; } } @media screen and (min-width: 992px) { .hero-banner-slider .hero-banner-sec .hero-banner-contnt { max-width: 84.5rem; padding-bottom: 13.4rem; } } .hero-banner-slider .hero-banner-sec h1 { color: #ffffff; -webkit-transition: opacity 1.5s ease-in-out 0.3s, -webkit-transform 1.5s ease-in-out 0.3s; transition: opacity 1.5s ease-in-out 0.3s, -webkit-transform 1.5s ease-in-out 0.3s; transition: opacity 1.5s ease-in-out 0.3s, transform 1.5s ease-in-out 0.3s; transition: opacity 1.5s ease-in-out 0.3s, transform 1.5s ease-in-out 0.3s, -webkit-transform 1.5s ease-in-out 0.3s; } .hero-banner-slider .hero-banner-sec h4 { color: #ffffff; } .hero-banner-slider .hero-banner-sec p { color: #ffffff; } .hero-banner-slider .hero-banner-sec p.large-txt { font-size: 1.8rem; font-weight: 600; color: #ffffff; } @media screen and (min-width: 992px) { .hero-banner-slider .hero-banner-sec p.large-txt { font-size: 2rem; } } .hero-banner-slider .hero-banner-sec .btn-wrap { -webkit-transition: opacity 1.5s ease-in-out 0.9s, -webkit-transform 1.5s ease-in-out 0.9s; transition: opacity 1.5s ease-in-out 0.9s, -webkit-transform 1.5s ease-in-out 0.9s; transition: opacity 1.5s ease-in-out 0.9s, transform 1.5s ease-in-out 0.9s; transition: opacity 1.5s ease-in-out 0.9s, transform 1.5s ease-in-out 0.9s, -webkit-transform 1.5s ease-in-out 0.9s; } .hero-banner-slider .hero-banner-sec .subHead-bold { font-size: 1.6rem; font-weight: 900; line-height: 2.4rem; color: #ffffff; } .hero-banner-slider .hero-banner-sec .large-txt { color: #ffffff; } .hero-banner-slider .hero-banner-sec.animate .hero-banner-img img { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-animation: imageFadeIn 1.5s ease-in-out forwards; animation: imageFadeIn 1.5s ease-in-out forwards; } .hero-banner-slider .hero-banner-sec.animate .hero-banner-img .layer { z-index: 1; opacity: 1; -webkit-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; } .hero-banner-slider .hero-banner-sec.animate .hero-banner-contnt, .hero-banner-slider .hero-banner-sec.animate p, .hero-banner-slider .hero-banner-sec.animate .btn-wrap { opacity: 1; z-index: 2; } .hero-banner-slider .hero-banner-sec.animate p, .hero-banner-slider .hero-banner-sec.animate .btn-wrap { will-change: transform, opacity; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-animation: contentSlideUp 1.5s ease-in-out forwards; animation: contentSlideUp 1.5s ease-in-out forwards; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; z-index: 2; } .hero-banner-slider .hero-banner-sec.animate .top-txt { -webkit-transform: none; transform: none; -webkit-animation: none; animation: none; } .hero-banner-slider .hero-banner-sec.left-align .hero-content-outer { bottom: 3.9rem; top: auto; -webkit-transform: none; transform: none; } @media screen and (min-width: 580px) { .hero-banner-slider .hero-banner-sec.left-align .hero-content-outer { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (min-width: 992px) { .hero-banner-slider .hero-banner-sec.left-align .hero-content-outer { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .hero-banner-slider .hero-banner-sec.left-align p { max-width: 100%; line-height: 150%; } @media screen and (min-width: 992px) { .hero-banner-slider .hero-banner-sec.left-align p { max-width: 88%; } } .hero-banner-slider .hero-banner-sec.left-align .hero-banner-contnt { margin: 0; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; } @media screen and (min-width: 768px) { .hero-banner-slider .hero-banner-sec.left-align .hero-banner-contnt { text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (min-width: 992px) { .hero-banner-slider .hero-banner-sec.left-align .hero-banner-contnt { text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .hero-banner-slider .hero-banner-sec.left-align h1 { text-align: center; } @media screen and (min-width: 768px) { .hero-banner-slider .hero-banner-sec.left-align h1 { text-align: left; } } @media screen and (min-width: 992px) { .hero-banner-slider .hero-banner-sec.left-align h1 { text-align: left; } } .hero-banner-slider .hero-banner-sec.center-align .hero-content-outer { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .hero-banner-slider .hero-banner-sec.center-align .hero-banner-contnt { margin: 0 auto; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } .hero-banner-slider .hero-banner-sec.center-align .hero-banner-img { width: 100%; height: 100%; overflow: hidden; background-color: #010918; } .hero-banner-slider .hero-banner-sec.center-align .hero-banner-img .mobile-banner { display: block; -o-object-position: top; object-position: top; } @media screen and (min-width: 992px) { .hero-banner-slider .hero-banner-sec.center-align .hero-banner-img .mobile-banner { display: none; } } .hero-banner-slider .hero-banner-sec.maxw-80 .hero-banner-contnt br { display: none; } @media screen and (min-width: 992px) { .hero-banner-slider .hero-banner-sec.maxw-80 .hero-banner-contnt br { display: block; } } .hero-banner-slider .hero-banner-sec.maxw-80 .hero-banner-contnt { max-width: 100%; } @media screen and (min-width: 992px) { .hero-banner-slider .hero-banner-sec.maxw-80 .hero-banner-contnt { max-width: 106rem; } } .hero-banner-slider .hero-banner-sec.grey-banner-sec { background-color: #EBF0F4; min-height: 60vh; } @media screen and (min-width: 992px) { .hero-banner-slider .hero-banner-sec.grey-banner-sec { min-height: 60rem; } } .hero-banner-slider .hero-banner-sec.grey-banner-sec h1 { color: #010918; } .hero-banner-slider .hero-banner-sec { max-height: 81rem; } .hero-banner-slider .hero-banner-img { max-height: 75rem; min-height: 75rem; } @media screen and (min-width: 425px) { .hero-banner-slider .hero-banner-img { max-height: 70rem; min-height: 70rem; } } @media screen and (min-width: 992px) { .hero-banner-slider .hero-banner-img { max-height: 81rem; min-height: 81rem; } } .hero-banner-slider .hero-banner-img img { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; } .hero-banner-slider .hero-banner-img .layer { opacity: 0; -webkit-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; } .hero-banner-slider .hero-banner-img .desktop-banner { height: auto; max-height: 81rem; min-height: 81rem; display: none; -o-object-position: top; object-position: top; } @media screen and (min-width: 992px) { .hero-banner-slider .hero-banner-img .desktop-banner { display: block; } } .hero-banner-slider .hero-banner-img .mobile-banner { display: block; -o-object-position: top; object-position: top; max-height: 75rem; min-height: 75rem; } @media screen and (min-width: 425px) { .hero-banner-slider .hero-banner-img .mobile-banner { max-height: 70rem; min-height: 70rem; } } @media screen and (min-width: 992px) { .hero-banner-slider .hero-banner-img .mobile-banner { display: none; } } .hero-banner-slider .heo-banner-video { width: 100%; height: 100%; overflow: hidden; background-color: #010918; max-height: 75rem; min-height: 75rem; } @media screen and (min-width: 425px) { .hero-banner-slider .heo-banner-video { max-height: 70rem; min-height: 70rem; } } @media screen and (min-width: 992px) { .hero-banner-slider .heo-banner-video { max-height: 81rem; min-height: 81rem; } } .hero-banner-slider .heo-banner-video img { width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; } .hero-banner-slider .heo-banner-video video { width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; max-height: 75rem; min-height: 75rem; } @media screen and (min-width: 425px) { .hero-banner-slider .heo-banner-video video { max-height: 70rem; min-height: 70rem; } } @media screen and (min-width: 992px) { .hero-banner-slider .heo-banner-video video { height: 100%; max-height: 81rem; min-height: 81rem; } } .hero-banner-slider .heo-banner-video .layer { content: ""; position: absolute; background: linear-gradient(0deg, rgba(0, 7, 20, 0.2), rgba(0, 7, 20, 0.2)), linear-gradient(0deg, rgba(0, 7, 20, 0) 76.6%, rgba(0, 7, 20, 0.5) 103.58%), linear-gradient(234.83deg, rgba(0, 7, 20, 0) 21.56%, rgba(0, 7, 20, 0.6) 72.53%); top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; } .hero-banner-slider .hero-banner-contnt { padding-bottom: 5.4rem; opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out; transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; } .hero-banner-slider .hero-banner-contnt p { -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: opacity 1.5s ease-in-out 0.6s, -webkit-transform 1.5s ease-in-out 0.6s; transition: opacity 1.5s ease-in-out 0.6s, -webkit-transform 1.5s ease-in-out 0.6s; transition: opacity 1.5s ease-in-out 0.6s, transform 1.5s ease-in-out 0.6s; transition: opacity 1.5s ease-in-out 0.6s, transform 1.5s ease-in-out 0.6s, -webkit-transform 1.5s ease-in-out 0.6s; } .hero-banner-slider .hero-banner-contnt .btn-wrap { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 1.5s ease-in-out 0.9s, -webkit-transform 1.5s ease-in-out 0.9s; transition: opacity 1.5s ease-in-out 0.9s, -webkit-transform 1.5s ease-in-out 0.9s; transition: opacity 1.5s ease-in-out 0.9s, transform 1.5s ease-in-out 0.9s; transition: opacity 1.5s ease-in-out 0.9s, transform 1.5s ease-in-out 0.9s, -webkit-transform 1.5s ease-in-out 0.9s; } .hero-banner-slider h1 { font-size: 4.2rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; color: #ffffff; -webkit-transition: opacity 1.5s ease-in-out 0.3s, -webkit-transform 1.5s ease-in-out 0.3s; transition: opacity 1.5s ease-in-out 0.3s, -webkit-transform 1.5s ease-in-out 0.3s; transition: opacity 1.5s ease-in-out 0.3s, transform 1.5s ease-in-out 0.3s; transition: opacity 1.5s ease-in-out 0.3s, transform 1.5s ease-in-out 0.3s, -webkit-transform 1.5s ease-in-out 0.3s; } @media screen and (min-width: 768px) { .hero-banner-slider h1 { font-size: 7.2rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; color: #ffffff; } } @media screen and (min-width: 1024px) { .hero-banner-slider h1 { font-size: 8.5rem; line-height: 100%; } } @media screen and (min-width: 1080px) { .hero-banner-slider h1 { font-size: 11.8rem; line-height: 100%; font-weight: 800; letter-spacing: -0.55rem; color: #ffffff; } } .hero-banner-slider h2 { font-size: 4.2rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; color: #ffffff; -webkit-transition: opacity 1.5s ease-in-out 0.3s, -webkit-transform 1.5s ease-in-out 0.3s; transition: opacity 1.5s ease-in-out 0.3s, -webkit-transform 1.5s ease-in-out 0.3s; transition: opacity 1.5s ease-in-out 0.3s, transform 1.5s ease-in-out 0.3s; transition: opacity 1.5s ease-in-out 0.3s, transform 1.5s ease-in-out 0.3s, -webkit-transform 1.5s ease-in-out 0.3s; } @media screen and (min-width: 768px) { .hero-banner-slider h2 { font-size: 7.2rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; color: #ffffff; } } @media screen and (min-width: 1024px) { .hero-banner-slider h2 { font-size: 8.5rem; line-height: 100%; } } @media screen and (min-width: 1080px) { .hero-banner-slider h2 { font-size: 11.8rem; line-height: 100%; font-weight: 800; letter-spacing: -0.55rem; color: #ffffff; } } .hero-banner-slider .swiper-slide-active .hero-banner-img img { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .hero-banner-slider .swiper-slide-active .hero-banner-img .layer { opacity: 1; } .hero-banner-slider .swiper-slide-active .hero-banner-contnt, .hero-banner-slider .swiper-slide-active h1, .hero-banner-slider .swiper-slide-active p, .hero-banner-slider .swiper-slide-active .btn-wrap { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .hero-banner-slider .heroswiper-pagination { bottom: 2.2rem !important; position: absolute; } .hero-banner-slider.two-sides .banner-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left; gap: 2.4rem; width: 75%; } .hero-banner-slider.two-sides .banner-left p { max-width: 75rem; } .hero-banner-slider.two-sides .banner-right img { max-width: 300px; } .hero-banner-slider.two-sides .hero-banner-contnt { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: unset; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 768px) { .hero-banner-slider.two-sides .hero-banner-contnt { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .hero-banner-slider.two-sides .banner-left { width: 100%; } .hero-banner-slider.two-sides .banner-right img { max-width: 150px; } } /**********************************/ /**********************************/ .expand-card-sec { padding: 3rem 0 3rem 0; } @media screen and (min-width: 768px) { .expand-card-sec { padding: 2rem 0; } } @media screen and (min-width: 992px) { .expand-card-sec { padding: 3rem 0; } } .expand-card-sec .card-heading-blk { margin: 0 auto; max-width: 86rem; text-align: center; margin-bottom: 3rem; } .expand-card-sec .card-heading-blk h2 { margin-bottom: 2.4rem; } .expand-card-sec .expand-card-block { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 3rem 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1024px) { .expand-card-sec .expand-card-block { -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .expand-card-sec .card-item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin-right: 0; min-height: 13rem; margin-right: 0; overflow: hidden; border-radius: 1.2rem; width: 100%; will-change: background-color, min-height; -webkit-transition: background-color 0.3s ease, min-height 0.4s ease; transition: background-color 0.3s ease, min-height 0.4s ease; position: relative; } @media screen and (min-width: 1024px) { .expand-card-sec .card-item { margin-right: 1.5rem; min-height: 28rem; width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-transition: -webkit-box-flex 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-box-flex 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: flex 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: flex 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-flex 0.6s cubic-bezier(0.4, 0, 0.2, 1), -ms-flex 0.6s cubic-bezier(0.4, 0, 0.2, 1); } } @media screen and (min-width: 1180px) { .expand-card-sec .card-item { margin-right: 3rem; } } .expand-card-sec .card-item a { display: block; height: 100%; z-index: 2; text-decoration: none; } .expand-card-sec .card-item.card1 { background: linear-gradient(312.91deg, rgba(239, 239, 239, 0) -8.13%, rgba(239, 239, 239, 0.9) 65%), linear-gradient(0deg, #EBF0F4, #EBF0F4); background: #EBF0F4; } .expand-card-sec .card-item.card2 { background: linear-gradient(312.91deg, rgba(239, 239, 239, 0) -8.13%, rgba(239, 239, 239, 0.9) 65%), linear-gradient(0deg, #EBF0F4, #EBF0F4); background: #EBF0F4; } .expand-card-sec .card-item.card3 { background: #EBF0F4; } .expand-card-sec .card-item.card4 { background: #E74C24; margin-right: 0; -ms-flex-preferred-size: auto; flex-basis: auto; } @media screen and (min-width: 1024px) { .expand-card-sec .card-item.card4 { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-preferred-size: 18.7rem; flex-basis: 18.7rem; } } .expand-card-sec .card-item.card4 h4 { color: #ffffff; } .expand-card-sec .card-item.card4:hover { -webkit-box-flex: 2.4 !important; -ms-flex-positive: 2.4 !important; flex-grow: 2.4 !important; -ms-flex-preferred-size: 0 !important; flex-basis: 0 !important; } .expand-card-sec .card-item h4 { max-width: 100%; } @media screen and (min-width: 1024px) { .expand-card-sec .card-item h4 { max-width: 80%; white-space: normal; word-break: normal; } } .expand-card-sec .lnk-wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .expand-card-sec .main-content { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2rem; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; min-height: 13rem; } @media screen and (min-width: 1024px) { .expand-card-sec .main-content { min-height: 28rem; padding: 2.4rem 3.3rem 2.4rem 2.4rem; } } .expand-card-sec .more-content { background: #11223B; position: absolute; height: 100%; top: 0; left: 0; right: 0; padding: 2.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 1.2rem; opacity: 0; visibility: hidden; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s, -webkit-transform 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, visibility 0.4s, -webkit-transform 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, visibility 0.4s; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, visibility 0.4s, -webkit-transform 0.4s ease-in-out; will-change: max-height, opacity; } .expand-card-sec .more-content .top-content { margin-bottom: 4rem; } .expand-card-sec .more-content .top-content h4 { color: #ffffff; min-height: 5rem; margin-bottom: 1.6rem; } .expand-card-sec .more-content .top-content p { color: rgba(255, 255, 255, 0.8); line-height: 140%; overflow: auto; max-height: 11.2rem; padding-right: 10px; } .expand-card-sec .more-content .top-content p::-webkit-scrollbar { width: 1px; } .expand-card-sec .more-content .top-content p::-webkit-scrollbar-track { background: #11223B; } .expand-card-sec .more-content .top-content p::-webkit-scrollbar-thumb { border-radius: none; background: rgba(255, 255, 255, 0.8); } .expand-card-sec .more-content .top-content p svg { max-height: 6.8rem; } .expand-card-sec .more-content .lnk-wrap svg { display: none; } .expand-card-sec .card-item:hover { -webkit-box-flex: 2.4; -ms-flex-positive: 2.4; flex-grow: 2.4; -ms-flex-preferred-size: 0; flex-basis: 0; min-height: 28rem; } .expand-card-sec .card-item:hover .more-content { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .expand-card-sec .card-item:hover .main-content { opacity: 0; } .expand-card-sec .expand-card-block:hover .card-item:not(:hover):not(.card4) .lnk-wrap .primaryLnk { display: none; } .expand-card-sec .expand-card-block:hover .card-item:not(:hover):not(.card4) .lnk-wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .expand-card-sec .expand-card-block:hover .card-item:not(:hover):not(.card4) h4 { white-space: normal; word-break: normal; } @media screen and (min-width: 1024px) { .expand-card-sec .expand-card-block:hover .card-item:not(:hover):not(.card4) h4 { white-space: pre-wrap; word-break: break-word; } } @media screen and (min-width: 1180px) { .expand-card-sec .expand-card-block:hover .card-item:not(:hover):not(.card4) h4 { white-space: normal; word-break: normal; } } .expand-card-sec .expand-card-block:hover .card4 { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; } @media screen and (min-width: 1024px) { .expand-card-sec .expand-card-block:hover .card4 { -ms-flex-preferred-size: 131px; flex-basis: 131px; -webkit-box-flex: 0.25; -ms-flex-positive: 0.25; flex-grow: 0.25; } } .expand-card-sec.pb-only { padding: 0 0 3rem 0; } @media screen and (min-width: 768px) { .expand-card-sec.pb-only { padding: 3rem 0 5rem 0; } } @media screen and (min-width: 992px) { .expand-card-sec.pb-only { padding: 0rem 0 9.6rem 0; } } /**********************************/ /**********************************/ .expandcard-withimg-sec { padding-bottom: 3rem; padding-top: 3rem; margin: 3rem 0; } @media screen and (min-width: 768px) { .expandcard-withimg-sec { padding: 2rem 0; margin: 2rem 0; } } @media screen and (min-width: 992px) { .expandcard-withimg-sec { padding: 3rem 0; margin: 3rem 0; } } .expandcard-withimg-sec { background: #EBF0F4; } .expandcard-withimg-sec .card-heading-blk { margin: 0 auto; max-width: 82.4rem; text-align: center; margin-bottom: 3rem; } .expandcard-withimg-sec .card-heading-blk h2 { margin-bottom: 2.4rem; } .expandcard-withimg-sec .expand-card-block { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 3rem 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1024px) { .expandcard-withimg-sec .expand-card-block { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .expandcard-withimg-sec .card-item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin-right: 0; width: 100%; min-height: 15rem; overflow: hidden; border-radius: 0.6rem; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: background, min-height; -webkit-transition: background 0.3s ease, min-height 0.4s ease; transition: background 0.3s ease, min-height 0.4s ease; position: relative; background: linear-gradient(316.69deg, rgba(0, 7, 20, 0) -8.69%, rgba(0, 7, 20, 0.8) 89.01%); } .expandcard-withimg-sec .card-item .layer { background: linear-gradient(316.69deg, rgba(0, 7, 20, 0) -8.69%, rgba(0, 7, 20, 0.8) 89.01%); position: absolute; content: ""; left: 0; right: 0; top: 0; width: 100%; height: 100%; } .expandcard-withimg-sec .card-item a { display: block; width: 100%; height: 100%; overflow: hidden; text-decoration: none; } @media screen and (min-width: 1024px) { .expandcard-withimg-sec .card-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; margin-right: 1.5rem; -webkit-transition: -webkit-box-flex 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-box-flex 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: flex 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: flex 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-flex 0.6s cubic-bezier(0.4, 0, 0.2, 1), -ms-flex 0.6s cubic-bezier(0.4, 0, 0.2, 1); max-height: 38.8rem; min-height: 38.8rem; } } @media screen and (min-width: 1180px) { .expandcard-withimg-sec .card-item { margin-right: 3rem; } } .expandcard-withimg-sec .card-item h4 { max-width: 100%; text-align: center; color: #ffffff; } @media screen and (min-width: 1024px) { .expandcard-withimg-sec .card-item h4 { max-width: 80%; text-align: left; font-size: 2.4rem; } } @media screen and (min-width: 1100px) { .expandcard-withimg-sec .card-item h4 { max-width: 80%; text-align: left; font-size: 3.2rem; } } .expandcard-withimg-sec .card-item.card1 { background: url("../png/automation1-2.png"); background-repeat: no-repeat; background-size: cover; background-position: center; } .expandcard-withimg-sec .card-item.card2 { background: url("../png/automation2-2.png"); background-repeat: no-repeat; background-size: cover; background-position: center; } .expandcard-withimg-sec .card-item.card3 { background: url("../png/automation3-2.png"); background-repeat: no-repeat; background-size: cover; background-position: center; } .expandcard-withimg-sec .card-item.card4 { background: url("../png/automation4-2.png"); background-repeat: no-repeat; background-size: cover; background-position: center; margin-right: 0; } .expandcard-withimg-sec .main-content { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 15rem; padding: 2.4rem 3.3rem 2.4rem 2.4rem; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; position: relative; z-index: 1; } @media screen and (min-width: 1024px) { .expandcard-withimg-sec .main-content { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-height: 38.8rem; } } .expandcard-withimg-sec .more-content { position: absolute; height: 100%; top: 0; left: 0; right: 0; padding: 2.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 0.6rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; visibility: hidden; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s, -webkit-transform 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, visibility 0.4s, -webkit-transform 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, visibility 0.4s; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, visibility 0.4s, -webkit-transform 0.4s ease-in-out; z-index: 1; will-change: max-height, opacity; } @media screen and (min-width: 1024px) { .expandcard-withimg-sec .more-content { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .expandcard-withimg-sec .more-content .top-content h4 { color: #ffffff; min-height: 5rem; } .expandcard-withimg-sec .more-content .content-wrap p { font-size: 1.5rem; color: #ffffff; line-height: 140%; text-align: center; } @media screen and (min-width: 1024px) { .expandcard-withimg-sec .more-content .content-wrap p { text-align: left; } } .expandcard-withimg-sec .card-item:hover { -webkit-box-flex: 2.15; -ms-flex-positive: 2.15; flex-grow: 2.15; -ms-flex-preferred-size: 0; flex-basis: 0; } @media screen and (max-width: 767px) { .expandcard-withimg-sec .card-item:hover { -ms-flex-preferred-size: auto; flex-basis: auto; } } .expandcard-withimg-sec .card-item:hover .more-content { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); width: 100%; } .expandcard-withimg-sec .card-item:hover .main-content { opacity: 0; width: 100%; } /**********************************/ /**********************************/ .logo-strip-banner { padding: 0; } .logo-strip-banner.partners-logo-strip { padding: 2rem 0; } @media screen and (min-width: 992px) { .logo-strip-banner.partners-logo-strip { padding: 5rem 0 0 0; } } .logo-strip-banner.partners-logo-strip .top-title h2 { text-align: center; } .logo-strip-banner.partners-logo-strip .top-title p { text-align: center; margin-top: 16px; } .logo-strip-banner.partners-logo-strip .btn-wrap { text-align: center; } @media screen and (min-width: 992px) { .logo-strip-banner.partners-logo-strip { padding: 3rem 0; } .logo-strip-banner.partners-logo-strip p { margin-top: 24px; } } .logo-strip-banner .logo-strip-wrapper { padding: 3rem 0; } @media screen and (min-width: 768px) { .logo-strip-banner .logo-strip-wrapper { padding: 5rem 0; } } @media screen and (min-width: 992px) { .logo-strip-banner .logo-strip-wrapper { padding: 9.6rem 0; } } .logo-strip-banner .logo-strip-wrapper .logo-blk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; } @media screen and (min-width: 768px) { .logo-strip-banner .logo-strip-wrapper .logo-blk { width: auto; } } .logo-strip-banner .logo-strip-wrapper .logo-blk img { max-width: 24.9rem; max-height: 10.2rem; margin: 0 auto; text-align: center; } .logo-strip-banner .swiper-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0; } @media screen and (min-width: 768px) { .logo-strip-banner .swiper-wrapper { gap: 2rem; } } .logo-strip-banner.logo-strip-large .logo-strip-wrapper { padding: 3rem 0; } @media screen and (min-width: 768px) { .logo-strip-banner.logo-strip-large .logo-strip-wrapper { padding: 3rem 0; } } @media screen and (min-width: 992px) { .logo-strip-banner.logo-strip-large .logo-strip-wrapper { padding: 5rem 0; } } .logo-strip-banner.logo-strip-large .logo-strip-wrapper .logo-blk img { max-width: 23.1rem; max-height: 14.2rem; margin: 0 auto; text-align: center; } .logo-strip-banner.landg-strip-large .logo-strip-wrapper .logo-blk img { max-width: 25.1rem; max-height: 18.6rem; } /**********************************/ /**********************************/ .cta-strip-sec { padding: 3rem 0; } @media screen and (min-width: 768px) and (max-width: 992px) { .cta-strip-sec { padding: 2rem 0; } } .cta-strip-sec .cta-strip-area { background: #EBF0F4; height: auto; position: relative; border-radius: 0.6rem; } .cta-strip-sec .cta-strip-area .layer1 { content: ""; position: absolute; background-image: url("../png/cta-strip-layer1-2.png"); background-repeat: no-repeat; background-position: center; background-size: cover; left: 0; right: 0; width: 100%; height: 100%; top: 0; z-index: 1; border-radius: 0.6rem; } .cta-strip-sec .cta-strip-area .layer2 { content: ""; position: absolute; background: -webkit-gradient(linear, left top, left bottom, color-stop(26.43%, #EFEFEF), color-stop(76.12%, rgba(239, 239, 239, 0))); background: linear-gradient(180deg, #EFEFEF 26.43%, rgba(239, 239, 239, 0) 76.12%); background: #EBF0F4; left: 0; right: 0; width: 100%; height: 100%; top: 0; border-radius: 0.6rem; } .cta-strip-sec .cta-strip-wrapper { position: relative; z-index: 2; padding: 6.4rem 0; max-width: 101.5rem; margin: 0 auto; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; flex-direction: column; } @media screen and (max-width: 992px) { .cta-strip-sec .cta-strip-wrapper { padding: 6.4rem 2rem; } } .cta-strip-sec .cta-strip-wrapper .img-blk { margin-bottom: 2.4rem; } .cta-strip-sec .cta-strip-wrapper .content-blk { margin-bottom: 2.4rem; } .cta-strip-sec .cta-strip-wrapper h3 { margin-bottom: 2.4rem; } .cta-strip-sec .cta-strip-wrapper p { max-width: 75rem; margin: 0 auto; font-size: 1.6rem; line-height: 140%; color: #010918; } /**********************************/ /**********************************/ .blink-heading-sec { padding: 3rem 0; } @media screen and (min-width: 768px) { .blink-heading-sec { padding: 3rem 0; } } @media screen and (min-width: 992px) { .blink-heading-sec { padding: 3rem 0; } } .blink-heading-sec .blink-heading-wrapper { max-width: 116.8rem; margin: 0 auto; text-align: center; } .blink-heading-sec .heading_blink span { color: rgba(1, 9, 24, 0.3); } .blink-heading-sec .content-blk { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 4.8rem; } @media screen and (min-width: 768px) and (max-width: 992px) { .blink-heading-sec .content-blk { margin-bottom: 3.5rem; } } .blink-heading-sec h3 i { font-style: normal !important; } @media screen and (max-width: 1023px) { .blink-heading-sec h3 { font-size: 2.2rem; } } /**********************************/ /**********************************/ .video-content-sec { padding: 3rem 0; } .video-content-sec .video-content-area { background-color: #11223B; background: -webkit-gradient(linear, left bottom, left top, from(#E8EEF7), to(#E8EEF7)), -webkit-gradient(linear, left bottom, left top, from(rgba(40, 41, 47, 0.2)), to(rgba(40, 41, 47, 0.2))); background: linear-gradient(0deg, #E8EEF7, #E8EEF7), linear-gradient(0deg, rgba(40, 41, 47, 0.2), rgba(40, 41, 47, 0.2)); background: url("../png/video-layer-2.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: auto; position: relative; padding: 4rem; border-radius: 0.6rem; background-blend-mode: multiply; } @media screen and (max-width: 1023px) { .video-content-sec .video-content-area { background: none !important; background-color: #11223B !important; padding: 4rem 2rem; } } .video-content-sec .video-content-area .layer { content: ""; position: absolute; background: radial-gradient(40.28% 164.2% at 75.65% 59.44%, rgba(1, 9, 24, 0) 0%, rgba(1, 9, 24, 0.8) 100%); /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */ left: 0; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; border-radius: 0.6rem; } @media screen and (max-width: 1023px) { .video-content-sec .video-content-area .layer { background: none !important; } } .video-content-sec .main-content-wrapper { position: relative; z-index: 2; } .video-content-sec .top-contnt-blk { max-width: 60.7rem; margin-bottom: 5.6rem; } @media screen and (max-width: 1023px) { .video-content-sec .top-contnt-blk { max-width: 100%; margin-bottom: 2rem; } } .video-content-sec .top-contnt-blk h2, .video-content-sec .top-contnt-blk p { color: #ffffff; } @media screen and (max-width: 1023px) { .video-content-sec .top-contnt-blk h2, .video-content-sec .top-contnt-blk p { text-align: center; } } .video-content-sec .top-contnt-blk h2 { max-width: 90%; margin-bottom: 1rem; } @media screen and (max-width: 1023px) { .video-content-sec .top-contnt-blk h2 { max-width: 100%; margin-bottom: 2rem; } } .video-content-sec .video-popup-blk { padding-bottom: 18.5rem; } @media screen and (max-width: 1023px) { .video-content-sec .video-popup-blk { padding-bottom: 6rem; text-align: center; } } .video-content-sec .video-popup-blk a { text-decoration: none; } .video-content-sec .icon-card-block { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin: 0 -1rem; } @media screen and (max-width: 1023px) { .video-content-sec .icon-card-block { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 3rem 0; } } @media screen and (max-width: 580px) { .video-content-sec .icon-card-block { margin: 0; } } .video-content-sec .icon-card-block .card-item { width: calc(25% - 2rem); background: #EBF0F4; margin: 0 1rem; border-radius: 0.6rem; padding: 2.4rem; -webkit-transition: -webkit-box-flex 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-box-flex 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: flex 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: flex 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-flex 0.6s cubic-bezier(0.4, 0, 0.2, 1), -ms-flex 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .video-content-sec .icon-card-block .card-item:hover { background: #DAE1E7; } @media screen and (max-width: 1023px) { .video-content-sec .icon-card-block .card-item { width: calc(50% - 2rem); } } @media screen and (max-width: 580px) { .video-content-sec .icon-card-block .card-item { width: 100%; margin: 0; } } .video-content-sec .icon-card-block .card-item a { text-decoration: none; } .video-content-sec .icon-card-block .main-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.3rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .video-content-sec .icon-card-block .icon-svg svg { max-height: 4.8rem; max-width: 4.8rem; } .video-content-sec .icon-card-block .bottom-content p { color: #010918; line-height: 120%; } .video-content-sec .icon-card-block .bottom-content .large-txt { margin-bottom: 1rem; } .video-content-sec.col3-container { background: #EBF0F4; padding: 3rem 0 0rem 0; margin: 2rem 0; } @media screen and (min-width: 768px) { .video-content-sec.col3-container { padding: 2rem 0; } } @media screen and (min-width: 992px) { .video-content-sec.col3-container { padding: 3rem 0; margin: 3rem 0; } } .video-content-sec.col3-container .center-hdg2-blk { padding-bottom: 6.4rem; } .video-content-sec.col3-container .icon-card-block .card-item { width: calc(33.33% - 2rem); } .video-content-sec.col3-container .icon-card-block .card-item:hover { background: #DAE1E7; } @media screen and (max-width: 768px) { .video-content-sec.col3-container .icon-card-block .card-item { width: calc(50% - 2rem); } } @media screen and (max-width: 580px) { .video-content-sec.col3-container .icon-card-block .card-item { width: 100%; margin: 0; } } .video-content-sec.col3-container .top-contnt-blk { max-width: 52.3rem; padding-bottom: 21.3rem; } @media screen and (max-width: 1023px) { .video-content-sec.col3-container .top-contnt-blk { padding-bottom: 4rem; } } .video-content-sec.col3-container .bottom-content p { color: rgba(1, 9, 24, 0.7); line-height: 150%; } @media screen and (min-width: 768px) and (max-width: 992px) { .video-content-sec { padding: 3rem 0; } } /**********************************/ /**********************************/ .bg-withcontent-sec { padding-top: 0; padding-bottom: 3rem; } @media screen and (min-width: 768px) { .bg-withcontent-sec { padding-top: 0; padding-bottom: 5rem; } .bg-withcontent-sec.why-otava-sec { padding-top: 5rem; } } @media screen and (min-width: 992px) { .bg-withcontent-sec { padding-top: 0; padding-bottom: 9.6rem; } .bg-withcontent-sec.why-otava-sec { padding-top: 7.2rem; } .bg-withcontent-sec .bg-withcontent-area { min-height: 637px; } } @media screen and (min-width: 992px) { .bg-withcontent-sec { padding-top: 0; padding-bottom: 9.6rem; } } .bg-withcontent-sec .logo-blk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: auto; } .bg-withcontent-sec .bg-withcontent-main { position: relative; border-radius: 0.6rem; } .bg-withcontent-sec .bg-withcontent-main .layer { background: #11223B !important; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; z-index: 3; border-radius: 0.6rem; } @media screen and (min-width: 1024px) { .bg-withcontent-sec .bg-withcontent-main .layer { background: linear-gradient(0deg, rgba(40, 41, 47, 0.2), rgba(40, 41, 47, 0.2)), linear-gradient(276.05deg, rgba(40, 41, 47, 0) -4.08%, rgba(40, 41, 47, 0.95) 62.88%) !important; z-index: 1; } } .bg-withcontent-sec .bg-withcontent-area { background: none; height: auto; position: relative; padding: 4rem 2.4rem; border-radius: 0.6rem; } @media screen and (min-width: 1024px) { .bg-withcontent-sec .bg-withcontent-area { background-color: #EBF0F4; min-height: 63.7rem; background: url("../png/bg-withcontent-2.png"); background-position: center; background-repeat: no-repeat; background-size: cover !important; background-blend-mode: multiply; padding: 4rem; } } .bg-withcontent-sec .bg-withcontent-wrapper { max-width: 100%; padding-bottom: 6.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 3; text-align: center; } @media screen and (min-width: 1024px) { .bg-withcontent-sec .bg-withcontent-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 68.7rem; padding-bottom: 18.9rem; } } .bg-withcontent-sec .bg-withcontent-wrapper h2, .bg-withcontent-sec .bg-withcontent-wrapper p, .bg-withcontent-sec .bg-withcontent-wrapper h3 { color: #ffffff; text-align: center; margin: 0 auto; } @media screen and (min-width: 1024px) { .bg-withcontent-sec .bg-withcontent-wrapper h2, .bg-withcontent-sec .bg-withcontent-wrapper p, .bg-withcontent-sec .bg-withcontent-wrapper h3 { text-align: left; margin: 0; } } .bg-withcontent-sec .bg-withcontent-wrapper .grey-large-txt { padding-bottom: 1.6rem; text-align: center; margin: 0 auto; } @media screen and (min-width: 1024px) { .bg-withcontent-sec .bg-withcontent-wrapper .grey-large-txt { text-align: left; margin: 0; } } .bg-withcontent-sec .bg-withcontent-wrapper h2 { padding-bottom: 3.6rem; } .bg-withcontent-sec .bg-withcontent-wrapper h3 { margin-bottom: 3rem; } .bg-withcontent-sec .bg-withcontent-wrapper p { margin-bottom: 1.6rem; } .bg-withcontent-sec .bg-withcontent-wrapper p:last-child { margin-bottom: 0; } .bg-withcontent-sec .bottom-wrap { position: relative; z-index: 3; text-align: center; } @media screen and (min-width: 1024px) { .bg-withcontent-sec .bottom-wrap { text-align: left; } } .bg-withcontent-sec.with-hdrblk { padding-bottom: 0; } .bg-withcontent-sec.with-hdrblk .center-hdg2-blk { padding-bottom: 6.4rem; } .bg-withcontent-sec.with-hdrblk .center-hdg2-blk .large-txt { margin-bottom: 2.4rem; color: #899FB4; } .bg-withcontent-sec.with-hdrblk { padding-top: 3rem; } @media screen and (min-width: 768px) { .bg-withcontent-sec.with-hdrblk { padding-top: 5rem; } } @media screen and (min-width: 992px) { .bg-withcontent-sec.with-hdrblk { padding-top: 9.6rem; padding-bottom: 0; } } .bg-withcontent-sec.without-hdrblk { padding-top: 2rem; padding-bottom: 2rem; } @media screen and (min-width: 768px) { .bg-withcontent-sec.without-hdrblk { padding: 2rem 0; } } @media screen and (min-width: 992px) { .bg-withcontent-sec.without-hdrblk { padding: 3rem 0; } } .bg-withcontent-sec.without-hdrblk .bg-withcontent-wrapper { padding-bottom: 3.6rem; } @media screen and (min-width: 992px) { .bg-withcontent-sec.without-hdrblk .bg-withcontent-wrapper { padding-bottom: 22.5rem; } } @media screen and (min-width: 992px) { .bg-withcontent-sec.download-brief .bg-withcontent-area { min-height: 505px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .bg-withcontent-sec.download-brief .download-btn { font-family: "Manrope", sans-serif; font-size: 1.6rem; line-height: 10.8px; font-weight: 600; color: #6BC4E0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; text-decoration: none; } .bg-withcontent-sec.download-brief .download-btn .arrow { content: ""; width: 1.2rem; aspect-ratio: 1; display: block; background: url("../svg/download-2.svg") no-repeat center; background-size: contain; position: absolute; right: -25px; z-index: 1; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .bg-withcontent-sec.download-brief .download-btn:hover .arrow { -webkit-transform: translateY(5px); transform: translateY(5px); } .bg-withcontent-sec.download-brief .download-btn .straight-arrow { content: ""; width: 1.2rem; aspect-ratio: 1; display: block; background: url("../svg/audit.svg") no-repeat center; position: absolute; right: -25px; z-index: 1; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .bg-withcontent-sec.download-brief .download-btn:hover .straight-arrow { -webkit-transform: translateX(5px); transform: translateX(5px); } @media screen and (min-width: 992px) { .bg-withcontent-sec.cta-blue .bg-withcontent-area { min-height: 505px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } /**********************************/ /**********************************/ .rotate-icon-sec { background: #11223B; position: relative; padding: 0; will-change: transform; margin: 3rem 0; } @media screen and (max-width: 992px) { .rotate-icon-sec { margin: 2rem 0; } } .rotate-icon-sec .rotate-main-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 1024px) { .rotate-icon-sec .rotate-main-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-align: left; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .rotate-icon-sec .rotate-blk-content { padding: 0; padding-bottom: 4.5rem; max-width: 100%; width: 100%; margin-top: -7rem; } .rotate-icon-sec .rotate-blk-content h2, .rotate-icon-sec .rotate-blk-content p { color: #ffffff; } .rotate-icon-sec .rotate-blk-content h2 { max-width: 77%; margin: 0 auto; margin-bottom: 1.8rem; text-align: center; } @media screen and (min-width: 1024px) { .rotate-icon-sec .rotate-blk-content h2 { max-width: 90%; text-align: left; margin: 0; } } .rotate-icon-sec .rotate-blk-content p { font-size: 2rem; font-weight: 600; letter-spacing: 0.04rem; line-height: 140%; color: rgba(255, 255, 255, 0.7); margin-top: 1.8rem; padding-bottom: 2.5rem; text-align: center; } @media screen and (min-width: 1024px) { .rotate-icon-sec .rotate-blk-content p { padding-bottom: 15.4rem; text-align: left; } } .rotate-icon-sec .rotate-blk-content .btn-wrap { text-align: center; } @media screen and (min-width: 1024px) { .rotate-icon-sec .rotate-blk-content .btn-wrap { text-align: left; } } @media screen and (min-width: 1024px) { .rotate-icon-sec .rotate-blk-content { max-width: 63.2rem; width: 47%; padding: 6.4rem 0; margin-top: 0; } } .rotate-icon-sec .rotate-content-area { width: 100%; max-width: 100%; position: relative; top: 0; min-height: 40rem; } @media screen and (min-width: 1024px) { .rotate-icon-sec .rotate-content-area { min-height: auto; position: absolute; right: 0; width: 47%; height: 100%; } } .rotate-icon-sec .icon-block { position: absolute; display: none; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); will-change: transform; } @media screen and (min-width: 1024px) { .rotate-icon-sec .icon-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .rotate-icon-sec .icon-block a { text-decoration: none; } .rotate-icon-sec .icon-block img { margin: 0px auto; } .rotate-icon-sec .icon-block:nth-child(1) { left: -15%; top: 0; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); } .rotate-icon-sec .icon-block:nth-child(2) { right: -15%; top: 0; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); } .rotate-icon-sec .icon-block:nth-child(3) { left: -25%; top: 50%; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); } .rotate-icon-sec .icon-block:nth-child(4) { right: -25%; top: 50%; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); } .rotate-icon-sec .icon-block:nth-child(5) { left: -5%; bottom: 0; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); } .rotate-icon-sec .icon-block:nth-child(6) { right: -5%; bottom: 0; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); } .rotate-icon-sec .circle { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 21rem; height: 21rem; border: 0.2rem dashed rgba(235, 240, 244, 0.3); border-radius: 50%; -webkit-transform-origin: center; transform-origin: center; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); will-change: transform; } @media screen and (min-width: 1024px) { .rotate-icon-sec .circle { width: 40rem; height: 40rem; } } .rotate-icon-sec .rotate-icon-blk { -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); } .rotate-icon-sec .rotate-icon-blk:hover .icon-block:nth-child(1) { -webkit-transform: translate(-5rem, -5rem); transform: translate(-5rem, -5rem); } .rotate-icon-sec .rotate-icon-blk:hover .icon-block:nth-child(2) { -webkit-transform: translate(2rem, -3rem); transform: translate(2rem, -3rem); } .rotate-icon-sec .rotate-icon-blk:hover .icon-block:nth-child(3) { -webkit-transform: translate(-5rem, 2rem); transform: translate(-5rem, 2rem); } .rotate-icon-sec .rotate-icon-blk:hover .icon-block:nth-child(4) { -webkit-transform: translate(4rem, 2rem); transform: translate(4rem, 2rem); } .rotate-icon-sec .rotate-icon-blk:hover .icon-block:nth-child(5) { -webkit-transform: translate(-2rem, 5rem); transform: translate(-2rem, 5rem); } .rotate-icon-sec .rotate-icon-blk:hover .icon-block:nth-child(6) { -webkit-transform: translate(2rem, 5rem); transform: translate(2rem, 5rem); } .rotate-icon-sec .circle::before, .rotate-icon-sec .circle::after { content: ""; position: absolute; top: 50%; left: 50%; border-radius: 50%; border: 0.2rem dashed rgba(235, 240, 244, 0.3); } .rotate-icon-sec .circle::before, .rotate-icon-sec .circle::after, .rotate-icon-sec .circle-1, .rotate-icon-sec .circle-2 { content: ""; position: absolute; top: 50%; left: 50%; border-radius: 50%; border: 0.2rem dashed rgba(235, 240, 244, 0.3); } .rotate-icon-sec .circle-1 { width: 70rem; height: 70rem; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation: dashed-expand 2s infinite linear; animation: dashed-expand 2s infinite linear; } .rotate-icon-sec .circle-2 { width: 80rem; height: 80rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation: dashed-expand 2s infinite linear; animation: dashed-expand 2s infinite linear; } .rotate-icon-sec .circle::before { width: 26.8rem; height: 26.8rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (min-width: 1024px) { .rotate-icon-sec .circle::before { width: 52rem; height: 52rem; } } .rotate-icon-sec .circle::after { width: 34rem; height: 34rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation: dashed-expand 2s infinite linear; animation: dashed-expand 2s infinite linear; } @media screen and (min-width: 1024px) { .rotate-icon-sec .circle::after { width: 65rem; height: 65rem; } } .rotate-icon-sec .center-logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 3; -webkit-animation: zoom-in-out 3s infinite ease-in-out; animation: zoom-in-out 3s infinite ease-in-out; } .rotate-icon-sec .center-logo img { max-width: 11.7rem; max-height: 14.3rem; -webkit-animation: box-shadow-glow 3s infinite ease-in-out; animation: box-shadow-glow 3s infinite ease-in-out; } @media screen and (min-width: 1024px) { .rotate-icon-sec .center-logo img { max-width: 23rem; max-height: 34.1rem; } } /**********************************/ /**********************************/ .animated-counter-sec { padding-bottom: 3rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .animated-counter-sec { padding-top: 2rem; padding-bottom: 2rem; } } @media screen and (min-width: 992px) { .animated-counter-sec { padding-top: 3rem; padding-bottom: 3rem; } } .animated-counter-sec .animated-counter-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 992px) { .animated-counter-sec .animated-counter-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 1024px) { .animated-counter-sec .animated-counter-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .animated-counter-sec .client_counter { font-size: 9rem; width: 50%; min-width: 10rem; font-weight: 400; line-height: 110%; display: inline-block; text-align: right; } @media screen and (min-width: 1024px) { .animated-counter-sec .client_counter { font-size: 18rem; width: 80%; min-width: 22rem; } } .animated-counter-sec .quick-value { font-size: 9rem; width: 100%; min-width: 15rem; font-weight: 400; line-height: 110%; display: inline-block; text-align: center; } @media screen and (min-width: 1024px) { .animated-counter-sec .quick-value { font-size: 18rem; width: 80%; min-width: 22rem; text-align: center; } } .animated-counter-sec .counter-text { font-size: 4rem; width: 10%; display: inline-block; text-align: left; font-weight: 800; line-height: 110%; min-width: 4rem; } @media screen and (min-width: 1024px) { .animated-counter-sec .counter-text { font-size: 9rem; width: 20%; min-width: 7rem; } } .animated-counter-sec .counter-anim { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: center; margin: 0 auto; } .animated-counter-sec .couter-item { padding: 2.5rem; width: 100%; text-align: center; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative; } .animated-counter-sec .couter-item::after { content: ""; position: absolute; background-color: #CBD5DE; width: 0.1rem; height: 3rem; right: auto; top: auto; bottom: -4.5rem; -webkit-transform: none; transform: none; } @media screen and (min-width: 1024px) { .animated-counter-sec .couter-item::after { width: 0.1rem; height: 15rem; right: -3.9rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .animated-counter-sec .couter-item:last-child::after { display: none; } @media screen and (min-width: 760px) { .animated-counter-sec .couter-item { width: 60%; } } @media screen and (min-width: 1024px) { .animated-counter-sec .couter-item { padding: 4.7rem 3.9rem; width: calc(33.33% - 6rem); } } .animated-counter-sec .couter-btm-txt { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; font-weight: 500; line-height: 120%; color: rgba(1, 9, 24, 0.7); text-align: center; margin: 0 auto; width: 80%; } @media screen and (min-width: 1024px) { .animated-counter-sec .couter-btm-txt { width: auto; } } .animated-counter-sec .primary1 { color: #E74C24; } .animated-counter-sec .primary2 { color: #6BC4E0; } .animated-counter-sec .primary3 { color: #11223B; } .animated-counter-sec .primary3 .counter-text { font-size: 6rem; } .animated-counter-sec .primary4 { color: #899FB4; } .animated-counter-sec .top-heading-blk h2 { margin-bottom: 1.6rem; } .animated-counter-sec .top-heading-blk { padding-bottom: 2.5rem; } @media screen and (min-width: 768px) { .animated-counter-sec .top-heading-blk { padding-bottom: 3rem; } } @media screen and (min-width: 992px) { .animated-counter-sec .top-heading-blk { padding-bottom: 4.4rem; } } .animated-counter-sec .top-heading-blk { text-align: center; } .animated-counter-sec.col4-container-sec { padding-bottom: 1.8rem; padding-top: 1.8rem; } @media screen and (min-width: 768px) { .animated-counter-sec.col4-container-sec { padding-top: 3rem; padding-bottom: 3rem; } } @media screen and (min-width: 992px) { .animated-counter-sec.col4-container-sec { padding-top: 6.4rem; padding-bottom: 6.4rem; } } .animated-counter-sec.col4-container-sec .client_counter { font-size: 9rem; width: 100%; min-width: 14rem; font-weight: 400; line-height: 110%; display: inline-block; text-align: center; margin-bottom: 2.2rem; } @media screen and (min-width: 1024px) { .animated-counter-sec.col4-container-sec .client_counter { font-size: 13rem; width: 80%; min-width: 18rem; } } .animated-counter-sec.col4-container-sec .quick-value { font-size: 9rem; width: 100%; min-width: 14rem; font-weight: 400; line-height: 110%; display: inline-block; text-align: center; margin-bottom: 2.2rem; } @media screen and (min-width: 1024px) { .animated-counter-sec.col4-container-sec .quick-value { font-size: 13rem; width: 80%; min-width: 18rem; } } .animated-counter-sec.col4-container-sec .without-counter { font-size: 3rem; width: 100%; min-width: 14rem; font-weight: 500; line-height: 110%; display: inline-block; text-align: center; margin-bottom: 2.2rem; } @media screen and (min-width: 1024px) { .animated-counter-sec.col4-container-sec .without-counter { font-size: 6.4rem; width: 100%; min-width: 22rem; } } .animated-counter-sec.col4-container-sec .counter-text { font-size: 2rem; width: 10%; display: inline-block; text-align: left; font-weight: 800; line-height: 110%; min-width: 3rem; } @media screen and (min-width: 1024px) { .animated-counter-sec.col4-container-sec .counter-text { font-size: 4.2rem; width: 20%; min-width: 4.4rem; } } .animated-counter-sec.col4-container-sec .couter-item { padding: 2.5rem; width: 100%; } @media screen and (min-width: 760px) { .animated-counter-sec.col4-container-sec .couter-item { width: 60%; } } @media screen and (min-width: 1024px) { .animated-counter-sec.col4-container-sec .couter-item { padding: 4.7rem 3rem; width: calc(50% - 3rem); } } @media screen and (min-width: 1250px) { .animated-counter-sec.col4-container-sec .couter-item { padding: 4.7rem 3rem; width: calc(25% - 3rem); } } .animated-counter-sec.col4-container-sec .couter-item::after { right: auto; } @media screen and (min-width: 1024px) { .animated-counter-sec.col4-container-sec .couter-item::after { right: -3rem; } } .animated-counter-sec.col4-container-sec .animated-counter-wrapper { gap: 3rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 992px) { .animated-counter-sec.col4-container-sec .animated-counter-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 1024px) { .animated-counter-sec.col4-container-sec .animated-counter-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 1250px) { .animated-counter-sec.col4-container-sec .animated-counter-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .animated-counter-sec.landing-counter .couter-item { padding: 2.5rem; } @media screen and (min-width: 760px) { .animated-counter-sec.landing-counter .couter-item { width: 60%; } } @media screen and (min-width: 1024px) { .animated-counter-sec.landing-counter .couter-item { padding: 4.7rem 5rem; width: calc(33.33% - 2rem); } } .animated-counter-sec.landing-counter .quick-value { font-size: 9rem; } @media screen and (min-width: 1024px) { .animated-counter-sec.landing-counter .quick-value { font-size: 12rem; width: 100%; min-width: 16rem; } } @media screen and (min-width: 1200px) { .animated-counter-sec.landing-counter .quick-value { font-size: 18rem; width: 100%; min-width: 22rem; } } .animated-counter-sec.landing-counter .client_counter { font-size: 9rem; } @media screen and (min-width: 1024px) { .animated-counter-sec.landing-counter .client_counter { font-size: 12rem; width: 80%; min-width: 16rem; } } @media screen and (min-width: 1200px) { .animated-counter-sec.landing-counter .client_counter { font-size: 18rem; width: 80%; min-width: 22rem; } } .animated-counter-sec.landing-counter .counter-text { font-size: 4rem; width: 10%; min-width: 4rem; } @media screen and (min-width: 1024px) { .animated-counter-sec.landing-counter .counter-text { font-size: 5rem; width: 20%; min-width: 7rem; } } @media screen and (min-width: 1200px) { .animated-counter-sec.landing-counter .counter-text { font-size: 7rem; width: 22%; min-width: 5rem; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } /**********************************/ /**********************************/ .casestudy-short-sec { padding: 3rem 0; margin: 3rem 0; background: #CBD5DE; } @media screen and (min-width: 768px) { .casestudy-short-sec { padding: 2rem 0; margin: 2rem 0; } } @media screen and (min-width: 992px) { .casestudy-short-sec { padding: 3rem 0; margin: 3rem 0; } } .casestudy-short-sec .casestudy-short-wrapper { margin: 0 auto; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 3rem 1fr 3rem 1fr 3rem 1fr; grid-template-columns: repeat(4, 1fr); -ms-grid-rows: 1fr 3rem 1fr; grid-template-rows: repeat(2, 1fr); gap: 3rem; } .casestudy-short-sec .casestudy-short-wrapper > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .casestudy-short-sec .casestudy-short-wrapper > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .casestudy-short-sec .casestudy-short-wrapper > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .casestudy-short-sec .casestudy-short-wrapper > *:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 7; } .casestudy-short-sec .casestudy-short-wrapper > *:nth-child(5) { -ms-grid-row: 3; -ms-grid-column: 1; } .casestudy-short-sec .casestudy-short-wrapper > *:nth-child(6) { -ms-grid-row: 3; -ms-grid-column: 3; } .casestudy-short-sec .casestudy-short-wrapper > *:nth-child(7) { -ms-grid-row: 3; -ms-grid-column: 5; } .casestudy-short-sec .casestudy-short-wrapper > *:nth-child(8) { -ms-grid-row: 3; -ms-grid-column: 7; } @media screen and (max-width: 850px) { .casestudy-short-sec .casestudy-short-wrapper { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); /* 2 columns */ -ms-grid-rows: auto; grid-template-rows: auto; /* Adjust rows automatically */ gap: 2rem; } .casestudy-short-sec .casestudy-short-wrapper > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } } .casestudy-short-sec .casestudyitem { border-radius: 0.6rem; overflow: hidden; } .casestudy-short-sec .casestudyitem .item-box { padding: 2.8rem; } .casestudy-short-sec .casestudyitem p { line-height: 140%; } .casestudy-short-sec .casestudyitem a { display: block; height: 100%; text-decoration: none; } @media screen and (max-width: 850px) { .casestudy-short-sec .casestudyitem { -ms-grid-column: 1; grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; grid-row: auto; min-height: auto; max-height: 40.5rem; } } .casestudy-short-sec .casestudyitem .icon-svg { background: #CBD5DE; border-radius: 1rem; max-width: 8rem; max-height: 8rem; min-height: 8rem; min-width: 8rem; } .casestudy-short-sec .caseitem1 { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/3; min-height: 71.2rem; background: -webkit-gradient(linear, left bottom, left top, from(#E8EEF7), to(#E8EEF7)); background: linear-gradient(0deg, #E8EEF7, #E8EEF7); background: url("../png/case-study-layer.png") no-repeat center; background-size: cover; position: relative; background-blend-mode: multiply; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } @media screen and (max-width: 850px) { .casestudy-short-sec .caseitem1 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; grid-row: auto; min-height: 40.5rem; max-height: none; } } .casestudy-short-sec .caseitem1:hover { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .casestudy-short-sec .caseitem1:hover .layer { opacity: 0.7; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .casestudy-short-sec .caseitem1 .layer { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(40, 41, 47, 0.7), rgba(40, 41, 47, 0.7)), linear-gradient(300.79deg, rgba(40, 41, 47, 0) 21.35%, rgba(27, 27, 28, 0.8) 68.5%); z-index: 1; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .casestudy-short-sec .caseitem1 .case-image { position: absolute; height: auto; bottom: 0; left: 0; right: 0; width: 100%; } .casestudy-short-sec .caseitem1 h2 { color: #ffffff; letter-spacing: -0.112rem; position: relative; z-index: 1; } @media screen and (max-width: 850px) { .casestudy-short-sec .caseitem1 h2 { font-size: 2.2rem; letter-spacing: 0; text-align: center; line-height: 110%; max-width: 80%; margin: 0 auto; } } @media screen and (max-width: 580px) { .casestudy-short-sec .caseitem1 h2 { max-width: 100%; margin: 0 auto; } } .casestudy-short-sec .caseitem1 .item-box { padding: 4rem; position: relative; z-index: 2; } .casestudy-short-sec .caseitem2 { background: -webkit-gradient(linear, left top, right top, from(#EFEFEF), to(#EFEFEF)); background: linear-gradient(to right, #EFEFEF 0%, #EFEFEF 100%); background: #EBF0F4; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .casestudy-short-sec .caseitem2 h4 { color: rgba(0, 7, 20, 0.9); letter-spacing: -0.056rem; margin-bottom: 1.2rem; } @media screen and (max-width: 850px) { .casestudy-short-sec .caseitem2 { min-height: 27.8rem; max-height: none; } } .casestudy-short-sec .caseitem3 { background: #E74C24; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; cursor: pointer; } .casestudy-short-sec .caseitem3:hover { background: #6BC4E0; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .casestudy-short-sec .caseitem3 h4 { color: #ffffff; letter-spacing: -0.056rem; } @media screen and (max-width: 850px) { .casestudy-short-sec .caseitem3 { min-height: 13.8rem; max-height: none; } } .casestudy-short-sec .caseitem4 { -ms-grid-column: 3; -ms-grid-column-span: 2; grid-column: 3/5; background: #11223B; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } @media screen and (max-width: 850px) { .casestudy-short-sec .caseitem4 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; /* Span full width */ } } .casestudy-short-sec .caseitem4 h4 { color: #ffffff; letter-spacing: -0.056rem; } .casestudy-short-sec .caseitem4 .bottom-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 1.4rem; border-left: 0.2rem solid #E74C24; } .casestudy-short-sec .caseitem4 .bottom-content .info-tag { width: 100%; display: inline-block; font-size: 2rem; color: rgba(255, 255, 255, 0.9); font-weight: 500; line-height: 0.7; margin-bottom: 0.5rem; letter-spacing: -0.04rem; } .casestudy-short-sec .caseitem4 .bottom-content span { width: 100%; display: inline-block; font-size: 1.6rem; color: rgba(235, 240, 244, 0.8); font-weight: 500; line-height: 1.2; letter-spacing: -0.032rem; } @media screen and (max-width: 850px) { .casestudy-short-sec .caseitem4 { min-height: 31.4rem; max-height: none; } } .casestudy-short-sec .item-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; gap: 3.6rem; } /**********************************/ /**********************************/ .cardblock-slider-sec { padding: 0; overflow: visible; position: relative; padding: 3rem 0; } @media screen and (max-width: 1023px) { .cardblock-slider-sec { padding: 2rem 0; } } .cardblock-slider-sec::before { content: ""; position: absolute; background: -webkit-gradient(linear, left top, left bottom, color-stop(12.5%, #FFFFFF), to(rgba(255, 255, 255, 0))); background: linear-gradient(180deg, #FFFFFF 12.5%, rgba(255, 255, 255, 0) 100%); top: 0; height: 12rem; width: 100%; z-index: 2; display: none; } @media screen and (min-width: 1024px) { .cardblock-slider-sec::before { display: block; } } .cardblock-slider-sec::after { content: ""; position: absolute; background: -webkit-gradient(linear, left bottom, left top, color-stop(12.5%, #FFFFFF), to(rgba(255, 255, 255, 0))); background: linear-gradient(0deg, #FFFFFF 12.5%, rgba(255, 255, 255, 0) 100%); bottom: 0; height: 10rem; width: 100%; z-index: 2; display: none; } @media screen and (min-width: 1024px) { .cardblock-slider-sec::after { display: block; } } .cardblock-slider-sec .cardblock-slider-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: auto; position: relative; gap: 1rem; } @media screen and (min-width: 1024px) { .cardblock-slider-sec .cardblock-slider-wrapper { padding: 5rem 0; } } @media screen and (min-width: 1024px) { .cardblock-slider-sec .cardblock-slider-wrapper { min-height: 97.2rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0; position: relative; gap: 10rem; } } .cardblock-slider-sec.industries-cardblock-sec { padding: 3rem 0 3rem 0; } @media (max-width: 992px) { .cardblock-slider-sec.industries-cardblock-sec { padding: 2rem 0 2rem 0; } } @media (max-width: 768px) { .cardblock-slider-sec.industries-cardblock-sec { padding: 3rem 0; } } .cardblock-slider-sec.industries-cardblock-sec { background: #EBF0F4; } .cardblock-slider-sec.industries-cardblock-sec::before, .cardblock-slider-sec.industries-cardblock-sec::after { display: none; } .cardblock-slider-sec.industries-cardblock-sec .cardblock-slider-wrapper { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; position: relative; } .cardblock-slider-sec.industries-cardblock-sec .card-item { background: #ffffff; } .cardblock-slider-sec.industries-cardblock-sec .card-item.zoom-in { min-width: unset !important; min-height: unset !important; max-width: unset !important; } @media screen and (min-width: 992px) { .cardblock-slider-sec.industries-cardblock-sec .card-item { min-width: unset; max-width: unset; } } @media screen and (min-width: 1150px) { .cardblock-slider-sec.industries-cardblock-sec { padding: 3rem 0; } .cardblock-slider-sec.industries-cardblock-sec .left-content-sec { position: relative; top: 0; -webkit-transform: unset; transform: unset; width: 50%; } .cardblock-slider-sec.industries-cardblock-sec .left-content-sec h2 { max-width: 50.3rem; } .cardblock-slider-sec.industries-cardblock-sec .right-scroll-sec { width: 50%; top: 0; } } .cardblock-slider-sec .left-content-sec { width: 100%; z-index: 3; position: relative; top: auto; -webkit-transform: none; transform: none; padding-bottom: 3rem; text-align: center; } @media screen and (min-width: 1024px) { .cardblock-slider-sec .left-content-sec { width: 30%; position: sticky; text-align: left; } } .cardblock-slider-sec .left-content-sec h2 { margin-bottom: 2.4rem; max-width: 100%; } @media screen and (min-width: 1024px) { .cardblock-slider-sec .left-content-sec h2 { max-width: 40.3rem; } } .cardblock-slider-sec .left-content-sec p { max-width: 100%; } @media screen and (min-width: 1024px) { .cardblock-slider-sec .left-content-sec p { max-width: 40.3rem; } } .cardblock-slider-sec .right-scroll-sec { width: 100%; } @media screen and (min-width: 1024px) { .cardblock-slider-sec .right-scroll-sec { width: 60%; } } .cardblock-slider-sec .right-scroll-sec .link-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cardblock-slider-sec .right-scroll-sec .link-wrap img { max-height: 8rem; max-width: 8rem; } .cardblock-slider-sec .vertical-slider-sec { position: relative; top: auto; right: auto; -webkit-transform: none; transform: none; overflow-y: unset; max-height: none; cursor: pointer; -webkit-backface-visibility: hidden; backface-visibility: hidden; cursor: -webkit-grab; cursor: grab; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 3rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 36rem; } @media screen and (min-width: 1024px) { .cardblock-slider-sec .vertical-slider-sec { display: block; overflow-y: auto; max-height: 97.2rem; -ms-scroll-snap-type: y proximity; scroll-snap-type: y proximity; scroll-behavior: smooth; position: relative; margin-bottom: 0; min-height: auto; } } .cardblock-slider-sec .vertical-slider-sec::-webkit-scrollbar { width: 1px; display: none; } .cardblock-slider-sec .vertical-slider-sec::-webkit-scrollbar-track { background: #D2D8DF; } .cardblock-slider-sec .vertical-slider-sec::-webkit-scrollbar-thumb { border-radius: none; background: #ffffff; } .cardblock-slider-sec .card-item { background: #EBF0F4; border-radius: 0.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cardblock-slider-sec .card-item a { text-decoration: none; } .cardblock-slider-sec .card-item .content-wrpr { position: relative; padding-left: 0; max-width: 100%; margin: 0 auto; text-align: center; } @media screen and (min-width: 1024px) { .cardblock-slider-sec .card-item .content-wrpr { max-width: 54.3rem; padding-left: 4.3rem; text-align: left; } } .cardblock-slider-sec .card-item .content-wrpr::before { display: none; } @media screen and (min-width: 1024px) { .cardblock-slider-sec .card-item .content-wrpr::before { display: block; background: rgba(218, 225, 231, 0.8); position: absolute; left: 0; top: 0; content: ""; left: 0; top: 50%; width: 0.12rem; min-height: 19rem; max-height: 19rem; background-blend-mode: multiply; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; -webkit-transition: min-height 0.7s ease-in-out, max-height 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out; transition: min-height 0.7s ease-in-out, max-height 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out, min-height 0.7s ease-in-out, max-height 0.7s ease-in-out; transition: transform 0.7s ease-in-out, min-height 0.7s ease-in-out, max-height 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out; } } .cardblock-slider-sec .card-item .content-wrpr h4 { margin-bottom: 1.9rem; color: rgba(1, 9, 24, 0.9); text-transform: capitalize; } .cardblock-slider-sec .card-item .content-wrpr p { max-width: 100%; } @media screen and (min-width: 1024px) { .cardblock-slider-sec .card-item .content-wrpr p { max-width: 97%; } } .cardblock-slider-sec .card-item .roundArrow.greyarrow { display: none; text-align: center; margin: 0 auto; -webkit-transition: width 0.7s ease all, height 0.7s ease all; transition: width 0.7s ease all, height 0.7s ease all; } @media screen and (min-width: 1024px) { .cardblock-slider-sec .card-item .roundArrow.greyarrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: start; margin: 0; } } .cardblock-slider-sec .card-item a { width: 100%; height: auto; display: block; } @media screen and (min-width: 1024px) { .cardblock-slider-sec .card-item a { height: 100%; } } .cardblock-slider-sec .box-wrpper { height: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 1.6rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } @media screen and (min-width: 1024px) { .cardblock-slider-sec .box-wrpper { display: -ms-grid; display: grid; -ms-grid-columns: 0fr 3.6rem 6fr 3.6rem 0fr; grid-template-columns: 0fr 6fr 0fr; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; gap: 3.6rem; padding: 6.5rem 0; } } .cardblock-slider-sec .card-item { padding: 4rem 2rem; margin: 0 auto; margin-bottom: 0; scroll-snap-align: start; } .cardblock-slider-sec .card-item:last-child { margin-bottom: 0; } .cardblock-slider-sec .card-item { min-width: auto; max-width: 100%; width: 100%; min-height: 28.7rem; max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; overflow: hidden; -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0.5; } @media screen and (min-width: 1024px) { .cardblock-slider-sec .card-item { padding: 4rem; min-height: 27rem; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 1; -webkit-transition: -webkit-transform 0.5s linear; transition: -webkit-transform 0.5s linear; transition: transform 0.5s linear; transition: transform 0.5s linear, -webkit-transform 0.5s linear; margin: 0 auto; margin-bottom: 1rem; will-change: transform; scroll-snap-align: start; -webkit-backface-visibility: hidden; backface-visibility: hidden; } } .cardblock-slider-sec .card-item.swiper-slide-active { -webkit-transform: scale(1); transform: scale(1); opacity: 1; background: #11223B; border: 0.1rem solid transparent; } .cardblock-slider-sec .card-item.swiper-slide-active .content-wrpr h4 { color: #ffffff; } .cardblock-slider-sec .card-item.swiper-slide-active .content-wrpr p { color: rgba(255, 255, 255, 0.7); } .cardblock-slider-sec .card-item.swiper-slide-active .roundArrow.greyarrow { background: #E74C24; } @media screen and (min-width: 1024px) { .cardblock-slider-sec .card-item.swiper-slide-active { -webkit-transform: none; transform: none; } } .cardblock-slider-sec .card-item:hover { padding: 4rem 2rem; border-radius: 0.6rem; z-index: 4; position: relative; background: #11223B; border: 0.1rem solid transparent; -webkit-transform: none; transform: none; } .cardblock-slider-sec .card-item:hover .content-wrpr h4 { color: #ffffff; } .cardblock-slider-sec .card-item:hover .content-wrpr p { color: rgba(255, 255, 255, 0.7); } .cardblock-slider-sec .card-item:hover .roundArrow.greyarrow { background: #E74C24; } @media screen and (min-width: 1024px) { .cardblock-slider-sec .card-item:hover { padding: 4.8rem; -webkit-transform: scale(1); transform: scale(1); border-radius: 0.6rem; z-index: 3; } .cardblock-slider-sec .card-item:hover .content-wrpr::before { min-height: 22.8rem; max-height: 22.8rem; -webkit-transition: width 0.7s ease-in-out, height 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out; transition: width 0.7s ease-in-out, height 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out, width 0.7s ease-in-out, height 0.7s ease-in-out; transition: transform 0.7s ease-in-out, width 0.7s ease-in-out, height 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out; } .cardblock-slider-sec .card-item:hover .content-wrpr h4 { font-size: 3.36rem; color: #ffffff; -webkit-transition: font-size 0.7s ease-in-out transform 0.7s ease-in-out, color 0.7s ease-in-out; transition: font-size 0.7s ease-in-out transform 0.7s ease-in-out, color 0.7s ease-in-out; } .cardblock-slider-sec .card-item:hover .content-wrpr p { font-size: 1.92rem; color: rgba(255, 255, 255, 0.7); -webkit-transition: font-size 0.7s ease-in-out transform 0.7s ease-in-out, color 0.7s ease-in-out; transition: font-size 0.7s ease-in-out transform 0.7s ease-in-out, color 0.7s ease-in-out; } .cardblock-slider-sec .card-item:hover .roundArrow.greyarrow { width: 4.32rem; height: 4.32rem; background: #E74C24; -webkit-transition: width 0.7s ease, height 0.7s ease; transition: width 0.7s ease, height 0.7s ease; } } @media screen and (min-width: 1024px) { .cardblock-slider-sec.industries-cardblock-sec .vertical-slider-sec { overflow-y: unset; max-height: unset; } } .cardblock-slider-sec .cardblockswiper-controller { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 3rem; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; } @media screen and (min-width: 1024px) { .cardblock-slider-sec .cardblockswiper-controller { display: none; } } .cardblock-slider-sec .cardblockswiper-controller .cardblockswiper-prev, .cardblock-slider-sec .cardblockswiper-controller .cardblockswiper-next { width: 3.6rem; height: 3.6rem; background: #E74C24; width: 3.6rem; height: 3.6rem; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; text-decoration: none !important; cursor: pointer; text-decoration: none; border: none; position: relative; } .cardblock-slider-sec .cardblockswiper-controller .cardblockswiper-prev::before, .cardblock-slider-sec .cardblockswiper-controller .cardblockswiper-next::before { content: ""; background-repeat: no-repeat; background-size: contain; background-position: center; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; width: 1.2rem; height: 1.2rem; } .cardblock-slider-sec .cardblockswiper-controller .cardblockswiper-prev:focus, .cardblock-slider-sec .cardblockswiper-controller .cardblockswiper-next:focus { background: #E74C24; } .cardblock-slider-sec .cardblockswiper-controller .cardblockswiper-prev:hover, .cardblock-slider-sec .cardblockswiper-controller .cardblockswiper-next:hover { background: #CA3B16; text-decoration: none !important; } .cardblock-slider-sec .cardblockswiper-controller .cardblockswiper-prev:hover:focus, .cardblock-slider-sec .cardblockswiper-controller .cardblockswiper-next:hover:focus { background: #CA3B16; } .cardblock-slider-sec .cardblockswiper-controller .cardblockswiper-prev::before { content: ""; background-image: url("../svg/arrow-new.svg"); } .cardblock-slider-sec .cardblockswiper-controller .cardblockswiper-next::before { content: ""; background-image: url("../svg/arrow.svg"); } /**********************************/ /**********************************/ .latest-updates-sec { padding-bottom: 3rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .latest-updates-sec { padding-top: 2rem; padding-bottom: 2rem; } } @media screen and (min-width: 992px) { .latest-updates-sec { padding-top: 3rem; padding-bottom: 3rem; } } .latest-updates-sec .top-title-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 4.8rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 768px) { .latest-updates-sec .top-title-bar { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media screen and (min-width: 992px) { .latest-updates-sec .top-title-bar { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .latest-updates-sec .top-title-bar h2 { margin-bottom: 2rem; } .latest-updates-sec .top-title-bar .left { width: 100%; margin-bottom: 2.4rem; text-align: center; } @media screen and (min-width: 768px) { .latest-updates-sec .top-title-bar .left { width: 60%; text-align: left; margin-bottom: 0; } } @media screen and (min-width: 992px) { .latest-updates-sec .top-title-bar .left { width: 80%; } } .latest-updates-sec .top-title-bar .primaryBtn.w-23-Btn { min-width: 29rem; } .latest-updates-sec .col-3-grid-container { gap: 4.8rem; } .latest-updates-sec .grid-item { padding: 0; text-decoration: none; } .latest-updates-sec .grid-item a { text-decoration: none; } .latest-updates-sec .grid-item:hover { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .latest-updates-sec .grid-item:hover .top-bar img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .latest-updates-sec .grid-item:hover .btm-bar h4 { color: #E74C24; } .latest-updates-sec .grid-item:hover .btm-bar .primaryLnk { color: #CA3B16 !important; } .latest-updates-sec .tagline.rounded-corner { position: absolute; top: 1.6rem; left: 1.6rem; z-index: 1; } .latest-updates-sec .top-bar { position: relative; margin-bottom: 3rem; overflow: hidden; border-radius: 0.6rem; max-height: 21.3rem; min-height: 21.3rem; background-color: #EBF0F4; } @media screen and (min-width: 768px) { .latest-updates-sec .top-bar { max-height: 35.1rem; min-height: 35.1rem; } } @media screen and (min-width: 992px) { .latest-updates-sec .top-bar { max-height: 35.1rem; min-height: 35.1rem; } } .latest-updates-sec .top-bar img { width: 100%; max-height: 21.3rem; min-height: 21.3rem; border-radius: 0.6rem; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; -o-object-fit: cover; object-fit: cover; } @media screen and (min-width: 768px) { .latest-updates-sec .top-bar img { max-height: 35.1rem; min-height: 35.1rem; } } @media screen and (min-width: 992px) { .latest-updates-sec .top-bar img { max-height: 35.1rem; min-height: 35.1rem; } } .latest-updates-sec .btm-bar h4 { margin-bottom: 2.4rem; } .latest-updates-sec .btm-bar .date-tag { margin-bottom: 0.8rem; font-weight: 600; color: rgba(1, 9, 24, 0.9); line-height: 140%; } .latest-updates-sec .btm-bar p { margin-bottom: 2.4rem; } .latest-updates-sec.topic-search-sec { padding: 3rem 0; background: transparent; } @media (max-width: 992px) { .latest-updates-sec.topic-search-sec { padding: 2rem 0; } } .latest-updates-sec.topic-search-sec .top-topic-search-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 4.8rem; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } @media screen and (min-width: 768px) { .latest-updates-sec.topic-search-sec .top-topic-search-bar { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media screen and (min-width: 992px) { .latest-updates-sec.topic-search-sec .top-topic-search-bar { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .latest-updates-sec.topic-search-sec .top-topic-search-bar .subtitle { display: block; font-family: "Manrope", sans-serif; font-weight: 400; font-size: 18px; line-height: 24px; letter-spacing: 0.3px; color: #000714; margin-bottom: 12px; } @media screen and (max-width: 768px) { .latest-updates-sec.topic-search-sec .top-topic-search-bar .subtitle { font-size: 15px; margin-bottom: 7px; } } .latest-updates-sec.topic-search-sec .top-topic-search-bar .left, .latest-updates-sec.topic-search-sec .top-topic-search-bar .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(50% - 25px); } @media screen and (max-width: 768px) { .latest-updates-sec.topic-search-sec .top-topic-search-bar .left, .latest-updates-sec.topic-search-sec .top-topic-search-bar .right { width: 100%; } } .latest-updates-sec.topic-search-sec .top-topic-search-bar #topic-select { background: #DAE1E7; padding: 10px; border-radius: 6px; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; background-image: url("../svg/topic-drop.svg"); background-repeat: no-repeat; background-size: 9px; background-position: calc(100% - 14px) center; } .latest-updates-sec.topic-search-sec .top-topic-search-bar #topic-select option { background: #ffffff; } .latest-updates-sec.topic-search-sec .top-topic-search-bar #topic-search { background: #DAE1E7; padding: 10px; padding-left: 50px; border-radius: 6px; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; background-image: url("../svg/search-2.svg"); background-repeat: no-repeat; background-size: 25.62px; background-position: 12px center; } .latest-updates-sec .pagination-strip { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 42px; position: relative; } @media screen and (max-width: 768px) { .latest-updates-sec .pagination-strip { margin-top: 30px; padding-top: 20px; } } .latest-updates-sec .pagination-strip .prev, .latest-updates-sec .pagination-strip .next { font-family: "Manrope", sans-serif; font-size: 1.6rem; line-height: 10.8px; color: #010918; opacity: 0.6; font-weight: 600; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .latest-updates-sec .pagination-strip .prev:hover, .latest-updates-sec .pagination-strip .next:hover { color: #E74C24; opacity: 1; } .latest-updates-sec .pagination-strip .page-numbers { color: rgba(1, 9, 24, 0.7); text-decoration: none; } .latest-updates-sec .pagination-strip .page-numbers.prev { position: absolute; left: 0; } .latest-updates-sec .pagination-strip .page-numbers.next { position: absolute; right: 0; } .latest-updates-sec .pagination-strip .outer .page-numbers + .page-numbers { position: relative; margin-left: 20px; } .latest-updates-sec .pagination-strip .outer .page-numbers + .page-numbers::before { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #424853; top: 10px; left: -12px; } .latest-updates-sec .pagination-strip .prev::before { content: ""; display: inline-block; background-image: url("../svg/prev.svg"); width: 14px; height: 14px; background-repeat: no-repeat; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1; margin-right: 8px; } .latest-updates-sec .pagination-strip .prev:hover::before { background-image: url("../svg/prev-org.svg"); } .latest-updates-sec .pagination-strip .next::after { content: ""; display: inline-block; background-image: url("../svg/next.svg"); width: 14px; height: 14px; background-repeat: no-repeat; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1; margin-left: 8px; } .latest-updates-sec .pagination-strip .next:hover::after { background-image: url("../svg/next-org.svg"); } .latest-updates-sec .pagination-strip ul.pages { display: -webkit-box; display: -ms-flexbox; display: flex; list-style-type: none; margin: 0; padding: 0; } .latest-updates-sec .pagination-strip ul.pages li:not(:first-child) { margin-left: 20px; position: relative; } .latest-updates-sec .pagination-strip ul.pages li:not(:first-child)::before { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #424853; top: 10px; left: -12px; } .latest-updates-sec .pagination-strip ul.pages li { font-family: "Manrope", sans-serif; font-size: 1.6rem; line-height: 150%; font-weight: 400; color: #424853; letter-spacing: 0%; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .latest-updates-sec .pagination-strip ul.pages li:hover { color: #E74C24; } .latest-updates-sec.blog-updates-sec { padding-top: 3rem; } @media (max-width: 992px) { .latest-updates-sec.blog-updates-sec { padding-top: 2rem; } } @media (max-width: 768px) { .latest-updates-sec.blog-updates-sec { padding-top: 2rem; } } /**********************************/ /**********************************/ .blue-ctaStrip-sec { background: #11223B; margin: 3rem 0; } @media screen and (max-width: 992px) { .blue-ctaStrip-sec { margin: 2rem 0; } } .blue-ctaStrip-sec .blue-ctaStrip-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0 3rem 0; } @media screen and (min-width: 768px) { .blue-ctaStrip-sec .blue-ctaStrip-wrapper { padding: 5.35rem 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media screen and (min-width: 992px) { .blue-ctaStrip-sec .blue-ctaStrip-wrapper { padding: 8.35rem 0; } } .blue-ctaStrip-sec .left-contnt { width: 100%; text-align: center; margin-bottom: 2rem; } @media screen and (min-width: 768px) { .blue-ctaStrip-sec .left-contnt { width: 60%; text-align: left; margin-bottom: 0; } } @media screen and (min-width: 992px) { .blue-ctaStrip-sec .left-contnt { width: 70%; } } .blue-ctaStrip-sec .left-contnt h3, .blue-ctaStrip-sec .left-contnt p { color: #ffffff; } .blue-ctaStrip-sec .left-contnt h3 { margin-bottom: 1.5rem; } .blue-ctaStrip-sec .left-contnt p { max-width: 60%; margin: 0 auto; text-align: center; } @media screen and (min-width: 768px) { .blue-ctaStrip-sec .left-contnt p { max-width: 100%; margin: 0; text-align: left; } } @media screen and (min-width: 992px) { .blue-ctaStrip-sec .left-contnt p { max-width: 100%; margin: 0; text-align: left; } } .blue-ctaStrip-sec .rht-blk { position: relative; } @media screen and (min-width: 992px) { .blue-ctaStrip-sec .rht-blk { width: auto; } } .blue-ctaStrip-sec .rht-blk .button-wrap { position: relative; z-index: 2; } .blue-ctaStrip-sec .rht-blk .primaryBtn.w-23-Btn .arrow { right: 3rem; } .blue-ctaStrip-sec .rht-blk .primaryBtn.w-23-Btn:hover .arrow { right: 2rem; } .blue-ctaStrip-sec .rht-blk::before, .blue-ctaStrip-sec .rht-blk::after, .blue-ctaStrip-sec .rht-blk .circle-1, .blue-ctaStrip-sec .rht-blk .circle-2, .blue-ctaStrip-sec .rht-blk .circle-3 { content: ""; position: absolute; top: 50%; left: 50%; border-radius: 50%; border: 0.2rem dashed rgba(235, 240, 244, 0.3); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: dashed-expand 2s infinite linear; animation: dashed-expand 2s infinite linear; } .blue-ctaStrip-sec .rht-blk::before { width: 30rem; height: 30rem; } .blue-ctaStrip-sec .rht-blk::after { width: 40rem; height: 40rem; } .blue-ctaStrip-sec .rht-blk .circle-1 { width: 50rem; height: 50rem; } .blue-ctaStrip-sec .rht-blk .circle-2 { width: 60rem; height: 60rem; } .blue-ctaStrip-sec .rht-blk .circle-3 { width: 70rem; height: 70rem; } .blue-ctaStrip-sec.container-width-bg { background: transparent; padding: 0; padding-bottom: 3rem; } @media screen and (min-width: 768px) { .blue-ctaStrip-sec.container-width-bg { padding-bottom: 0; } } @media screen and (min-width: 992px) { .blue-ctaStrip-sec.container-width-bg { padding-bottom: 0; } } .blue-ctaStrip-sec.container-width-bg .blue-ctaStrip-wrapper { background: #11223B; border-radius: 0.6rem; padding: 3rem; } @media screen and (min-width: 768px) { .blue-ctaStrip-sec.container-width-bg .blue-ctaStrip-wrapper { padding: 5.35rem 5rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 992px) { .blue-ctaStrip-sec.container-width-bg .blue-ctaStrip-wrapper { padding: 8.35rem 6.4rem; } } .blue-ctaStrip-sec.container-width-bg .blue-ctaStrip-wrapper.pb-small { padding: 3rem; } @media screen and (min-width: 768px) { .blue-ctaStrip-sec.container-width-bg .blue-ctaStrip-wrapper.pb-small { padding: 3rem 5rem; } } @media screen and (min-width: 992px) { .blue-ctaStrip-sec.container-width-bg .blue-ctaStrip-wrapper.pb-small { padding: 4.1rem 6.4rem; } } .blue-ctaStrip-sec.container-width-bg .left-contnt p { max-width: 85%; margin: 0 auto; text-align: center; } @media screen and (min-width: 992px) { .blue-ctaStrip-sec.container-width-bg .left-contnt p { max-width: 100%; margin: 0; text-align: left; } } .blue-ctaStrip-sec.align-bottom .blue-ctaStrip-wrapper { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } /**********************************/ /**********************************/ .casestudy-large-sec { padding: 3rem 0; } @media screen and (min-width: 768px) { .casestudy-large-sec { padding: 2rem 0; } } @media screen and (min-width: 992px) { .casestudy-large-sec { padding: 3rem 0; } } .casestudy-large-sec .casestudy-short-wrapper { margin: 0 auto; display: -ms-grid; display: grid; gap: 3rem; -ms-grid-rows: 140px 3rem 140px 3rem 140px 3rem 140px 3rem 140px 3rem 140px; grid-template-rows: repeat(6, 140px); -ms-grid-columns: minmax(305px, 1fr) 3rem minmax(305px, 1fr) 3rem minmax(305px, 1fr) 3rem minmax(305px, 1fr); grid-template-columns: repeat(4, minmax(305px, 1fr)); } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 7; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(5) { -ms-grid-row: 3; -ms-grid-column: 1; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(6) { -ms-grid-row: 3; -ms-grid-column: 3; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(7) { -ms-grid-row: 3; -ms-grid-column: 5; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(8) { -ms-grid-row: 3; -ms-grid-column: 7; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(9) { -ms-grid-row: 5; -ms-grid-column: 1; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(10) { -ms-grid-row: 5; -ms-grid-column: 3; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(11) { -ms-grid-row: 5; -ms-grid-column: 5; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(12) { -ms-grid-row: 5; -ms-grid-column: 7; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(13) { -ms-grid-row: 7; -ms-grid-column: 1; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(14) { -ms-grid-row: 7; -ms-grid-column: 3; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(15) { -ms-grid-row: 7; -ms-grid-column: 5; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(16) { -ms-grid-row: 7; -ms-grid-column: 7; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(17) { -ms-grid-row: 9; -ms-grid-column: 1; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(18) { -ms-grid-row: 9; -ms-grid-column: 3; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(19) { -ms-grid-row: 9; -ms-grid-column: 5; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(20) { -ms-grid-row: 9; -ms-grid-column: 7; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(21) { -ms-grid-row: 11; -ms-grid-column: 1; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(22) { -ms-grid-row: 11; -ms-grid-column: 3; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(23) { -ms-grid-row: 11; -ms-grid-column: 5; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(24) { -ms-grid-row: 11; -ms-grid-column: 7; } @media screen and (max-width: 1380px) { .casestudy-large-sec .casestudy-short-wrapper { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } } @media screen and (max-width: 850px) { .casestudy-large-sec .casestudy-short-wrapper { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); /* 2 columns */ -ms-grid-rows: auto; grid-template-rows: auto; /* Adjust rows automatically */ gap: 2rem; } .casestudy-large-sec .casestudy-short-wrapper > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } } .casestudy-large-sec .casestudyitem { border-radius: 0.6rem; overflow: hidden; } .casestudy-large-sec .casestudyitem .item-box { padding: 2.8rem; } .casestudy-large-sec .casestudyitem a { display: block; height: 100%; text-decoration: none; } @media screen and (max-width: 850px) { .casestudy-large-sec .casestudyitem { -ms-grid-column: 1; grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; grid-row: auto; min-height: auto; max-height: 40.5rem; } } .casestudy-large-sec .casestudyitem .icon-svg { background: #ffffff; border-radius: 0.6rem; max-width: 6.4rem; max-height: 6.4rem; min-height: 6.4rem; min-width: 6.4rem; } .casestudy-large-sec .caseitem1 { -ms-grid-column-span: 2; grid-column: span 2; -ms-grid-row-span: 5; grid-row: span 5; background: -webkit-gradient(linear, left bottom, left top, from(#E8EEF7), to(#E8EEF7)); background: linear-gradient(0deg, #E8EEF7, #E8EEF7); background: url("../png/case-study-layer.png") no-repeat center; background-size: cover; position: relative; background-blend-mode: multiply; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } @media screen and (max-width: 850px) { .casestudy-large-sec .caseitem1 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; grid-row: auto; min-height: 40.5rem; max-height: none; } } .casestudy-large-sec .caseitem1:hover { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .casestudy-large-sec .caseitem1:hover .layer { opacity: 0.7; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .casestudy-large-sec .caseitem1 .layer { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(40, 41, 47, 0.7), rgba(40, 41, 47, 0.7)), linear-gradient(300.79deg, rgba(40, 41, 47, 0) 21.35%, rgba(27, 27, 28, 0.8) 68.5%); z-index: 1; } .casestudy-large-sec .caseitem1 .case-image { position: absolute; height: auto; bottom: 0; left: 0; right: 0; width: 100%; } .casestudy-large-sec .caseitem1 h2 { color: #ffffff; letter-spacing: -0.248rem; position: relative; z-index: 1; } @media screen and (max-width: 850px) { .casestudy-large-sec .caseitem1 h2 { font-size: 2.2rem; letter-spacing: 0; text-align: center; line-height: 110%; max-width: 80%; margin: 0 auto; position: relative; z-index: 1; } } @media screen and (max-width: 580px) { .casestudy-large-sec .caseitem1 h2 { max-width: 100%; margin: 0 auto; } } .casestudy-large-sec .caseitem1 .item-box { padding: 4rem; position: relative; z-index: 2; } .casestudy-large-sec .caseitem3 { -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-row-span: 2; grid-row: span 2; background: -webkit-gradient(linear, left top, right top, from(#EFEFEF), to(#EFEFEF)); background: linear-gradient(to right, #EFEFEF 0%, #EFEFEF 100%); background: #EBF0F4; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .casestudy-large-sec .caseitem3 h4 { color: rgba(0, 7, 20, 0.9); letter-spacing: -0.056rem; margin-bottom: 1.2rem; } @media screen and (max-width: 850px) { .casestudy-large-sec .caseitem3 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; /* Span full width */ min-height: 27.8rem; max-height: none; } } .casestudy-large-sec .caseitem4 { -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-row-span: 2; grid-row: span 2; background: -webkit-gradient(linear, left top, right top, from(#EFEFEF), to(#EFEFEF)); background: linear-gradient(to right, #EFEFEF 0%, #EFEFEF 100%); background: #EBF0F4; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .casestudy-large-sec .caseitem4 h4 { color: rgba(0, 7, 20, 0.9); letter-spacing: -0.056rem; margin-bottom: 1.2rem; } @media screen and (max-width: 850px) { .casestudy-large-sec .caseitem4 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; /* Span full width */ min-height: 27.8rem; max-height: none; } } .casestudy-large-sec .caseitem5 { -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-row-span: 2; grid-row: span 2; background: -webkit-gradient(linear, left top, right top, from(#EFEFEF), to(#EFEFEF)); background: linear-gradient(to right, #EFEFEF 0%, #EFEFEF 100%); background: #EBF0F4; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .casestudy-large-sec .caseitem5 h4 { color: rgba(0, 7, 20, 0.9); letter-spacing: -0.056rem; margin-bottom: 1.2rem; } @media screen and (max-width: 850px) { .casestudy-large-sec .caseitem5 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; /* Span full width */ min-height: 27.8rem; max-height: none; } } .casestudy-large-sec .caseitem6 { -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-row-span: 2; grid-row: span 2; background: -webkit-gradient(linear, left top, right top, from(#EFEFEF), to(#EFEFEF)); background: linear-gradient(to right, #EFEFEF 0%, #EFEFEF 100%); background: #EBF0F4; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .casestudy-large-sec .caseitem6 h4 { color: rgba(0, 7, 20, 0.9); letter-spacing: -0.056rem; margin-bottom: 1.2rem; } @media screen and (max-width: 850px) { .casestudy-large-sec .caseitem6 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; /* Span full width */ min-height: 27.8rem; max-height: none; } } .casestudy-large-sec .caseitem2 { -ms-grid-column-span: 2; grid-column: span 2; -ms-grid-row-span: 2; grid-row: span 2; background: #11223B; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } @media screen and (max-width: 850px) { .casestudy-large-sec .caseitem2 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; min-height: 31.4rem; } } .casestudy-large-sec .caseitem2 h4 { color: #ffffff; letter-spacing: -0.056rem; } .casestudy-large-sec .caseitem2 .bottom-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 1.4rem; border-left: 0.2rem solid #E74C24; } .casestudy-large-sec .caseitem2 .bottom-content .info-tag { width: 100%; display: inline-block; font-size: 2rem; color: rgba(255, 255, 255, 0.9); font-weight: 500; line-height: 0.7; margin-bottom: 0.5rem; letter-spacing: -0.04rem; } .casestudy-large-sec .caseitem2 .bottom-content span { width: 100%; display: inline-block; font-size: 1.6rem; color: rgba(235, 240, 244, 0.8); font-weight: 500; line-height: 1.2; letter-spacing: -0.032rem; } .casestudy-large-sec .caseitem7 { -ms-grid-column-span: 2; grid-column: span 2; -ms-grid-row-span: 1; grid-row: span 1; background: #E74C24; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .casestudy-large-sec .caseitem7 a { cursor: pointer; } .casestudy-large-sec .caseitem7:hover { background: #6BC4E0; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .casestudy-large-sec .caseitem7 h4 { color: #ffffff; letter-spacing: -0.056rem; } @media screen and (max-width: 850px) { .casestudy-large-sec .caseitem7 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; /* Span full width */ min-height: 13.8rem; max-height: none; } } .casestudy-large-sec .item-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .right-reverse .caseitem2 { -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-row-span: 2; grid-row: span 2; background: -webkit-gradient(linear, left top, right top, from(#EFEFEF), to(#EFEFEF)); background: linear-gradient(to right, #EFEFEF 0%, #EFEFEF 100%); background: #EBF0F4; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .right-reverse .caseitem2 h4 { color: rgba(0, 7, 20, 0.9); letter-spacing: -0.056rem; margin-bottom: 1.2rem; } @media screen and (max-width: 850px) { .right-reverse .caseitem2 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; /* Span full width */ } } .right-reverse .caseitem2 .bottom-content { padding-left: 0; border-left: none; } .right-reverse .caseitem2 .bottom-content .info-tag { display: none; } .right-reverse .caseitem2 .bottom-content span { display: none; } .right-reverse .caseitem3 { -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-row-span: 2; grid-row: span 2; background: -webkit-gradient(linear, left top, right top, from(#EFEFEF), to(#EFEFEF)); background: linear-gradient(to right, #EFEFEF 0%, #EFEFEF 100%); background: #EBF0F4; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .right-reverse .caseitem3 h4 { color: rgba(0, 7, 20, 0.9); letter-spacing: -0.056rem; margin-bottom: 1.2rem; } @media screen and (max-width: 850px) { .right-reverse .caseitem3 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; /* Span full width */ } } .right-reverse .caseitem4 { -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-row-span: 2; grid-row: span 2; background: -webkit-gradient(linear, left top, right top, from(#EFEFEF), to(#EFEFEF)); background: linear-gradient(to right, #EFEFEF 0%, #EFEFEF 100%); background: #EBF0F4; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .right-reverse .caseitem4 h4 { color: rgba(0, 7, 20, 0.9); letter-spacing: -0.056rem; margin-bottom: 1.2rem; } @media screen and (max-width: 850px) { .right-reverse .caseitem4 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; /* Span full width */ } } .right-reverse .caseitem5 { -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-row-span: 2; grid-row: span 2; background: -webkit-gradient(linear, left top, right top, from(#EFEFEF), to(#EFEFEF)); background: linear-gradient(to right, #EFEFEF 0%, #EFEFEF 100%); background: #EBF0F4; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .right-reverse .caseitem5 h4 { color: rgba(0, 7, 20, 0.9); letter-spacing: -0.056rem; margin-bottom: 1.2rem; } @media screen and (max-width: 850px) { .right-reverse .caseitem5 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; /* Span full width */ } } .right-reverse .caseitem6 { -ms-grid-column-span: 2; grid-column: span 2; -ms-grid-row-span: 2; grid-row: span 2; background: #11223B; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } @media screen and (max-width: 850px) { .right-reverse .caseitem6 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; /* Span full width */ } } .right-reverse .caseitem6 h4 { color: #ffffff; letter-spacing: -0.056rem; } .right-reverse .caseitem6 .bottom-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 1.4rem; border-left: 0.2rem solid #E74C24; } .right-reverse .caseitem6 .bottom-content .info-tag { width: 100%; display: inline-block; font-size: 2rem; color: rgba(255, 255, 255, 0.9); font-weight: 500; line-height: 0.7; margin-bottom: 0.5rem; letter-spacing: -0.04rem; } .right-reverse .caseitem6 .bottom-content span { width: 100%; display: inline-block; font-size: 1.6rem; color: rgba(235, 240, 244, 0.8); font-weight: 500; line-height: 1.2; letter-spacing: -0.032rem; } /**********************************/ /**********************************/ .casestudy-medium-sec { padding: 3rem 0; } @media screen and (min-width: 768px) { .casestudy-medium-sec { padding: 2rem 0 2rem 0; } } @media screen and (min-width: 992px) { .casestudy-medium-sec { padding: 3rem 0 3rem 0; } } .casestudy-medium-sec .casestudy-short-wrapper { margin: 0 auto; display: -ms-grid; display: grid; gap: 3rem; -ms-grid-rows: 15.6rem 3rem 15.6rem 3rem 15.6rem 3rem 15.6rem; grid-template-rows: repeat(4, 15.6rem); -ms-grid-columns: minmax(30.4rem, 1fr) 3rem minmax(30.4rem, 1fr) 3rem minmax(30.4rem, 1fr) 3rem minmax(30.4rem, 1fr); grid-template-columns: repeat(4, minmax(30.4rem, 1fr)); } .casestudy-medium-sec .casestudy-short-wrapper > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .casestudy-medium-sec .casestudy-short-wrapper > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .casestudy-medium-sec .casestudy-short-wrapper > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .casestudy-medium-sec .casestudy-short-wrapper > *:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 7; } .casestudy-medium-sec .casestudy-short-wrapper > *:nth-child(5) { -ms-grid-row: 3; -ms-grid-column: 1; } .casestudy-medium-sec .casestudy-short-wrapper > *:nth-child(6) { -ms-grid-row: 3; -ms-grid-column: 3; } .casestudy-medium-sec .casestudy-short-wrapper > *:nth-child(7) { -ms-grid-row: 3; -ms-grid-column: 5; } .casestudy-medium-sec .casestudy-short-wrapper > *:nth-child(8) { -ms-grid-row: 3; -ms-grid-column: 7; } .casestudy-medium-sec .casestudy-short-wrapper > *:nth-child(9) { -ms-grid-row: 5; -ms-grid-column: 1; } .casestudy-medium-sec .casestudy-short-wrapper > *:nth-child(10) { -ms-grid-row: 5; -ms-grid-column: 3; } .casestudy-medium-sec .casestudy-short-wrapper > *:nth-child(11) { -ms-grid-row: 5; -ms-grid-column: 5; } .casestudy-medium-sec .casestudy-short-wrapper > *:nth-child(12) { -ms-grid-row: 5; -ms-grid-column: 7; } .casestudy-medium-sec .casestudy-short-wrapper > *:nth-child(13) { -ms-grid-row: 7; -ms-grid-column: 1; } .casestudy-medium-sec .casestudy-short-wrapper > *:nth-child(14) { -ms-grid-row: 7; -ms-grid-column: 3; } .casestudy-medium-sec .casestudy-short-wrapper > *:nth-child(15) { -ms-grid-row: 7; -ms-grid-column: 5; } .casestudy-medium-sec .casestudy-short-wrapper > *:nth-child(16) { -ms-grid-row: 7; -ms-grid-column: 7; } @media screen and (max-width: 1380px) { .casestudy-medium-sec .casestudy-short-wrapper { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } } @media screen and (max-width: 850px) { .casestudy-medium-sec .casestudy-short-wrapper { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); /* 2 columns */ -ms-grid-rows: auto; grid-template-rows: auto; /* Adjust rows automatically */ gap: 2rem; } .casestudy-medium-sec .casestudy-short-wrapper > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } } .casestudy-medium-sec .casestudyitem { border-radius: 0.6rem; overflow: hidden; } .casestudy-medium-sec .casestudyitem .item-box { padding: 2.8rem; } .casestudy-medium-sec .casestudyitem a { display: block; height: 100%; text-decoration: none; } @media screen and (max-width: 850px) { .casestudy-medium-sec .casestudyitem { -ms-grid-column: 1; grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; grid-row: auto; min-height: auto; max-height: 40.5rem; } } .casestudy-medium-sec .casestudyitem .icon-svg { background: #ffffff; border-radius: 0.6rem; max-width: 6.4rem; max-height: 6.4rem; min-height: 6.4rem; min-width: 6.4rem; } .casestudy-medium-sec .caseitem1 { -ms-grid-column-span: 2; grid-column: span 2; -ms-grid-row-span: 5; grid-row: span 5; background: -webkit-gradient(linear, left bottom, left top, from(#E8EEF7), to(#E8EEF7)); background: linear-gradient(0deg, #E8EEF7, #E8EEF7); background: url("../png/case-study-layer.png") no-repeat center; background-size: cover; position: relative; background-blend-mode: multiply; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } @media screen and (max-width: 850px) { .casestudy-medium-sec .caseitem1 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; grid-row: auto; min-height: 40.5rem; max-height: none; } } .casestudy-medium-sec .caseitem1:hover { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .casestudy-medium-sec .caseitem1:hover .layer { opacity: 0.7; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .casestudy-medium-sec .caseitem1 .layer { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(40, 41, 47, 0.7), rgba(40, 41, 47, 0.7)), linear-gradient(300.79deg, rgba(40, 41, 47, 0) 21.35%, rgba(27, 27, 28, 0.8) 68.5%); z-index: 1; } .casestudy-medium-sec .caseitem1 .case-image { position: absolute; height: auto; bottom: 0; left: 0; right: 0; width: 100%; } .casestudy-medium-sec .caseitem1 h2 { color: #ffffff; letter-spacing: -0.248rem; position: relative; z-index: 1; } @media screen and (max-width: 850px) { .casestudy-medium-sec .caseitem1 h2 { font-size: 2.2rem; letter-spacing: 0; text-align: center; line-height: 110%; max-width: 80%; margin: 0 auto; position: relative; z-index: 1; } } @media screen and (max-width: 580px) { .casestudy-medium-sec .caseitem1 h2 { max-width: 100%; margin: 0 auto; } } .casestudy-medium-sec .caseitem1 h3 { color: #ffffff; letter-spacing: -0.084rem; } @media screen and (max-width: 850px) { .casestudy-medium-sec .caseitem1 h3 { font-size: 2.2rem; letter-spacing: 0; text-align: center; line-height: 110%; max-width: 80%; margin: 0 auto; } } @media screen and (max-width: 580px) { .casestudy-medium-sec .caseitem1 h3 { max-width: 100%; margin: 0 auto; } } .casestudy-medium-sec .caseitem1 .item-box { padding: 4rem; position: relative; z-index: 2; } .casestudy-medium-sec .caseitem2 { -ms-grid-column-span: 2; grid-column: span 2; -ms-grid-row-span: 3; grid-row: span 3; background: #11223B; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } @media screen and (max-width: 850px) { .casestudy-medium-sec .caseitem2 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; min-height: 31.4rem; max-height: none; } } .casestudy-medium-sec .caseitem2 h2 { color: #ffffff; letter-spacing: -0.056rem; } @media screen and (max-width: 850px) { .casestudy-medium-sec .caseitem2 h2 { font-size: 2.2rem; letter-spacing: 0; line-height: 110%; } } @media screen and (max-width: 580px) { .casestudy-medium-sec .caseitem2 h2 { max-width: 100%; } } .casestudy-medium-sec .caseitem2 h4 { color: #ffffff; letter-spacing: -0.056rem; } .casestudy-medium-sec .caseitem2 .bottom-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .casestudy-medium-sec .caseitem2 .large-txt { font-family: "Manrope", sans-serif; font-size: 2rem; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; color: #ffffff; margin-top: 3.6rem; } .casestudy-medium-sec .caseitem3 { -ms-grid-column-span: 2; grid-column: span 2; -ms-grid-row-span: 2; grid-row: span 2; background: #E74C24; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; cursor: pointer; } .casestudy-medium-sec .caseitem3 a { cursor: pointer; } .casestudy-medium-sec .caseitem3 .item-box { cursor: pointer; } .casestudy-medium-sec .caseitem3:hover { background: #6BC4E0; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .casestudy-medium-sec .caseitem3 h4 { color: #ffffff; letter-spacing: -0.056rem; cursor: pointer; } @media screen and (max-width: 850px) { .casestudy-medium-sec .caseitem3 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; /* Span full width */ min-height: 13.8rem; max-height: none; } } .casestudy-medium-sec .item-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .casestudy-medium-sec.endpoint-casestudy .caseitem1 .item-box { font-size: 2.8rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; color: #ffffff; } @media screen and (min-width: 992px) { .casestudy-medium-sec.endpoint-casestudy .caseitem2 h4 { font-size: 2.4rem; } } .casestudy-medium-sec.endpoint-casestudy .list-item-wraper { margin-top: 36px; } .casestudy-medium-sec.endpoint-casestudy .list-item-wraper ul li { font-family: "Manrope", sans-serif; font-size: 2.4rem; line-height: 120%; letter-spacing: -0.2px; font-weight: 900; color: #ffffff; } .casestudy-medium-sec.endpoint-casestudy .list-item-wraper ul li::before { background: url("../svg/triangle-list-blue.svg"); height: 2.4rem; } @media screen and (max-width: 992px) { .casestudy-medium-sec.endpoint-casestudy .list-item-wraper ul li { font-size: 2rem; } .casestudy-medium-sec.endpoint-casestudy .list-item-wraper ul li::before { top: 0.5rem; } } .right-reverse .caseitem2 { -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-row-span: 2; grid-row: span 2; background: -webkit-gradient(linear, left top, right top, from(#EFEFEF), to(#EFEFEF)); background: linear-gradient(to right, #EFEFEF 0%, #EFEFEF 100%); background: #EBF0F4; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .right-reverse .caseitem2 h4 { color: rgba(0, 7, 20, 0.9); letter-spacing: -0.056rem; margin-bottom: 1.2rem; } @media screen and (max-width: 850px) { .right-reverse .caseitem2 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; /* Span full width */ } } .right-reverse .caseitem2 .bottom-content { padding-left: 0; border-left: none; } .right-reverse .caseitem2 .bottom-content .info-tag { display: none; } .right-reverse .caseitem2 .bottom-content span { display: none; } .right-reverse .caseitem3 { -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-row-span: 2; grid-row: span 2; background: -webkit-gradient(linear, left top, right top, from(#EFEFEF), to(#EFEFEF)); background: linear-gradient(to right, #EFEFEF 0%, #EFEFEF 100%); background: #EBF0F4; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .right-reverse .caseitem3 h4 { color: rgba(0, 7, 20, 0.9); letter-spacing: -0.056rem; margin-bottom: 1.2rem; } @media screen and (max-width: 850px) { .right-reverse .caseitem3 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; /* Span full width */ } } .right-reverse .caseitem4 { -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-row-span: 2; grid-row: span 2; background: -webkit-gradient(linear, left top, right top, from(#EFEFEF), to(#EFEFEF)); background: linear-gradient(to right, #EFEFEF 0%, #EFEFEF 100%); background: #EBF0F4; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .right-reverse .caseitem4 h4 { color: rgba(0, 7, 20, 0.9); letter-spacing: -0.056rem; margin-bottom: 1.2rem; } @media screen and (max-width: 850px) { .right-reverse .caseitem4 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; /* Span full width */ } } .right-reverse .caseitem5 { -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-row-span: 2; grid-row: span 2; background: -webkit-gradient(linear, left top, right top, from(#EFEFEF), to(#EFEFEF)); background: linear-gradient(to right, #EFEFEF 0%, #EFEFEF 100%); background: #EBF0F4; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } .right-reverse .caseitem5 h4 { color: rgba(0, 7, 20, 0.9); letter-spacing: -0.056rem; margin-bottom: 1.2rem; } @media screen and (max-width: 850px) { .right-reverse .caseitem5 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; /* Span full width */ } } .right-reverse .caseitem6 { -ms-grid-column-span: 2; grid-column: span 2; -ms-grid-row-span: 2; grid-row: span 2; background: #11223B; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; } @media screen and (max-width: 850px) { .right-reverse .caseitem6 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/5; /* Span full width */ } } .right-reverse .caseitem6 h4 { color: #ffffff; letter-spacing: -0.056rem; } .right-reverse .caseitem6 .bottom-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 1.4rem; border-left: 0.2rem solid #E74C24; } .right-reverse .caseitem6 .bottom-content .info-tag { width: 100%; display: inline-block; font-size: 2rem; color: rgba(255, 255, 255, 0.9); font-weight: 500; line-height: 0.7; margin-bottom: 0.5rem; letter-spacing: -0.04rem; } .right-reverse .caseitem6 .bottom-content span { width: 100%; display: inline-block; font-size: 1.6rem; color: rgba(235, 240, 244, 0.8); font-weight: 500; line-height: 1.2; letter-spacing: -0.032rem; } /**********************************/ /**********************************/ .blue-ctaStrip-imgsec { padding: 3rem 0; } @media (max-width: 992px) { .blue-ctaStrip-imgsec { padding: 2rem 0; } } @media (max-width: 768px) { .blue-ctaStrip-imgsec { padding: 3rem 0; } } .blue-ctaStrip-imgsec .blue-ctaStrip-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; background: #11223B; overflow: hidden; border-radius: 0.6rem; padding: 3rem 0; } @media screen and (min-width: 768px) { .blue-ctaStrip-imgsec .blue-ctaStrip-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0 4.8rem; } } @media screen and (min-width: 992px) { .blue-ctaStrip-imgsec .blue-ctaStrip-wrapper { padding: 0 4.8rem; } } .blue-ctaStrip-imgsec .left-contnt { width: 100%; text-align: center; margin-bottom: 0; padding: 0 3rem; } @media screen and (min-width: 768px) { .blue-ctaStrip-imgsec .left-contnt { width: 60%; text-align: left; margin-bottom: 0; padding: 2rem 0; } } @media screen and (min-width: 992px) { .blue-ctaStrip-imgsec .left-contnt { width: 55%; padding: 2rem 0; } } .blue-ctaStrip-imgsec .left-contnt h3, .blue-ctaStrip-imgsec .left-contnt p, .blue-ctaStrip-imgsec .left-contnt h2, .blue-ctaStrip-imgsec .left-contnt .large-txt { color: #ffffff; } .blue-ctaStrip-imgsec .left-contnt h3 { margin-bottom: 0.5rem; } .blue-ctaStrip-imgsec .left-contnt p { margin-bottom: 4.4rem; } .blue-ctaStrip-imgsec .rht-blk { position: relative; width: 100%; } @media screen and (min-width: 992px) { .blue-ctaStrip-imgsec .rht-blk { width: 40%; } } .blue-ctaStrip-imgsec .rht-blk .button-wrap { position: relative; z-index: 2; } .blue-ctaStrip-imgsec .rht-blk::before, .blue-ctaStrip-imgsec .rht-blk::after, .blue-ctaStrip-imgsec .rht-blk .circle-1, .blue-ctaStrip-imgsec .rht-blk .circle-2 { content: ""; position: absolute; top: 50%; left: 50%; border-radius: 50%; border: 0.2rem dashed rgba(235, 240, 244, 0.3); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .blue-ctaStrip-imgsec .rht-blk::before { width: 22rem; height: 22rem; } .blue-ctaStrip-imgsec .rht-blk::after { width: 28rem; height: 28rem; } .blue-ctaStrip-imgsec .rht-blk .circle-1 { width: 35rem; height: 35rem; } .blue-ctaStrip-imgsec .rht-blk .circle-2 { width: 40rem; height: 40rem; } .blue-ctaStrip-imgsec .team-wrap { position: relative; } .blue-ctaStrip-imgsec .team-wrap .imgblk { overflow: hidden; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; z-index: 2; } .blue-ctaStrip-imgsec .team-wrap .imgblk img { -webkit-transition: 0.7s ease all; transition: 0.7s ease all; cursor: pointer; } .blue-ctaStrip-imgsec .team-wrap .imgblk:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .blue-ctaStrip-imgsec .team-wrap .teamicon1 { position: relative; top: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 50%; } .blue-ctaStrip-imgsec .team-wrap .teamicon1 img { min-width: 20rem; max-width: 20rem; min-height: 20rem; max-height: 20rem; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .blue-ctaStrip-imgsec .team-wrap .teamicon2 { position: relative; top: -50px; right: -65%; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 50%; } .blue-ctaStrip-imgsec .team-wrap .teamicon2 img { min-width: 10.8rem; max-width: 10.8rem; min-height: 10.8rem; max-height: 10.8rem; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .blue-ctaStrip-imgsec .team-wrap .teamicon3 { position: relative; bottom: 50px; left: 35%; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 50%; } .blue-ctaStrip-imgsec .team-wrap .teamicon3 img { min-width: 12.9rem; max-width: 12.9rem; min-height: 12.9rem; max-height: 12.9rem; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .blue-ctaStrip-imgsec .cloud-wrap .cloud1 { content: ""; position: absolute; background: url("../svg/cloud1.svg") center no-repeat; top: 0; height: 100%; display: block; left: -18%; max-width: 12.1rem; width: 100%; max-height: 9rem; opacity: 0.2; z-index: 1; } .blue-ctaStrip-imgsec .cloud-wrap .cloud2 { content: ""; position: absolute; background: url("../svg/cloud2.svg") center no-repeat; bottom: 6.6rem; height: 100%; display: block; right: -18%; max-width: 13.7rem; width: 100%; max-height: 9.7rem; opacity: 0.2; z-index: 1; } .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec { padding: 3rem 0 3rem 0; } @media screen and (min-width: 768px) { .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec { padding: 5.4rem 0; } } @media screen and (min-width: 992px) { .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec { padding: 6.4rem 0; } } @media screen and (min-width: 992px) { .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .left-contnt { width: 60%; padding: 4.8rem 0; } } .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .left-contnt h3 { margin-bottom: 1.6rem; } .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .left-contnt h2 { margin-bottom: 1.6rem; } .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .left-contnt .large-txt { padding-bottom: 2rem; } @media screen and (min-width: 992px) { .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .left-contnt .large-txt { padding-bottom: 12rem; } } .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .left-contnt p { margin-bottom: 1.6rem; color: rgba(255, 255, 255, 0.9); } .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .rht-blk { position: relative; aspect-ratio: 1; } .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .rht-blk::before { width: 21rem; height: 21rem; } @media screen and (min-width: 1024px) { .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .rht-blk::before { width: 34rem; height: 34rem; } } .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .rht-blk::after { width: 30rem; height: 30rem; } @media screen and (min-width: 1024px) { .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .rht-blk::after { width: 43.5rem; height: 43.5rem; } } .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .rht-blk .circle-1 { width: 40rem; height: 40rem; } @media screen and (min-width: 1024px) { .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .rht-blk .circle-1 { width: 54rem; height: 54rem; } } .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .rht-blk .circle-2 { width: 50rem; height: 50rem; } @media screen and (min-width: 1024px) { .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .rht-blk .circle-2 { width: 63rem; height: 63rem; } } .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .rht-blk .circle-3 { width: 60rem; height: 60rem; } @media screen and (min-width: 1024px) { .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .rht-blk .circle-3 { width: 73rem; height: 73rem; } } .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .rht-blk .img-blk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .rht-blk .img-blk img { -o-object-fit: contain; object-fit: contain; text-align: center; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; position: absolute; top: 35%; z-index: 1; cursor: pointer; } .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .rht-blk .img-blk img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .rht-blk .img-blk img { max-width: 11.7rem; max-height: 14.3rem; } @media screen and (min-width: 1024px) { .blue-ctaStrip-imgsec.maxlarge-bluectaStrip-sec .rht-blk .img-blk img { max-width: 18.7rem; max-height: 17.6rem; } } /**********************************/ /**********************************/ .col-3-clientcard-sec { padding-bottom: 3rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .col-3-clientcard-sec { padding-top: 2rem; padding-bottom: 2rem; } } @media screen and (min-width: 992px) { .col-3-clientcard-sec { padding-top: 3rem; padding-bottom: 3rem; } } .col-3-clientcard-sec .center-hdg2-blk { padding-bottom: 3rem; } @media screen and (min-width: 1024px) { .col-3-clientcard-sec .center-hdg2-blk { padding-bottom: 6.4rem; } } .col-3-clientcard-sec .col-2-grid-container .grid-item { background: #EBF0F4; border-radius: 0.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 0.1rem solid transparent; } .col-3-clientcard-sec .col-2-grid-container .grid-item a { width: 100%; height: 100%; } .col-3-clientcard-sec .col-2-grid-container .grid-item:hover { background: #EBF0F4; border: 0.1rem solid #899FB4; } .col-3-clientcard-sec .col-2-grid-container .grid-item:hover .roundArrow.greyarrow { background: #E74C24; } .col-3-clientcard-sec .grid-item { min-height: 31.5rem; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .col-3-clientcard-sec .grid-item h4 { line-height: 120%; } .col-3-clientcard-sec .grid-item h4::-webkit-scrollbar { width: 1px; } .col-3-clientcard-sec .grid-item h4::-webkit-scrollbar-track { background: #11223B; } .col-3-clientcard-sec .grid-item h4::-webkit-scrollbar-thumb { border-radius: none; background: rgba(255, 255, 255, 0.8); } .col-3-clientcard-sec .grid-item a { text-decoration: none; } .col-3-clientcard-sec .grid-item .client-name { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; font-weight: 500; } @media screen and (min-width: 992px) { .col-3-clientcard-sec .grid-item .client-name { font-size: 2rem; line-height: 140%; font-weight: 400; letter-spacing: 0; } } .col-3-clientcard-sec .grid-item:hover { background: #E74C24; } .col-3-clientcard-sec .grid-item:hover h4, .col-3-clientcard-sec .grid-item:hover .client-name, .col-3-clientcard-sec .grid-item:hover .client-desig { color: #ffffff; } @media screen and (min-width: 1024px) { .col-3-clientcard-sec .grid-item { min-height: 46.7rem; } } .col-3-clientcard-sec .clientcard1 { background: #EBF0F4; } .col-3-clientcard-sec .clientcard1 h4 { color: #010918; } .col-3-clientcard-sec .clientcard1 .client-name { color: rgba(1, 9, 24, 0.9); } .col-3-clientcard-sec .clientcard1 .client-desig { color: rgba(1, 9, 24, 0.8); } .col-3-clientcard-sec .clientcard1:hover { background: #E74C24 !important; } .col-3-clientcard-sec .clientcard1:hover h4, .col-3-clientcard-sec .clientcard1:hover .client-name, .col-3-clientcard-sec .clientcard1:hover .client-desig { color: #ffffff; } .col-3-clientcard-sec .clientcard2 { background: #6BC4E0 !important; } .col-3-clientcard-sec .clientcard2 h4 { color: #ffffff; } .col-3-clientcard-sec .clientcard2 .client-name { color: rgba(255, 255, 255, 0.9); } .col-3-clientcard-sec .clientcard2 .client-desig { color: rgba(255, 255, 255, 0.8); } .col-3-clientcard-sec .clientcard2:hover { background: #E74C24 !important; } .col-3-clientcard-sec .clientcard2:hover h4, .col-3-clientcard-sec .clientcard2:hover .client-name, .col-3-clientcard-sec .clientcard2:hover .client-desig { color: #ffffff; } .col-3-clientcard-sec .clientcard3 { background: #11223B !important; } .col-3-clientcard-sec .clientcard3 h4 { color: #ffffff; } .col-3-clientcard-sec .clientcard3 .client-name { color: rgba(255, 255, 255, 0.9); } .col-3-clientcard-sec .clientcard3 .client-desig { color: rgba(235, 240, 244, 0.8); } .col-3-clientcard-sec .clientcard3:hover { background: #E74C24 !important; } .col-3-clientcard-sec .clientcard3:hover h4, .col-3-clientcard-sec .clientcard3:hover .client-name, .col-3-clientcard-sec .clientcard3:hover .client-desig { color: #ffffff; } .col-3-clientcard-sec .box-wrpper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; flex-direction: column; gap: 3rem; height: 100%; } @media screen and (min-width: 1024px) { .col-3-clientcard-sec .box-wrpper { gap: 5rem; } } .col-3-clientcard-sec .btm-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .col-3-clientcard-sec .btm-wrap .imgblk img { margin-right: 2.2rem; } .col-3-clientcard-sec.title-content-box-main-sec .grid-item { min-height: unset !important; } @media screen and (min-width: 992px) { .col-3-clientcard-sec.title-content-box-main-sec .grid-item { padding-bottom: 112px; } } /**********************************/ /**********************************/ .right-img-form { padding-bottom: 3rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .right-img-form { padding-top: 2rem; padding-bottom: 2rem; } .right-img-form.reverse .col-2-grid-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .right-img-form.reverse .right-aligned-img, .right-img-form.reverse .ct-frm-wrap { width: 50%; } } @media screen and (min-width: 992px) { .right-img-form { padding-top: 3rem; padding-bottom: 3rem; } } .right-img-form .col-2-grid-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .right-img-form .col-2-grid-container.align-start { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .right-img-form .col-2-grid-container.align-start .right-aligned-txt { padding-top: 0; padding-left: 0; } .right-img-form .right-aligned-img { padding: 0 !important; display: -ms-grid; display: grid; gap: 3rem; } .right-img-form .right-aligned-img.reverse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .right-img-form .right-aligned-img h2 { margin-bottom: 1.8rem; text-align: center; } @media screen and (min-width: 768px) { .right-img-form .right-aligned-img h2 { text-align: left; } } @media screen and (min-width: 992px) { .right-img-form .right-aligned-img h2 { text-align: left; } } .right-img-form .right-aligned-img p { max-width: 100%; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; letter-spacing: 0; font-weight: 600; text-align: center; } @media screen and (min-width: 450px) { .right-img-form .right-aligned-img p { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; } } @media screen and (min-width: 768px) { .right-img-form .right-aligned-img p { text-align: left; } } @media screen and (min-width: 992px) { .right-img-form .right-aligned-img p { max-width: 90%; font-size: 2rem; line-height: 140%; font-weight: 400; letter-spacing: 0; font-weight: 600; text-align: left; } } .right-img-form .right-aligned-img h4 { color: rgba(1, 9, 24, 0.7); text-align: center; font-weight: 600; margin-bottom: 1.2rem; line-height: 140%; } @media screen and (min-width: 768px) { .right-img-form .right-aligned-img h4 { text-align: left; } } @media screen and (min-width: 992px) { .right-img-form .right-aligned-img h4 { text-align: left; } } .right-img-form .right-aligned-img .head-txt { font-family: "Manrope", sans-serif; font-size: 2.2rem; line-height: 140%; font-weight: 600; letter-spacing: -0.2px; color: rgba(1, 9, 24, 0.7); text-align: center; margin-bottom: 1.5rem; } @media screen and (min-width: 992px) { .right-img-form .right-aligned-img .head-txt { font-size: 2.8rem; text-align: left; margin-bottom: 2.4rem; } } .right-img-form .right-aligned-img .img-blk { overflow: hidden; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; border-radius: 0.6rem; } .right-img-form .right-aligned-img .img-blk img { -webkit-transition: 0.7s ease all; transition: 0.7s ease all; border-radius: 0.6rem; -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; aspect-ratio: 1; max-height: 21.3rem; width: 100%; } .right-img-form .right-aligned-img .img-blk img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } @media (min-width: 580px) { .right-img-form .right-aligned-img .img-blk img { width: 100%; max-height: none; aspect-ratio: auto; } } @media (min-width: 992px) { .right-img-form .right-aligned-img .img-blk img { width: auto; max-height: none; aspect-ratio: auto; -o-object-position: center; object-position: center; } } .right-img-form .right-aligned-img .medium-txt { font-weight: 400; margin-bottom: 1.2rem; text-align: center; } .right-img-form .right-aligned-img .medium-txt:last-child { margin-bottom: 0; } @media screen and (min-width: 768px) { .right-img-form .right-aligned-img .medium-txt { text-align: left; } } @media screen and (min-width: 992px) { .right-img-form .right-aligned-img .medium-txt { text-align: left; } } .right-img-form .right-aligned-txt { padding: 0 !important; } .right-img-form .right-aligned-txt .large-txt { margin-top: 18px; } .right-img-form .right-aligned-txt p { margin-top: 10px; } .right-img-form .right-aligned-txt .hs_cos_wrapper { padding: 2rem 0; } .right-img-form .right-aligned-txt .hs_cos_wrapper ul { padding-top: 2rem; margin-bottom: 0; padding-bottom: 0; } .right-img-form .right-aligned-txt .hs_cos_wrapper ul li { margin-bottom: 0.8rem; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; letter-spacing: 0; } @media screen and (min-width: 393px) { .right-img-form .right-aligned-txt .hs_cos_wrapper ul li { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; } } @media screen and (min-width: 992px) { .right-img-form .right-aligned-txt .hs_cos_wrapper ul li { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; } } .right-img-form .right-aligned-txt .hs_cos_wrapper ul li:last-child { margin-bottom: 0; } .right-img-form .right-aligned-txt .hs_cos_wrapper ul li::marker { color: rgba(1, 9, 24, 0.7); text-align: left; } .right-img-form .right-aligned-txt .logos-wrap { padding: 1rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 30%; } @media screen and (min-width: 850px) { .right-img-form .right-aligned-txt .logos-wrap { padding: 2.4rem 0; gap: 1rem; } } @media screen and (min-width: 992px) { .right-img-form .right-aligned-txt .logos-wrap { gap: 1rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 2.4rem 0; } } .right-img-form .ct-frm-wrap { background: -webkit-gradient(linear, left top, right top, from(#EFEFEF), to(#EFEFEF)); background: linear-gradient(to right, #EFEFEF 0%, #EFEFEF 100%); background: #EBF0F4; height: 100%; } .right-img-form .ct-frm-wrap form ul { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .right-img-form .ct-frm-wrap form ul li { margin-bottom: 3rem; } .right-img-form .ct-frm-wrap form ul li:last-child { margin-bottom: 0; } .right-img-form .ct-frm-wrap form textarea { height: 23.9rem !important; } .right-img-form .ct-frm-wrap form .list-itm { width: 100%; } .right-img-form .ct-frm-wrap form .half-width { width: 100%; } @media screen and (min-width: 992px) { .right-img-form .ct-frm-wrap form .half-width { width: calc(50% - 1.5rem); } } .right-img-form .ct-frm-wrap form .flex-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.8rem; } .right-img-form .ct-frm-wrap form .flex-item label { margin-bottom: 0; color: rgba(1, 9, 24, 0.7); line-height: 1.2; font-size: 1.6rem; } .right-img-form .ct-frm-wrap form p a { color: #E74C24; font-weight: 600; } .right-img-form.noraml-font-contnt .right-aligned-img { max-width: 100%; text-align: center; } @media screen and (min-width: 992px) { .right-img-form.noraml-font-contnt .right-aligned-img { text-align: left; max-width: 51.9rem; } } .right-img-form.noraml-font-contnt .right-aligned-img p { font-size: 1.5rem; font-weight: 400; line-height: 150%; color: #010918; } @media screen and (min-width: 992px) { .right-img-form.noraml-font-contnt .right-aligned-img p { font-size: 1.6rem; } } .right-img-form #g-recaptcha-response { display: none !important; } .right-img-form.center-align-form .col-2-grid-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6.4rem; } .right-img-form.center-align-form .cntnt-blk { max-width: 88%; margin: 0 auto; } .right-img-form.center-align-form .right-aligned-img { width: 100%; } .right-img-form.center-align-form .right-aligned-img h2 { text-align: center; } .right-img-form.center-align-form .right-aligned-img p { text-align: center; max-width: 100%; } .right-img-form.center-align-form .right-aligned-img h4 { text-align: center; } .right-img-form.contact-form-sec .col-2-grid-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .right-img-form.contact-form-sec .right-aligned-img { width: 40%; } .right-img-form.contact-form-sec .right-aligned-img h2 { max-width: 415px; } .right-img-form.contact-form-sec .ct-frm-wrap { width: 60%; } .right-img-form.contact-form-sec .ct-frm-wrap form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 !important; padding-left: 7px !important; background: #DAE1E7; font-family: "Manrope", sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; color: #010918; opacity: 0.5; background-image: url("../svg/dropdown.svg"); background-size: 14px; background-repeat: no-repeat; background-position: calc(100% - 11.5px) center; cursor: pointer; } @media screen and (max-width: 1300px) { .right-img-form.contact-form-sec .ct-frm-wrap form label { font-size: 1.6rem; } } @media screen and (max-width: 1180px) { .right-img-form.contact-form-sec .ct-frm-wrap form label { font-size: 1.4rem; } } /**********************************/ /**********************************/ .leftaligned-contntbx-sec { padding: 3rem 0 3rem 0; } @media screen and (min-width: 768px) { .leftaligned-contntbx-sec { padding: 2rem 0; } .leftaligned-contntbx-sec.reverse .leftaligned-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; gap: 6.4rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 768px) and (min-width: 992px) { .leftaligned-contntbx-sec.reverse .leftaligned-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media screen and (min-width: 768px) { .leftaligned-contntbx-sec.reverse .leftaligned-wrapper .left-image { padding-right: 0; margin-right: 0; width: 100%; } } @media screen and (min-width: 768px) and (min-width: 992px) { .leftaligned-contntbx-sec.reverse .leftaligned-wrapper .left-image { width: 50%; } } @media screen and (min-width: 768px) { .leftaligned-contntbx-sec.reverse .leftaligned-wrapper .right-content { width: 100%; } } @media screen and (min-width: 768px) and (min-width: 992px) { .leftaligned-contntbx-sec.reverse .leftaligned-wrapper .right-content { width: 50%; } } @media screen and (min-width: 992px) { .leftaligned-contntbx-sec { padding: 3rem 0 3rem 0; } } .leftaligned-contntbx-sec .center-hdg2-blk { padding-bottom: 3rem; } @media screen and (min-width: 992px) { .leftaligned-contntbx-sec .center-hdg2-blk { padding-bottom: 6.4rem; } } .leftaligned-contntbx-sec .leftaligned-wrapper { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); gap: 3rem; margin: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1024px) { .leftaligned-contntbx-sec .leftaligned-wrapper { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); /* 3 Equal Columns */ } } .leftaligned-contntbx-sec .left-image { border-radius: 0.6rem; margin-right: 0; background-color: #EBF0F4; min-height: 20rem; } .leftaligned-contntbx-sec .left-image img { -o-object-fit: cover; object-fit: cover; border-radius: 0.6rem; width: 100%; aspect-ratio: 1; max-height: 21.3rem; -o-object-position: top center; object-position: top center; } @media (min-width: 580px) { .leftaligned-contntbx-sec .left-image img { width: 100%; max-height: 40rem; aspect-ratio: auto; } } @media (min-width: 992px) { .leftaligned-contntbx-sec .left-image img { width: 100%; max-height: none; aspect-ratio: auto; -o-object-position: center; object-position: center; } } @media screen and (min-width: 1024px) { .leftaligned-contntbx-sec .left-image { margin-right: 3.4rem; width: auto; min-height: 30rem; } } .leftaligned-contntbx-sec .right-content .top-content { margin-bottom: 3.6rem; } .leftaligned-contntbx-sec .right-content .top-content h2 { margin-bottom: 2.4rem; line-height: 100%; text-align: center; } @media (min-width: 768px) { .leftaligned-contntbx-sec .right-content .top-content h2 { text-align: left; } } @media (min-width: 992px) { .leftaligned-contntbx-sec .right-content .top-content h2 { text-align: left; } } .leftaligned-contntbx-sec .right-content .top-content h3 { margin-bottom: 2.4rem; line-height: 100%; text-align: center; } @media (min-width: 768px) { .leftaligned-contntbx-sec .right-content .top-content h3 { text-align: left; } } @media (min-width: 992px) { .leftaligned-contntbx-sec .right-content .top-content h3 { text-align: left; } } .leftaligned-contntbx-sec .right-content .top-content p { line-height: 140%; color: rgba(1, 9, 24, 0.8); text-align: center; } @media (min-width: 768px) { .leftaligned-contntbx-sec .right-content .top-content p { text-align: left; } } @media (min-width: 992px) { .leftaligned-contntbx-sec .right-content .top-content p { text-align: left; } } .leftaligned-contntbx-sec .btm-content-wrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); gap: 2.4rem; margin: auto; } @media (min-width: 768px) { .leftaligned-contntbx-sec .btm-content-wrap { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); /* 2 Columns */ } } @media (min-width: 992px) { .leftaligned-contntbx-sec .btm-content-wrap { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); /* 3 Equal Columns */ } } .leftaligned-contntbx-sec .btm-content-wrap .item-bx { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2.4rem 2rem 2.4rem 2.4rem; background: #EBF0F4; border-radius: 0.6rem; gap: 2.4rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px) { .leftaligned-contntbx-sec .btm-content-wrap .item-bx { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media (min-width: 992px) { .leftaligned-contntbx-sec .btm-content-wrap .item-bx { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .leftaligned-contntbx-sec .btm-content-wrap .icon-svg { background: #ffffff; border-radius: 0.6rem; max-width: 4.8rem; max-height: 4.8rem; min-height: 4.8rem; min-width: 4.8rem; } .leftaligned-contntbx-sec .btm-content-wrap .large-txt { margin-bottom: 0.8rem; } .leftaligned-contntbx-sec.bx-color-chnge { background-color: #EBF0F4; padding: 3rem 0 3rem 0; margin: 3rem 0; } .leftaligned-contntbx-sec.bx-color-chnge .btm-content-wrap .item-bx { background: #ffffff; padding: 2.4rem 2.4rem 2.4rem 2.4rem; } .leftaligned-contntbx-sec.bx-color-chnge .left-image { background-color: #ffffff; } @media screen and (max-width: 992px) { .leftaligned-contntbx-sec.bx-color-chnge { padding: 2rem 0; margin: 2rem 0; } } .leftaligned-contntbx-sec.partner-leftaligned-contntbx-sec { padding: 3rem 0 3rem 0; margin: 3rem 0; } .leftaligned-contntbx-sec.partner-leftaligned-contntbx-sec .top-title-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 6.4rem; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 25px; } .leftaligned-contntbx-sec.partner-leftaligned-contntbx-sec .top-title-box p { max-width: 610px; margin-top: 24px; } @media screen and (max-width: 992px) { .leftaligned-contntbx-sec.partner-leftaligned-contntbx-sec .top-title-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 4rem; } } @media screen and (max-width: 992px) { .leftaligned-contntbx-sec.partner-leftaligned-contntbx-sec { padding: 2rem 0; margin: 2rem 0; } } .leftaligned-contntbx-sec.pb-64 { padding: 3rem 0 3rem 0; } @media screen and (min-width: 768px) { .leftaligned-contntbx-sec.pb-64 { padding: 4.5rem 0 7rem 0; } } @media screen and (min-width: 992px) { .leftaligned-contntbx-sec.pb-64 { padding: 6.4rem 0 9.6rem 0; } } .leftaligned-contntbx-sec.withleft-hdr .left-image { background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3rem; } @media (min-width: 1024px) { .leftaligned-contntbx-sec.withleft-hdr .left-image { gap: 4.8rem; } } /**********************************/ /**********************************/ .serviceTab-content-sec { padding: 3rem 0 3rem 0; } @media screen and (min-width: 768px) { .serviceTab-content-sec { padding: 2rem 0 2rem 0; } } @media screen and (min-width: 992px) { .serviceTab-content-sec { padding: 3rem 0 3rem 0; } } .serviceTab-content-sec .serviceTab-blk { margin-bottom: 3.6rem; } .serviceTab-content-sec .center-hdg2-blk { padding-bottom: 3rem; } .serviceTab-content-sec .center-hdg2-blk h2 { margin-bottom: 0.8rem; } @media screen and (min-width: 992px) { .serviceTab-content-sec .center-hdg2-blk { padding-bottom: 6.4rem; } } .serviceTab-content-sec .bg-withcontent-sec { padding: 0 !important; } .serviceTab-content-sec .bg-withcontent-sec .container { padding: 0; } .serviceTab-content-sec .serviceTab-mainouter .bg-withcontent-main { background: #28292f; } .serviceTab-content-sec .serviceTab-mainouter .bg-withcontent-main .layer { background: #11223B !important; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; z-index: 3; border-radius: 0.6rem; } @media screen and (min-width: 1024px) { .serviceTab-content-sec .serviceTab-mainouter .bg-withcontent-main .layer { background: linear-gradient(0deg, rgba(40, 41, 47, 0.2), rgba(40, 41, 47, 0.2)), linear-gradient(275.47deg, rgba(40, 41, 47, 0) 34.87%, rgba(40, 41, 47, 0.95) 62.3%) !important; } } .serviceTab-content-sec .serviceTab-mainouter h3 { color: #ffffff; text-align: left; margin: 0; margin-bottom: 1.8rem; } @media screen and (min-width: 992px) { .serviceTab-content-sec .serviceTab-mainouter h3 { margin-bottom: 3.6rem; } } .serviceTab-content-sec .serviceTab-mainouter .bg-withcontent-sec .bg-withcontent-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .serviceTab-content-sec .serviceTab-mainouter .bg-withcontent-sec .bg-withcontent-wrapper { padding-bottom: 3.6rem; } @media screen and (min-width: 992px) { .serviceTab-content-sec .serviceTab-mainouter .bg-withcontent-sec .bg-withcontent-wrapper { padding-bottom: 6.4rem; } } .serviceTab-content-sec .serviceTab-mainouter p { color: #ffffff; max-width: 100%; text-align: left; } @media screen and (min-width: 992px) { .serviceTab-content-sec .serviceTab-mainouter p { max-width: 48.8rem; margin: 0; } } .serviceTab-content-sec .serviceTab-mainouter .list-item-wraper ul li { color: #ffffff; margin-bottom: 0.8rem; text-align: left; } .serviceTab-content-sec .serviceTab-mainouter .list-item-wraper ul li:last-child { margin-bottom: 0; } .serviceTab-content-sec .serviceTab-mainouter .list-item-wraper ul li::before { background: url("../svg/triangle-arrow1.svg") center no-repeat; } .serviceTab-content-sec .serviceTab-mainouter .list-item-wraper ul li:hover { -webkit-transition: padding 0.7s ease all; transition: padding 0.7s ease all; } .serviceTab-content-sec .serviceTab-mainouter .list-item-wraper ul li:hover::before { background: url("../svg/triangle-list1.svg") center no-repeat; -webkit-transition: padding 0.7s ease all; transition: padding 0.7s ease all; } .serviceTab-content-sec .serviceTab-mainouter .bg-withcontent-sec .bottom-wrap { text-align: left; } /**********************************/ /**********************************/ .greyicon-card-sec { padding-bottom: 3rem; padding-top: 3rem; } .greyicon-card-sec.grey-bg { background: #EBF0F4; margin: 3rem 0; } @media (max-width: 992px) { .greyicon-card-sec.grey-bg { margin: 2rem 0; } } .greyicon-card-sec.grey-bg .grid-item { background: #ffffff; } .greyicon-card-sec.grey-bg .grid-item .large-txt { margin-bottom: 5px; } .greyicon-card-sec.grey-bg .grid-item:hover { background: #ffffff; border: 0.1rem solid #899FB4; } @media screen and (min-width: 768px) { .greyicon-card-sec { padding-top: 2rem; padding-bottom: 2rem; } } @media screen and (min-width: 992px) { .greyicon-card-sec { padding-top: 3rem; padding-bottom: 3rem; } } .greyicon-card-sec .headg-blk { padding-bottom: 3.6rem; } @media screen and (min-width: 768px) { .greyicon-card-sec .headg-blk { padding-bottom: 4rem; } } @media screen and (min-width: 992px) { .greyicon-card-sec .headg-blk { padding-bottom: 6.4rem; } } .greyicon-card-sec .grid-item { background: -webkit-gradient(linear, left top, right top, from(#EFEFEF), to(#EFEFEF)); background: linear-gradient(to right, #EFEFEF 0%, #EFEFEF 100%); background: #EBF0F4; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; border: 0.1rem solid transparent; } .greyicon-card-sec .grid-item:hover { background: #EBF0F4; border: 0.1rem solid #899FB4; } .greyicon-card-sec .grid-item h4 { color: rgba(0, 7, 20, 0.9); letter-spacing: -0.066rem; margin-bottom: 1.2rem; } .greyicon-card-sec .grid-item h5 { color: rgba(0, 7, 20, 0.9); margin-bottom: 1.2rem; } .greyicon-card-sec .grid-item h6 { color: rgba(0, 7, 20, 0.9); letter-spacing: -0.066rem; margin-bottom: 1.2rem; font-weight: 600; } .greyicon-card-sec .grid-item p { line-height: 140%; margin-bottom: 1.6rem; } .greyicon-card-sec .grid-item p:last-child { margin-bottom: 0; } .greyicon-card-sec .grid-item.with-cta-blk { background: #11223B; border: none; } .greyicon-card-sec .grid-item.with-cta-blk .item-box { height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .greyicon-card-sec .grid-item.with-cta-blk h4 { color: #ffffff; } .greyicon-card-sec .grid-item.with-cta-blk h5 { color: #ffffff; font-size: 2rem; font-weight: 600; line-height: 140%; } .greyicon-card-sec .grid-item.with-cta-blk h6 { color: #ffffff; font-size: 2rem; font-weight: 600; line-height: 140%; } .greyicon-card-sec .grid-item.with-cta-blk p { color: #ffffff; margin-top: 2.4rem; } .greyicon-card-sec .grid-item.with-cta-blk:hover { background: #6BC4E0; border: none; } .greyicon-card-sec .grid-item.with-cta-blk .primaryBtn.regularbtn { font-weight: 500; min-width: 22.5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .greyicon-card-sec .icon-svg { background: #ffffff; border-radius: 0.6rem; max-width: 7.2rem; max-height: 7.2rem; min-height: 7.2rem; min-width: 7.2rem; } .greyicon-card-sec .icon-svg img { max-width: 5rem; max-height: 5rem; -o-object-fit: contain; object-fit: contain; -webkit-animation: bounceUpDown 1.5s ease-in-out infinite alternate; animation: bounceUpDown 1.5s ease-in-out infinite alternate; will-change: transform; } .greyicon-card-sec .svg-logo-wrap { border-radius: 0.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; background: transparent; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .greyicon-card-sec .item-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3.1rem; } @media screen and (min-width: 768px) { .greyicon-card-sec .item-box { gap: 9rem; } } @media screen and (min-width: 992px) { .greyicon-card-sec .item-box { gap: 9rem; } } .greyicon-card-sec .item-box.fullHeight { height: 100%; gap: unset; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .greyicon-card-sec .microicon-wrap { margin-top: 1.6rem; padding: 0.8rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.6rem; } .greyicon-card-sec .microicon-wrap .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .greyicon-card-sec .bottom-btn-wrap { padding-top: 6.4rem; margin: 0 auto; text-align: center; } .greyicon-card-sec.column2-card-sec .col-3-grid-container { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } @media (min-width: 768px) { .greyicon-card-sec.column2-card-sec .col-3-grid-container { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); /* 2 Columns */ } } @media (min-width: 992px) { .greyicon-card-sec.column2-card-sec .col-3-grid-container { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); /* 3 Equal Columns */ } } .greyicon-card-sec.sub-card-sec { padding-bottom: 3rem; padding-top: 2rem; } @media screen and (min-width: 768px) { .greyicon-card-sec.sub-card-sec { padding-top: 2rem; padding-bottom: 2rem; } } @media screen and (min-width: 992px) { .greyicon-card-sec.sub-card-sec { padding-top: 3rem; padding-bottom: 3rem; } } .greyicon-card-sec.bottom-text-sec .col-3-grid-container { padding-bottom: 6.4rem; } .greyicon-card-sec.bottom-text-sec .col-2-grid-container { padding-bottom: 6.4rem; } .greyicon-card-sec.column2-and3-cardsec .col-2-grid-container-sec { padding-bottom: 3rem; } .greyicon-card-sec.column2-and3-cardsec .center-hdg2-blk h2 { margin-bottom: 0; } .greyicon-card-sec.pb-only { padding-bottom: 3rem; padding-top: 0; } @media screen and (min-width: 768px) { .greyicon-card-sec.pb-only { padding-top: 2rem; padding-bottom: 2rem; } } @media screen and (min-width: 992px) { .greyicon-card-sec.pb-only { padding-top: 3rem; padding-bottom: 3rem; } } .greyicon-card-sec.pb-small { padding-bottom: 3rem; padding-top: 0; } @media screen and (min-width: 768px) { .greyicon-card-sec.pb-small { padding-top: 0; padding-bottom: 4rem; } } @media screen and (min-width: 992px) { .greyicon-card-sec.pb-small { padding-top: 0; padding-bottom: 6.4rem; } } .greyicon-card-sec.pb-small .col-4-grid-container .grid-item h4 { margin-bottom: 0; min-height: auto; } @media screen and (min-width: 992px) { .greyicon-card-sec.pb-small .col-4-grid-container .grid-item h4 { min-height: 6.2rem; } } .greyicon-card-sec.pb-small .col-4-grid-container .item-box { gap: 4.8rem; } .greyicon-card-sec.pb-large .grid-item { padding-bottom: 2.8rem; } @media screen and (min-width: 768px) { .greyicon-card-sec.pb-large .grid-item { padding-bottom: 6rem; } } @media screen and (min-width: 992px) { .greyicon-card-sec.pb-large .grid-item { padding-bottom: 6rem; } } .greyicon-card-sec.minh-large .grid-item { min-height: auto; } @media screen and (min-width: 768px) { .greyicon-card-sec.minh-large .grid-item { min-height: 55.3rem; } } @media screen and (min-width: 992px) { .greyicon-card-sec.minh-large .grid-item { min-height: 55.3rem; } } .greyicon-card-sec.order-first .grid-item.with-cta-blk { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .greyicon-card-sec.box-color-chnge { background: #EBF0F4; } .greyicon-card-sec.box-color-chnge .grid-item { background: #ffffff; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; border: 0.1rem solid transparent; } .greyicon-card-sec.box-color-chnge .grid-item:hover { background: #ffffff; border: 0.1rem solid #899FB4; } .greyicon-card-sec.box-color-chnge .grid-item { padding: 2.8rem 2.8rem; } @media screen and (min-width: 992px) { .greyicon-card-sec.box-color-chnge .grid-item { padding: 5.5rem 2.8rem; } } .greyicon-card-sec.box-color-chnge .grid-item.with-cta-blk { background: #11223B; border: none; padding: 2.8rem 2.8rem; } .greyicon-card-sec.paddg-normal .grid-item { padding: 2.8rem 2.8rem; } @media screen and (min-width: 992px) { .greyicon-card-sec.paddg-normal .grid-item { padding: 2.8rem 2.8rem; } } .greyicon-card-sec.paddg-normal .headg-blk { padding-bottom: 3.6rem; } @media screen and (min-width: 768px) { .greyicon-card-sec.paddg-normal .headg-blk { padding-bottom: 4rem; } } @media screen and (min-width: 992px) { .greyicon-card-sec.paddg-normal .headg-blk { padding-bottom: 4.8rem; } } .greyicon-card-sec.large-iconwrap .svg-logo-wrap { background: #ffffff; border-radius: 0.6rem; max-width: 16.7rem; max-height: 12.8rem; min-height: 12.8rem; min-width: 16.7rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .greyicon-card-sec.large-iconwrap h6 { color: rgba(1, 9, 24, 0.7); } .greyicon-card-sec .gap-8 { gap: 0.8rem; } .greyicon-card-sec.points-greyicon-card-sec .grid-item .primaryLnk { margin-top: 140px; } @media screen and (max-width: 992px) { .greyicon-card-sec.points-greyicon-card-sec .grid-item .primaryLnk { margin-top: 70px; } } .greyicon-card-sec.points-greyicon-card-sec .grid-item .item-box.fullHeight .bottom-content p.large-txt { color: #010918; margin-bottom: 2.4rem; } .greyicon-card-sec.glossary .grid-item { display: block; margin-bottom: 2rem; background: #ffffff; border: 0.1rem solid #899FB4; position: relative; border-radius: 0.6rem; padding: 2rem 4.5rem 2rem 2rem; text-decoration: none; } @media screen and (min-width: 992px) { .greyicon-card-sec.glossary .grid-item { padding: 2.8rem 7rem 2.8rem 2.8rem; } } .greyicon-card-sec.glossary .grid-item .item-box { position: relative; } .greyicon-card-sec.glossary .grid-item .item-box::after { content: ""; background-image: url("../svg/arrow-black-right.svg"); background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 0.45rem; width: 2rem; height: 2rem; position: absolute; top: 0.8rem; right: -2.5rem; border-radius: 50%; border: 0.1rem solid rgba(1, 9, 24, 0.7); -webkit-transition: 0.3s ease all; transition: 0.3s ease all; } @media screen and (min-width: 992px) { .greyicon-card-sec.glossary .grid-item .item-box::after { background-size: 0.6rem; width: 2.4rem; height: 2.4rem; right: -4.2rem; } } .greyicon-card-sec.glossary .grid-item:hover .item-box { position: relative; } .greyicon-card-sec.glossary .grid-item:hover .item-box::after { content: ""; background-image: url("../svg/arrow-orange-right.svg"); background-color: transparent; background-repeat: no-repeat; background-position: center; border: 0.1rem solid #E74C24; -webkit-transition: 0.3s ease all; transition: 0.3s ease all; background-size: 0.45rem; } @media screen and (min-width: 992px) { .greyicon-card-sec.glossary .grid-item:hover .item-box::after { background-size: 0.6rem; width: 2.4rem; height: 2.4rem; right: -4.2rem; } } .greyicon-card-sec.glossary .grid-item img { width: 15px; height: 15px; position: absolute; right: 30px; top: 30px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .greyicon-card-sec.glossary .grid-item p { margin-top: 10px; } .greyicon-card-sec.glossary .grid-item .large-txt { color: #010918; } .greyicon-card-sec.glossary .grid-item:hover img { right: 20px; } .greyicon-card-sec .grid-item.thank-grid-item .item-box { gap: 3.1rem; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 768px) { .greyicon-card-sec .grid-item.thank-grid-item .item-box { gap: 3.6rem; } } @media screen and (min-width: 992px) { .greyicon-card-sec .grid-item.thank-grid-item .item-box { gap: 3.6rem; } } /**********************************/ /**********************************/ .fullwidthbg-content-sec { padding: 0; position: relative; background-color: #11223B; display: block; width: 100%; height: auto; margin: 3rem 0; } @media (max-width: 992px) { .fullwidthbg-content-sec { margin: 2rem 0; } } @media (max-width: 768px) { .fullwidthbg-content-sec { margin-top: 0; } } .fullwidthbg-content-sec .fullwidthbg-content-area { background: url("../png/middle1.png"); background-position: right center; background-repeat: no-repeat; background-size: auto; background-blend-mode: multiply; height: auto; position: relative; width: 100%; } .fullwidthbg-content-sec .layer { position: absolute; z-index: 3; left: 0; right: 0; top: 0; width: 100%; height: 100%; background: #11223B; border-radius: 0.6rem; } @media screen and (min-width: 1024px) { .fullwidthbg-content-sec .layer { background: linear-gradient(100.6deg, #11223B 15.65%, rgba(17, 34, 59, 0) 72.75%); z-index: 1; } } .fullwidthbg-content-sec .fullwidthbg-content-main { position: relative; padding-top: 3rem; padding-bottom: 3rem; z-index: 4; } @media screen and (min-width: 768px) { .fullwidthbg-content-sec .fullwidthbg-content-main { padding-top: 5rem; padding-bottom: 5rem; } } @media screen and (min-width: 992px) { .fullwidthbg-content-sec .fullwidthbg-content-main { padding-top: 9.6rem; padding-bottom: 9.6rem; } } .fullwidthbg-content-sec .fullwidthbg-content-wrapper { max-width: 100%; padding-bottom: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 2; } @media screen and (min-width: 768px) { .fullwidthbg-content-sec .fullwidthbg-content-wrapper { padding-bottom: 5rem; max-width: 68.7rem; } } @media screen and (min-width: 992px) { .fullwidthbg-content-sec .fullwidthbg-content-wrapper { padding-bottom: 16.6rem; max-width: 68.7rem; } } .fullwidthbg-content-sec .fullwidthbg-content-wrapper h2 { line-height: 1.1; } .fullwidthbg-content-sec .fullwidthbg-content-wrapper h2, .fullwidthbg-content-sec .fullwidthbg-content-wrapper .large-txt, .fullwidthbg-content-sec .fullwidthbg-content-wrapper h3, .fullwidthbg-content-sec .fullwidthbg-content-wrapper h4 { color: #ffffff; } .fullwidthbg-content-sec .fullwidthbg-content-wrapper h1, .fullwidthbg-content-sec .fullwidthbg-content-wrapper h2, .fullwidthbg-content-sec .fullwidthbg-content-wrapper .large-txt, .fullwidthbg-content-sec .fullwidthbg-content-wrapper h3, .fullwidthbg-content-sec .fullwidthbg-content-wrapper h4 { padding-bottom: 1.8rem; } .fullwidthbg-content-sec .fullwidthbg-content-wrapper p.text-white { color: #ffffff; font-size: 1.6rem; } @media screen and (min-width: 393px) { .fullwidthbg-content-sec .fullwidthbg-content-wrapper p.text-white { font-size: 1.8rem; } } .fullwidthbg-content-sec .fullwidthbg-content-wrapper p.text-white .blue { color: #6BC4E0; } .fullwidthbg-content-sec .fullwidthbg-content-wrapper p.text-white .blue:hover { color: #3D93AE; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .fullwidthbg-content-sec .fullwidthbg-content-wrapper p.text-white .blue:hover a { color: #3D93AE; } @media screen and (min-width: 992px) { .fullwidthbg-content-sec .fullwidthbg-content-wrapper p.text-white { font-size: 2rem; line-height: 150%; } } .fullwidthbg-content-sec .fullwidthbg-content-wrapper p.text-white-90 { color: rgba(255, 255, 255, 0.9); font-size: 1.8rem; } @media screen and (min-width: 992px) { .fullwidthbg-content-sec .fullwidthbg-content-wrapper p.text-white-90 { font-size: 2rem; line-height: 150%; } } .fullwidthbg-content-sec .fullwidthbg-content-wrapper p.small-txt { color: #ffffff; } @media screen and (min-width: 992px) { .fullwidthbg-content-sec .fullwidthbg-content-wrapper p.small-txt { font-size: 1.8rem; } } .fullwidthbg-content-sec .fullwidthbg-content-wrapper .list-item-wraper.with-head { margin: 0; padding: 0; list-style-type: none; } .fullwidthbg-content-sec .fullwidthbg-content-wrapper .list-item-wraper.with-head li { padding-left: 15px; margin-bottom: 1.8rem; } .fullwidthbg-content-sec .fullwidthbg-content-wrapper .list-item-wraper.with-head li .description { font-weight: 400; } @media screen and (min-width: 992px) { .fullwidthbg-content-sec .fullwidthbg-content-wrapper .list-item-wraper p { font-size: 2rem; } } .fullwidthbg-content-sec .fullwidthbg-content-wrapper ul li { font-weight: 600; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; letter-spacing: 0; line-height: 140%; color: rgba(255, 255, 255, 0.7) !important; margin-bottom: 0.8rem; position: relative; } @media screen and (min-width: 450px) { .fullwidthbg-content-sec .fullwidthbg-content-wrapper ul li { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; } } @media screen and (min-width: 992px) { .fullwidthbg-content-sec .fullwidthbg-content-wrapper ul li { font-size: 2rem; line-height: 140%; font-weight: 400; letter-spacing: 0; font-weight: 600; line-height: 130%; color: rgba(255, 255, 255, 0.7) !important; } } .fullwidthbg-content-sec .fullwidthbg-content-wrapper ul li::before { content: ""; position: absolute; background: url("../svg/triangle-arrow2.svg") center no-repeat; background-size: contain; width: 0.5rem; height: 1rem; aspect-ratio: 1; left: 0; top: 1.2rem; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; -webkit-transition: left 0.7s ease, -webkit-transform 0.7s ease; transition: left 0.7s ease, -webkit-transform 0.7s ease; transition: transform 0.7s ease, left 0.7s ease; transition: transform 0.7s ease, left 0.7s ease, -webkit-transform 0.7s ease; } .fullwidthbg-content-sec .fullwidthbg-content-wrapper ul li::before.blue-lst { background: url("../svg/triangle-arrow1.svg") center no-repeat; background-size: contain; } .fullwidthbg-content-sec .fullwidthbg-content-wrapper ul li:hover { -webkit-transition: padding 0.7s ease all; transition: padding 0.7s ease all; } .fullwidthbg-content-sec .fullwidthbg-content-wrapper ul li:hover::before { background: url("../svg/triangle-list1.svg") center no-repeat; -webkit-transition: padding 0.7s ease all; transition: padding 0.7s ease all; } .fullwidthbg-content-sec .fullwidthbg-content-wrapper p { color: rgba(255, 255, 255, 0.7); margin-bottom: 1.8rem; font-weight: 600; letter-spacing: -0.032rem; } .fullwidthbg-content-sec .fullwidthbg-content-wrapper .btn-wrap { margin-top: 1.8rem; } .fullwidthbg-content-sec .bottom-wrap { position: relative; z-index: 2; } .fullwidthbg-content-sec .logos-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2rem; } @media (min-width: 425px) { .fullwidthbg-content-sec .logos-wrap { gap: 3rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 992px) { .fullwidthbg-content-sec .logos-wrap { gap: 4.2rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .fullwidthbg-content-sec .logos-wrap a img { max-height: 43rem; -o-object-fit: contain; object-fit: contain; } .fullwidthbg-content-sec p .alignnone { margin-right: 0; margin-bottom: 3rem; } @media screen and (min-width: 580px) { .fullwidthbg-content-sec p .alignnone { margin-right: 2rem; max-height: none; } } @media screen and (min-width: 992px) { .fullwidthbg-content-sec p .alignnone { margin-right: 2rem; max-height: none; } } .fullwidthbg-content-sec.pb-76 .fullwidthbg-content-main { padding-bottom: 3rem; } @media screen and (min-width: 768px) { .fullwidthbg-content-sec.pb-76 .fullwidthbg-content-main { padding-bottom: 5rem; } } @media screen and (min-width: 992px) { .fullwidthbg-content-sec.pb-76 .fullwidthbg-content-main { padding-bottom: 7.6rem; } } .fullwidthbg-content-sec.pb-small .fullwidthbg-content-wrapper { padding-bottom: 1.8rem; } .fullwidthbg-content-sec.pb-medium .fullwidthbg-content-wrapper { padding-bottom: 3rem; } @media screen and (min-width: 768px) { .fullwidthbg-content-sec.pb-medium .fullwidthbg-content-wrapper { padding-bottom: 3.4rem; } } @media screen and (min-width: 992px) { .fullwidthbg-content-sec.pb-medium .fullwidthbg-content-wrapper { padding-bottom: 3.4rem; } } .fullwidthbg-content-sec.pb-large .fullwidthbg-content-wrapper { padding-bottom: 3rem; } @media screen and (min-width: 768px) { .fullwidthbg-content-sec.pb-large .fullwidthbg-content-wrapper { padding-bottom: 5rem; } } @media screen and (min-width: 992px) { .fullwidthbg-content-sec.pb-large .fullwidthbg-content-wrapper { padding-bottom: 24.4rem; } } .fullwidthbg-content-sec.pb-mediumlarge .fullwidthbg-content-wrapper { padding-bottom: 3rem; } @media screen and (min-width: 768px) { .fullwidthbg-content-sec.pb-mediumlarge .fullwidthbg-content-wrapper { padding-bottom: 5rem; } } @media screen and (min-width: 992px) { .fullwidthbg-content-sec.pb-mediumlarge .fullwidthbg-content-wrapper { padding-bottom: 21rem; } } .fullwidthbg-content-sec.endpoint-fullwidth h4 { color: #ffffff; margin-bottom: 12px; } @media screen and (min-width: 992px) { .fullwidthbg-content-sec.endpoint-fullwidth p { font-size: 2rem; } } .fullwidthbg-content-sec.mx-60 .fullwidthbg-content-wrapper { max-width: 100%; } @media screen and (min-width: 768px) { .fullwidthbg-content-sec.mx-60 .fullwidthbg-content-wrapper { max-width: 60rem; } } @media screen and (min-width: 992px) { .fullwidthbg-content-sec.mx-60 .fullwidthbg-content-wrapper { max-width: 60rem; } } .fullwidthbg-content-sec .full-widthbox-content { position: relative; z-index: 3; padding-bottom: 9.6rem; } @media screen and (max-width: 992px) { .fullwidthbg-content-sec .full-widthbox-content { padding-bottom: 3rem; } } .fullwidthbg-content-sec .full-widthbox-content .col-2-grid-container .grid-item { background: #899FB4; padding: 28px; border-radius: 6px; } .fullwidthbg-content-sec .full-widthbox-content .col-2-grid-container .grid-item .head { font-size: 4.2rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; color: #11223B; } .fullwidthbg-content-sec .full-widthbox-content .col-2-grid-container .grid-item .source { margin-top: 120px; font-family: "Manrope", sans-serif; font-size: 1.6rem; line-height: 140%; font-weight: 400; color: rgba(1, 9, 24, 0.7); } .fullwidthbg-content-sec .full-widthbox-content .col-2-grid-container .grid-item .source span { font-weight: 700; } @media screen and (max-width: 1180px) { .fullwidthbg-content-sec .full-widthbox-content .col-2-grid-container .grid-item .head { font-size: 3rem; } } @media screen and (max-width: 992px) { .fullwidthbg-content-sec .full-widthbox-content .col-2-grid-container .grid-item .head { font-size: 2.5rem; } .fullwidthbg-content-sec .full-widthbox-content .col-2-grid-container .grid-item .source { font-size: 1.4rem; margin-top: 30px; } } .fullwidthbg-content-sec .full-widthbox-content .col-2-grid-container .grid-item:nth-child(2) { background: #6BC4E0; } .fullwidthbg-content-sec .full-widthbox-content .col-1-grid-container .grid-item { background: #EBF0F4; border-radius: 6px; padding: 28px; margin-top: 30px; } .fullwidthbg-content-sec .full-widthbox-content .col-1-grid-container .grid-item .head, .fullwidthbg-content-sec .full-widthbox-content .col-1-grid-container .grid-item .large-txt { width: 50%; } .fullwidthbg-content-sec .full-widthbox-content .col-1-grid-container .grid-item.flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 96px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .fullwidthbg-content-sec .full-widthbox-content .col-1-grid-container .grid-item .head { font-size: 4.2rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; color: #11223B; } .fullwidthbg-content-sec .full-widthbox-content .col-1-grid-container .grid-item .large-txt { color: rgba(1, 9, 24, 0.9); } @media screen and (max-width: 1180px) { .fullwidthbg-content-sec .full-widthbox-content .col-1-grid-container .grid-item .head { font-size: 3rem; } } @media screen and (max-width: 992px) { .fullwidthbg-content-sec .full-widthbox-content .col-1-grid-container .grid-item .head { font-size: 2.5rem; } .fullwidthbg-content-sec .full-widthbox-content .col-1-grid-container .grid-item .head, .fullwidthbg-content-sec .full-widthbox-content .col-1-grid-container .grid-item .large-txt { width: 100%; } .fullwidthbg-content-sec .full-widthbox-content .col-1-grid-container .grid-item.flex-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } } .fullwidthbg-content-sec.normal-weight ul li { font-weight: 400; } @media screen and (min-width: 992px) { .fullwidthbg-content-sec.normal-weight ul li { font-weight: 400; } } .fullwidthbg-content-sec.normal-weight ul li p { font-weight: 400; } @media screen and (min-width: 992px) { .fullwidthbg-content-sec.normal-weight ul li p { font-weight: 400; } } .fullwidthbg-content-sec.transform-mdl .fullwidthbg-content-wrapper { padding-top: 0; padding-bottom: 0; max-width: 100%; } @media screen and (min-width: 992px) { .fullwidthbg-content-sec.transform-mdl .fullwidthbg-content-wrapper { padding-top: 7.5rem; padding-bottom: 7.5rem; max-width: 70.5rem; } } .fullwidthbg-content-sec.transform-mdl-small .fullwidthbg-content-main { padding-top: 5rem; padding-bottom: 5rem; } @media screen and (min-width: 768px) { .fullwidthbg-content-sec.transform-mdl-small .fullwidthbg-content-main { padding-top: 10rem; padding-bottom: 10rem; } } @media screen and (min-width: 992px) { .fullwidthbg-content-sec.transform-mdl-small .fullwidthbg-content-main { padding-top: 15.7rem; padding-bottom: 15.7rem; } } .fullwidthbg-content-sec.transform-mdl-small .fullwidthbg-content-wrapper { padding-top: 0; padding-bottom: 0; max-width: 100%; } @media screen and (min-width: 992px) { .fullwidthbg-content-sec.transform-mdl-small .fullwidthbg-content-wrapper { padding-top: 0; padding-bottom: 1.8rem; max-width: 70.5rem; } } /**********************************/ /**********************************/ .wheel-popoup-sec { padding-bottom: 3rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .wheel-popoup-sec { padding-top: 2rem; padding-bottom: 2rem; } } @media screen and (min-width: 992px) { .wheel-popoup-sec { padding-top: 3rem; padding-bottom: 3rem; } } .wheel-popoup-sec .center-hdg2-blk { padding-bottom: 20rem; } @media screen and (max-width: 992px) { .wheel-popoup-sec .center-hdg2-blk { padding-bottom: 6.4rem; } } @media screen and (max-width: 580px) { .wheel-popoup-sec .center-hdg2-blk { padding-bottom: 3rem; } } .wheel-popoup-sec .hver-icon-sec { position: relative; } .wheel-popoup-sec .hver-icon-sec ul { list-style: none; margin: 0; padding: 0; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); width: 100%; height: 100%; z-index: 2; } @media screen and (max-width: 992px) { .wheel-popoup-sec .hver-icon-sec ul { position: relative; left: auto; top: auto; -webkit-transform: none; transform: none; } } .wheel-popoup-sec .hver-icon-sec ul li { margin-bottom: 0; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; cursor: pointer; } @media screen and (max-width: 992px) { .wheel-popoup-sec .hver-icon-sec ul li { margin-bottom: 3rem; } } .wheel-popoup-sec .hver-icon-sec ul li img { -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; width: 100%; max-width: 4.8rem; max-height: 4.8rem; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .wheel-popoup-sec .hver-icon-sec ul li .sourceText { font-size: 2rem; color: rgba(1, 9, 24, 0.7); display: inline-block; opacity: 1; -webkit-transition: opacity 0.7s ease; transition: opacity 0.7s ease; } @media screen and (max-width: 1350px) { .wheel-popoup-sec .hver-icon-sec ul li h4 { font-size: 2.2rem; } } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: opacity 0.7s ease; transition: opacity 0.7s ease; opacity: 1; visibility: visible; pointer-events: auto; position: absolute; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } @media screen and (max-width: 992px) { .wheel-popoup-sec .hver-icon-sec ul li .source-wrap { display: none; } } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.vrtcltop { top: -20%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (max-width: 992px) { .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.vrtcltop { opacity: 1; position: relative; width: 100%; max-width: 100%; left: auto; right: auto; top: auto; bottom: auto; } } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.hrzntltop-rht { top: 22%; right: -40%; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.hrzntltop-rht span { margin-bottom: 0; margin-left: 22px; max-width: 162px; } @media screen and (max-width: 992px) { .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.hrzntltop-rht { opacity: 1; position: relative; width: 100%; max-width: 100%; left: auto; right: auto; top: auto; bottom: auto; } } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.hrzntltop-lft { top: 22%; left: -45%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: right; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.hrzntltop-lft span { margin-bottom: 0; margin-right: 22px; max-width: 162px; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.hrzntlbtm-rht { bottom: 0; right: -25%; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.hrzntlbtm-rht span { margin-bottom: 0; margin-left: 22px; max-width: 162px; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.hrzntlbtm-lft { bottom: 0; left: -25%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: right; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.hrzntlbtm-lft span { margin-bottom: 0; margin-right: 22px; max-width: 162px; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap .source-img-wrap { min-width: 9.6rem; min-height: 9.6rem; max-width: 9.6rem; max-height: 9.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background-color: #EBF0F4; -webkit-transition: opacity 0.7s ease; transition: opacity 0.7s ease; position: relative; z-index: 2; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap .source-without-wrap { min-width: 2.4rem; min-height: 2.4rem; max-width: 2.4rem; max-height: 2.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background-color: #EBF0F4; opacity: 0; -webkit-transition: opacity 0.7s ease; transition: opacity 0.7s ease; } .wheel-popoup-sec .hver-icon-sec ul li .hover-wrap { background-color: #11223B; padding: 2.8rem; border-radius: 0.6rem; max-width: 47rem; min-width: 47rem; position: absolute; opacity: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 1350px) { .wheel-popoup-sec .hver-icon-sec ul li .hover-wrap { max-width: 45rem; min-width: 45rem; padding: 2rem; } } @media screen and (max-width: 1280px) { .wheel-popoup-sec .hver-icon-sec ul li .hover-wrap { max-width: 30rem; min-width: 30rem; } } @media screen and (max-width: 992px) { .wheel-popoup-sec .hver-icon-sec ul li .hover-wrap { opacity: 1; position: relative; width: 100%; max-width: 100%; left: auto; right: auto; top: auto; bottom: auto; min-width: auto; } } .wheel-popoup-sec .hver-icon-sec ul li .hover-wrap::after { content: " "; position: absolute; right: 3rem; bottom: -1.5rem; background-image: url("../svg/arrow1.svg"); background-repeat: no-repeat; background-size: contain; width: 3.6rem; height: 3.6rem; } @media screen and (max-width: 992px) { .wheel-popoup-sec .hver-icon-sec ul li .hover-wrap::after { display: none; } } .wheel-popoup-sec .hver-icon-sec ul li .hover-wrap .popup-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wheel-popoup-sec .hver-icon-sec ul li .hover-wrap .source-img-wrap { text-align: left; margin-bottom: 2.4rem; } .wheel-popoup-sec .hver-icon-sec ul li .hover-wrap h4 { color: #ffffff; text-align: left; margin-bottom: 2.4rem; } .wheel-popoup-sec .hver-icon-sec ul li .hover-wrap p { color: rgba(255, 255, 255, 0.7); text-align: left; } .wheel-popoup-sec .hver-icon-sec ul li.active .hover-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .wheel-popoup-sec .hver-icon-sec ul li.active .vrtclhovertop { top: -38%; left: -10%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .wheel-popoup-sec .hver-icon-sec ul li.active .vrtclhovertop::after { bottom: 1.5rem; right: -0.8rem; -webkit-transform: rotate(28deg); transform: rotate(28deg); } @media screen and (max-width: 992px) { .wheel-popoup-sec .hver-icon-sec ul li.active .vrtclhovertop { opacity: 1; position: relative; width: 100%; max-width: 100%; left: auto; right: auto; top: auto; bottom: auto; -webkit-transform: none; transform: none; } } .wheel-popoup-sec .hver-icon-sec ul li.active .vrtcltop { top: -28.5%; } .wheel-popoup-sec .hver-icon-sec ul li.active .vrtcltop .sourceText { opacity: 0; } .wheel-popoup-sec .hver-icon-sec ul li.active .vrtcltop .source-img-wrap { opacity: 0; } .wheel-popoup-sec .hver-icon-sec ul li.active .vrtcltop .source-without-wrap { opacity: 1; } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntltophover-rht { top: -6%; right: -54%; -webkit-transform: translateX(50%); transform: translateX(50%); -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntltophover-rht::after { left: -1.6rem; bottom: 3rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); } @media screen and (max-width: 1280px) { .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntltophover-rht::after { left: 3rem; bottom: -1rem; -webkit-transform: rotate(90deg); transform: rotate(240deg); } } @media screen and (max-width: 1440px) { .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntltophover-rht { right: -35%; top: -23%; } } @media screen and (max-width: 1280px) { .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntltophover-rht { right: -10%; } } @media screen and (max-width: 992px) { .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntltophover-rht { opacity: 1; position: relative; width: 100%; max-width: 100%; left: auto; right: auto; top: auto; bottom: auto; -webkit-transform: none; transform: none; } } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntltop-rht { right: -51%; } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntltop-rht .sourceText { opacity: 0; } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntltop-rht .source-img-wrap { opacity: 0; } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntltop-rht .source-without-wrap { opacity: 1; } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntltophover-lft { top: -6%; left: -54%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: right; } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntltophover-lft::after { bottom: 1.5rem; right: -0.8rem; -webkit-transform: rotate(28deg); transform: rotate(28deg); } @media screen and (max-width: 1280px) { .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntltophover-lft::after { right: 3rem; bottom: -1rem; -webkit-transform: rotate(90deg); transform: rotate(240deg); } } @media screen and (max-width: 1440px) { .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntltophover-lft { left: -35%; top: -23%; } } @media screen and (max-width: 1280px) { .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntltophover-lft { left: -10%; } } @media screen and (max-width: 992px) { .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntltophover-lft { opacity: 1; position: relative; width: 100%; max-width: 100%; left: auto; right: auto; top: auto; bottom: auto; -webkit-transform: none; transform: none; } } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntltop-lft { left: -56%; } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntltop-lft .sourceText { opacity: 0; } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntltop-lft .source-img-wrap { opacity: 0; } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntltop-lft .source-without-wrap { opacity: 1; } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntlbtmhover-rht { bottom: 0; right: -42%; -webkit-transform: translateX(50%); transform: translateX(50%); -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntlbtmhover-rht::after { left: -0.8rem; bottom: 3rem; -webkit-transform: rotate(328deg); transform: rotate(328deg); } @media screen and (max-width: 1440px) { .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntlbtmhover-rht { right: -36%; } } @media screen and (max-width: 1280px) { .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntlbtmhover-rht { right: -19%; } } @media screen and (max-width: 992px) { .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntlbtmhover-rht { opacity: 1; position: relative; width: 100%; max-width: 100%; left: auto; right: auto; top: auto; bottom: auto; -webkit-transform: none; transform: none; } } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntlbtm-rht { right: -36%; } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntlbtm-rht .sourceText { opacity: 0; } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntlbtm-rht .source-img-wrap { opacity: 0; } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntlbtm-rht .source-without-wrap { opacity: 1; } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntlbtmhover-lft { bottom: 0; left: -42%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: right; } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntlbtmhover-lft::after { right: -1rem; bottom: 3rem; -webkit-transform: rotate(28deg); transform: rotate(28deg); } @media screen and (max-width: 1440px) { .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntlbtmhover-lft { left: -36%; } } @media screen and (max-width: 1280px) { .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntlbtmhover-lft { left: -21%; } } @media screen and (max-width: 992px) { .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntlbtmhover-lft { opacity: 1; position: relative; width: 100%; max-width: 100%; left: auto; right: auto; top: auto; bottom: auto; -webkit-transform: none; transform: none; } } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntlbtm-lft { left: -33.5%; } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntlbtm-lft .sourceText { opacity: 0; } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntlbtm-lft .source-img-wrap { opacity: 0; } .wheel-popoup-sec .hver-icon-sec ul li.active .hrzntlbtm-lft .source-without-wrap { opacity: 1; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hover-wrap { opacity: 1; pointer-events: auto; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .vrtclhovertop { top: -38%; left: -10%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .vrtclhovertop::after { bottom: 1.5rem; right: -0.8rem; -webkit-transform: rotate(28deg); transform: rotate(28deg); } @media screen and (max-width: 992px) { .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .vrtclhovertop { opacity: 1; position: relative; width: 100%; max-width: 100%; left: auto; right: auto; top: auto; bottom: auto; -webkit-transform: none; transform: none; } } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active.vrtcltop { top: -28.5%; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active.vrtcltop .sourceText { opacity: 0; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active.vrtcltop .source-img-wrap { opacity: 0; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active.vrtcltop .source-without-wrap { opacity: 1; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntltophover-rht { top: -6%; right: -54%; -webkit-transform: translateX(50%); transform: translateX(50%); -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntltophover-rht::after { left: -1.6rem; bottom: 3rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); } @media screen and (max-width: 1280px) { .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntltophover-rht::after { left: 3rem; bottom: -1rem; -webkit-transform: rotate(90deg); transform: rotate(240deg); } } @media screen and (max-width: 1440px) { .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntltophover-rht { right: -35%; top: -23%; } } @media screen and (max-width: 1280px) { .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntltophover-rht { right: -10%; } } @media screen and (max-width: 992px) { .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntltophover-rht { opacity: 1; position: relative; width: 100%; max-width: 100%; left: auto; right: auto; top: auto; bottom: auto; -webkit-transform: none; transform: none; } } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active.hrzntltop-rht { right: -51%; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active.hrzntltop-rht .sourceText { opacity: 0; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active.hrzntltop-rht .source-img-wrap { opacity: 0; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active.hrzntltop-rht .source-without-wrap { opacity: 1; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntltophover-lft { top: -6%; left: -54%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: right; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntltophover-lft::after { bottom: 1.5rem; right: -0.8rem; -webkit-transform: rotate(28deg); transform: rotate(28deg); } @media screen and (max-width: 1280px) { .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntltophover-lft::after { right: 3rem; bottom: -1rem; -webkit-transform: rotate(90deg); transform: rotate(240deg); } } @media screen and (max-width: 1440px) { .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntltophover-lft { left: -35%; top: -23%; } } @media screen and (max-width: 1280px) { .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntltophover-lft { left: -10%; } } @media screen and (max-width: 992px) { .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntltophover-lft { opacity: 1; position: relative; width: 100%; max-width: 100%; left: auto; right: auto; top: auto; bottom: auto; -webkit-transform: none; transform: none; } } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active.hrzntltop-lft { left: -56%; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active.hrzntltop-lft .sourceText { opacity: 0; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active.hrzntltop-lft .source-img-wrap { opacity: 0; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active.hrzntltop-lft .source-without-wrap { opacity: 1; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntlbtmhover-rht { bottom: 0; right: -42%; -webkit-transform: translateX(50%); transform: translateX(50%); -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntlbtmhover-rht::after { left: -0.8rem; bottom: 3rem; -webkit-transform: rotate(328deg); transform: rotate(328deg); } @media screen and (max-width: 1440px) { .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntlbtmhover-rht { right: -36%; } } @media screen and (max-width: 1280px) { .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntlbtmhover-rht { right: -19%; } } @media screen and (max-width: 992px) { .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntlbtmhover-rht { opacity: 1; position: relative; width: 100%; max-width: 100%; left: auto; right: auto; top: auto; bottom: auto; -webkit-transform: none; transform: none; } } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active.hrzntlbtm-rht { right: -36%; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active.hrzntlbtm-rht .sourceText { opacity: 0; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active.hrzntlbtm-rht .source-img-wrap { opacity: 0; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active.hrzntlbtm-rht .source-without-wrap { opacity: 1; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntlbtmhover-lft { bottom: 0; left: -42%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: right; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntlbtmhover-lft::after { right: -1rem; bottom: 3rem; -webkit-transform: rotate(28deg); transform: rotate(28deg); } @media screen and (max-width: 1440px) { .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntlbtmhover-lft { left: -36%; } } @media screen and (max-width: 1280px) { .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntlbtmhover-lft { left: -21%; } } @media screen and (max-width: 992px) { .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active + .hrzntlbtmhover-lft { opacity: 1; position: relative; width: 100%; max-width: 100%; left: auto; right: auto; top: auto; bottom: auto; -webkit-transform: none; transform: none; } } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active.hrzntlbtm-lft { left: -33.5%; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active.hrzntlbtm-lft .sourceText { opacity: 0; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active.hrzntlbtm-lft .source-img-wrap { opacity: 0; } .wheel-popoup-sec .hver-icon-sec ul li .source-wrap.active.hrzntlbtm-lft .source-without-wrap { opacity: 1; } .wheel-popoup-sec .static-cntr-img { position: relative; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 48.2rem; height: auto; max-height: 48.2rem; min-height: 48.2rem; -o-object-fit: cover; object-fit: cover; border-radius: 50%; background: transparent; border: 0.1rem solid #CBD5DE; margin: 0 auto; } @media screen and (max-width: 992px) { .wheel-popoup-sec .static-cntr-img { border: none; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 3rem; max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; min-height: auto; max-width: 80%; } } @media screen and (max-width: 580px) { .wheel-popoup-sec .static-cntr-img { max-width: 100%; } } .wheel-popoup-sec .static-cntr-img h4.targetText { -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .wheel-popoup-sec .static-cntr-img .center-circle { position: absolute; top: 9.6rem; bottom: 9.6rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; background: #EBF0F4; width: 100%; height: 100%; max-width: 29rem; max-height: 29rem; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 992px) { .wheel-popoup-sec .static-cntr-img .center-circle { position: relative; border-radius: unset; margin: 0 auto; left: auto; -webkit-transform: none; transform: none; top: auto; bottom: auto; padding: 3rem; border-radius: 0.6rem; width: 100%; max-width: 100%; } } .wheel-popoup-sec .static-cntr-img.show .center-circle { background: #11223B; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .wheel-popoup-sec .static-cntr-img.show .center-circle h4 { color: #ffffff; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } /**********************************/ /**********************************/ .col3-successcard-sec { padding-bottom: 3rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .col3-successcard-sec { padding-top: 2rem; padding-bottom: 2rem; } } @media screen and (min-width: 992px) { .col3-successcard-sec { padding-top: 3rem; padding-bottom: 3rem; } } .col3-successcard-sec .center-hdg2-blk { padding-bottom: 3rem; max-width: 100%; } @media screen and (min-width: 992px) { .col3-successcard-sec .center-hdg2-blk { max-width: 80%; } } .col3-successcard-sec .center-hdg2-blk h2 { margin-bottom: 2rem; } .col3-successcard-sec .center-hdg2-blk.left-align-txt p { max-width: 100%; } .col3-successcard-sec .card-item { position: relative; border-radius: 0.6rem; min-height: 31.2rem; max-height: 31.2rem; overflow: hidden; } @media screen and (min-width: 992px) { .col3-successcard-sec .card-item { min-height: 56.3rem; max-height: 56.3rem; } } .col3-successcard-sec .card-item .layer { background: linear-gradient(0deg, rgba(40, 41, 47, 0.7), rgba(40, 41, 47, 0.7)), linear-gradient(300.79deg, rgba(40, 41, 47, 0) 21.35%, rgba(27, 27, 28, 0.8) 68.5%); position: absolute; content: ""; left: 0; right: 0; top: 0; width: 100%; height: 100%; border-radius: 0.6rem; -webkit-transition: opacity 0.7s ease all; transition: opacity 0.7s ease all; } .col3-successcard-sec .card-item:hover .layer { opacity: 0.95; -webkit-transition: opacity 0.7s ease all; transition: opacity 0.7s ease all; } .col3-successcard-sec .card-item h4 { color: #ffffff; line-height: 120%; letter-spacing: -0.056rem; } .col3-successcard-sec .card-item.card1 { background: #EBF0F4 url("../png/success1.png"); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 0.6rem; } .col3-successcard-sec .card-item.card2 { background: #EBF0F4 url("../png/success2.png"); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 0.6rem; } .col3-successcard-sec .card-item.card3 { background: #EBF0F4 url("../png/success3.png"); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 0.6rem; } .col3-successcard-sec .main-content { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2.4rem 3.3rem 2.4rem 2.4rem; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; position: relative; z-index: 1; gap: 5rem; } @media screen and (min-width: 992px) { .col3-successcard-sec .main-content { gap: 20.5rem; } } /**********************************/ /**********************************/ .hoverimg-card-sec { padding-bottom: 3rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .hoverimg-card-sec { padding-top: 2rem; padding-bottom: 2rem; } } @media screen and (min-width: 992px) { .hoverimg-card-sec { padding-top: 3rem; padding-bottom: 3rem; } } .hoverimg-card-sec .headg-blk { padding-bottom: 3.6rem; } @media screen and (min-width: 768px) { .hoverimg-card-sec .headg-blk { padding-bottom: 4rem; } } @media screen and (min-width: 992px) { .hoverimg-card-sec .headg-blk { padding-bottom: 6.4rem; } } .hoverimg-card-sec .grid-item { background: #11223B; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; overflow: hidden; cursor: pointer; } .hoverimg-card-sec .grid-item a { text-decoration: none; } .hoverimg-card-sec .grid-item h3 { color: #ffffff; letter-spacing: -0.084rem; margin-bottom: 1.2rem; } .hoverimg-card-sec .grid-item h4 { color: #ffffff; letter-spacing: -0.066rem; margin-bottom: 1.2rem; } .hoverimg-card-sec .grid-item h6 { color: #ffffff; letter-spacing: -0.066rem; margin-bottom: 1.2rem; font-weight: 600; } .hoverimg-card-sec .grid-item p { line-height: 140%; margin-bottom: 1.6rem; } .hoverimg-card-sec .grid-item p:last-child { margin-bottom: 0; } .hoverimg-card-sec .grid-item .hvr-img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; border-radius: 0.6rem; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .hoverimg-card-sec .grid-item .hvr-img .layer1 { position: absolute; background: linear-gradient(0deg, rgba(17, 34, 59, 0.5), rgba(17, 34, 59, 0.5)), linear-gradient(305.33deg, rgba(17, 34, 59, 0) 12.57%, rgba(17, 34, 59, 0.8) 60.21%); width: 100%; height: 100%; left: 0; top: 0; border-radius: 0.6rem; } .hoverimg-card-sec .grid-item .hvr-img img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .hoverimg-card-sec .grid-item:hover .hvr-img { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .hoverimg-card-sec .icon-svg { background: #ffffff; border-radius: 0.6rem; max-width: 7.2rem; max-height: 7.2rem; min-height: 7.2rem; min-width: 7.2rem; } .hoverimg-card-sec .svg-logo-wrap { border-radius: 0.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; background: transparent; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .hoverimg-card-sec .item-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3.1rem; position: relative; z-index: 1; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 30rem; } @media screen and (min-width: 768px) { .hoverimg-card-sec .item-box { gap: 9rem; } } @media screen and (min-width: 992px) { .hoverimg-card-sec .item-box { gap: 9rem; } } .hoverimg-card-sec .bottom-btn-wrap { padding-top: 6.4rem; margin: 0 auto; text-align: center; } .hoverimg-card-sec.column2-card-sec .col-3-grid-container { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } @media (min-width: 768px) { .hoverimg-card-sec.column2-card-sec .col-3-grid-container { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); /* 2 Columns */ } } @media (min-width: 992px) { .hoverimg-card-sec.column2-card-sec .col-3-grid-container { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); /* 3 Equal Columns */ } } .hoverimg-card-sec.bottom-text-sec .col-3-grid-container { padding-bottom: 6.4rem; } .hoverimg-card-sec.bottom-text-sec .col-2-grid-container { padding-bottom: 6.4rem; } .hoverimg-card-sec.pb-only { padding-bottom: 3rem; padding-top: 0; } @media screen and (min-width: 768px) { .hoverimg-card-sec.pb-only { padding-top: 0; padding-bottom: 5rem; } } @media screen and (min-width: 992px) { .hoverimg-card-sec.pb-only { padding-top: 0; padding-bottom: 9.6rem; } } .hoverimg-card-sec.pb-small { padding-bottom: 3rem; padding-top: 0; } @media screen and (min-width: 768px) { .hoverimg-card-sec.pb-small { padding-top: 0; padding-bottom: 4rem; } } @media screen and (min-width: 992px) { .hoverimg-card-sec.pb-small { padding-top: 0; padding-bottom: 6.4rem; } } .hoverimg-card-sec.pb-small .col-4-grid-container .grid-item h4 { margin-bottom: 0; min-height: 6.2rem; } .hoverimg-card-sec.pb-small .col-4-grid-container .item-box { gap: 4.8rem; } .hoverimg-card-sec.pb-large .grid-item { padding-bottom: 2.8rem; } @media screen and (min-width: 768px) { .hoverimg-card-sec.pb-large .grid-item { padding-bottom: 6rem; } } @media screen and (min-width: 992px) { .hoverimg-card-sec.pb-large .grid-item { padding-bottom: 6rem; } } .hoverimg-card-sec.minh-large .grid-item { min-height: auto; } @media screen and (min-width: 768px) { .hoverimg-card-sec.minh-large .grid-item { min-height: 55.3rem; } } @media screen and (min-width: 992px) { .hoverimg-card-sec.minh-large .grid-item { min-height: 55.3rem; } } .hoverimg-card-sec.order-first .grid-item.with-cta-blk { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .hoverimg-card-sec.box-color-chnge { background: #EBF0F4; } .hoverimg-card-sec.box-color-chnge .grid-item { background: #ffffff; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; border: 0.1rem solid transparent; } .hoverimg-card-sec.box-color-chnge .grid-item:hover { background: #ffffff; border: 0.1rem solid #899FB4; } .hoverimg-card-sec.box-color-chnge .grid-item { padding: 2.8rem 2.8rem; } @media screen and (min-width: 992px) { .hoverimg-card-sec.box-color-chnge .grid-item { padding: 5.5rem 2.8rem; } } .hoverimg-card-sec.box-color-chnge .grid-item.with-cta-blk { background: #11223B; border: none; padding: 2.8rem 2.8rem; } .hoverimg-card-sec.paddg-normal .grid-item { padding: 2.8rem 2.8rem; } @media screen and (min-width: 992px) { .hoverimg-card-sec.paddg-normal .grid-item { padding: 2.8rem 2.8rem; } } .hoverimg-card-sec.paddg-normal .headg-blk { padding-bottom: 3.6rem; } @media screen and (min-width: 768px) { .hoverimg-card-sec.paddg-normal .headg-blk { padding-bottom: 4rem; } } @media screen and (min-width: 992px) { .hoverimg-card-sec.paddg-normal .headg-blk { padding-bottom: 4.8rem; } } .hoverimg-card-sec.large-iconwrap .svg-logo-wrap { background: #ffffff; border-radius: 0.6rem; max-width: 16.7rem; max-height: 12.8rem; min-height: 12.8rem; min-width: 16.7rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hoverimg-card-sec.large-iconwrap h6 { color: rgba(1, 9, 24, 0.7); } .hoverimg-card-sec .gap-8 { gap: 0.8rem; } .hoverimg-card-sec.minh-card-sec { padding-bottom: 3rem; padding-top: 1.5rem; } @media screen and (min-width: 768px) { .hoverimg-card-sec.minh-card-sec { padding-top: 2rem; padding-bottom: 2rem; } } @media screen and (min-width: 992px) { .hoverimg-card-sec.minh-card-sec { padding-top: 3rem; padding-bottom: 3rem; } } .hoverimg-card-sec.minh-card-sec .headg-blk { padding-bottom: 1.5rem; } @media screen and (min-width: 768px) { .hoverimg-card-sec.minh-card-sec .headg-blk { padding-bottom: 2rem; } } @media screen and (min-width: 992px) { .hoverimg-card-sec.minh-card-sec .headg-blk { padding-bottom: 3.2rem; } } .hoverimg-card-sec.minh-card-sec .grid-item { background: #EBF0F4; } .hoverimg-card-sec.minh-card-sec .grid-item h3 { color: #010918; } .hoverimg-card-sec.minh-card-sec .grid-item h4 { color: #010918; } .hoverimg-card-sec.minh-card-sec .grid-item h6 { color: #010918; } .hoverimg-card-sec.minh-card-sec .grid-item .hover-btn-wrap { display: none; } .hoverimg-card-sec.minh-card-sec .grid-item .defult-btn-wrap { display: block; } .hoverimg-card-sec.minh-card-sec .grid-item:hover h3 { color: #EBF0F4; } .hoverimg-card-sec.minh-card-sec .grid-item:hover h4 { color: #EBF0F4; } .hoverimg-card-sec.minh-card-sec .grid-item:hover h6 { color: #EBF0F4; } .hoverimg-card-sec.minh-card-sec .grid-item:hover .hover-btn-wrap { display: block; } .hoverimg-card-sec.minh-card-sec .grid-item:hover .defult-btn-wrap { display: none; } .hoverimg-card-sec.minh-card-sec .item-box { gap: 3.1rem; min-height: 16.9rem; } @media screen and (min-width: 768px) { .hoverimg-card-sec.minh-card-sec .item-box { gap: 6rem; } } @media screen and (min-width: 992px) { .hoverimg-card-sec.minh-card-sec .item-box { gap: 7.8rem; } } .hoverimg-card-sec.with-padding { padding-bottom: 3rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .hoverimg-card-sec.with-padding { padding-top: 2rem; padding-bottom: 2rem; } } @media screen and (min-width: 992px) { .hoverimg-card-sec.with-padding { padding-top: 3rem; padding-bottom: 3rem; } } .hoverimg-card-sec.with-padding .headg-blk { padding-bottom: 1.5rem; } @media screen and (min-width: 768px) { .hoverimg-card-sec.with-padding .headg-blk { padding-bottom: 3.2rem; } } @media screen and (min-width: 992px) { .hoverimg-card-sec.with-padding .headg-blk { padding-bottom: 6.4rem; } } /**********************************/ /**********************************/ .col-3-borderlinecard-sec { padding-bottom: 3rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .col-3-borderlinecard-sec { padding-top: 2rem; padding-bottom: 2rem; } } @media screen and (min-width: 992px) { .col-3-borderlinecard-sec { padding-top: 3rem; padding-bottom: 3rem; } } .col-3-borderlinecard-sec .center-hdg2-blk { padding-bottom: 4rem; } @media screen and (min-width: 992px) { .col-3-borderlinecard-sec .center-hdg2-blk { padding-bottom: 6.4rem; } } .col-3-borderlinecard-sec .col-3-grid-container .grid-item { background: #EBF0F4; border-radius: 0.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 0.1rem solid transparent; padding: 2.4rem; min-height: 40.4rem; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .col-3-borderlinecard-sec .col-3-grid-container .grid-item a { width: 100%; height: 100%; text-decoration: none; } .col-3-borderlinecard-sec .col-3-grid-container .grid-item h4 { max-width: 65%; min-height: 6.1rem; } .col-3-borderlinecard-sec .col-3-grid-container .grid-item:hover { background: #EBF0F4; border: 0.1rem solid #899FB4; } .col-3-borderlinecard-sec .col-3-grid-container .grid-item:hover .primaryLnk { color: #CA3B16; } .col-3-borderlinecard-sec .col-3-grid-container .grid-item .top-wrpr { -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; } @media screen and (min-width: 992px) { .col-3-borderlinecard-sec .col-3-grid-container .grid-item .top-wrpr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; } } .col-3-borderlinecard-sec .col-3-grid-container .grid-item .top-wrpr { margin-bottom: 1.4rem; } .col-3-borderlinecard-sec .col-3-grid-container .grid-item .list-item-wraper { min-height: 20.7rem; } .col-3-borderlinecard-sec .col-3-grid-container .grid-item .list-item-wraper ul li { border-bottom: 0.1rem solid #CBD5DE; } .col-3-borderlinecard-sec .col-3-grid-container .grid-item .list-item-wraper ul li:hover { padding-left: 2.1rem; -webkit-transition: padding 0.7s ease all; transition: padding 0.7s ease all; } .col-3-borderlinecard-sec .col-3-grid-container .grid-item .list-item-wraper ul li:hover::before { background: url("../svg/triangle-list1.svg") center no-repeat; -webkit-transform: translateX(0.8rem); transform: translateX(0.8rem); -webkit-transition: padding 0.7s ease all; transition: padding 0.7s ease all; } .col-3-borderlinecard-sec .col-3-grid-container .grid-item .list-item-wraper ul li a { color: rgba(1, 9, 24, 0.7); } .col-3-borderlinecard-sec .col-3-grid-container.col3-card-desktopwrapper { display: none; } @media screen and (min-width: 992px) { .col-3-borderlinecard-sec .col-3-grid-container.col3-card-desktopwrapper { display: -ms-grid; display: grid; } } .col-3-borderlinecard-sec .col-3-grid-container.col3-card-sliderwrapper { display: block; } @media screen and (min-width: 992px) { .col-3-borderlinecard-sec .col-3-grid-container.col3-card-sliderwrapper { display: none; } } .col-3-borderlinecard-sec .col-3-grid-container.col3-card-sliderwrapper .col-3-grid-container .grid-item { min-height: 42rem; } .col-3-borderlinecard-sec .box-wrpper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; flex-direction: column; gap: 3.6rem; height: 100%; width: 100%; } .col-3-borderlinecard-sec .btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2.2rem; } /**********************************/ /**********************************/ .content-with-img-sec .content-with-img-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; background: transparent; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0.6rem; gap: 3rem; width: 100%; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } @media screen and (min-width: 992px) { .content-with-img-sec .content-with-img-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 6rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .content-with-img-sec .content-sec { padding: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.6rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 992px) { .content-with-img-sec .content-sec { padding: 4.8rem; width: calc(50% - 3rem); -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .content-with-img-sec .content-sec h2, .content-with-img-sec .content-sec p, .content-with-img-sec .content-sec .large-txt { color: #ffffff; text-align: center; } @media screen and (min-width: 992px) { .content-with-img-sec .content-sec h2, .content-with-img-sec .content-sec p, .content-with-img-sec .content-sec .large-txt { text-align: left; } } .content-with-img-sec .content-sec p { padding-bottom: 2.4rem; max-width: 100%; margin: 0 auto; } @media screen and (min-width: 992px) { .content-with-img-sec .content-sec p { padding-bottom: 5.4rem; max-width: 90%; margin: 0; } } .content-with-img-sec .image-sec { padding: 0 2rem; width: 100%; text-align: center; } @media screen and (min-width: 992px) { .content-with-img-sec .image-sec { width: calc(50% - 3rem); text-align: center; padding: 0 4.8rem; } } .content-with-img-sec.full-width-sec { background: -webkit-gradient(linear, left bottom, left top, from(#56BCDC), to(#56BCDC)), -webkit-gradient(linear, right top, left top, color-stop(45.31%, rgba(107, 196, 224, 0)), color-stop(65.85%, rgba(107, 196, 224, 0.5))); background: linear-gradient(0deg, #56BCDC, #56BCDC), linear-gradient(270deg, rgba(107, 196, 224, 0) 45.31%, rgba(107, 196, 224, 0.5) 65.85%); margin: 3rem 0; } @media (max-width: 992px) { .content-with-img-sec.full-width-sec { margin: 2rem 0; } } /**********************************/ /**********************************/ .table-mainsec { padding: 3rem 0; } @media screen and (min-width: 768px) { .table-mainsec { padding: 5rem 0; } } @media screen and (min-width: 992px) { .table-mainsec { padding: 9.6rem 0; } } .table-mainsec .center-hdg2-blk { padding-bottom: 6.4rem; } .table-mainsec .table-large-sec { padding: 0; } .table-mainsec .table-large-sec .table-grid { position: relative; z-index: 1; width: 100%; } .table-mainsec .table-large-sec table { margin: 0; border: none; background: transparent; border-collapse: separate; } .table-mainsec .table-large-sec .fixed-col { font-size: 2rem; line-height: 140%; font-weight: 400; letter-spacing: 0; line-height: 110%; font-weight: 800; color: #11223B; text-align: left; } .table-mainsec .table-large-sec th { font-size: 2rem; line-height: 140%; font-weight: 400; letter-spacing: 0; line-height: 110%; font-weight: 800; color: #11223B; border: none; border-bottom: 0.2rem solid #6BC4E0; padding: 2.8rem 2.5rem; background: transparent; text-align: left; } .table-mainsec .table-large-sec .table-row { text-align: left; } .table-mainsec .table-large-sec td { padding: 2.8rem 2.5rem; border: none; border-bottom: 0.1rem solid #899FB4; text-align: left; } @media screen and (max-width: 1080px) { .table-mainsec .table-large-sec td { padding: 2rem 2rem; } } @media screen and (max-width: 992px) { .table-mainsec .table-large-sec td { padding: 2rem 1rem; } } .table-mainsec .table-large-sec td { -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .table-mainsec .table-large-sec td p { font-weight: 400; } .table-mainsec .table-large-sec td:hover { background: #6BC4E0; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .table-mainsec .table-large-sec td:hover p { color: #ffffff; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .table-mainsec .table-large-sec .fixed-col:hover { background: transparent; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .table-mainsec .table-large-sec .tabletolist { border: none; } /**********************************/ /**********************************/ .dflex-logo-sec { padding-bottom: 3rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .dflex-logo-sec { padding-top: 5rem; padding-bottom: 5rem; } } @media screen and (min-width: 992px) { .dflex-logo-sec { padding-top: 9.6rem; padding-bottom: 9.6rem; } } .dflex-logo-sec .center-hdg2-blk { padding-bottom: 6.4rem; } .dflex-logo-sec .center-hdg2-blk .large-txt { color: #899FB4; margin-bottom: 2.4rem; } .dflex-logo-sec .d-flexaligned-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 3rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 768px) { .dflex-logo-sec .d-flexaligned-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 992px) { .dflex-logo-sec .d-flexaligned-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 6.4rem; } } .dflex-logo-sec .d-flex-sec .left-sec { text-align: left; width: 100%; } @media (min-width: 768px) { .dflex-logo-sec .d-flex-sec .left-sec { width: calc(50% - 1.5rem); } } @media (min-width: 992px) { .dflex-logo-sec .d-flex-sec .left-sec { width: calc(50% - 3.2rem); } } .dflex-logo-sec .d-flex-sec .left-sec h2 { margin-bottom: 3.6rem; } .dflex-logo-sec .d-flex-sec .left-sec h3 { margin-bottom: 2.4rem; } .dflex-logo-sec .d-flex-sec .left-sec .large-txt { color: #899FB4; margin-bottom: 2.4rem; } .dflex-logo-sec .d-flex-sec .left-sec p { margin-bottom: 2.4rem; } .dflex-logo-sec .d-flex-sec .left-sec .orange-tag { font-weight: 600; } .dflex-logo-sec .d-flex-sec .left-sec ul li { margin-bottom: 1.6rem; } .dflex-logo-sec .d-flex-sec .left-sec ul li::marker { color: rgba(1, 9, 24, 0.7); text-align: left; } .dflex-logo-sec .d-flex-sec .left-sec .list-item-wraper ul li { margin-bottom: 1.2rem; padding: 0.5rem 0 0.5rem 1.3rem; } .dflex-logo-sec .d-flex-sec .left-sec .list-item-wraper ul li::before { content: ""; position: absolute; background: url("../svg/triangle-arrow1.svg") center no-repeat; background-size: contain; } .dflex-logo-sec .d-flex-sec .left-sec .list-item-wraper ul li:hover::before { background: url("../svg/triangle-list1.svg") center no-repeat; -webkit-transition: padding 0.7s ease all; transition: padding 0.7s ease all; } .dflex-logo-sec .d-flex-sec .right-sec { -webkit-transition: 0.7s ease all; transition: 0.7s ease all; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #132239; border-radius: 0.6rem; } .dflex-logo-sec .d-flex-sec .right-sec h3 { color: #ffffff; } .dflex-logo-sec .d-flex-sec .right-sec .top-sec { padding: 4.8rem 4.8rem 0 4.8rem; } .dflex-logo-sec .d-flex-sec .right-sec .bottom-sec { position: relative; overflow: hidden; aspect-ratio: 1; } .dflex-logo-sec .d-flex-sec .right-sec .bottom-sec::before, .dflex-logo-sec .d-flex-sec .right-sec .bottom-sec::after, .dflex-logo-sec .d-flex-sec .right-sec .bottom-sec .circle-1, .dflex-logo-sec .d-flex-sec .right-sec .bottom-sec .circle-2, .dflex-logo-sec .d-flex-sec .right-sec .bottom-sec .circle-3 { content: ""; position: absolute; top: 50%; left: 50%; border-radius: 50%; border: 0.2rem dashed rgba(235, 240, 244, 0.3); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: dashed-expand 2s infinite linear; animation: dashed-expand 2s infinite linear; } .dflex-logo-sec .d-flex-sec .right-sec .bottom-sec::before { width: 30rem; height: 30rem; } .dflex-logo-sec .d-flex-sec .right-sec .bottom-sec::after { width: 40rem; height: 40rem; } .dflex-logo-sec .d-flex-sec .right-sec .bottom-sec .circle-1 { width: 50rem; height: 50rem; } .dflex-logo-sec .d-flex-sec .right-sec .bottom-sec .circle-2 { width: 60rem; height: 60rem; } .dflex-logo-sec .d-flex-sec .right-sec .bottom-sec .circle-3 { width: 70rem; height: 70rem; } .dflex-logo-sec .d-flex-sec .right-sec .img-blk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dflex-logo-sec .d-flex-sec .right-sec .img-blk img { max-width: 18.7rem; max-height: 17.6rem; -o-object-fit: contain; object-fit: contain; text-align: center; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; position: absolute; top: 35%; z-index: 1; cursor: pointer; } .dflex-logo-sec .d-flex-sec .right-sec .img-blk img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .dflex-logo-sec .d-flex-sec .right-sec { width: 100%; } @media (min-width: 768px) { .dflex-logo-sec .d-flex-sec .right-sec { width: calc(50% - 1.5rem); } } @media (min-width: 992px) { .dflex-logo-sec .d-flex-sec .right-sec { width: calc(50% - 3.2rem); } } /**********************************/ /**********************************/ .col-2-servcecard-sec { padding-bottom: 0; padding-top: 3rem; } @media screen and (min-width: 768px) { .col-2-servcecard-sec { padding-top: 2rem; padding-bottom: 2rem; } } @media screen and (min-width: 992px) { .col-2-servcecard-sec { padding-top: 3rem; padding-bottom: 3rem; } } .col-2-servcecard-sec .center-hdg2-blk { padding-bottom: 4rem; } @media screen and (min-width: 992px) { .col-2-servcecard-sec .center-hdg2-blk { padding-bottom: 6.4rem; } } .col-2-servcecard-sec .content-wrpr { position: relative; padding-left: 0; max-width: 54.3rem; margin: 0 auto; text-align: center; } @media screen and (min-width: 992px) { .col-2-servcecard-sec .content-wrpr { text-align: left; margin: 0; } } .col-2-servcecard-sec .content-wrpr h4 { margin-bottom: 1.9rem; color: rgba(1, 9, 24, 0.9); } .col-2-servcecard-sec .roundArrow.greyarrow { text-align: center; margin: 0 auto; -webkit-transition: width 0.7s ease all, height 0.7s ease all; transition: width 0.7s ease all, height 0.7s ease all; } @media screen and (min-width: 992px) { .col-2-servcecard-sec .roundArrow.greyarrow { text-align: start; margin: 0; } } .col-2-servcecard-sec .link-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 0; } @media screen and (min-width: 992px) { .col-2-servcecard-sec .link-wrap { text-align: center; padding-right: 3.6rem; } } .col-2-servcecard-sec .link-wrap img { max-height: 8rem; max-width: 8rem; } .col-2-servcecard-sec .link-wrap::before { display: none; } @media screen and (min-width: 992px) { .col-2-servcecard-sec .link-wrap::before { display: block; background: rgba(218, 225, 231, 0.8); position: absolute; right: 0; top: 0; content: ""; top: 50%; width: 0.12rem; min-height: 19rem; max-height: 19rem; background-blend-mode: multiply; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } } .col-2-servcecard-sec .box-wrpper { height: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 3.6rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 4rem 0; } @media screen and (min-width: 992px) { .col-2-servcecard-sec .box-wrpper { display: -ms-grid; display: grid; -ms-grid-columns: 0fr 6fr 0fr; grid-template-columns: 0fr 6fr 0fr; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 5.5rem 0; } } .col-2-servcecard-sec .col-2-grid-container .grid-item { background: #EBF0F4; border-radius: 0.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 0.1rem solid transparent; } .col-2-servcecard-sec .col-2-grid-container .grid-item a { width: 100%; height: 100%; text-decoration: none; } .col-2-servcecard-sec .col-2-grid-container .grid-item:hover { background: #11223B; border: 0.1rem solid transparent; -webkit-transform: none; transform: none; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .col-2-servcecard-sec .col-2-grid-container .grid-item:hover .content-wrpr h4 { color: #ffffff; } .col-2-servcecard-sec .col-2-grid-container .grid-item:hover .content-wrpr p { color: rgba(255, 255, 255, 0.7); } .col-2-servcecard-sec .col-2-grid-container .grid-item:hover .roundArrow.greyarrow { width: 4.8rem; height: 4.8rem; background: #E74C24; -webkit-transition: width 0.7s ease, height 0.7s ease; transition: width 0.7s ease, height 0.7s ease; } .col-2-servcecard-sec .col-2-grid-container .grid-item.heading-griditem { background: transparent; border-radius: none; border: none !important; padding: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .col-2-servcecard-sec .col-2-grid-container .grid-item.heading-griditem:hover { background: transparent; border: none !important; } .col-2-servcecard-sec .col-2-grid-container .grid-item.heading-griditem .heading-txt h2 { margin-bottom: 2.4rem; } .col-2-servcecard-sec .col2-card-sliderwrapper { display: block; } .col-2-servcecard-sec .col2-card-sliderwrapper .col-2-grid-container .grid-item { padding: 4rem 2rem; margin: 0 auto; margin-bottom: 0; scroll-snap-align: start; } .col-2-servcecard-sec .col2-card-sliderwrapper .col-2-grid-container .grid-item:last-child { margin-bottom: 0; } .col-2-servcecard-sec .col2-card-sliderwrapper .col-2-grid-container .grid-item { min-width: auto; max-width: 100%; width: 100%; min-height: 31.2rem; max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; overflow: hidden; -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0.5; } .col-2-servcecard-sec .col2-card-sliderwrapper .col-2-grid-container .grid-item .box-wrpper { padding: 0; } .col-2-servcecard-sec .col2-card-sliderwrapper .col-2-grid-container .grid-item .roundArrow.greyarrow { display: none; } .col-2-servcecard-sec .col2-card-sliderwrapper .col-2-grid-container .grid-item.swiper-slide-active { -webkit-transform: scale(1); transform: scale(1); opacity: 1; background: #11223B; border: 0.1rem solid transparent; } .col-2-servcecard-sec .col2-card-sliderwrapper .col-2-grid-container .grid-item.swiper-slide-active .content-wrpr h4 { color: #ffffff; } .col-2-servcecard-sec .col2-card-sliderwrapper .col-2-grid-container .grid-item.swiper-slide-active .content-wrpr p { color: rgba(255, 255, 255, 0.7); } .col-2-servcecard-sec .col2-card-sliderwrapper .col-2-grid-container .grid-item.swiper-slide-active .roundArrow.greyarrow { background: #E74C24; } @media screen and (min-width: 1024px) { .col-2-servcecard-sec .col2-card-sliderwrapper .col-2-grid-container .grid-item.swiper-slide-active { -webkit-transform: none; transform: none; } } @media screen and (min-width: 992px) { .col-2-servcecard-sec .col2-card-sliderwrapper { display: none; } } .col-2-servcecard-sec .col2-card-desktopwrapper { display: none; } @media screen and (min-width: 992px) { .col-2-servcecard-sec .col2-card-desktopwrapper { display: block; } } /**********************************/ /**********************************/ .fullwidth-col2content-sec { padding: 0; position: relative; background-color: #11223B; display: block; width: 100%; height: auto; margin: 3rem 0; } @media (max-width: 992px) { .fullwidth-col2content-sec { margin: 2rem 0; } } .fullwidth-col2content-sec .fullwidth-content-area { background: #11223B; height: auto; position: relative; width: 100%; padding-top: 3rem; padding-bottom: 3rem; z-index: 4; } @media screen and (min-width: 768px) { .fullwidth-col2content-sec .fullwidth-content-area { padding-top: 5rem; padding-bottom: 5rem; } } @media screen and (min-width: 992px) { .fullwidth-col2content-sec .fullwidth-content-area { padding-top: 9.6rem; padding-bottom: 9.6rem; } } .fullwidth-col2content-sec .fullwidth-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; z-index: 2; gap: 2rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 1023px) { .fullwidth-col2content-sec .fullwidth-content-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 4.8rem; } } .fullwidth-col2content-sec .fullwidth-top-content-sec { padding-bottom: 1.6rem; } .fullwidth-col2content-sec .left-content-sec { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } @media screen and (min-width: 1023px) { .fullwidth-col2content-sec .left-content-sec { width: 50%; } } .fullwidth-col2content-sec .left-content-sec h2 { line-height: 1.1; } .fullwidth-col2content-sec .left-content-sec h2, .fullwidth-col2content-sec .left-content-sec .large-txt, .fullwidth-col2content-sec .left-content-sec h3 { color: #ffffff; } .fullwidth-col2content-sec .left-content-sec h2, .fullwidth-col2content-sec .left-content-sec .large-txt, .fullwidth-col2content-sec .left-content-sec h3 { padding-bottom: 1.8rem; } .fullwidth-col2content-sec .left-content-sec .list-item-wraper.with-head { margin: 0; padding: 0; list-style-type: none; } .fullwidth-col2content-sec .left-content-sec .list-item-wraper.with-head li { padding-left: 15px; margin-bottom: 1.8rem; } .fullwidth-col2content-sec .left-content-sec .list-item-wraper.with-head li .description { font-weight: 400; } @media screen and (min-width: 992px) { .fullwidth-col2content-sec .left-content-sec .list-item-wraper p { font-size: 2rem; } } .fullwidth-col2content-sec .left-content-sec ul li { font-weight: 600; font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; line-height: 140%; color: rgba(255, 255, 255, 0.7) !important; margin-bottom: 0.8rem; position: relative; } @media screen and (min-width: 992px) { .fullwidth-col2content-sec .left-content-sec ul li { font-size: 2rem; line-height: 140%; font-weight: 400; letter-spacing: 0; font-weight: 600; line-height: 130%; color: rgba(255, 255, 255, 0.7) !important; } } .fullwidth-col2content-sec .left-content-sec ul li::before { content: ""; position: absolute; background: url("../svg/triangle-arrow2.svg") center no-repeat; background-size: contain; width: 0.5rem; height: 1rem; aspect-ratio: 1; left: 0; top: 1.2rem; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; -webkit-transition: left 0.7s ease, -webkit-transform 0.7s ease; transition: left 0.7s ease, -webkit-transform 0.7s ease; transition: transform 0.7s ease, left 0.7s ease; transition: transform 0.7s ease, left 0.7s ease, -webkit-transform 0.7s ease; } .fullwidth-col2content-sec .left-content-sec ul li:hover { -webkit-transition: padding 0.7s ease all; transition: padding 0.7s ease all; } .fullwidth-col2content-sec .left-content-sec ul li:hover::before { background: url("../svg/triangle-list1.svg") center no-repeat; -webkit-transition: padding 0.7s ease all; transition: padding 0.7s ease all; } .fullwidth-col2content-sec .left-content-sec p { color: rgba(255, 255, 255, 0.7); margin-bottom: 1.8rem; font-weight: 600; } .fullwidth-col2content-sec .left-content-sec .btn-wrap { margin-top: 1.8rem; } .fullwidth-col2content-sec .right-content-sec { width: 100%; } @media screen and (min-width: 1023px) { .fullwidth-col2content-sec .right-content-sec { width: 50%; } } .fullwidth-col2content-sec .right-content-sec .blue-bx-sec { background: #6BC4E0; border-radius: 0.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 2.8rem; gap: 4rem; } @media screen and (min-width: 1023px) { .fullwidth-col2content-sec .right-content-sec .blue-bx-sec { gap: 24.8rem; } } .fullwidth-col2content-sec .right-content-sec .img-sec { overflow: hidden; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; border-radius: 0.6rem; } .fullwidth-col2content-sec .right-content-sec .img-sec img { -webkit-transition: 0.7s ease all; transition: 0.7s ease all; border-radius: 0.6rem; height: auto; width: 100%; -o-object-fit: cover; object-fit: cover; max-height: 21.3rem; aspect-ratio: 1; } .fullwidth-col2content-sec .right-content-sec .img-sec img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .fullwidth-col2content-sec .fullwidth-bottom-content-sec .left-content-sec { width: 100%; } @media screen and (min-width: 1023px) { .fullwidth-col2content-sec .fullwidth-bottom-content-sec .left-content-sec { width: 45%; } } .fullwidth-col2content-sec .fullwidth-bottom-content-sec .left-content-sec .large-txt { color: rgba(255, 255, 255, 0.7); } .fullwidth-col2content-sec .animated-counter-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-radius: 0.6rem; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 3rem; } @media screen and (min-width: 1023px) { .fullwidth-col2content-sec .animated-counter-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 8.6rem; } } .fullwidth-col2content-sec .animated-counter-wrapper .counter-anim { color: rgba(1, 9, 24, 0.9); font-size: 4.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 800; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 1023px) { .fullwidth-col2content-sec .animated-counter-wrapper .counter-anim { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .fullwidth-col2content-sec .animated-counter-wrapper .client_counter { width: 20%; max-width: 5rem; } .fullwidth-col2content-sec .animated-counter-wrapper .counter-text { width: 10%; } .fullwidth-col2content-sec .animated-counter-wrapper .couter-btm-txt { color: rgba(1, 9, 24, 0.9); font-size: 2rem; text-align: center; } @media screen and (min-width: 1023px) { .fullwidth-col2content-sec .animated-counter-wrapper .couter-btm-txt { text-align: left; } } .fullwidth-col2content-sec .animated-counter-wrapper .couter-item { padding: 1.6rem; } .fullwidth-col2content-sec .animated-counter-wrapper .couter-item.primary1 { background: #010918; width: 100%; } @media screen and (min-width: 1023px) { .fullwidth-col2content-sec .animated-counter-wrapper .couter-item.primary1 { width: 30%; } } @media screen and (min-width: 1180px) { .fullwidth-col2content-sec .animated-counter-wrapper .couter-item.primary1 { width: 24%; } } .fullwidth-col2content-sec .animated-counter-wrapper .couter-item.primary1 { border-radius: 0.6rem 0 0 0.6rem; } .fullwidth-col2content-sec .animated-counter-wrapper .couter-item.primary1 .counter-text, .fullwidth-col2content-sec .animated-counter-wrapper .couter-item.primary1 .couter-btm-txt, .fullwidth-col2content-sec .animated-counter-wrapper .couter-item.primary1 .client_counter { color: #ffffff; } .fullwidth-col2content-sec .animated-counter-wrapper .couter-item.primary2 { background: #6BC4E0; width: 100%; } @media screen and (min-width: 1023px) { .fullwidth-col2content-sec .animated-counter-wrapper .couter-item.primary2 { width: 15%; } } @media screen and (min-width: 1180px) { .fullwidth-col2content-sec .animated-counter-wrapper .couter-item.primary2 { width: 12%; } } .fullwidth-col2content-sec .animated-counter-wrapper .couter-item.primary3 { background: #E7B924; width: 100%; } @media screen and (min-width: 1023px) { .fullwidth-col2content-sec .animated-counter-wrapper .couter-item.primary3 { width: 40%; } } @media screen and (min-width: 1180px) { .fullwidth-col2content-sec .animated-counter-wrapper .couter-item.primary3 { width: 45%; } } .fullwidth-col2content-sec .animated-counter-wrapper .couter-item.primary4 { background: #E74C24; width: 100%; } @media screen and (min-width: 1023px) { .fullwidth-col2content-sec .animated-counter-wrapper .couter-item.primary4 { width: 35%; } } @media screen and (min-width: 1180px) { .fullwidth-col2content-sec .animated-counter-wrapper .couter-item.primary4 { width: 37%; } } .fullwidth-col2content-sec .animated-counter-wrapper .couter-item.primary4 { border-radius: 0 0.6rem 0.6rem 0; } .fullwidth-col2content-sec.pb-76 .fullwidthbg-content-main { padding-bottom: 3rem; } @media screen and (min-width: 768px) { .fullwidth-col2content-sec.pb-76 .fullwidthbg-content-main { padding-bottom: 5rem; } } @media screen and (min-width: 992px) { .fullwidth-col2content-sec.pb-76 .fullwidthbg-content-main { padding-bottom: 7.6rem; } } .fullwidth-col2content-sec.pb-small .fullwidthbg-content-wrapper { padding-bottom: 1.8rem; } .fullwidth-col2content-sec.pb-medium .fullwidthbg-content-wrapper { padding-bottom: 3.4rem; } .fullwidth-col2content-sec.pb-large .fullwidthbg-content-wrapper { padding-bottom: 24.4rem; } .fullwidth-col2content-sec.endpoint-fullwidth h4 { color: #ffffff; margin-bottom: 12px; } @media screen and (min-width: 992px) { .fullwidth-col2content-sec.endpoint-fullwidth p { font-size: 2rem; } } .fullwidth-col2content-sec .full-widthbox-content { position: relative; z-index: 1; padding-bottom: 9.6rem; } @media screen and (max-width: 992px) { .fullwidth-col2content-sec .full-widthbox-content { padding-bottom: 3rem; } } .fullwidth-col2content-sec .full-widthbox-content .col-2-grid-container .grid-item { background: #899FB4; padding: 28px; border-radius: 6px; } .fullwidth-col2content-sec .full-widthbox-content .col-2-grid-container .grid-item .head { font-size: 4.2rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; color: #11223B; } .fullwidth-col2content-sec .full-widthbox-content .col-2-grid-container .grid-item .source { margin-top: 120px; font-family: "Manrope", sans-serif; font-size: 1.6rem; line-height: 140%; font-weight: 400; color: rgba(1, 9, 24, 0.7); } .fullwidth-col2content-sec .full-widthbox-content .col-2-grid-container .grid-item .source span { font-weight: 700; } @media screen and (max-width: 1180px) { .fullwidth-col2content-sec .full-widthbox-content .col-2-grid-container .grid-item .head { font-size: 3rem; } } @media screen and (max-width: 992px) { .fullwidth-col2content-sec .full-widthbox-content .col-2-grid-container .grid-item .head { font-size: 2.5rem; } .fullwidth-col2content-sec .full-widthbox-content .col-2-grid-container .grid-item .source { font-size: 1.4rem; margin-top: 30px; } } .fullwidth-col2content-sec .full-widthbox-content .col-2-grid-container .grid-item:nth-child(2) { background: #6BC4E0; } .fullwidth-col2content-sec .full-widthbox-content .col-1-grid-container .grid-item { background: #EBF0F4; border-radius: 6px; padding: 28px; margin-top: 30px; } .fullwidth-col2content-sec .full-widthbox-content .col-1-grid-container .grid-item .head, .fullwidth-col2content-sec .full-widthbox-content .col-1-grid-container .grid-item .large-txt { width: 50%; } .fullwidth-col2content-sec .full-widthbox-content .col-1-grid-container .grid-item.flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 96px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .fullwidth-col2content-sec .full-widthbox-content .col-1-grid-container .grid-item .head { font-size: 4.2rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; color: #11223B; } .fullwidth-col2content-sec .full-widthbox-content .col-1-grid-container .grid-item .large-txt { color: rgba(1, 9, 24, 0.9); } @media screen and (max-width: 1180px) { .fullwidth-col2content-sec .full-widthbox-content .col-1-grid-container .grid-item .head { font-size: 3rem; } } @media screen and (max-width: 992px) { .fullwidth-col2content-sec .full-widthbox-content .col-1-grid-container .grid-item .head { font-size: 2.5rem; } .fullwidth-col2content-sec .full-widthbox-content .col-1-grid-container .grid-item .head, .fullwidth-col2content-sec .full-widthbox-content .col-1-grid-container .grid-item .large-txt { width: 100%; } .fullwidth-col2content-sec .full-widthbox-content .col-1-grid-container .grid-item.flex-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } } .fullwidth-col2content-sec.normal-weight ul li { font-weight: 400; } @media screen and (min-width: 992px) { .fullwidth-col2content-sec.normal-weight ul li { font-weight: 400; } } .fullwidth-col2content-sec.normal-weight ul li p { font-weight: 400 !important; } @media screen and (min-width: 992px) { .fullwidth-col2content-sec.normal-weight ul li p { font-weight: 400 !important; } } /**********************************/ /**********************************/ .center-image-sec { padding-top: 3rem; padding-bottom: 3rem; } @media screen and (min-width: 768px) { .center-image-sec { padding-top: 2rem; padding-bottom: 2rem; } } @media screen and (min-width: 992px) { .center-image-sec { padding-top: 3rem; padding-bottom: 3rem; } } .center-image-sec .center-hdg2-blk { padding-bottom: 6.4rem; } .center-image-sec .center-image-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; text-align: center; } .center-image-sec .center-image-wrapper .img-blk { margin: 0 auto; text-align: center; padding-bottom: 3.4rem; } @media screen and (min-width: 992px) { .center-image-sec .center-image-wrapper .img-blk { margin: 0 auto; padding-bottom: 6.4rem; } } .center-image-sec .center-image-wrapper .textonly-wrap { padding-bottom: 3.4rem; max-width: 100%; text-align: center; } @media screen and (min-width: 992px) { .center-image-sec .center-image-wrapper .textonly-wrap { max-width: 80%; margin: 0 auto; padding-bottom: 6.4rem; } } /**********************************/ /**********************************/ .cardblock-sticky-sec { overflow: visible; position: relative; background-color: #EBF0F4; padding-top: 3rem; padding-bottom: 3rem; } @media screen and (min-width: 768px) { .cardblock-sticky-sec { padding-top: 2rem; padding-bottom: 2rem; } } @media screen and (min-width: 992px) { .cardblock-sticky-sec { padding-top: 3rem; padding-bottom: 3rem; } } .cardblock-sticky-sec .cardblock-sticky-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: auto; gap: 3rem; } @media screen and (min-width: 992px) { .cardblock-sticky-sec .cardblock-sticky-wrapper { padding: 0 0; } } @media screen and (min-width: 1150px) { .cardblock-sticky-sec .cardblock-sticky-wrapper { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0; } } .cardblock-sticky-sec .left-content-sec { width: 100%; z-index: 3; position: relative; } @media screen and (min-width: 1150px) { .cardblock-sticky-sec .left-content-sec { width: 45%; } } .cardblock-sticky-sec .left-content-sec h2 { margin-bottom: 2.4rem; max-width: 100%; } @media screen and (min-width: 1150px) { .cardblock-sticky-sec .left-content-sec h2 { max-width: 55rem; } } .cardblock-sticky-sec .left-content-sec h3 { margin-bottom: 2.4rem; max-width: 100%; } @media screen and (min-width: 1150px) { .cardblock-sticky-sec .left-content-sec h3 { max-width: 40.3rem; } } .cardblock-sticky-sec .right-scroll-sec { width: 100%; cursor: pointer; } @media screen and (min-width: 1150px) { .cardblock-sticky-sec .right-scroll-sec { width: 55%; } } .cardblock-sticky-sec .card-item { background: #ffffff; border-radius: 0.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: all 200ms linear; transition: all 200ms linear; -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; padding: 2.4rem; margin-bottom: 3rem; } .cardblock-sticky-sec .card-item a { text-decoration: none; } @media screen and (min-width: 992px) { .cardblock-sticky-sec .card-item { padding: 3.6rem; } } .cardblock-sticky-sec .card-item .content-wrpr { position: relative; text-align: center; } @media screen and (min-width: 992px) { .cardblock-sticky-sec .card-item .content-wrpr { text-align: left; } } .cardblock-sticky-sec .card-item .content-wrpr h4 { margin-bottom: 1.9rem; color: rgba(0, 7, 20, 0.9); text-align: left; } .cardblock-sticky-sec .card-item .content-wrpr .list-item-wraper ul li { text-align: left; } .cardblock-sticky-sec .card-item .content-wrpr .list-item-wraper ul li::before { content: ""; position: absolute; background: url("../svg/triangle-arrow1.svg") center no-repeat; background-size: contain; } .cardblock-sticky-sec .card-item .content-wrpr .list-item-wraper ul li:hover { padding-left: 1.3rem; -webkit-transition: padding 0.7s ease all; transition: padding 0.7s ease all; } .cardblock-sticky-sec .card-item .content-wrpr .list-item-wraper ul li:hover::before { background: url("../svg/triangle-list1.svg") center no-repeat; -webkit-transform: none; transform: none; -webkit-transition: padding 0.7s ease all; transition: padding 0.7s ease all; } .cardblock-sticky-sec .card-item .content-wrpr .large-txt { margin-bottom: 8px; } .cardblock-sticky-sec .card-item .content-wrpr .logo-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 10px 0 0; padding: 0; gap: 24px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cardblock-sticky-sec .card-item .content-wrpr .logo-wrapper img { max-height: 4.4rem; max-width: 5.9rem; -o-object-fit: contain; object-fit: contain; } .cardblock-sticky-sec .card-item:hover { z-index: 3; position: relative; } .cardblock-sticky-sec .card-item:hover .roundArrow.greyarrow { background: #E74C24; } .cardblock-sticky-sec.invertoption { background-color: #ffffff; } .cardblock-sticky-sec.invertoption .card-item { background: #11223B; } .cardblock-sticky-sec.invertoption .card-item .content-wrpr h4 { color: #ffffff; } .cardblock-sticky-sec.invertoption .card-item .content-wrpr .list-item-wraper ul li { color: #ffffff; } /**********************************/ /**********************************/ .locationTab-content-sec { padding: 3rem 0 3rem 0; } @media screen and (min-width: 768px) { .locationTab-content-sec { padding: 2rem 0 2rem 0; } } @media screen and (min-width: 992px) { .locationTab-content-sec { padding: 3rem 0 3rem 0; } } .locationTab-content-sec .locationTab-blk { margin-bottom: 3.6rem; } .locationTab-content-sec .center-hdg2-blk { padding-bottom: 3rem; } @media screen and (min-width: 992px) { .locationTab-content-sec .center-hdg2-blk { padding-bottom: 6.4rem; } } .locationTab-content-sec .locationTab-mainouter { background: transparent; border-radius: 0.6rem; padding: 0; } @media screen and (min-width: 992px) { .locationTab-content-sec .locationTab-mainouter { background: #DAE1E7; padding: 1.5rem; } } .locationTab-content-sec .locationTab-mainouter h3 { color: #11223B; text-align: center; margin: 0; margin-bottom: 1.8rem; } @media screen and (min-width: 992px) { .locationTab-content-sec .locationTab-mainouter h3 { margin-bottom: 3.6rem; } } .locationTab-content-sec .locationTab-mainouter p { color: #ffffff; max-width: 100%; } @media screen and (min-width: 992px) { .locationTab-content-sec .locationTab-mainouter p { max-width: 48.8rem; } } .locationTab-content-sec .locationTab-mainouter .list-item-wraper ul li { color: #ffffff; margin-bottom: 0.8rem; text-align: left; } .locationTab-content-sec .locationTab-mainouter .list-item-wraper ul li:last-child { margin-bottom: 0; } .locationTab-content-sec .locationTab-mainouter .list-item-wraper ul li::before { background: url("../svg/triangle-arrow1.svg") center no-repeat; } .locationTab-content-sec .locationTab-mainouter .list-item-wraper ul li:hover { -webkit-transition: padding 0.7s ease all; transition: padding 0.7s ease all; } .locationTab-content-sec .locationTab-mainouter .list-item-wraper ul li:hover::before { background: url("../svg/triangle-list1.svg") center no-repeat; -webkit-transition: padding 0.7s ease all; transition: padding 0.7s ease all; } .locationTab-content-sec .chartdiv1 { width: 100%; height: 24.2rem; } @media screen and (min-width: 767px) { .locationTab-content-sec .chartdiv1 { height: 56.5rem; } } @media screen and (min-width: 992px) { .locationTab-content-sec .chartdiv1 { height: 56.5rem; } } .locationTab-content-sec .chartdiv2 { width: 100%; height: 24.2rem; cursor: pointer; } @media screen and (min-width: 767px) { .locationTab-content-sec .chartdiv2 { height: 56.5rem; } } @media screen and (min-width: 992px) { .locationTab-content-sec .chartdiv2 { height: 56.5rem; } } .locationTab-content-sec .chartdiv3 { width: 100%; height: 24.2rem; cursor: pointer; } @media screen and (min-width: 767px) { .locationTab-content-sec .chartdiv3 { height: 56.5rem; } } @media screen and (min-width: 992px) { .locationTab-content-sec .chartdiv3 { height: 56.5rem; } } .locationTab-content-sec #place-details { pointer-events: auto; display: none; } .locationTab-content-sec .dispaly-item-bx { background: #EBF0F4; padding: 2.4rem; border-radius: 0.6rem; min-width: 28.7rem; max-width: 34.2rem; } .locationTab-content-sec .dispaly-item-bx ul { list-style: none; margin: 0; padding: 0; } .locationTab-content-sec .dispaly-item-bx ul li { padding: 0.7rem 0; border-bottom: 0.1rem solid #CBD5DE; padding-left: 2.6rem; position: relative; } .locationTab-content-sec .dispaly-item-bx ul li p { color: #010918; } .locationTab-content-sec .dispaly-item-bx ul li .squarelst { width: 1.8rem; height: 1.8rem; border-radius: 0.6rem; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .locationTab-content-sec .dispaly-item-bx ul li .squarelst.no-radius { border-radius: unset; border: 0.2rem solid #ffffff; } .locationTab-content-sec .dispaly-item-bx ul li .roundlst { width: 1.8rem; height: 1.8rem; border-radius: 50%; border: 0.2rem solid #ffffff; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .locationTab-content-sec .dispaly-item-bx ul li .squarelst { width: 1.8rem; height: 1.8rem; border-radius: 0.6rem; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .locationTab-content-sec .dispaly-item-bx ul li .trianglelst { position: relative; width: 0; height: 0; border-left: 1rem solid transparent; border-right: 1rem solid transparent; border-bottom: 2rem solid #ffffff; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .locationTab-content-sec .dispaly-item-bx ul li .trianglelst::after { content: ""; position: absolute; top: 0.2rem; left: -0.9rem; width: 0; height: 0; border-left: 0.9rem solid transparent; border-right: 0.9rem solid transparent; border-bottom: 1.6rem solid #E74C24; } .locationTab-content-sec .dispaly-item-bx ul li .primary1 { background-color: #11223B; } .locationTab-content-sec .dispaly-item-bx ul li .primary2 { background-color: #899FB4; } .locationTab-content-sec .dispaly-item-bx ul li .primary3 { background-color: #6BC4E0; } .locationTab-content-sec .dispaly-item-bx ul li .primary4 { background-color: #E74C24; } .amcharts-tooltip-container a { pointer-events: auto; text-decoration: underline; color: #007bff; cursor: pointer; } /**********************************/ /**********************************/ .dflex-main-sec { padding-bottom: 3rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .dflex-main-sec { padding: 2rem 0; } } @media screen and (min-width: 992px) { .dflex-main-sec { padding: 3rem 0; } } .dflex-main-sec .center-hdg2-blk { padding-bottom: 6.4rem; } .dflex-main-sec .center-hdg2-blk .large-txt { color: #899FB4; margin-bottom: 2.4rem; } .dflex-main-sec .d-flexaligned-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; gap: 3rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 992px) { .dflex-main-sec .d-flexaligned-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 6.4rem; } } .dflex-main-sec .d-flex-sec .left-sec { text-align: left; width: 100%; } @media (min-width: 992px) { .dflex-main-sec .d-flex-sec .left-sec { width: calc(50% - 3.2rem); } } .dflex-main-sec .d-flex-sec .left-sec h2 { margin-bottom: 2.4rem; } @media (min-width: 992px) { .dflex-main-sec .d-flex-sec .left-sec h2 { margin-bottom: 3.6rem; } } .dflex-main-sec .d-flex-sec .left-sec h3 { margin-bottom: 2rem; } @media (min-width: 992px) { .dflex-main-sec .d-flex-sec .left-sec h3 { margin-bottom: 2.4rem; } } .dflex-main-sec .d-flex-sec .left-sec h4 { margin-bottom: 2rem; } @media (min-width: 992px) { .dflex-main-sec .d-flex-sec .left-sec h4 { margin-bottom: 2.4rem; } } .dflex-main-sec .d-flex-sec .left-sec h5 { margin-bottom: 1.2rem; } @media (min-width: 992px) { .dflex-main-sec .d-flex-sec .left-sec h5 { margin-bottom: 1.5rem; } } .dflex-main-sec .d-flex-sec .left-sec h6 { margin-bottom: 1.2rem; } @media (min-width: 992px) { .dflex-main-sec .d-flex-sec .left-sec h6 { margin-bottom: 1.5rem; } } .dflex-main-sec .d-flex-sec .left-sec .large-txt { margin-bottom: 2rem; } @media (min-width: 992px) { .dflex-main-sec .d-flex-sec .left-sec .large-txt { margin-bottom: 2.4rem; } } .dflex-main-sec .d-flex-sec .left-sec .medium-txt { margin-bottom: 0.8rem; } .dflex-main-sec .d-flex-sec .left-sec p { margin-bottom: 2rem; } @media (min-width: 992px) { .dflex-main-sec .d-flex-sec .left-sec p { margin-bottom: 2.4rem; } } .dflex-main-sec .d-flex-sec .left-sec .logos-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 3.6rem; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 580px) { .dflex-main-sec .d-flex-sec .left-sec .logos-wrap { gap: 2.4rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 992px) { .dflex-main-sec .d-flex-sec .left-sec .logos-wrap { gap: 3.6rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .dflex-main-sec .d-flex-sec .left-sec .logos-wrap a img { max-height: 17.7rem; min-height: 17.7rem; -o-object-fit: contain; object-fit: contain; } .dflex-main-sec .d-flex-sec .left-sec ul { margin-bottom: 0; padding-bottom: 0; } .dflex-main-sec .d-flex-sec .left-sec ul li { margin-bottom: 1.6rem; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; letter-spacing: 0; } @media screen and (min-width: 393px) { .dflex-main-sec .d-flex-sec .left-sec ul li { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; } } @media screen and (min-width: 992px) { .dflex-main-sec .d-flex-sec .left-sec ul li { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; } } .dflex-main-sec .d-flex-sec .left-sec ul li:last-child { margin-bottom: 0; } .dflex-main-sec .d-flex-sec .left-sec ul li::marker { color: rgba(1, 9, 24, 0.7); text-align: left; } .dflex-main-sec .d-flex-sec .left-sec .large-head { font-size: 2.8rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; color: rgba(1, 9, 24, 0.9); margin-bottom: 18px; } .dflex-main-sec .d-flex-sec .left-sec .large-black { font-size: 1.8rem; color: rgba(1, 9, 24, 0.9); font-weight: 600; } .dflex-main-sec .d-flex-sec .left-sec .list-item-wraper p { margin-bottom: 12px; } .dflex-main-sec .d-flex-sec .left-sec .list-item-wraper ul li { margin-bottom: 1.2rem; padding: 0.5rem 0 0.5rem 1.3rem; } .dflex-main-sec .d-flex-sec .left-sec .list-item-wraper ul li p { margin-bottom: 0; } .dflex-main-sec .d-flex-sec .left-sec .list-item-wraper ul li::before { content: ""; position: absolute; background: url("../svg/triangle-arrow1.svg") center no-repeat; background-size: contain; } .dflex-main-sec .d-flex-sec .left-sec .list-item-wraper ul li:hover { padding: 0.5rem 0 0.5rem 1.3rem !important; } .dflex-main-sec .d-flex-sec .left-sec .list-item-wraper ul li:hover::before { background: url("../svg/triangle-list1.svg") center no-repeat; -webkit-transform: none !important; transform: none !important; } .dflex-main-sec .d-flex-sec .left-sec .list-item-wraper.mb-1 ul li { margin-bottom: 0.8rem; } .dflex-main-sec .d-flex-sec .left-sec .list-item-wraper.heading-list-item ul li .text-bold { font-family: "Manrope", sans-serif; font-size: 1.6rem; line-height: 150%; font-weight: 600; color: rgba(1, 9, 24, 0.7); position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .dflex-main-sec .d-flex-sec .left-sec .list-item-wraper.heading-list-item ul li .text-bold .arrow { content: ""; width: 1.2rem; aspect-ratio: 1; display: block; background: url("../svg/orange-arrow.svg") no-repeat center; position: absolute; right: -2rem; top: 0.7rem; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .dflex-main-sec .d-flex-sec .left-sec .download-wrap { padding-top: 3.6rem; } .dflex-main-sec .d-flex-sec .left-sec .download-wrap .primaryLnk.secondaryLnk { color: #6BC4E0 !important; } .dflex-main-sec .d-flex-sec .left-sec .download-wrap .primaryLnk.secondaryLnk::after { content: ""; background: url("../svg/arrow32.svg") no-repeat center; background-size: contain; } .dflex-main-sec .d-flex-sec .left-sec .download-wrap .primaryLnk.secondaryLnk:focus { color: #6BC4E0 !important; } .dflex-main-sec .d-flex-sec .left-sec .download-wrap .primaryLnk.secondaryLnk:hover { color: #3D93AE !important; } .dflex-main-sec .d-flex-sec .left-sec .download-wrap .primaryLnk.secondaryLnk:hover::after { background: url("../svg/arrow41.svg") no-repeat center; background-size: contain; } .dflex-main-sec .d-flex-sec .left-sec .download-wrap .primaryLnk.secondaryLnk:hover:focus { color: #3D93AE !important; } .dflex-main-sec .d-flex-sec .right-sec { -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .dflex-main-sec .d-flex-sec .right-sec.with-layer { background-color: #ffffff; background-repeat: no-repeat; background-position: center; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0.6rem; overflow: hidden; padding: 2rem; } .dflex-main-sec .d-flex-sec .right-sec.with-layer img { max-height: 21.3rem; -o-object-fit: contain; object-fit: contain; text-align: center; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } @media (min-width: 992px) { .dflex-main-sec .d-flex-sec .right-sec.with-layer img { max-height: none; } } .dflex-main-sec .d-flex-sec .right-sec.with-layer img:hover { -webkit-transform: none; transform: none; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } @media (min-width: 580px) { .dflex-main-sec .d-flex-sec .right-sec.with-layer { max-height: 40rem; aspect-ratio: auto; } } @media (min-width: 992px) { .dflex-main-sec .d-flex-sec .right-sec.with-layer { max-height: none; aspect-ratio: auto; } } .dflex-main-sec .d-flex-sec .right-sec.multilogo-sec { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5rem; } @media (min-width: 992px) { .dflex-main-sec .d-flex-sec .right-sec.multilogo-sec { gap: 10rem; } } .dflex-main-sec .d-flex-sec .right-sec.without-layer { background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: center; background-size: cover; display: block; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0.6rem; overflow: hidden; } @media (min-width: 992px) { .dflex-main-sec .d-flex-sec .right-sec.without-layer { display: -webkit-box; display: -ms-flexbox; display: flex; } } .dflex-main-sec .d-flex-sec .right-sec.without-layer img { width: 100%; -o-object-fit: cover; object-fit: cover; position: relative; -o-object-position: center; object-position: center; z-index: 1; border-radius: 0.6rem; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; max-height: 21.3rem; aspect-ratio: 1; } .dflex-main-sec .d-flex-sec .right-sec.without-layer img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } @media (min-width: 580px) { .dflex-main-sec .d-flex-sec .right-sec.without-layer img { width: 100%; max-height: 40rem; aspect-ratio: auto; } } @media (min-width: 992px) { .dflex-main-sec .d-flex-sec .right-sec.without-layer img { width: auto; max-height: none; aspect-ratio: auto; -o-object-position: center; object-position: center; } } .dflex-main-sec .d-flex-sec .right-sec.curved-edge { border-radius: 6px; } .dflex-main-sec .d-flex-sec .right-sec.curved-edge img { border-radius: 6px; } .dflex-main-sec .d-flex-sec .right-sec.without-border { border: none !important; } .dflex-main-sec .d-flex-sec .right-sec { width: 100%; } @media (min-width: 992px) { .dflex-main-sec .d-flex-sec .right-sec { width: calc(49.4% - 3.2rem); } } .dflex-main-sec .d-flex-sec .right-sec.iframe-vid iframe { width: 100% !important; height: 315px !important; } .dflex-main-sec .d-flex-sec.left-contnt .d-flexaligned-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .dflex-main-sec .d-flex-sec.right-contnt .d-flexaligned-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .dflex-main-sec .d-flex-sec.col2-image .d-flexaligned-wrapper { gap: 5.4rem; } .dflex-main-sec .d-flex-sec.col2-image .left-sec { display: none; } .dflex-main-sec .d-flex-sec.col2-image .left-sec img { -o-object-fit: cover; object-fit: cover; } @media screen and (min-width: 992px) { .dflex-main-sec .d-flex-sec.col2-image .left-sec { display: block; } } .dflex-main-sec .d-flex-sec.col2-image .right-sec { display: none; } .dflex-main-sec .d-flex-sec.col2-image .right-sec.without-layer img { aspect-ratio: auto; } .dflex-main-sec .d-flex-sec.col2-image .right-sec.without-layer img:hover { -webkit-transform: none; transform: none; } @media screen and (min-width: 992px) { .dflex-main-sec .d-flex-sec.col2-image .right-sec { display: block; } } .dflex-main-sec .d-flex-sec.col2-image .mobile-sec-img { display: block; } @media screen and (min-width: 992px) { .dflex-main-sec .d-flex-sec.col2-image .mobile-sec-img { display: none; } .dflex-main-sec .d-flex-sec.col2-image .mobile-sec-img img { aspect-ratio: auto; } .dflex-main-sec .d-flex-sec.col2-image .mobile-sec-img img:hover { -webkit-transform: none; transform: none; } } .dflex-main-sec .d-flex-sec .contact-details { list-style-type: none; margin: 0; padding: 0; } .dflex-main-sec .d-flex-sec .contact-details li { margin-bottom: 2.4rem !important; } .dflex-main-sec .d-flex-sec .contact-details .head { font-size: 2.8rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; margin-bottom: 16px; color: rgba(1, 9, 24, 0.9); } @media screen and (max-width: 992px) { .dflex-main-sec .d-flex-sec .contact-details .head { font-size: 2.2rem; margin-bottom: 10px; } } .dflex-main-sec .d-flex-sec .contact-details .detail { font-size: 1.6rem; font-weight: 400; line-height: 140%; color: rgba(1, 9, 24, 0.7); max-width: 337px; text-decoration: none; } .dflex-main-sec.single-sec .d-flex-sec { padding: 0; } .dflex-main-sec.single-sec .medium-txt { color: rgba(1, 9, 24, 0.9); } .dflex-main-sec.repeatg-sec .d-flex-sec { padding-bottom: 1.5rem; padding-top: 1.5rem; } .dflex-main-sec.repeatg-sec .d-flex-sec:first-child { padding-top: 0; } .dflex-main-sec.repeatg-sec .d-flex-sec:last-child { padding-bottom: 0; } @media screen and (min-width: 768px) { .dflex-main-sec.repeatg-sec .d-flex-sec { padding-top: 2.5rem; padding-bottom: 2.5rem; } } @media screen and (min-width: 992px) { .dflex-main-sec.repeatg-sec .d-flex-sec { padding-top: 3.2rem; padding-bottom: 3.2rem; } } .dflex-main-sec.repeatg-sec .d-flex-sec .right-sec.without-layer { background-color: transparent; } .dflex-main-sec.repeatg-sec .d-flex-sec h2 { margin-bottom: 2.4rem; } .dflex-main-sec.repeatg-sec .d-flex-sec h3 { margin-bottom: 2.4rem; } .dflex-main-sec.repeatg-sec .d-flex-sec h4 { margin-bottom: 2.4rem; } .dflex-main-sec.repeatg-sec .center-hdg2-blk { padding-bottom: 3.2rem; } .dflex-main-sec.repeatg-sec .medium-txt { color: rgba(1, 9, 24, 0.7); } .dflex-main-sec.repeatg-large-sec .d-flex-sec { padding-bottom: 1.5rem; padding-top: 1.5rem; } .dflex-main-sec.repeatg-large-sec .d-flex-sec:first-child { padding-top: 0; } .dflex-main-sec.repeatg-large-sec .d-flex-sec:last-child { padding-bottom: 0; } @media screen and (min-width: 768px) { .dflex-main-sec.repeatg-large-sec .d-flex-sec { padding-top: 5rem; padding-bottom: 5rem; } } @media screen and (min-width: 992px) { .dflex-main-sec.repeatg-large-sec .d-flex-sec { padding-top: 9.6rem; padding-bottom: 9.6rem; } } .dflex-main-sec.repeatg-large-sec .d-flex-sec .right-sec.without-layer { background-color: transparent; } .dflex-main-sec.repeatg-large-sec .d-flex-sec h2 { margin-bottom: 2.4rem; } .dflex-main-sec.repeatg-large-sec .d-flex-sec h3 { margin-bottom: 2.4rem; } .dflex-main-sec.repeatg-large-sec .d-flex-sec h4 { margin-bottom: 2.4rem; } .dflex-main-sec.repeatg-large-sec .center-hdg2-blk { padding-bottom: 3.2rem; } .dflex-main-sec.repeatg-large-sec .medium-txt { color: rgba(1, 9, 24, 0.7); } .dflex-main-sec.maxw-80 .hero-banner-contnt br { display: none; } @media screen and (min-width: 992px) { .dflex-main-sec.maxw-80 .hero-banner-contnt br { display: block; } } .dflex-main-sec.maxw-80 .hero-banner-contnt { max-width: 100%; } @media screen and (min-width: 992px) { .dflex-main-sec.maxw-80 .hero-banner-contnt { max-width: 106rem; } } .dflex-main-sec.reverse .right-contnt .d-flexaligned-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .dflex-main-sec.roundgraphsec .right-sec.without-layer img:hover { -webkit-transform: none; transform: none; } .dflex-main-sec.full-height .d-flex-sec .d-flexaligned-wrapper { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; } .dflex-main-sec.both-content .d-flex-sec .right-sec { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.6rem; } @media screen and (min-width: 768px) { .dflex-main-sec.both-content .d-flex-sec .right-sec { gap: 1.5rem; } } .dflex-main-sec.pt-only { padding-bottom: 3rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .dflex-main-sec.pt-only { padding-top: 2rem; padding-bottom: 2rem; } } @media screen and (min-width: 992px) { .dflex-main-sec.pt-only { padding-top: 3rem; padding-bottom: 3rem; } } .dflex-main-sec.pb-64-only { padding-bottom: 1.5rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .dflex-main-sec.pb-64-only { padding-top: 5rem; padding-bottom: 3rem; } } @media screen and (min-width: 992px) { .dflex-main-sec.pb-64-only { padding-top: 9.6rem; padding-bottom: 6.4rem; } } .dflex-main-sec.seprt-spacg .d-flex-sec { padding-bottom: 1.5rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .dflex-main-sec.seprt-spacg .d-flex-sec { padding-top: 3rem; padding-bottom: 3rem; } } @media screen and (min-width: 992px) { .dflex-main-sec.seprt-spacg .d-flex-sec { padding-top: 4.8rem; padding-bottom: 9.6rem; } } .dflex-main-sec.spc-btm-differ .d-flex-sec .left-sec h2 { margin-bottom: 2rem; } @media (min-width: 992px) { .dflex-main-sec.spc-btm-differ .d-flex-sec .left-sec h2 { margin-bottom: 2.4rem; } } .dflex-main-sec.spc-btm-differ .d-flex-sec .left-sec p { margin-bottom: 1.8rem; color: #010918; } @media (min-width: 992px) { .dflex-main-sec.spc-btm-differ .d-flex-sec .left-sec p { margin-bottom: 2rem; } } .dflex-main-sec.max-height-image .d-flex-sec .right-sec.without-layer img { max-height: none; aspect-ratio: auto; } @media (min-width: 580px) { .dflex-main-sec.max-height-image .d-flex-sec .right-sec.without-layer img { max-height: 40rem; aspect-ratio: auto; } } @media (min-width: 992px) { .dflex-main-sec.max-height-image .d-flex-sec .right-sec.without-layer img { max-height: none; aspect-ratio: auto; } } .dflex-main-sec.dflex-icon-hover-sec p { margin: 0; } .dflex-main-sec.dflex-icon-hover-sec .primaryLnk { display: block; margin-top: 3.6rem; } .dflex-main-sec.dflex-icon-hover-sec .right-sec { aspect-ratio: 1; background: #899FB4; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 0; } .dflex-main-sec.dflex-icon-hover-sec .right-sec::before { content: ""; position: absolute; width: 456px; aspect-ratio: 1; background: #ffffff; opacity: 0.2; border-radius: 50%; z-index: -1; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-hover-sec { width: 286px; aspect-ratio: 1; border-radius: 50%; background: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-hover-sec .text { font-family: "Manrope", sans-serif; font-size: 2.8rem; line-height: 140%; letter-spacing: -0.2px; font-weight: 600; color: rgba(1, 9, 24, 0.7); text-align: center; max-width: 215px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-hover-sec .text span { display: block; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-circle { width: 96px; aspect-ratio: 1; border-radius: 50%; background: #ffffff; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1; -webkit-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; cursor: pointer; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-circle:hover { width: 133px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-circle.top { top: -80px; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-circle.left { bottom: 0; left: -30px; -webkit-transform: translateX(-50%) translateY(50%); transform: translateX(-50%) translateY(50%); } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-circle.right { bottom: 0; right: -30px; -webkit-transform: translateX(50%) translateY(50%); transform: translateX(50%) translateY(50%); } .dflex-main-sec.dflex-icon-hover-sec .right-sec .connecting-line { position: absolute; width: 4px; height: 80px; background: #ffffff; z-index: -1; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .connecting-line.top { top: 0px; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .dflex-main-sec.dflex-icon-hover-sec .right-sec .connecting-line.left { bottom: 70px; left: -30px; height: 120px; -webkit-transform: translateX(-50%) translateY(50%) rotate(45deg); transform: translateX(-50%) translateY(50%) rotate(45deg); -webkit-transform-origin: bottom center; transform-origin: bottom center; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .connecting-line.right { bottom: 60px; right: -35px; height: 120px; -webkit-transform: translateX(50%) translateY(50%) rotate(-45deg); transform: translateX(50%) translateY(50%) rotate(-45deg); -webkit-transform-origin: bottom center; transform-origin: bottom center; } @media screen and (max-width: 1300px) { .dflex-main-sec.dflex-icon-hover-sec .right-sec::before { width: 400px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-hover-sec { width: 250px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-hover-sec .text { font-size: 2.4rem; max-width: 190px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-circle:hover { width: 115px; } } @media screen and (max-width: 1200px) { .dflex-main-sec.dflex-icon-hover-sec .right-sec { height: 520px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec::before { width: 370px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-hover-sec { width: 230px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-hover-sec .text { font-size: 2.2rem; max-width: 170px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-circle { width: 85px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-circle img { width: 45px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-circle:hover { width: 105px; } } @media screen and (max-width: 992px) { .dflex-main-sec.dflex-icon-hover-sec .right-sec { height: unset; } } @media screen and (max-width: 576px) { .dflex-main-sec.dflex-icon-hover-sec .right-sec { height: 520px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-hover-sec .text { font-size: 2rem; max-width: 155px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-circle { width: 80px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-circle:hover { width: 90px; } } @media screen and (max-width: 445px) { .dflex-main-sec.dflex-icon-hover-sec .right-sec { height: 420px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec::before { width: 255px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-hover-sec { width: 150px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-hover-sec .text { font-size: 1.7rem; max-width: 125px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-circle { width: 55px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-circle img { width: 30px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-circle.top { top: -55px; } .dflex-main-sec.dflex-icon-hover-sec .right-sec .icon-circle:hover { width: 60px; } } .dflex-main-sec.blue-icon .d-flex-sec .right-sec .list-item-wraper ul li::before { background: url("../svg/triangle-arrow1.svg") center no-repeat; background-size: contain; } .dflex-main-sec.blue-icon .d-flex-sec .right-sec .list-item-wraper ul li:hover { -webkit-transition: padding 0.7s ease all; transition: padding 0.7s ease all; } .dflex-main-sec.blue-icon .d-flex-sec .right-sec .list-item-wraper ul li:hover::before { background: url("../svg/triangle-list1.svg") center no-repeat; -webkit-transition: padding 0.7s ease all; transition: padding 0.7s ease all; } /**********************************/ /**********************************/ .center-videocontent-sec { background: #11223B; padding: 3rem 0 5rem 0; } @media screen and (min-width: 768px) { .center-videocontent-sec { padding: 5.4rem 0; } } @media screen and (min-width: 992px) { .center-videocontent-sec { padding: 6.4rem 0; } } .center-videocontent-sec .center-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.4rem; } @media screen and (min-width: 768px) { .center-videocontent-sec .center-wrapper { gap: 4.4rem; } } @media screen and (min-width: 992px) { .center-videocontent-sec .center-wrapper { gap: 6.4rem; } } .center-videocontent-sec .center-hdg2-blk { max-width: 85%; } .center-videocontent-sec .center-hdg2-blk h2 { color: #ffffff; margin-bottom: 0; } .center-videocontent-sec .center-hdg2-blk h3 { margin-bottom: 0; } .center-videocontent-sec .video-inlinewarpper .video-inline-blk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; display: block; width: 100%; max-width: 109.4rem; margin: 0 auto; border-radius: 0.6rem; } .center-videocontent-sec .video-inlinewarpper .video-inline-blk .youtube_codegena { border-radius: 0.6rem; position: relative; height: 100% !important; min-height: 30rem; max-height: 30rem; } @media screen and (min-width: 768px) { .center-videocontent-sec .video-inlinewarpper .video-inline-blk .youtube_codegena { height: 100% !important; min-height: 41.6rem; max-height: 41.6rem; } } @media screen and (min-width: 992px) { .center-videocontent-sec .video-inlinewarpper .video-inline-blk .youtube_codegena { height: 100% !important; min-height: 61.6rem; max-height: 61.6rem; } } .center-videocontent-sec .video-inlinewarpper .video-inline-blk a { width: 100%; border-radius: 0.6rem; } .center-videocontent-sec .video-inlinewarpper .video-inline-blk a img { width: 100%; -o-object-fit: cover; object-fit: cover; position: relative; z-index: 1; border-radius: 0.6rem; } .center-videocontent-sec .video-inlinewarpper .video-inline-blk .layer { content: ""; position: absolute; background: rgba(0, 0, 0, 0.2); top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 2; -webkit-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; border-radius: 0.6rem; } .center-videocontent-sec .video-inlinewarpper .video-inline-blk .youtube_codegena .thumb { border-radius: 0.6rem; height: 100%; -o-object-fit: cover; object-fit: cover; } .center-videocontent-sec .video-inlinewarpper .video-inline-blk .play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; cursor: pointer; padding: 7.6rem; border-radius: 50%; background-image: url("../svg/play-icon.svg"); background-position: center; background-size: 12.4rem; background-repeat: no-repeat; z-index: 3; -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; opacity: 1; } .center-videocontent-sec .video-inlinewarpper .video-inline-blk:hover .play { background-color: rgba(0, 0, 0, 0.7); z-index: 4; } .center-videocontent-sec .video-inlinewarpper .video-inline-blk iframe { width: 100%; height: 100%; display: block; border-radius: 0.6rem; z-index: 3; position: relative; border: none; outline: none; min-height: 30rem; height: 30rem !important; } @media screen and (min-width: 768px) { .center-videocontent-sec .video-inlinewarpper .video-inline-blk iframe { min-height: 41.6rem; height: 41.6rem !important; } } @media screen and (min-width: 992px) { .center-videocontent-sec .video-inlinewarpper .video-inline-blk iframe { min-height: 61.6rem; } } .center-videocontent-sec .video-btm-sec { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; flex-direction: column; max-width: 109.4rem; margin: 0 auto; padding: 0 3rem; } @media screen and (min-width: 992px) { .center-videocontent-sec .video-btm-sec { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .center-videocontent-sec .video-btm-sec .left-contnt { padding-top: 3rem; padding-bottom: 3rem; border-bottom: 1px solid #899FB4; padding-right: 0; width: 100%; } @media screen and (min-width: 992px) { .center-videocontent-sec .video-btm-sec .left-contnt { width: calc(75% - 3.6rem); padding-right: 3.6rem; border-right: 1px solid #899FB4; border-bottom: none; } } .center-videocontent-sec .video-btm-sec .left-contnt h4 { color: #ffffff; } .center-videocontent-sec .video-btm-sec .left-contnt p { margin-bottom: 1rem; color: #CBD5DE; font-weight: 500; } .center-videocontent-sec .video-btm-sec .rht-contnt { padding-top: 3rem; padding-bottom: 0; padding-left: 0; width: 100%; } @media screen and (min-width: 992px) { .center-videocontent-sec .video-btm-sec .rht-contnt { width: calc(35% - 3.6rem); padding-left: 3.6rem; } } .center-videocontent-sec .video-btm-sec .btm-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2.2rem; } .center-videocontent-sec .video-btm-sec .client-desig { color: #CBD5DE; font-weight: 500; } .center-videocontent-sec .video-btm-sec .client-name { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; font-weight: 500; color: #ffffff; } @media screen and (min-width: 992px) { .center-videocontent-sec .video-btm-sec .client-name { font-size: 2rem; line-height: 140%; font-weight: 400; letter-spacing: 0; } } .center-videocontent-sec .video-btm-sec .btm-center-content { text-align: center; } .center-videocontent-sec.video-diffr-content { background: #ffffff; padding-bottom: 3rem; padding-top: 1.5rem; } @media screen and (min-width: 768px) { .center-videocontent-sec.video-diffr-content { padding-top: 3rem; padding-bottom: 5rem; } } @media screen and (min-width: 992px) { .center-videocontent-sec.video-diffr-content { padding-top: 6.4rem; padding-bottom: 9.6rem; } } .center-videocontent-sec.video-diffr-content .center-wrapper { gap: 2.4rem; } .center-videocontent-sec.video-diffr-content .video-inlinewarpper .video-inline-blk .play { left: 64%; top: 38%; -webkit-transform: translate(-50%); transform: translate(-50%); } @media screen and (min-width: 340px) { .center-videocontent-sec.video-diffr-content .video-inlinewarpper .video-inline-blk .play { left: 61%; } } @media screen and (min-width: 580px) { .center-videocontent-sec.video-diffr-content .video-inlinewarpper .video-inline-blk .play { top: 38%; left: 60%; } } @media screen and (min-width: 768px) { .center-videocontent-sec.video-diffr-content .video-inlinewarpper .video-inline-blk .play { top: 40%; left: 55%; } } @media screen and (min-width: 992px) { .center-videocontent-sec.video-diffr-content .video-inlinewarpper .video-inline-blk .play { top: 45%; left: 55%; } } .center-videocontent-sec.left-align-video .video-inlinewarpper .video-inline-blk { margin: 0; margin-right: auto; } .center-videocontent-sec.left-align-video .video-btm-sec { max-width: 100%; margin-right: auto; padding: 0 2rem; } @media screen and (min-width: 1180px) { .center-videocontent-sec.left-align-video .video-btm-sec { max-width: 135.2rem; margin-right: auto; padding: 0 2rem; } } .center-videocontent-sec.left-align-video .btm-center-content { text-align: left; } /* accordian */ /**********************************/ /**********************************/ .glossary-detail-sec { background: #EBF0F4; padding: 3rem 0; margin: 2rem 0; } @media screen and (min-width: 768px) { .glossary-detail-sec { padding: 2rem 0 2rem 0; } } @media screen and (min-width: 992px) { .glossary-detail-sec { padding: 3rem 0 3rem 0; margin: 3rem 0; } } .glossary-detail-sec .top-main-sec { max-width: 100%; text-align: center; margin: 0 auto; padding-bottom: 3.6rem; } .glossary-detail-sec .top-main-sec p { max-width: 100%; margin: 0 auto; } .glossary-detail-sec .top-main-sec h2 { margin-bottom: 2rem; } .glossary-detail-sec .top-main-sec h3 { margin-bottom: 2.4rem; } .glossary-detail-sec .top-main-sec h4 { margin-bottom: 2.4rem; } .glossary-detail-sec .top-main-sec .top-head { margin-bottom: 2rem; } @media screen and (min-width: 992px) { .glossary-detail-sec .top-main-sec { max-width: 85%; text-align: center; margin: 0 auto; } .glossary-detail-sec .top-main-sec h2 { margin-bottom: 2.4rem; } .glossary-detail-sec .top-main-sec h3 { margin-bottom: 2.4rem; } .glossary-detail-sec .top-main-sec h4 { margin-bottom: 2.4rem; } .glossary-detail-sec .top-main-sec p { max-width: 100%; margin: 0 auto; } .glossary-detail-sec .top-main-sec .top-head { margin-bottom: 2.4rem; } .glossary-detail-sec .top-main-sec.without-txtcontnt h2 { margin-bottom: 0; } } .glossary-detail-sec .top-main-sec.without-txtcontnt h2 { margin-bottom: 0; } @media screen and (min-width: 992px) { .glossary-detail-sec .top-main-sec.without-txtcontnt h2 { margin-bottom: 0; } } .glossary-detail-sec .acco-tab-sec ol { margin: 0; padding: 0; list-style: none; } .glossary-detail-sec .acco-tab-sec ol .accordion__item { padding: 2rem 4.5rem 2rem 2rem; background: #ffffff; cursor: pointer; margin-bottom: 2.4rem; border-radius: 0.6rem; } .glossary-detail-sec .acco-tab-sec ol .accordion__item:last-child { margin-bottom: 0; } @media screen and (min-width: 992px) { .glossary-detail-sec .acco-tab-sec ol .accordion__item { padding: 2.8rem 7rem 2.8rem 2.8rem; } } .glossary-detail-sec .acco-tab-sec ol .accordion__item:first-child .acco-detail-view { display: block; } .glossary-detail-sec .acco-tab-sec ul { margin: 0; padding: 0; list-style: none; } .glossary-detail-sec .acco-tab-sec ul .accordion__item { padding: 2rem 4.5rem 2rem 2rem; background: #ffffff; cursor: pointer; margin-bottom: 2.4rem; border-radius: 0.6rem; } .glossary-detail-sec .acco-tab-sec ul .accordion__item:last-child { margin-bottom: 0; } @media screen and (min-width: 992px) { .glossary-detail-sec .acco-tab-sec ul .accordion__item { padding: 2.8rem 7rem 2.8rem 2.8rem; } } .glossary-detail-sec .acco-tab-sec ul .accordion__item:first-child .acco-detail-view { display: block; } .glossary-detail-sec .acco-tab-sec .accordion__link { position: relative; text-decoration: none; display: block; margin: 0px; } .glossary-detail-sec .acco-tab-sec .accordion__link::after { content: ""; background-image: url("../svg/arrow-up1.svg"); background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 0.6rem; width: 2rem; height: 2rem; position: absolute; top: 0.8rem; right: -2.5rem; border-radius: 50%; border: 0.1rem solid rgba(1, 9, 24, 0.7); -webkit-transition: 0.3s ease all; transition: 0.3s ease all; } @media screen and (min-width: 992px) { .glossary-detail-sec .acco-tab-sec .accordion__link::after { background-size: 1rem; width: 2.4rem; height: 2.4rem; right: -4.2rem; } } .glossary-detail-sec .acco-tab-sec .accordion__link h6 { font-size: 2rem; font-style: normal; line-height: 140%; font-weight: 600; color: rgba(1, 9, 24, 0.9); } @media screen and (max-width: 768px) { .glossary-detail-sec .acco-tab-sec .accordion__link h6 { font-size: 1.8rem; } } @media screen and (max-width: 576px) { .glossary-detail-sec .acco-tab-sec .accordion__link h6 { font-size: 1.6rem; } } .glossary-detail-sec .acco-tab-sec .acco-detail-view { display: none; padding-top: 0; overflow: hidden; height: auto !important; } .glossary-detail-sec .acco-tab-sec .acco-detail-view p { margin-bottom: 1rem; line-height: 150%; text-align: left; } .glossary-detail-sec .acco-tab-sec .acco-detail-view p:last-child { margin-bottom: 0; } @media screen and (min-width: 992px) { .glossary-detail-sec .acco-tab-sec .acco-detail-view p { text-align: justify; } } .glossary-detail-sec .acco-tab-sec .acco-detail-view h2 { font-size: 2rem; font-style: normal; line-height: 140%; font-weight: 600; color: rgba(1, 9, 24, 0.9); letter-spacing: 0; margin-bottom: 1rem; } @media screen and (max-width: 768px) { .glossary-detail-sec .acco-tab-sec .acco-detail-view h2 { font-size: 1.8rem; } } .glossary-detail-sec .acco-tab-sec .acco-detail-view h3 { font-size: 1.8rem; font-style: normal; line-height: 140%; font-weight: 600; color: rgba(1, 9, 24, 0.9); letter-spacing: 0; margin-bottom: 1rem; } @media screen and (max-width: 768px) { .glossary-detail-sec .acco-tab-sec .acco-detail-view h3 { font-size: 1.7rem; line-height: 1.4; } } .glossary-detail-sec .acco-tab-sec .acco-detail-view h4 { font-size: 1.7rem; font-style: normal; line-height: 140%; font-weight: 600; color: rgba(1, 9, 24, 0.9); letter-spacing: 0; margin-bottom: 1rem; } @media screen and (max-width: 768px) { .glossary-detail-sec .acco-tab-sec .acco-detail-view h4 { font-size: 1.6rem; } } .glossary-detail-sec .acco-tab-sec .acco-detail-view h5 { font-size: 1.6rem; font-style: normal; line-height: 140%; font-weight: 600; color: rgba(1, 9, 24, 0.9); letter-spacing: 0; margin-bottom: 1rem; } @media screen and (max-width: 768px) { .glossary-detail-sec .acco-tab-sec .acco-detail-view h5 { font-size: 1.5rem; } } .glossary-detail-sec .acco-tab-sec .acco-detail-view h6 { font-size: 1.6rem; font-style: normal; line-height: 140%; font-weight: 600; color: rgba(1, 9, 24, 0.9); letter-spacing: 0; margin-bottom: 1rem; } @media screen and (max-width: 768px) { .glossary-detail-sec .acco-tab-sec .acco-detail-view h6 { font-size: 1.5rem; } } .glossary-detail-sec .acco-tab-sec .acco-detail-view ul { margin: 0; padding: 0; list-style: disc; margin-bottom: 2.4rem; padding-bottom: 0; } .glossary-detail-sec .acco-tab-sec .acco-detail-view ul li { margin-left: 2rem; padding-left: 1rem; margin-bottom: 1.6rem; } .glossary-detail-sec .acco-tab-sec .acco-detail-view ul li:last-child { margin-bottom: 0; } .glossary-detail-sec .acco-tab-sec .acco-detail-view ul li::marker { color: rgba(1, 9, 24, 0.7); text-align: left; } .glossary-detail-sec .acco-tab-sec .acco-detail-view ol { margin: 0; padding: 0; margin-bottom: 2.4rem; padding-bottom: 0; list-style: decimal; } .glossary-detail-sec .acco-tab-sec .acco-detail-view ol li { margin-bottom: 1.6rem; margin-left: 2.5rem; padding-left: 0.5rem; } .glossary-detail-sec .acco-tab-sec .acco-detail-view ol li:last-child { margin-bottom: 0; } .glossary-detail-sec .acco-tab-sec .acco-detail-view ol li::marker { color: rgba(1, 9, 24, 0.7); text-align: left; } .glossary-detail-sec .acco-tab-sec .acco-detail-view a { color: #E74C24; text-decoration: underline; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .glossary-detail-sec .acco-tab-sec .acco-detail-view a:hover { color: #CA3B16; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .glossary-detail-sec .acco-tab-sec .acco-detail-view p, .glossary-detail-sec .acco-tab-sec .acco-detail-view h2, .glossary-detail-sec .acco-tab-sec .acco-detail-view h3, .glossary-detail-sec .acco-tab-sec .acco-detail-view h4, .glossary-detail-sec .acco-tab-sec .acco-detail-view h5, .glossary-detail-sec .acco-tab-sec .acco-detail-view h6 { padding-top: 0.8rem; } .glossary-detail-sec .acco-tab-sec .accordion__item.accordion__item_active .accordion__link { -webkit-transition: 0.3s ease all; transition: 0.3s ease all; } .glossary-detail-sec .acco-tab-sec .accordion__item.accordion__item_active .accordion__link::after { content: ""; background-image: url("../svg/arrow-down1.svg"); background-position: center; background-size: 1rem; display: block; -webkit-transition: 0.3s ease all; transition: 0.3s ease all; } @media screen and (max-width: 768px) { .glossary-detail-sec .acco-tab-sec .accordion__item.accordion__item_active .accordion__link::after { background-size: 0.6rem; } } .glossary-detail-sec .acco-tab-sec.faq-outer-tab .accordion__link h2 { font-size: 2rem; font-style: normal; line-height: 140%; font-weight: 600; color: rgba(1, 9, 24, 0.9); letter-spacing: 0; } @media screen and (max-width: 768px) { .glossary-detail-sec .acco-tab-sec.faq-outer-tab .accordion__link h2 { font-size: 1.8rem; } } @media screen and (max-width: 576px) { .glossary-detail-sec .acco-tab-sec.faq-outer-tab .accordion__link h2 { font-size: 1.6rem; } } .glossary-detail-sec .returnto { padding-bottom: 3rem; } @media screen and (min-width: 992px) { .glossary-detail-sec .returnto { padding-bottom: 6.4rem; } } .glossary-detail-sec .returnto a { color: #E74C24; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; text-decoration: none; } .glossary-detail-sec .returnto a:focus { color: #E74C24; } .glossary-detail-sec .returnto a:hover { color: #CA3B16; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .glossary-detail-sec .returnto a:hover:focus { color: #CA3B16; } .glossary-detail-sec .btm-accordn-sec { padding-bottom: 3rem; } .single-glossary .glossary-detail-sec .acco-tab-sec .accordion__item:hover .accordion__link::after { content: ""; background-image: url("../svg/arrow-orange-down.svg"); background-color: transparent; background-repeat: no-repeat; background-position: center; border: 0.1rem solid #E74C24; -webkit-transition: 0.3s ease all; transition: 0.3s ease all; } .single-glossary .glossary-detail-sec .acco-tab-sec .accordion__item.accordion__item_active:hover .accordion__link { -webkit-transition: 0.3s ease all; transition: 0.3s ease all; } .single-glossary .glossary-detail-sec .acco-tab-sec .accordion__item.accordion__item_active:hover .accordion__link::after { content: ""; background-image: url("../svg/arrow-orange-down1.svg"); background-color: transparent; background-repeat: no-repeat; background-position: center; border: 0.1rem solid #E74C24; -webkit-transition: 0.3s ease all; transition: 0.3s ease all; } .single-glossary .glossary-detail-sec.noaccordian-sec .container { padding: 0; } .single-glossary .glossary-detail-sec.noaccordian-sec .top-main-sec { max-width: 100%; text-align: left; margin: 0; } @media screen and (min-width: 992px) { .single-glossary .glossary-detail-sec.noaccordian-sec .top-main-sec { max-width: 100%; text-align: left; margin: 0; } } .single-glossary .glossary-detail-sec.noaccordian-sec .top-main-sec p { line-height: 150%; letter-spacing: 0px; margin-bottom: 2rem; } @media screen and (min-width: 768px) { .single-glossary .glossary-detail-sec.noaccordian-sec .top-main-sec p { margin-bottom: 3rem; } } .single-glossary .glossary-detail-sec.noaccordian-sec .top-main-sec p a { color: #E74C24; text-decoration: underline; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .single-glossary .glossary-detail-sec.noaccordian-sec .top-main-sec p a:hover { color: #CA3B16; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .single-glossary .glossary-detail-sec.noaccordian-sec .acco-tab-sec ol .accordion__item { padding: 0; } .single-glossary .glossary-detail-sec.noaccordian-sec .acco-tab-sec .acco-detail-view { display: block; } .ct-frm-wrap { background: -webkit-gradient(linear, left top, right top, from(#EFEFEF), to(#EFEFEF)); background: linear-gradient(to right, #EFEFEF 0%, #EFEFEF 100%); background: #EBF0F4; height: 100%; } .ct-frm-wrap .gform_heading { padding-bottom: 3rem; } .ct-frm-wrap .gform_wrapper form input:invalid, .ct-frm-wrap .gform_wrapper form textarea:invalid { background-color: #DAE1E7; } .ct-frm-wrap .gform_wrapper form label { cursor: pointer; font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; font-size: 1.6rem !important; font-weight: 400 !important; line-height: 1.1 !important; color: #000714 !important; margin-bottom: 1.2rem; display: block; } .ct-frm-wrap .gform_wrapper form .requiredtag { color: #DB3232; } .ct-frm-wrap .gform_wrapper form input[type=text], .ct-frm-wrap .gform_wrapper form input[type=email], .ct-frm-wrap .gform_wrapper form input[type=tel], .ct-frm-wrap .gform_wrapper form input[type=file], .ct-frm-wrap .gform_wrapper form input[type=password], .ct-frm-wrap .gform_wrapper form textarea { width: 100% !important; height: 4.8rem !important; display: block !important; padding: 1.4rem 0.8rem !important; font-size: 1.6rem; line-height: 140%; font-weight: 600; letter-spacing: 0; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(1, 9, 24, 0.7) !important; background-color: #DAE1E7 !important; border: 0.1rem solid transparent !important; border-radius: 0.4rem !important; position: relative !important; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } @media screen and (min-width: 992px) { .ct-frm-wrap .gform_wrapper form input[type=text], .ct-frm-wrap .gform_wrapper form input[type=email], .ct-frm-wrap .gform_wrapper form input[type=tel], .ct-frm-wrap .gform_wrapper form input[type=file], .ct-frm-wrap .gform_wrapper form input[type=password], .ct-frm-wrap .gform_wrapper form textarea { font-size: 1.8rem; line-height: 140%; font-weight: 600; letter-spacing: 0; } } .ct-frm-wrap .gform_wrapper form input[type=text]::-webkit-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=email]::-webkit-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=tel]::-webkit-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=file]::-webkit-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=password]::-webkit-input-placeholder, .ct-frm-wrap .gform_wrapper form textarea::-webkit-input-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap .gform_wrapper form input[type=text]::-moz-placeholder, .ct-frm-wrap .gform_wrapper form input[type=email]::-moz-placeholder, .ct-frm-wrap .gform_wrapper form input[type=tel]::-moz-placeholder, .ct-frm-wrap .gform_wrapper form input[type=file]::-moz-placeholder, .ct-frm-wrap .gform_wrapper form input[type=password]::-moz-placeholder, .ct-frm-wrap .gform_wrapper form textarea::-moz-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap .gform_wrapper form input[type=text]:-ms-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=email]:-ms-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=tel]:-ms-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=file]:-ms-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=password]:-ms-input-placeholder, .ct-frm-wrap .gform_wrapper form textarea:-ms-input-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap .gform_wrapper form input[type=text]::-ms-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=email]::-ms-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=tel]::-ms-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=file]::-ms-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=password]::-ms-input-placeholder, .ct-frm-wrap .gform_wrapper form textarea::-ms-input-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap .gform_wrapper form input[type=text]::placeholder, .ct-frm-wrap .gform_wrapper form input[type=email]::placeholder, .ct-frm-wrap .gform_wrapper form input[type=tel]::placeholder, .ct-frm-wrap .gform_wrapper form input[type=file]::placeholder, .ct-frm-wrap .gform_wrapper form input[type=password]::placeholder, .ct-frm-wrap .gform_wrapper form textarea::placeholder { color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap .gform_wrapper form input[type=text]:focus, .ct-frm-wrap .gform_wrapper form input[type=email]:focus, .ct-frm-wrap .gform_wrapper form input[type=tel]:focus, .ct-frm-wrap .gform_wrapper form input[type=file]:focus, .ct-frm-wrap .gform_wrapper form input[type=password]:focus, .ct-frm-wrap .gform_wrapper form textarea:focus { background-color: #DAE1E7 !important; border-color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap .gform_wrapper form input[type=text]:focus::-webkit-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=email]:focus::-webkit-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=tel]:focus::-webkit-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=file]:focus::-webkit-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=password]:focus::-webkit-input-placeholder, .ct-frm-wrap .gform_wrapper form textarea:focus::-webkit-input-placeholder { opacity: 0 !important; } .ct-frm-wrap .gform_wrapper form input[type=text]:focus::-moz-placeholder, .ct-frm-wrap .gform_wrapper form input[type=email]:focus::-moz-placeholder, .ct-frm-wrap .gform_wrapper form input[type=tel]:focus::-moz-placeholder, .ct-frm-wrap .gform_wrapper form input[type=file]:focus::-moz-placeholder, .ct-frm-wrap .gform_wrapper form input[type=password]:focus::-moz-placeholder, .ct-frm-wrap .gform_wrapper form textarea:focus::-moz-placeholder { opacity: 0 !important; } .ct-frm-wrap .gform_wrapper form input[type=text]:focus:-ms-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=email]:focus:-ms-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=tel]:focus:-ms-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=file]:focus:-ms-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=password]:focus:-ms-input-placeholder, .ct-frm-wrap .gform_wrapper form textarea:focus:-ms-input-placeholder { opacity: 0 !important; } .ct-frm-wrap .gform_wrapper form input[type=text]:focus::-ms-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=email]:focus::-ms-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=tel]:focus::-ms-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=file]:focus::-ms-input-placeholder, .ct-frm-wrap .gform_wrapper form input[type=password]:focus::-ms-input-placeholder, .ct-frm-wrap .gform_wrapper form textarea:focus::-ms-input-placeholder { opacity: 0 !important; } .ct-frm-wrap .gform_wrapper form input[type=text]:focus::placeholder, .ct-frm-wrap .gform_wrapper form input[type=email]:focus::placeholder, .ct-frm-wrap .gform_wrapper form input[type=tel]:focus::placeholder, .ct-frm-wrap .gform_wrapper form input[type=file]:focus::placeholder, .ct-frm-wrap .gform_wrapper form input[type=password]:focus::placeholder, .ct-frm-wrap .gform_wrapper form textarea:focus::placeholder { opacity: 0 !important; } .ct-frm-wrap .gform_wrapper form textarea { height: 23.9rem !important; width: 100%; outline: none !important; } .ct-frm-wrap .gform_wrapper form select { width: 100%; height: 4.8rem; display: block; padding: 1.75rem 0.8rem !important; font-size: 1.6rem; line-height: 140%; font-weight: 600; letter-spacing: 0; font-weight: 400 !important; letter-spacing: 0px !important; color: rgba(1, 9, 24, 0.7) !important; border: solid 0.1rem transparent !important; border-radius: 0.4rem !important; margin: 0 !important; position: relative; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } @media screen and (min-width: 992px) { .ct-frm-wrap .gform_wrapper form select { font-size: 1.8rem; line-height: 140%; font-weight: 600; letter-spacing: 0; } } .ct-frm-wrap .gform_wrapper form select::-webkit-input-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap .gform_wrapper form select::-moz-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap .gform_wrapper form select:-ms-input-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap .gform_wrapper form select::-ms-input-placeholder { color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap .gform_wrapper form select::placeholder { color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap .gform_wrapper form select:focus { background-color: #DAE1E7 !important; border-color: rgba(1, 9, 24, 0.4) !important; } .ct-frm-wrap .gform_wrapper form select:focus::-webkit-input-placeholder { opacity: 0 !important; } .ct-frm-wrap .gform_wrapper form select:focus::-moz-placeholder { opacity: 0 !important; } .ct-frm-wrap .gform_wrapper form select:focus:-ms-input-placeholder { opacity: 0 !important; } .ct-frm-wrap .gform_wrapper form select:focus::-ms-input-placeholder { opacity: 0 !important; } .ct-frm-wrap .gform_wrapper form select:focus::placeholder { opacity: 0 !important; } .ct-frm-wrap .gform_wrapper form input[type=radio] { width: 1.8rem; height: 1.8rem; cursor: pointer; appearance: none; /* Removes default styling */ -webkit-appearance: none; /* For Safari */ -moz-appearance: none; cursor: pointer; border: none !important; /* Default border */ border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #DAE1E7; /* Default background */ -webkit-box-shadow: none !important; box-shadow: none !important; } .ct-frm-wrap .gform_wrapper form input[type=radio]::before { content: ""; width: 60%; /* Inner dot size */ height: 60%; background-color: transparent; border-radius: 50%; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .ct-frm-wrap .gform_wrapper form input[type=radio]:checked::before { background-color: #11223B; /* White inner dot */ } .ct-frm-wrap .gform_wrapper form input[type=checkbox] { width: 2.4rem; height: 2.4rem; cursor: pointer; border-radius: 0.6rem; appearance: none; /* Removes default styling */ -webkit-appearance: none; /* For Safari */ -moz-appearance: none; cursor: pointer; border: none !important; /* Default border */ border-radius: 0.6rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #DAE1E7; /* Default background */ -webkit-box-shadow: none !important; box-shadow: none !important; } .ct-frm-wrap .gform_wrapper form input[type=checkbox]:checked { background-image: url("../svg/tick.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.4rem auto; background-color: #11223B; } .ct-frm-wrap .gform_wrapper form input[type=submit] { width: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1.6rem 1.6rem 1.6rem 1.6rem; text-align: center; border-radius: 0.6rem; border: none; font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; font-size: 1.6rem !important; color: #ffffff !important; text-decoration: none; background-color: transparent; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-block-end-color: unset !important; border-block-start-color: unset !important; border-color: unset !important; border-bottom-color: unset !important; position: relative; display: inline-flex !important; outline: none !important; } .ct-frm-wrap .gform_wrapper form input[type=submit]:focus { background-color: #CA3B16; } .ct-frm-wrap .gform_wrapper form input[type=submit]:focus::before { right: 2rem; } .ct-frm-wrap .gform_wrapper form input[type=submit]:hover { background-color: #CA3B16; text-decoration: none !important; } .ct-frm-wrap .gform_wrapper form input[type=submit]:hover:focus { background-color: #CA3B16; } @media screen and (min-width: 992px) { .ct-frm-wrap .gform_wrapper form input[type=submit] { font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; } } .ct-frm-wrap .gform_wrapper form .submt-itm { background-color: #E74C24; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; border-radius: 0.6rem; } .ct-frm-wrap .gform_wrapper form .submt-itm input[type=submit] { width: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1.6rem 1.6rem 1.6rem 1.6rem; text-align: center; border-radius: 0.6rem; border: none; font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; color: #ffffff !important; text-decoration: none; background-color: transparent; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; cursor: pointer; position: relative; outline: none !important; } @media screen and (min-width: 992px) { .ct-frm-wrap .gform_wrapper form .submt-itm input[type=submit] { font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; } } .ct-frm-wrap .gform_wrapper form .submt-itm .arrow { content: ""; width: 0.933rem; aspect-ratio: 1; display: block; background: url("../svg/arrow-regular.svg") no-repeat center; right: 0; position: relative; z-index: 1; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .ct-frm-wrap .gform_wrapper form .submt-itm:focus { background-color: #CA3B16; } .ct-frm-wrap .gform_wrapper form .submt-itm:focus::before { right: 2rem; } .ct-frm-wrap .gform_wrapper form .submt-itm:hover { background-color: #CA3B16; text-decoration: none !important; } .ct-frm-wrap .gform_wrapper form .submt-itm:hover .arrow { right: -0.5rem; } .ct-frm-wrap .gform_wrapper form .submt-itm:hover:focus { background-color: #CA3B16; } .ct-frm-wrap .gform_wrapper form .submt-itm:hover:focus .arrow { right: 1.3rem; } .ct-frm-wrap .gform_wrapper form .gform-footer { background-color: #E74C24; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; border-radius: 0.6rem; } .ct-frm-wrap .gform_wrapper form .gform-footer input[type=submit] { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1.6rem 1.6rem 1.6rem 1.6rem !important; text-align: center; border-radius: 0.6rem; font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; font-size: 1.6rem !important; color: #ffffff !important; text-decoration: none; background-color: transparent !important; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; cursor: pointer; position: relative; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-block-end-color: unset !important; border-block-start-color: unset !important; border-color: unset !important; border-bottom-color: unset !important; position: relative; display: inline-flex !important; width: 100% !important; outline: none !important; } @media screen and (min-width: 992px) { .ct-frm-wrap .gform_wrapper form .gform-footer input[type=submit] { font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; } } .ct-frm-wrap .gform_wrapper form .gform-footer .arrow { content: ""; width: 0.933rem; aspect-ratio: 1; display: block; background: url("../svg/arrow-regular.svg") no-repeat center; right: 0; position: relative; z-index: 1; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .ct-frm-wrap .gform_wrapper form .gform-footer:focus { background-color: transparent !important; } .ct-frm-wrap .gform_wrapper form .gform-footer:focus::before { right: 2rem; } .ct-frm-wrap .gform_wrapper form .gform-footer:hover { background-color: #CA3B16 !important; text-decoration: none !important; } .ct-frm-wrap .gform_wrapper form .gform-footer:hover .arrow { right: -0.5rem; } .ct-frm-wrap .gform_wrapper form .gform-footer:hover:focus { background-color: #CA3B16 !important; } .ct-frm-wrap .gform_wrapper form .gform-footer:hover:focus .arrow { right: 1.3rem; } .ct-frm-wrap .gform_wrapper form .gform_fields { gap: 3rem; } .ct-frm-wrap .gform_wrapper form .flex-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.8rem; } .ct-frm-wrap .gform_wrapper form .flex-item label { margin-bottom: 0; color: rgba(1, 9, 24, 0.7); line-height: 1.2; font-size: 1.6rem; } .ct-frm-wrap .gform_wrapper form p a { color: #E74C24; font-weight: 600; } /**********************************/ /**********************************/ .blue-middlebx-sec { padding: 1.5rem 0 1.5rem 0; } @media screen and (min-width: 768px) { .blue-middlebx-sec { padding: 3rem 0 3rem 0; } } @media screen and (min-width: 992px) { .blue-middlebx-sec { padding: 3rem 0 3rem 0; } } .blue-middlebx-sec .container { text-align: center; } .blue-middlebx-sec .blue-middlebx-wrapper { margin: 0; max-width: 100%; text-align: center; background: #11223B; padding: 2.4rem; border-radius: 0.6rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .blue-middlebx-sec .blue-middlebx-wrapper h6 { margin-bottom: 0; color: #ffffff; max-width: 109rem; font-weight: 600; margin: 0 auto; text-align: center; } /**********************************/ /**********************************/ .dflex-giftcard-sec { padding-bottom: 3rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .dflex-giftcard-sec { padding-top: 5rem; padding-bottom: 5rem; } } @media screen and (min-width: 992px) { .dflex-giftcard-sec { padding-top: 9.6rem; padding-bottom: 9.6rem; } } .dflex-giftcard-sec .center-hdg2-blk { padding-bottom: 6.4rem; } .dflex-giftcard-sec .center-hdg2-blk .large-txt { color: #899FB4; margin-bottom: 2.4rem; } .dflex-giftcard-sec .d-flexaligned-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; gap: 3rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 992px) { .dflex-giftcard-sec .d-flexaligned-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 6.4rem; } } .dflex-giftcard-sec .d-flex-sec .left-sec { text-align: left; width: 100%; } @media (min-width: 992px) { .dflex-giftcard-sec .d-flex-sec .left-sec { width: calc(50% - 3.2rem); } } .dflex-giftcard-sec .d-flex-sec .left-sec h2 { margin-bottom: 2.4rem; } @media (min-width: 992px) { .dflex-giftcard-sec .d-flex-sec .left-sec h2 { margin-bottom: 3.6rem; } } .dflex-giftcard-sec .d-flex-sec .left-sec h3 { margin-bottom: 2rem; } @media (min-width: 992px) { .dflex-giftcard-sec .d-flex-sec .left-sec h3 { margin-bottom: 2.4rem; } } .dflex-giftcard-sec .d-flex-sec .left-sec h4 { margin-bottom: 2rem; } @media (min-width: 992px) { .dflex-giftcard-sec .d-flex-sec .left-sec h4 { margin-bottom: 2.4rem; } } .dflex-giftcard-sec .d-flex-sec .left-sec h5 { margin-bottom: 1.2rem; } @media (min-width: 992px) { .dflex-giftcard-sec .d-flex-sec .left-sec h5 { margin-bottom: 1.5rem; } } .dflex-giftcard-sec .d-flex-sec .left-sec .large-txt { color: #010918; margin-bottom: 1.2rem; } @media (min-width: 992px) { .dflex-giftcard-sec .d-flex-sec .left-sec .large-txt { margin-bottom: 1.5rem; } } .dflex-giftcard-sec .d-flex-sec .left-sec .medium-txt { margin-bottom: 0.8rem; } .dflex-giftcard-sec .d-flex-sec .left-sec p { margin-bottom: 2rem; max-width: 100%; } @media (min-width: 992px) { .dflex-giftcard-sec .d-flex-sec .left-sec p { margin-bottom: 2.4rem; max-width: 80%; } } .dflex-giftcard-sec .d-flex-sec .left-sec .logos-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 2.4rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 425px) { .dflex-giftcard-sec .d-flex-sec .left-sec .logos-wrap { gap: 2.4rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 992px) { .dflex-giftcard-sec .d-flex-sec .left-sec .logos-wrap { gap: 3.6rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .dflex-giftcard-sec .d-flex-sec .left-sec .logos-wrap a img { max-height: 124rem; -o-object-fit: contain; object-fit: contain; } .dflex-giftcard-sec .d-flex-sec .left-sec .blue-box-wrapper { background-color: #11223B; border-radius: 0.6rem; padding: 2.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.4rem; } .dflex-giftcard-sec .d-flex-sec .left-sec .blue-box-wrapper h4 { color: #ffffff; line-height: 130%; max-width: 100%; margin-bottom: 0; } @media (min-width: 992px) { .dflex-giftcard-sec .d-flex-sec .left-sec .blue-box-wrapper h4 { max-width: 90%; } } .dflex-giftcard-sec .d-flex-sec .left-sec .blue-box-wrapper .btm-contnt { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 3.6rem; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (min-width: 992px) { .dflex-giftcard-sec .d-flex-sec .left-sec .blue-box-wrapper .btm-contnt { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .dflex-giftcard-sec .d-flex-sec .left-sec ul { margin-bottom: 0; padding-bottom: 0; } .dflex-giftcard-sec .d-flex-sec .left-sec ul li { margin-bottom: 1.6rem; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; letter-spacing: 0; } @media screen and (min-width: 393px) { .dflex-giftcard-sec .d-flex-sec .left-sec ul li { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; } } @media screen and (min-width: 992px) { .dflex-giftcard-sec .d-flex-sec .left-sec ul li { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; } } .dflex-giftcard-sec .d-flex-sec .left-sec ul li:last-child { margin-bottom: 0; } .dflex-giftcard-sec .d-flex-sec .left-sec ul li::marker { color: rgba(1, 9, 24, 0.7); text-align: left; } .dflex-giftcard-sec .d-flex-sec .left-sec .large-head { font-size: 2.8rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; color: rgba(1, 9, 24, 0.9); margin-bottom: 18px; } .dflex-giftcard-sec .d-flex-sec .left-sec .large-black { font-size: 1.8rem; color: rgba(1, 9, 24, 0.9); font-weight: 600; } .dflex-giftcard-sec .d-flex-sec .left-sec .list-item-wraper p { margin-bottom: 12px; } .dflex-giftcard-sec .d-flex-sec .left-sec .list-item-wraper ul li { margin-bottom: 1.2rem; padding: 0.5rem 0 0.5rem 1.3rem; } .dflex-giftcard-sec .d-flex-sec .left-sec .list-item-wraper ul li p { margin-bottom: 0; } .dflex-giftcard-sec .d-flex-sec .left-sec .list-item-wraper ul li::before { content: ""; position: absolute; background: url("../svg/triangle-arrow1.svg") center no-repeat; background-size: contain; } .dflex-giftcard-sec .d-flex-sec .left-sec .list-item-wraper ul li:hover { padding: 0.5rem 0 0.5rem 1.3rem !important; } .dflex-giftcard-sec .d-flex-sec .left-sec .list-item-wraper ul li:hover::before { background: url("../svg/triangle-list1.svg") center no-repeat; -webkit-transform: none !important; transform: none !important; } .dflex-giftcard-sec .d-flex-sec .left-sec .download-wrap { padding-top: 3.6rem; } .dflex-giftcard-sec .d-flex-sec .right-sec { -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .dflex-giftcard-sec .d-flex-sec .right-sec.with-layer { background-color: #EBF0F4; background-repeat: no-repeat; background-position: center; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0.6rem; overflow: hidden; aspect-ratio: 1; } .dflex-giftcard-sec .d-flex-sec .right-sec.with-layer img { max-height: 21.2rem; -o-object-fit: contain; object-fit: contain; text-align: center; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } @media (min-width: 992px) { .dflex-giftcard-sec .d-flex-sec .right-sec.with-layer img { max-height: 29.5rem; } } .dflex-giftcard-sec .d-flex-sec .right-sec.with-layer img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .dflex-giftcard-sec .d-flex-sec .right-sec.without-layer { background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: center; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0.6rem; overflow: hidden; } .dflex-giftcard-sec .d-flex-sec .right-sec.without-layer img { width: 100%; -o-object-fit: cover; object-fit: cover; position: relative; z-index: 1; border-radius: 0.6rem; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .dflex-giftcard-sec .d-flex-sec .right-sec.without-layer img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } @media (min-width: 992px) { .dflex-giftcard-sec .d-flex-sec .right-sec.without-layer img { width: auto; } } .dflex-giftcard-sec .d-flex-sec .right-sec.curved-edge { border-radius: 6px; } .dflex-giftcard-sec .d-flex-sec .right-sec.curved-edge img { border-radius: 6px; } .dflex-giftcard-sec .d-flex-sec .right-sec.without-border { border: none !important; } .dflex-giftcard-sec .d-flex-sec .right-sec { width: 100%; } @media (min-width: 992px) { .dflex-giftcard-sec .d-flex-sec .right-sec { width: calc(49.4% - 3.2rem); } } .dflex-giftcard-sec .d-flex-sec.left-contnt .d-flexaligned-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .dflex-giftcard-sec .d-flex-sec.right-contnt .d-flexaligned-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .dflex-giftcard-sec.reverse .right-contnt .d-flexaligned-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .dflex-giftcard-sec.full-height .d-flex-sec .d-flexaligned-wrapper { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; } .dflex-giftcard-sec.pt-only { padding-bottom: 3rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .dflex-giftcard-sec.pt-only { padding-top: 5rem; padding-bottom: 3.2rem; } } @media screen and (min-width: 992px) { .dflex-giftcard-sec.pt-only { padding-top: 9.6rem; padding-bottom: 3.2rem; } } .dflex-giftcard-sec.pb-64-only { padding-bottom: 1.5rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .dflex-giftcard-sec.pb-64-only { padding-top: 5rem; padding-bottom: 3rem; } } @media screen and (min-width: 992px) { .dflex-giftcard-sec.pb-64-only { padding-top: 9.6rem; padding-bottom: 6.4rem; } } /* glossary-pagination */ .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 2.7rem; } .pagination ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .pagination ul li { background-color: #11223B; margin: 0 0.5rem; width: 0.9rem; height: 0.9rem; border-radius: 50%; } .pagination ul li.active, .pagination ul li:active { background-color: #E74C24; } @media screen and (max-width: 576px) { .pagination ul li { width: 0.6rem; height: 0.6rem; margin: 0 0.3rem; } } .pagination span { font-size: 1.8rem; margin-left: 1rem; display: inline-block; color: rgba(1, 9, 24, 0.7); } @media screen and (max-width: 768px) { .pagination span { font-size: 1.6rem; } } @media screen and (max-width: 576px) { .pagination span { font-size: 1.5rem; } } .pagination-strip { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 42px; position: relative; } @media screen and (max-width: 768px) { .pagination-strip { margin-top: 30px; padding-top: 20px; } } .pagination-strip .prev, .pagination-strip .next { font-family: "Manrope", sans-serif; font-size: 1.6rem; line-height: 10.8px; color: #010918; opacity: 0.6; font-weight: 600; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .pagination-strip .prev:hover, .pagination-strip .next:hover { color: #E74C24; opacity: 1; } .pagination-strip .page-numbers { color: rgba(1, 9, 24, 0.7); } .pagination-strip .page-numbers.prev { position: absolute; left: 0; } .pagination-strip .page-numbers.next { position: absolute; right: 0; } .pagination-strip .outer .page-numbers + .page-numbers { position: relative; margin-left: 20px; } .pagination-strip .outer .page-numbers + .page-numbers::before { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #424853; top: 10px; left: -12px; } .pagination-strip .prev::before { content: ""; display: inline-block; background-image: url("../svg/prev.svg"); width: 14px; height: 14px; background-repeat: no-repeat; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1; margin-right: 8px; } .pagination-strip .prev:hover::before { background-image: url("../svg/prev-org.svg"); } .pagination-strip .next::after { content: ""; display: inline-block; background-image: url("../svg/next.svg"); width: 14px; height: 14px; background-repeat: no-repeat; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1; margin-left: 8px; } .pagination-strip .next:hover::after { background-image: url("../svg/next-org.svg"); } .pagination-strip ul.pages { display: -webkit-box; display: -ms-flexbox; display: flex; list-style-type: none; margin: 0; padding: 0; } .pagination-strip ul.pages li:not(:first-child) { margin-left: 20px; position: relative; } .pagination-strip ul.pages li:not(:first-child)::before { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #424853; top: 10px; left: -12px; } .pagination-strip ul.pages li { font-family: "Manrope", sans-serif; font-size: 1.6rem; line-height: 150%; font-weight: 400; color: #424853; letter-spacing: 0%; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pagination-strip ul.pages li:hover { color: #E74C24; } .teamcard-card-sec { padding-top: 3rem; } @media screen and (min-width: 768px) { .teamcard-card-sec { padding-top: 5rem; padding-bottom: 5rem; } } @media screen and (min-width: 992px) { .teamcard-card-sec { padding-top: 9.6rem; padding-bottom: 9.6rem; } } .teamcard-card-sec .col-3-grid-container .grid-item { padding: 0; } @media (min-width: 480px) { .teamcard-card-sec .col-3-grid-container .grid-item { padding: 2rem; } } @media (min-width: 768px) { .teamcard-card-sec .col-3-grid-container .grid-item { padding: 2.8rem; } } @media (min-width: 992px) { .teamcard-card-sec .col-3-grid-container .grid-item { padding: 2.8rem; } } .teamcard-card-sec .col-3-grid-container .grid-item .item-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .teamcard-card-sec .col-3-grid-container .grid-item .team-wrap { border-radius: 0.6rem; margin-bottom: 3rem; } .teamcard-card-sec .col-3-grid-container .grid-item .team-wrap img { border-radius: 0.6rem; } .teamcard-card-sec .col-3-grid-container .grid-item .bottom-content { padding-bottom: 2rem; } .teamcard-card-sec .col-3-grid-container .grid-item .bottom-content h4 { margin-bottom: 2rem; color: #E74C24; } .teamcard-card-sec .col-3-grid-container .grid-item .bottom-content h5 { font-weight: 600; line-height: 140%; max-width: 95%; margin: 0 auto; } @media (min-width: 480px) { .teamcard-card-sec .col-3-grid-container .grid-item .bottom-content h5 { max-width: 80%; } } @media (min-width: 992px) { .teamcard-card-sec .col-3-grid-container .grid-item .bottom-content h5 { max-width: 80%; } } .teamcard-card-sec .col-3-grid-container .grid-item .social-wrap svg { fill: #E74C24; } .teamcard-card-sec .col-3-grid-container .grid-item .social-wrap svg:hover { fill: #CA3B16; } /**********************************/ /**********************************/ .govern-game-sec { background-color: #11223B; padding: 3rem 0; } @media screen and (min-width: 768px) { .govern-game-sec { padding: 5rem 0; } } @media screen and (min-width: 992px) { .govern-game-sec { padding: 9.6rem 0; } } .govern-game-sec .game-blk h4 { color: #ffffff; padding-bottom: 3.6rem; } .govern-game-sec .game-blk .video-blk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; gap: 0.9rem; } @media screen and (min-width: 992px) { .govern-game-sec .game-blk .video-blk { -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 3.6rem; } } .govern-game-sec .game-blk .video-blk .jump-blk { width: 100%; max-width: 100%; background-color: #010918; padding: 2.4rem; color: #ffffff; border-radius: 0.6rem; } @media screen and (min-width: 992px) { .govern-game-sec .game-blk .video-blk .jump-blk { max-width: 28.2rem; min-width: 28.2rem; } } .govern-game-sec .game-blk .video-blk .jump-blk.jump-desktop-blk { display: none; } @media screen and (min-width: 992px) { .govern-game-sec .game-blk .video-blk .jump-blk.jump-desktop-blk { display: block; } } .govern-game-sec .game-blk .video-blk .jump-blk.jump-mobile-blk { display: block; padding: 0; } @media screen and (min-width: 992px) { .govern-game-sec .game-blk .video-blk .jump-blk.jump-mobile-blk { display: none; } } .govern-game-sec .game-blk .video-blk .jump-blk .custom-list { list-style: none; padding-left: 0; } .govern-game-sec .game-blk .video-blk .jump-blk .custom-list li { position: relative; padding-left: 10px; /* space for the image */ } .govern-game-sec .game-blk .video-blk .jump-blk .custom-list li::before { content: ""; position: absolute; left: 0; top: 4px; width: 0.5rem; height: 1rem; background-image: url("../svg/jump-icon.svg"); background-size: cover; background-repeat: no-repeat; } .govern-game-sec .game-blk .video-blk .jump-blk h5 { color: #ffffff; font-weight: 600; font-size: 2rem; line-height: 140%; letter-spacing: -2%; vertical-align: middle; padding-bottom: 2.1rem; } .govern-game-sec .game-blk .video-blk .jump-blk ul { margin: 0; padding: 0; } .govern-game-sec .game-blk .video-blk .jump-blk ul li { font-weight: 400; font-size: 1.6rem; line-height: 140%; letter-spacing: 0%; margin-top: 0.8rem; margin-bottom: 0; padding-bottom: 0.8rem; border-bottom: 1px solid rgba(203, 213, 222, 0.3); } .govern-game-sec .game-blk .video-blk .jump-blk ul li a { text-decoration: none; color: #ffffff; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .govern-game-sec .game-blk .video-blk .jump-blk ul li a:hover { color: #E74C24; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .govern-game-sec .game-blk .video-blk .video-govern-wrapper { position: relative; display: inline-block; width: 100%; } @media screen and (min-width: 992px) { .govern-game-sec .game-blk .video-blk .video-govern-wrapper { width: calc(100% - 31.8rem); } } .govern-game-sec .game-blk .video-blk .video-govern-wrapper .youtube_codegena { border-radius: 0.6rem; position: relative; height: 100% !important; min-height: 30rem; max-height: 30rem; } @media screen and (min-width: 768px) { .govern-game-sec .game-blk .video-blk .video-govern-wrapper .youtube_codegena { height: 100% !important; min-height: 41.6rem; max-height: 41.6rem; } } @media screen and (min-width: 992px) { .govern-game-sec .game-blk .video-blk .video-govern-wrapper .youtube_codegena { height: 100% !important; min-height: 61.6rem; max-height: 61.6rem; } } .govern-game-sec .game-blk .video-blk .video-govern-wrapper a { width: 100%; border-radius: 0.6rem; } .govern-game-sec .game-blk .video-blk .video-govern-wrapper a img { width: 100%; -o-object-fit: cover; object-fit: cover; position: relative; z-index: 1; border-radius: 0.6rem; } .govern-game-sec .game-blk .video-blk .video-govern-wrapper .layer { content: ""; position: absolute; background: rgba(0, 0, 0, 0.2); top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 2; -webkit-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; border-radius: 0.6rem; } .govern-game-sec .game-blk .video-blk .video-govern-wrapper .youtube_codegena .thumb { border-radius: 0.6rem; height: 100%; -o-object-fit: cover; object-fit: cover; } .govern-game-sec .game-blk .video-blk .video-govern-wrapper .play { position: absolute; top: 32%; left: 60%; -webkit-transform: translate(-50%); transform: translate(-50%); cursor: pointer; padding: 7.6rem; border-radius: 50%; background-image: url("../svg/play-icon.svg"); background-position: center; background-size: 12.4rem; background-repeat: no-repeat; z-index: 3; -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; opacity: 1; } @media screen and (min-width: 768px) { .govern-game-sec .game-blk .video-blk .video-govern-wrapper .play { top: 40%; left: 55%; -webkit-transform: translate(-50%); transform: translate(-50%); } } @media screen and (min-width: 992px) { .govern-game-sec .game-blk .video-blk .video-govern-wrapper .play { top: 45%; left: 55%; -webkit-transform: translate(-50%); transform: translate(-50%); } } .govern-game-sec .game-blk .video-blk .video-govern-wrapper:hover .play { background-color: rgba(0, 0, 0, 0.7); z-index: 4; } .govern-game-sec .game-blk .video-blk .video-govern-wrapper iframe { width: 100%; height: 100%; display: block; border-radius: 0.6rem; z-index: 3; position: relative; border: none; outline: none; min-height: 30rem; height: 30rem !important; } @media screen and (min-width: 768px) { .govern-game-sec .game-blk .video-blk .video-govern-wrapper iframe { min-height: 41.6rem; height: 41.6rem !important; } } @media screen and (min-width: 992px) { .govern-game-sec .game-blk .video-blk .video-govern-wrapper iframe { min-height: 61.6rem; } } .govern-game-sec .game-blk .video-blk .jump-mobile-blk .select2-container--default .select2-selection--single { background-color: #010918; border: none; height: 4.4rem; padding: 1.2rem 2rem; border-radius: 0.6rem !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .govern-game-sec .game-blk .video-blk .jump-mobile-blk .select2-container--default .select2-selection--single span { line-height: 1; } .govern-game-sec .game-blk .video-blk .jump-mobile-blk .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1; border-radius: inherit; color: #ffffff !important; padding: 0; } .govern-game-sec .game-blk .video-blk .jump-mobile-blk .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #ffffff !important; } .govern-game-sec .game-blk .video-blk .jump-mobile-blk .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #FFF transparent transparent transparent; } .govern-game-sec .game-blk .video-blk .jump-mobile-blk .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; top: 0; right: 10px; } /* select2 */ .select2-dropdown { background-color: #010918 !important; border: none !important; border-radius: 0.6rem !important; } .select2-container--default .select2-search--dropdown .select2-search__field { border: none !important; background: transparent; } .select2-container--default .select2-results__option { background-color: #010918; color: #ffffff; } .select2-container--default .select2-results__option--highlighted { color: white; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #E74C24 !important; color: white; } .select2-container--default .select2-dropdown .select2-results__options { max-height: 200px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #899FB4 rgb(3.04, 27.36, 72.96); } .select2-container--default .select2-dropdown .select2-results__options::-webkit-scrollbar { width: 0.2rem; } .select2-container--default .select2-dropdown .select2-results__options::-webkit-scrollbar-track { background: rgb(3.04, 27.36, 72.96); border-radius: 0.6rem; } .select2-container--default .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb { background: #899FB4; border-radius: 0.6rem; } .select2-container--default .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb:hover { background: rgb(105.8186528497, 133.6321243523, 160.1813471503); } /**********************************/ /**********************************/ .our-team-col-4 { padding-bottom: 3rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .our-team-col-4 { padding-top: 2rem; padding-bottom: 2rem; } } @media screen and (min-width: 992px) { .our-team-col-4 { padding-top: 3rem; padding-bottom: 3rem; } } .our-team-col-4 .col-4 { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); gap: 4.8rem; margin: auto; } @media (min-width: 768px) { .our-team-col-4 .col-4 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); /* 2 Columns */ } } @media (min-width: 992px) { .our-team-col-4 .col-4 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); /* 3 Equal Columns */ } } @media (min-width: 1080px) { .our-team-col-4 .col-4 { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); /* 3 Equal Columns */ } } .our-team-col-4 .col-4 .card-col-4 { padding: 0 1rem; } @media (min-width: 425px) { .our-team-col-4 .col-4 .card-col-4 { padding: 0 3rem; } } @media (min-width: 768px) { .our-team-col-4 .col-4 .card-col-4 { padding: 0; } } @media (min-width: 992px) { .our-team-col-4 .col-4 .card-col-4 { padding: 0; } } @media (min-width: 1080px) { .our-team-col-4 .col-4 .card-col-4 { padding: 0; } } .our-team-col-4 .col-4 .card-col-4 h4 { padding-top: 3rem; padding-bottom: 0.8rem; line-height: 110%; letter-spacing: -2%; vertical-align: middle; color: rgba(1, 9, 24, 0.9); } .our-team-col-4 .col-4 .card-col-4 .client-desig { font-weight: 600; line-height: 140%; padding-bottom: 2.4rem; color: rgba(1, 9, 24, 0.8); } .our-team-col-4 .col-4 .card-col-4 .test-popup-link { border-radius: 0.6rem; overflow: hidden; display: block; line-height: 1.2; } .our-team-col-4 .col-4 .card-col-4 .test-popup-link img { border-radius: 0.6rem; text-align: center; max-width: 29.2rem; width: 100%; } .our-team-col-4 .col-4 .card-col-4 .btn-wrap .primaryLnk::after { top: 4px; } .white-popup { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 3.6rem; position: relative; background: #F1F8FF; padding: 3rem; width: auto; max-width: 90.2rem; margin: 1vw auto; border-radius: 1rem; line-height: 2.6rem; font-size: 1.6rem; color: #000; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 768px) { .white-popup { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 5rem; } } .white-popup img { height: auto; max-height: 29.2rem; border-radius: 0.6rem; } .white-popup .popup-content { text-align: center; } @media (min-width: 768px) { .white-popup .popup-content { text-align: left; } } .white-popup .popup-content h4 { font-weight: 800; font-size: 2.8rem; line-height: 110%; letter-spacing: -2%; vertical-align: middle; padding-bottom: 0.8rem; color: rgba(1, 9, 24, 0.9); } .white-popup .popup-content .client-pos { font-weight: 600; font-size: 1.6rem; line-height: 140%; letter-spacing: 0%; vertical-align: middle; padding-bottom: 2.4rem; color: rgba(1, 9, 24, 0.8); } .white-popup .popup-content p { font-weight: 400; font-size: 16px; line-height: 150%; letter-spacing: 0%; vertical-align: middle; } .social-sec .cardContent .card { width: 100% !important; max-width: 316px !important; max-height: 228px !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: start !important; padding: 48px 16px !important; } .social-sec .thank-crd-cnt { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: start !important; } .social-sec .get-social { padding-top: 3rem; padding-bottom: 3rem; } @media (max-width: 992px) { .social-sec .get-social { padding: 2rem 0; } } /**********************************/ /**********************************/ .all-resources-wrapper { padding: 6.5rem 0 5rem; } .all-resources-wrapper .cardContent { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; margin-bottom: 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .all-resources-wrapper .cardContent .card { max-width: 208px; background: #EBF0F4; padding: 24px 16px; border-radius: 6px; width: 16.66%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; aspect-ratio: 0.8; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration: none; cursor: pointer; } .all-resources-wrapper .cardContent .card .icon { width: 80px; aspect-ratio: 1; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #ffffff; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .all-resources-wrapper .cardContent .card .icon img.icon-bg { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .all-resources-wrapper .cardContent .card .icon img.icon-hover { position: absolute; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .all-resources-wrapper .cardContent .card h3 { font-family: "Manrope", sans-serif; font-size: 2rem; line-height: 140%; letter-spacing: -2%; color: #010918; opacity: 0.7; font-weight: 600; padding: 10px 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: center; } .all-resources-wrapper .cardContent .card h6 { font-size: 2rem; line-height: 140%; letter-spacing: -2%; color: #010918; opacity: 0.7; font-weight: 600; padding: 10px 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .all-resources-wrapper .cardContent .card:hover { background: #11223B; } .all-resources-wrapper .cardContent .card:hover .icon { background: rgba(203, 213, 222, 0.1); } .all-resources-wrapper .cardContent .card:hover .icon img.icon-bg { opacity: 0; visibility: hidden; } .all-resources-wrapper .cardContent .card:hover .icon img.icon-hover { opacity: 1; visibility: visible; } .all-resources-wrapper .cardContent .card:hover h3 { color: #ffffff; opacity: 1; } .all-resources-wrapper .cardContent .card:hover h6 { color: #ffffff; opacity: 1; } .all-resources-wrapper .cardContent .card.active { background: #11223B; } .all-resources-wrapper .cardContent .card.active .icon { background: rgba(203, 213, 222, 0.1); } .all-resources-wrapper .cardContent .card.active .icon img.icon-bg { opacity: 0; visibility: hidden; } .all-resources-wrapper .cardContent .card.active .icon img.icon-hover { opacity: 1; visibility: visible; } .all-resources-wrapper .cardContent .card.active h3 { color: #ffffff; opacity: 1; } .all-resources-wrapper .cardContent .card.active h6 { color: #ffffff; opacity: 1; } .all-resources-wrapper #resources-select { display: none; margin-top: 10px; width: 100%; padding: 15px 20px; background: #EBF0F4; border-radius: 0.6rem; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url("../svg/res-drop.svg"); background-size: 10px; background-repeat: no-repeat; background-position: calc(100% - 19.5px) center; } .all-resources-wrapper #resources-select option { background: #ffffff; font-family: "Manrope", sans-serif; font-size: 1.6rem; line-height: 10.8px; letter-spacing: 0px; font-weight: 500; color: #11223B; } @media screen and (max-width: 1180px) { .all-resources-wrapper .cardContent .card .icon { width: 70px; } .all-resources-wrapper .cardContent .card .icon img { width: 35px; } .all-resources-wrapper .cardContent .card h3 { font-size: 1.7rem; } .all-resources-wrapper .cardContent .card h6 { font-size: 1.7rem; } } @media screen and (max-width: 992px) { .all-resources-wrapper .cardContent { -ms-flex-wrap: wrap; flex-wrap: wrap; } .all-resources-wrapper .cardContent .card { width: 25%; } } @media screen and (max-width: 768px) { .all-resources-wrapper { padding: 5rem 0 2rem; } .all-resources-wrapper .cardContent .card { width: 50%; } .all-resources-wrapper .blueBtnLarge { position: relative; } .all-resources-wrapper .blueBtnLarge .button-wrap { max-width: unset; position: static; } .all-resources-wrapper #resources-select { display: block; } } @media screen and (max-width: 576px) { .all-resources-wrapper .cardContent .card { width: 100%; } } .all-resources-wrapper.with-headingblk { padding-bottom: 3rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .all-resources-wrapper.with-headingblk { padding-top: 5rem; padding-bottom: 5rem; } } @media screen and (min-width: 992px) { .all-resources-wrapper.with-headingblk { padding-top: 9.6rem; padding-bottom: 9.6rem; } } .all-resources-wrapper.with-headingblk .heading-blk { padding-bottom: 2.4rem; text-align: center; max-width: 100%; margin: 0 auto; } @media screen and (min-width: 992px) { .all-resources-wrapper.with-headingblk .heading-blk { padding-bottom: 3.6rem; max-width: 60%; } } .all-resources-wrapper.with-headingblk .heading-blk h3 { margin-bottom: 2.4rem; } .all-resources-wrapper.pt-only { padding-bottom: 1.5rem; padding-top: 3rem; } @media screen and (min-width: 768px) { .all-resources-wrapper.pt-only { padding-top: 5rem; padding-bottom: 2rem; } } @media screen and (min-width: 992px) { .all-resources-wrapper.pt-only { padding-top: 9.6rem; padding-bottom: 0; } } .blueBtnLarge { display: block; background: #11223B; border-radius: 6px; padding: 1.6rem; text-align: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration: none; } .blueBtnLarge .button-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin: 0 auto; gap: 3rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .blueBtnLarge .button-text { font-family: "Manrope", sans-serif; font-size: 2rem; line-height: 140%; font-weight: 600; color: #ffffff; letter-spacing: -2%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blueBtnLarge .arrow { content: ""; width: 1.2rem; aspect-ratio: 1; display: block; background: url("../svg/arrow-white.svg") no-repeat center; background-size: contain; position: absolute; right: -3rem; z-index: 1; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } @media screen and (max-width: 768px) { .blueBtnLarge .arrow { right: 2rem; } } .blueBtnLarge:focus { background-color: #E74C24; } .blueBtnLarge:focus .arrow { right: -3rem; } @media screen and (max-width: 768px) { .blueBtnLarge:focus .arrow { right: 2rem; } } .blueBtnLarge:hover { background-color: #CA3B16; text-decoration: none !important; } .blueBtnLarge:hover .arrow { right: -4rem; } .blueBtnLarge:hover:focus { background-color: #CA3B16; } .blueBtnLarge:hover:focus .arrow { right: -4rem; } @media screen and (max-width: 768px) { .blueBtnLarge:hover .arrow { right: 1.3rem; } .blueBtnLarge:hover:focus { background-color: #CA3B16; } .blueBtnLarge:hover:focus .arrow { right: 1.3rem; } } @media screen and (max-width: 1180px) { .blueBtnLarge .button-text { font-size: 1.7rem; } } .blueBtnLarge.light { background-color: #EBF0F4; } .blueBtnLarge.light .button-text { color: rgba(1, 9, 24, 0.7); } .blueBtnLarge.light .arrow { background: url("../svg/arrow-black.svg") no-repeat center; background-size: contain; } .blueBtnLarge.light:focus { background-color: #11223B; } .blueBtnLarge.light:hover { background-color: #11223B; } .blueBtnLarge.light:hover .button-text { color: #ffffff; } .blueBtnLarge.light:hover .arrow { background: url("../svg/arrow-white.svg") no-repeat center; background-size: contain; } .blueBtnLarge.light:hover:focus { background-color: #11223B; } .dive-in-banner-strip { padding: 6.4rem 0; } .dive-in-banner-strip .dive-in-content { padding: 4rem; background-image: url("../png/case-studies.png"); background-size: cover; background-repeat: no-repeat; border-radius: 0.6rem; position: relative; z-index: 0; margin-bottom: 3rem; } .dive-in-banner-strip .dive-in-content::before { content: ""; position: absolute; background: linear-gradient(275.47deg, rgba(40, 41, 47, 0) 34.87%, rgba(40, 41, 47, 0.95) 62.3%); width: 100%; height: 100%; top: 0; left: 0; z-index: -1; border-radius: 0.6rem; } .dive-in-banner-strip .dive-in-content .mobile-img { display: none; } .dive-in-banner-strip .dive-in-content .textContent { position: relative; z-index: 0; width: 50%; } .dive-in-banner-strip .dive-in-content .textContent h2 { font-family: "Manrope", sans-serif; font-size: 4.2rem; line-height: 110%; letter-spacing: -0.2px; color: #ffffff; font-weight: 900; } .dive-in-banner-strip .dive-in-content .textContent ul { margin: 3.6rem 0 0; padding: 0; list-style-type: none; } .dive-in-banner-strip .dive-in-content .textContent ul li { font-family: "Manrope", sans-serif; font-size: 16px; line-height: 150%; font-weight: 400; letter-spacing: 0px; color: #ffffff; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dive-in-banner-strip .dive-in-content .textContent ul li::before { content: ""; display: inline-block; background-image: url("../svg/cs-marker.svg"); width: 5px; height: 10px; background-repeat: no-repeat; } .dive-in-banner-strip .dive-in-content .textContent ul li + li { margin-top: 16px; } .dive-in-banner-strip .dive-in-content .textContent p { color: #ffffff; margin-top: 2.4rem; } .dive-in-banner-strip .dive-in-content .textContent .primaryBtn { margin-top: 23.5rem; } @media screen and (max-width: 1300px) { .dive-in-banner-strip .dive-in-content .textContent .primaryBtn { margin-top: 19rem; } } @media screen and (max-width: 1180px) { .dive-in-banner-strip .dive-in-content .textContent h2 { font-size: 3.2rem; } .dive-in-banner-strip .dive-in-content .textContent .primaryBtn { margin-top: 15rem; } } @media screen and (max-width: 992px) { .dive-in-banner-strip .dive-in-content { padding: 3rem; } .dive-in-banner-strip .dive-in-content .textContent { width: 80%; } .dive-in-banner-strip .dive-in-content .textContent .primaryBtn { margin-top: 5rem; } } @media screen and (max-width: 768px) { .dive-in-banner-strip { padding: 4rem 0 2.2rem; } .dive-in-banner-strip .dive-in-content { background: none; background-color: #132239; padding: 0; } .dive-in-banner-strip .dive-in-content::before { display: none; } .dive-in-banner-strip .dive-in-content .mobile-img { display: block; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; border-top-left-radius: 0.6rem; border-top-right-radius: 0.6rem; } .dive-in-banner-strip .dive-in-content .textContent { width: 100%; padding: 4rem 4rem 2rem; position: relative; } .dive-in-banner-strip .dive-in-content .textContent::before { content: ""; position: absolute; background: linear-gradient(180.24deg, rgba(19, 34, 57, 0) 17.9%, #132239 34.45%); width: 100%; height: 100%; top: -185px; left: 0; z-index: -1; } .dive-in-banner-strip .dive-in-content .textContent h2 { font-size: 2.8rem; } .dive-in-banner-strip .dive-in-content .textContent .primaryBtn { margin-top: 3.9rem; } } .blog-detail-banner { padding: 6.4rem 0; background: #EBF0F4; } .blog-detail-banner.with-bg-image { position: relative; } .blog-detail-banner.with-bg-image::before { content: ""; position: absolute; background: linear-gradient(0deg, rgba(0, 7, 20, 0.2), rgba(0, 7, 20, 0.2)), linear-gradient(0deg, rgba(0, 7, 20, 0) 76.6%, rgba(0, 7, 20, 0.5) 103.58%), linear-gradient(234.83deg, rgba(0, 7, 20, 0) 21.56%, rgba(0, 7, 20, 0.6) 72.53%); top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; -webkit-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; } .blog-detail-banner.with-bg-image h1 { color: #ffffff; } .blog-detail-banner.with-bg-image .date { color: #ffffff; } .blog-detail-banner .bannerContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-detail-banner h1 { line-height: 110%; } .blog-detail-banner .date { font-size: 1.5rem; line-height: 140%; font-weight: 400; color: rgba(1, 9, 24, 0.7); margin-top: 24px; display: block; } @media screen and (min-width: 768px) { .blog-detail-banner .date { font-size: 1.6rem; } } .blog-detail-banner .bannerContent-left { width: 58%; } .blog-detail-banner .bannerContent-right { width: 40%; border-radius: 12px; aspect-ratio: 1; } .blog-detail-banner .bannerContent-right img { border-radius: 12px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media screen and (max-width: 768px) { .blog-detail-banner .bannerContent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .blog-detail-banner .bannerContent-left { width: 100%; } .blog-detail-banner .bannerContent-right { width: 50%; } } @media screen and (max-width: 576px) { .blog-detail-banner .bannerContent-right { width: 100%; } } .breadcrumb-wrapper { padding: 0; } .breadcrumb-wrapper .breadcrumb { padding: 3.05rem 0; margin: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px 0; } .breadcrumb-wrapper li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .breadcrumb-wrapper li a { font-family: "Manrope", sans-serif; font-size: 15px; line-height: 1.2; font-weight: 400; color: #010918; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; } .breadcrumb-wrapper li a.active { opacity: 0.7; } .breadcrumb-wrapper li a:hover { color: #E74C24; opacity: 1; } .breadcrumb-wrapper li + li { margin-left: 10px; position: relative; } .breadcrumb-wrapper li + li::before { content: ""; display: inline-block; background-image: url("../svg/breadbefore.svg"); width: 7px; height: 12px; margin-right: 8px; background-repeat: no-repeat; } .blog-detail { overflow: unset; } .blog-detail .blog-detail-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 64px; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .blog-detail .blog-detail-left img { border-radius: 0.6rem; margin: 3rem 0; } .blog-detail .blog-detail-left .bigText { font-size: 2rem; line-height: 150%; font-weight: 600; color: rgba(1, 9, 24, 0.7); letter-spacing: -0.2px; margin-top: 0; } .blog-detail .blog-detail-left h2, .blog-detail .blog-detail-left h3, .blog-detail .blog-detail-left h4, .blog-detail .blog-detail-left h5, .blog-detail .blog-detail-left h6 { margin-bottom: 2rem; } @media screen and (min-width: 768px) { .blog-detail .blog-detail-left h2, .blog-detail .blog-detail-left h3, .blog-detail .blog-detail-left h4, .blog-detail .blog-detail-left h5, .blog-detail .blog-detail-left h6 { margin-bottom: 3rem; } } .blog-detail .blog-detail-left p { line-height: 150%; letter-spacing: 0px; margin-bottom: 2rem; } @media screen and (min-width: 768px) { .blog-detail .blog-detail-left p { margin-bottom: 3rem; } } .blog-detail .blog-detail-left p a { color: #E74C24; text-decoration: underline; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .blog-detail .blog-detail-left p a:hover { color: #CA3B16; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .blog-detail .blog-detail-left ul li a { text-decoration: underline; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .blog-detail .blog-detail-left ul li a:hover { color: #CA3B16; -webkit-transition: 0.7s ease all; transition: 0.7s ease all; } .blog-detail .blog-detail-left p + h3 { margin-top: 2.4rem; } .blog-detail .blog-detail-left p + h2 { margin-top: 2.4rem; } .blog-detail .blog-detail-left ul { margin-bottom: 0; padding-bottom: 0; margin-bottom: 2rem; } @media screen and (min-width: 768px) { .blog-detail .blog-detail-left ul { margin-bottom: 3rem; } } .blog-detail .blog-detail-left li { line-height: 150%; letter-spacing: 0px; position: relative; } .blog-detail .blog-detail-left li::marker { color: rgba(1, 9, 24, 0.7); text-align: left; } .blog-detail .blog-detail-left li span { font-weight: 600; } .blog-detail .blog-detail-left li + li { margin-top: 15px; } @media screen and (max-width: 1300px) { .blog-detail h3, .blog-detail h2, .blog-detail h4, .blog-detail h5, .blog-detail h6 { margin-bottom: 25px; } } @media screen and (max-width: 1180px) { .blog-detail .blog-detail-wrapper { gap: 30px; } } @media screen and (max-width: 992px) { .blog-detail .blog-detail-wrapper { gap: 50px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .get-started-box { background: #11223B; padding: 2.4rem; border-radius: 12px; position: sticky; z-index: 999; top: 0; min-width: 450px; max-width: 450px; margin-left: auto; } .get-started-box .bodyXl { font-size: 1.6rem; line-height: 140%; color: #ffffff; font-weight: 600; letter-spacing: -0.2px; } @media screen and (min-width: 768px) { .get-started-box .bodyXl { font-size: 1.6rem; } } @media screen and (min-width: 992px) { .get-started-box .bodyXl { font-size: 1.8rem; } } .get-started-box h2, .get-started-box h3, .get-started-box h4, .get-started-box p i, .get-started-box h4 i { font-style: normal; line-height: 110%; color: #ffffff; } .get-started-box h4 i { font-weight: 800; } .get-started-box h3, .get-started-box h2, .get-started-box h4 { font-size: 2.5rem; } @media screen and (min-width: 768px) { .get-started-box h3, .get-started-box h2, .get-started-box h4 { font-size: 2.8rem; } } @media screen and (min-width: 992px) { .get-started-box h3, .get-started-box h2, .get-started-box h4 { font-size: 3rem; } } .get-started-box .get-start img { max-width: 20rem; width: 100%; } @media screen and (min-width: 1300px) { .get-started-box .get-start img { max-width: 23.8rem; } } .get-started-box p { font-size: 1.4rem; line-height: 130%; letter-spacing: -0.2px; color: #ffffff; font-weight: 500; margin-top: 1.5rem; margin-bottom: 1.5rem; } @media screen and (min-width: 768px) { .get-started-box p { font-size: 1.5rem; margin-top: 1.5rem; margin-bottom: 1.5rem; } } @media screen and (min-width: 992px) { .get-started-box p { font-size: 1.6rem; line-height: 150%; margin-top: 2rem; margin-bottom: 1.5rem; } } .get-started-box .get-start { text-align: center; margin: 20px 0 30px; } @media screen and (max-width: 1300px) { .get-started-box { min-width: 330px; max-width: 350px; } } @media screen and (max-width: 992px) { .get-started-box { min-width: unset; max-width: unset; } } .centeredBtn { display: block; background: #E74C24; border-radius: 6px; padding: 1.6rem; text-align: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration: none; } .centeredBtn .button-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; } .centeredBtn .button-text { font-size: 2rem; line-height: 140%; font-weight: 600; color: #ffffff; letter-spacing: -2%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; padding-right: 4.3rem; } .centeredBtn .arrow { content: ""; width: 1.2rem; aspect-ratio: 1; display: block; background: url("../svg/arrow-white.svg") no-repeat center; position: absolute; right: 2rem; top: 1rem; z-index: 1; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } @media screen and (max-width: 1180px) { .centeredBtn .arrow { top: 0.8rem; } } .centeredBtn:focus { background-color: #E74C24; } .centeredBtn:focus .arrow { right: 2rem; } .centeredBtn:hover { background-color: #CA3B16; text-decoration: none !important; } .centeredBtn:hover .arrow { right: 1.3rem; } .centeredBtn:hover:focus { background-color: #CA3B16; } .centeredBtn:hover:focus .arrow { right: 1.3rem; } @media screen and (max-width: 1180px) { .centeredBtn .button-text { font-size: 1.7rem; } } .related-blogs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 48px; } .related-blogs p { max-width: 570px; } @media screen and (max-width: 768px) { .related-blogs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; margin-bottom: 25px; } } /**********************************/ /**********************************/ .col-3-icon-card-wrapper { padding: 3rem 0 3rem 0; } .col-3-icon-card-wrapper .top-title { text-align: center; } .col-3-icon-card-wrapper .top-title p { max-width: 880px; margin: 24px auto 64px; } .col-3-icon-card-wrapper .iconCard { background: #EBF0F4; padding: 28px; border-radius: 0.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .col-3-icon-card-wrapper .iconCard .icon img { width: auto; height: 128px; } .col-3-icon-card-wrapper .iconCard .icon { margin-bottom: 72px; } .col-3-icon-card-wrapper .iconCard .btn-wrap { margin-top: 40px; } @media screen and (max-width: 992px) { .col-3-icon-card-wrapper { padding: 2rem 0 2rem 0; } .col-3-icon-card-wrapper .top-title p { max-width: 100%; margin: 16px auto 30px; } .col-3-icon-card-wrapper p { font-size: 1.5rem; } .col-3-icon-card-wrapper .iconCard .icon { margin-bottom: 35px; } .col-3-icon-card-wrapper .iconCard .icon img { width: auto; height: 96px; } } /**********************************/ /**********************************/ .para-content { padding: 3rem 0 3rem 0; } .para-content p { max-width: 765px; margin: 0 auto; margin-bottom: 40px; } .para-content p a { color: #E74C24; } .para-content .formWrapper .content-box { max-width: unset !important; } @media (max-width: 992px) { .para-content { padding: 2rem 0; } } .audit-report-banner .hero-content-outer { padding: 0; } @media screen and (max-width: 992px) { .audit-report-banner .hero-content-outer { padding-top: 3rem; } } /**********************************/ /**********************************/ .box-points-main-sec { padding: 9.6rem 0; background: #EBF0F4; } .box-points-main-sec .box-points-sec { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 36px; } .box-points-main-sec .left-sec p { padding-top: 24px; } .box-points-main-sec .left-sec { width: 45%; } .box-points-main-sec .right-sec { width: 58%; } .box-points-main-sec .box-points { background: #ffffff; border-radius: 6px; padding: 28px; } .box-points-main-sec .box-points .large-txt { margin-bottom: 8px; } .box-points-main-sec .box-points .logo-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 10px 0 0; padding: 0; gap: 24px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box-points-main-sec .box-points + .box-points { margin-top: 24px; } @media screen and (max-width: 992px) { .box-points-main-sec { padding: 3rem 0; } .box-points-main-sec .box-points-sec { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .box-points-main-sec .left-sec, .box-points-main-sec .right-sec { width: 100%; } } .box-points-main-sec.strong-weight .box-points p { font-weight: 600; line-height: 150%; } /**********************************/ /**********************************/ .card-points-main-sec { padding: 3rem 0 3rem 0; } .card-points-main-sec .card-points-sec { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 64px; } .card-points-main-sec .left-sec, .card-points-main-sec .right-sec { width: 50%; } .card-points-main-sec .grid-item { background: #11223B; border-radius: 6px; height: 100%; padding: 28px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card-points-main-sec .grid-item a { text-decoration: none; } .card-points-main-sec .grid-item .head { font-size: 4.2rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; color: #ffffff; } .card-points-main-sec .grid-item .source { font-family: "Manrope", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 150%; color: #ffffff; } .card-points-main-sec .grid-item:hover { background: #E74C24; } .card-points-main-sec .list-item-wraper { margin-top: 12px; } .card-points-main-sec .list-item-wraper p { margin-bottom: 12px; } .card-points-main-sec .list-item-wraper ul li { margin-bottom: 1.2rem; padding: 0.5rem 0 0.5rem 1.3rem; } .card-points-main-sec .list-item-wraper ul li p { margin-bottom: 0; } .card-points-main-sec .list-item-wraper ul li::before { content: ""; position: absolute; background: url("../svg/triangle-arrow1.svg") center no-repeat; background-size: contain; } .card-points-main-sec .list-item-wraper ul li:hover { padding: 0.5rem 0 0.5rem 1.3rem !important; } .card-points-main-sec .list-item-wraper ul li:hover::before { background: url("../svg/triangle-list1.svg") center no-repeat; -webkit-transform: none !important; transform: none !important; } .card-points-main-sec .list-item-wraper.heading-list-item ul li .text-bold { font-family: "Manrope", sans-serif; font-size: 1.6rem; line-height: 150%; font-weight: 600; color: rgba(1, 9, 24, 0.7); position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .card-points-main-sec .list-item-wraper.heading-list-item ul li .text-bold .arrow { content: ""; width: 1.2rem; aspect-ratio: 1; display: block; background: url("../svg/orange-arrow.svg") no-repeat center; position: absolute; right: -2rem; top: 0.7rem; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } @media screen and (max-width: 1180px) { .card-points-main-sec .card-points-sec { gap: 30px; } .card-points-main-sec .grid-item .head { font-size: 3.2rem; } } @media screen and (max-width: 992px) { .card-points-main-sec { padding: 2rem 0; } .card-points-main-sec .card-points-sec { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-points-main-sec .left-sec, .card-points-main-sec .right-sec { width: 100%; } .card-points-main-sec .grid-item { gap: 35px; } } @media screen and (max-width: 768px) { .card-points-main-sec .grid-item .head { font-size: 2.8rem; } } /**********************************/ /**********************************/ .key-content-main-sec { background: #EBF0F4; padding: 9.6rem 0; } .key-content-main-sec h2 { text-align: center; } .key-content-main-sec .col-3-grid-container { margin-top: 3.6rem; gap: 2.4rem; } .key-content-main-sec .grid-item { background: #ffffff; padding: 2.8rem; } .key-content-main-sec .grid-item .large-txt { color: rgba(1, 9, 24, 0.9); margin-bottom: 8px; } @media screen and (max-width: 992px) { .key-content-main-sec { padding: 3rem 0; } } /**********************************/ /**********************************/ .col-4-solutions-card-main-sec { padding: 3rem 0 3rem 0; } .col-4-solutions-card-main-sec .col-4-grid-container { margin-top: 6.4rem; } .col-4-solutions-card-main-sec .col-4-grid-container .grid-item { background: #EBF0F4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .col-4-solutions-card-main-sec .col-4-grid-container .grid-item a { text-decoration: none; } .col-4-solutions-card-main-sec .col-4-grid-container .grid-item .head-txt { font-size: 2.8rem; line-height: 110%; font-weight: 800; letter-spacing: -0.084rem; color: rgba(1, 9, 24, 0.9); margin-bottom: 2.4rem; } .col-4-solutions-card-main-sec .col-4-grid-container .grid-item .btn-wrap { margin-top: 76px; } .col-4-solutions-card-main-sec .col-4-grid-container .grid-item { position: relative; } .col-4-solutions-card-main-sec .col-4-grid-container .grid-item .new { background: #6BC4E0; position: absolute; width: 100%; left: 0; top: -32px; font-family: "Manrope", sans-serif; font-size: 20px; line-height: 1; font-weight: 900; letter-spacing: -0.2px; color: #010918; text-align: center; padding: 9px 0; border-top-left-radius: 6px; border-top-right-radius: 6px; } @media screen and (max-width: 1300px) { .col-4-solutions-card-main-sec .col-4-grid-container .grid-item .head-txt { font-size: 2.5rem; } } @media screen and (max-width: 1180px) { .col-4-solutions-card-main-sec .col-4-grid-container .grid-item .head-txt { font-size: 2.2rem; } } .col-4-solutions-card-main-sec .col-4-grid-container .grid-item.new-card { margin-top: 3rem; } @media screen and (min-width: 768px) { .col-4-solutions-card-main-sec .col-4-grid-container .grid-item.new-card { margin-top: 0; } } @media screen and (max-width: 992px) { .col-4-solutions-card-main-sec { padding: 2rem 0 2rem 0; } .col-4-solutions-card-main-sec .col-4-grid-container .grid-item .btn-wrap { margin-top: 30px; } } .logo-slider-main-sec { padding: 3rem 0 3rem 0; } .logo-slider-main-sec .logo-slider .swiper-slide { aspect-ratio: 1; background: #EBF0F4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 6px; padding: 0 2rem; } @media (max-width: 992px) { .logo-slider-main-sec { padding: 2rem 0 2rem 0; } } /**********************************/ /**********************************/ .multi-greyicon-cardsec { padding-top: 3rem; padding-bottom: 1.5rem; } @media screen and (min-width: 768px) { .multi-greyicon-cardsec { padding-top: 5rem; padding-bottom: 2.5rem; } } @media screen and (min-width: 992px) { .multi-greyicon-cardsec { padding-top: 9.6rem; padding-bottom: 3.2rem; } } .multi-greyicon-cardsec .headg-blk { padding-bottom: 3.6rem; } @media screen and (min-width: 768px) { .multi-greyicon-cardsec .headg-blk { padding-bottom: 4rem; } } @media screen and (min-width: 992px) { .multi-greyicon-cardsec .headg-blk { padding-bottom: 6.4rem; } } .multi-greyicon-cardsec .greyicon-card-sec { padding-top: 0; padding-bottom: 2rem; } @media screen and (min-width: 768px) { .multi-greyicon-cardsec .greyicon-card-sec { padding-top: 0; padding-bottom: 3.2rem; } } @media screen and (min-width: 992px) { .multi-greyicon-cardsec .greyicon-card-sec { padding-top: 0; padding-bottom: 6.4rem; } } .multi-greyicon-cardsec .greyicon-card-sec .col-4-grid-container, .multi-greyicon-cardsec .greyicon-card-sec .col-3-grid-container { gap: 2.4rem; } .multi-greyicon-cardsec .greyicon-card-sec .col-4-grid-container .grid-item, .multi-greyicon-cardsec .greyicon-card-sec .col-3-grid-container .grid-item { padding: 2.4rem; } .default_page { padding: 0 0; } .default_page h1, .default_page h2, .default_page h3, .default_page h4, .default_page h5, .default_page h6 { margin: 1rem 0; } .default_page h1 a, .default_page h2 a, .default_page h3 a, .default_page h4 a, .default_page h5 a, .default_page h6 a { text-decoration: none; } .default_page p { margin: 1rem 0 2.4rem; } .default_page ul { margin-top: 1rem; } .default_page li + li { margin-top: 1rem; } .default_page h2 + h3 { margin-top: 2rem; } .default_page h3 + h4 { margin-top: 1.5rem; } .default_page h4 + h3 { margin-top: 2rem; } .default_page h4 + h4 { margin-top: 2rem; } .default_page h3 + p { margin-top: 2rem; } .default_page .wp-block-image { padding-bottom: 3rem; } @media screen and (max-width: 992px) { .default_page { padding: 2rem 0; } } .notfound_page .wrap-section { padding: 9rem 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .notfound_page h5 { margin-top: 9.6rem; line-height: 1.3; } .notfound_page .btn-wrap { margin-top: 3rem; } @media screen and (max-width: 992px) { .notfound_page .wrap-section { padding: 3rem 0; } } .search_page { padding-bottom: 9rem; } @media screen and (max-width: 992px) { .search_page { padding-bottom: 3rem; } } .search_page h1 a, .search_page h2 a, .search_page h3 a, .search_page h4 a, .search_page h5 a, .search_page h6 a { text-decoration: none; color: #010918; } .search_page .search_post { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 0; border-bottom: 1px solid rgba(1, 9, 24, 0.4); } @media screen and (max-width: 768px) { .search_page .search_post { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; } } @media screen and (min-width: 992px) { .search_page h2 { font-size: 4.5rem; } } .search_page p.sear_cont { margin-top: 15px; } .search_page .view-more { margin-top: 20px; } .search_page .view-more .sear_read { width: auto; display: inline-block; vertical-align: middle; padding: 0; border: none; font-size: 1.6rem; line-height: 1.08rem; font-weight: 600; letter-spacing: 0; color: #E74C24 !important; background-color: transparent; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; cursor: pointer; position: relative; white-space: normal; line-height: 1.08rem; } .search_page .view-more .sear_read::after { content: ""; width: 1.2rem; aspect-ratio: 1; display: inline-block; background: url("../svg/arrow2.svg") no-repeat center; background-size: auto; background-size: contain; position: absolute; margin: 0 0 0 0.8rem; -webkit-box-flex: 0; -ms-flex: 0 0 3.2rem; flex: 0 0 3.2rem; z-index: 1; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } @media screen and (min-width: 992px) { .search_page .view-more .sear_read::after { right: auto; } } .search_page .view-more .sear_read:focus { color: #E74C24 !important; } .search_page .view-more .sear_read:hover { color: #CA3B16 !important; } .search_page .view-more .sear_read:hover::after { -webkit-transform: translateX(0.5rem); transform: translateX(0.5rem); } .search_page .view-more .sear_read:hover:focus { color: #CA3B16 !important; } .search_page .search-thumb { width: 200px; aspect-ratio: 1; min-width: 200px; } .search_page .search-thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 768px) { .search_page .search-thumb { width: 120px; min-width: 120px; } } .search_page .navigation { margin-top: 30px; } .cky-consent-container .cky-consent-bar { padding: 40px 24px 25px !important; } .cky-consent-container .cky-consent-bar .cky-notice-des p { line-height: 24px !important; } .cky-consent-container .cky-consent-bar .cky-notice { max-width: 800px; margin: 0 auto; } .cky-consent-container .cky-consent-bar .cky-notice-group { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 20px !important; } .cky-consent-container .cky-notice-btn-wrapper { margin-left: 0px !important; } @media screen and (max-width: 768px) { .cky-consent-container .cky-consent-bar { padding: 35px 20px 20px !important; } } /**********************************/ /**********************************/ .resources-strip { padding: 0; } .resources-strip .boxContent { display: -webkit-box; display: -ms-flexbox; display: flex; background: #11223B; padding: 4.8rem 3.6rem; border-radius: 0.6rem; position: relative; } .resources-strip .boxContent h2 { font-family: "Manrope", sans-serif; font-size: 7rem; line-height: 110%; letter-spacing: -2.8px; font-weight: 900; color: #ffffff; } .resources-strip .boxContent p { font-family: "Manrope", sans-serif; font-size: 1.6rem; line-height: 2.4rem; letter-spacing: 0%; font-weight: 400; color: #ffffff; margin-top: 24px; } .resources-strip .boxContent .text { width: 50%; } .resources-strip .boxContent .image { position: absolute; right: 0; top: 0; border-top-right-radius: 0.6rem; border-bottom-right-radius: 0.6rem; height: 100%; width: 50%; } .resources-strip .boxContent .image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-top-right-radius: 0.6rem; border-bottom-right-radius: 0.6rem; } @media screen and (max-width: 1180px) { .resources-strip .boxContent h2 { font-size: 5rem; } } @media screen and (max-width: 992px) { .resources-strip .boxContent h2 { font-size: 4rem; } .resources-strip .boxContent p { margin: 15px auto 0; font-size: 1.4rem; line-height: 2rem; } } @media screen and (max-width: 768px) { .resources-strip .boxContent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; padding: 3rem 2rem; } .resources-strip .boxContent .text { width: 100%; } .resources-strip .boxContent .image { width: 100%; position: static; border-radius: 0; } .resources-strip .boxContent .image img { border-radius: 0; } } .text-with-bg { position: relative; background-image: url("../png/resources-bg.png"); background-repeat: no-repeat; background-size: cover; padding: 20.5rem 0 21.8rem; z-index: 0; } .text-with-bg::before { content: ""; position: absolute; width: 100%; height: 100%; background-image: url("../svg/resources-overlay.svg"); top: 0; left: 0; z-index: -1; } .text-with-bg .text-content { text-align: center; } .text-with-bg .text-content h2 { font-size: 7rem; line-height: 110%; font-family: "Manrope", sans-serif; color: #ffffff; font-weight: 900; letter-spacing: -2.8px; } .text-with-bg .text-content p { margin: 24px auto 0; font-family: "Manrope", sans-serif; font-size: 1.6rem; line-height: 2.4rem; color: #ffffff; font-weight: 400; width: 100%; max-width: 632px; } @media screen and (max-width: 1180px) { .text-with-bg { padding: 15rem 0; } .text-with-bg .text-content h2 { font-size: 5rem; } } @media screen and (max-width: 992px) { .text-with-bg { padding: 10rem 0; } .text-with-bg .text-content h2 { font-size: 4rem; } .text-with-bg .text-content p { margin: 15px auto 0; font-size: 1.4rem; line-height: 2rem; } } @media screen and (max-width: 768px) { .text-with-bg { padding: 3.4rem 0 4.75rem; } } .text-with-bgContainer { padding: 0; } .text-with-bgContainer .text-content { position: relative; background-image: url("../png/resources-bg.png"); background-repeat: no-repeat; background-size: cover; padding: 4.1rem 1.5rem 5.4rem; z-index: 0; border-radius: 0.6rem; } .text-with-bgContainer .text-content::before { content: ""; position: absolute; width: 100%; height: 100%; background-image: url("../svg/resources-overlay.svg"); top: 0; left: 0; z-index: -1; border-radius: 0.6rem; } .text-with-bgContainer .text-content { text-align: center; } .text-with-bgContainer .text-content h2 { font-size: 7rem; line-height: 110%; font-family: "Manrope", sans-serif; color: #ffffff; font-weight: 900; letter-spacing: -2.8px; } .text-with-bgContainer .text-content p { margin: 24px auto 0; font-family: "Manrope", sans-serif; font-size: 1.6rem; line-height: 2.4rem; color: #ffffff; font-weight: 400; width: 100%; max-width: 632px; } @media screen and (max-width: 1180px) { .text-with-bgContainer .text-content h2 { font-size: 5rem; } } @media screen and (max-width: 992px) { .text-with-bgContainer .text-content h2 { font-size: 4rem; } .text-with-bgContainer .text-content p { margin: 15px auto 0; font-size: 1.4rem; line-height: 2rem; } } /**********************************/ /**********************************/ .resources-grey-strip { background: #EBF0F4; padding: 4.1rem 0 5.4rem; } .resources-grey-strip .textContent { text-align: center; } .resources-grey-strip .textContent h2 { font-family: "Manrope", sans-serif; font-size: 7rem; line-height: 110%; letter-spacing: -2.8px; color: #010918; font-weight: 900; } .resources-grey-strip .textContent p { font-family: "Manrope", sans-serif; font-size: 1.6rem; line-height: 24px; letter-spacing: 0%; color: #010918; font-weight: 400; color: #010918; opacity: 0.7; max-width: 632px; margin: 24px auto 0; } @media screen and (max-width: 1180px) { .resources-grey-strip .textContent h2 { font-size: 5rem; } } @media screen and (max-width: 992px) { .resources-grey-strip .textContent h2 { font-size: 4rem; } .resources-grey-strip .textContent p { margin: 15px auto 0; font-size: 1.4rem; line-height: 2rem; } } /**********************************/ /**********************************/ .simplehero-banner-sec { position: relative; width: 100%; padding: 0; height: auto; overflow: hidden; padding: 3rem 0 3rem 0; } @media (max-width: 992px) { .simplehero-banner-sec { padding: 2rem 0; } } @media (max-width: 768px) { .simplehero-banner-sec { padding: 2rem 0; } } .simplehero-banner-sec .simplehero-banner-img { width: 100%; height: 100%; overflow: hidden; background-color: #11223B; min-height: 24.5rem; max-height: 30rem; position: relative; } @media screen and (min-width: 992px) { .simplehero-banner-sec .simplehero-banner-img { min-height: 24.5rem; max-height: 30rem; } } .simplehero-banner-sec .simplehero-banner-img img { width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; } .simplehero-banner-sec .simplehero-banner-img .desktop-banner { height: auto; display: none; -o-object-position: top; object-position: top; } @media screen and (min-width: 992px) { .simplehero-banner-sec .simplehero-banner-img .desktop-banner { display: block; min-height: 24.5rem; max-height: 30rem; } } .simplehero-banner-sec .simplehero-banner-img picture.desktop-banner img { height: auto; display: none; -o-object-position: top; object-position: top; } @media screen and (min-width: 992px) { .simplehero-banner-sec .simplehero-banner-img picture.desktop-banner img { display: block; min-height: 24.5rem; max-height: 30rem; } } .simplehero-banner-sec .simplehero-banner-img .mobile-banner { display: block; min-height: 24.5rem; max-height: 30rem; -o-object-position: top right; object-position: top right; } @media screen and (min-width: 374px) { .simplehero-banner-sec .simplehero-banner-img .mobile-banner { min-height: 24.5rem; max-height: 30rem; } } @media screen and (min-width: 992px) { .simplehero-banner-sec .simplehero-banner-img .mobile-banner { display: none; min-height: auto; max-height: 30rem; } } .simplehero-banner-sec .simplehero-banner-img picture.mobile-banner img { display: block; min-height: 24.5rem; max-height: 30rem; -o-object-position: top right; object-position: top right; } @media screen and (min-width: 374px) { .simplehero-banner-sec .simplehero-banner-img picture.mobile-banner img { min-height: 24.5rem; max-height: 30rem; } } @media screen and (min-width: 992px) { .simplehero-banner-sec .simplehero-banner-img picture.mobile-banner img { display: none; min-height: auto; max-height: 30rem; } } .simplehero-banner-sec .simplehero-banner-img .layer { content: ""; position: absolute; background: transparent; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; } .simplehero-banner-sec .simplehero-banner-video { width: 100%; height: 100%; overflow: hidden; background-color: #010918; min-height: 24.5rem; max-height: 30rem; position: relative; } @media screen and (min-width: 992px) { .simplehero-banner-sec .simplehero-banner-video { min-height: 24.5rem; max-height: 30rem; } } .simplehero-banner-sec .simplehero-banner-video img { width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; } .simplehero-banner-sec .simplehero-banner-video video { width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; } .simplehero-banner-sec .simplehero-banner-video .layer { content: ""; position: absolute; background: linear-gradient(0deg, rgba(0, 7, 20, 0.2), rgba(0, 7, 20, 0.2)), linear-gradient(0deg, rgba(0, 7, 20, 0) 76.6%, rgba(0, 7, 20, 0.5) 103.58%), linear-gradient(234.83deg, rgba(0, 7, 20, 0) 21.56%, rgba(0, 7, 20, 0.6) 72.53%); top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; } .simplehero-banner-sec .simplehero-content-outer { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; left: 0; right: 0; z-index: 2; } .simplehero-banner-sec .simplehero-banner-contnt { max-width: 100%; padding: 4rem 0; margin: 0 auto; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; flex-direction: column; gap: 2.4rem; } @media screen and (min-width: 768px) { .simplehero-banner-sec .simplehero-banner-contnt { max-width: 80%; } } @media screen and (min-width: 992px) { .simplehero-banner-sec .simplehero-banner-contnt { max-width: 70rem; } } .simplehero-banner-sec h1 { color: #ffffff; -webkit-transition: opacity 1.5s ease-in-out 0.3s, -webkit-transform 1.5s ease-in-out 0.3s; transition: opacity 1.5s ease-in-out 0.3s, -webkit-transform 1.5s ease-in-out 0.3s; transition: opacity 1.5s ease-in-out 0.3s, transform 1.5s ease-in-out 0.3s; transition: opacity 1.5s ease-in-out 0.3s, transform 1.5s ease-in-out 0.3s, -webkit-transform 1.5s ease-in-out 0.3s; } .simplehero-banner-sec h4 { color: #ffffff; } .simplehero-banner-sec p { color: #ffffff; } .simplehero-banner-sec p.large-txt { font-size: 1.8rem; font-weight: 600; color: #ffffff; } @media screen and (min-width: 992px) { .simplehero-banner-sec p.large-txt { font-size: 2rem; } } .simplehero-banner-sec .large-txt { color: #ffffff; } .simplehero-banner-sec.animate .hero-banner-img img { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-animation: imageFadeIn 1.5s ease-in-out forwards; animation: imageFadeIn 1.5s ease-in-out forwards; } .simplehero-banner-sec.animate .hero-banner-img .layer { z-index: 1; opacity: 1; -webkit-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; } .simplehero-banner-sec.animate .hero-banner-contnt, .simplehero-banner-sec.animate p, .simplehero-banner-sec.animate .btn-wrap { opacity: 1; z-index: 2; } .simplehero-banner-sec.animate p, .simplehero-banner-sec.animate .btn-wrap { will-change: transform, opacity; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-animation: contentSlideUp 1.5s ease-in-out forwards; animation: contentSlideUp 1.5s ease-in-out forwards; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; z-index: 2; } .simplehero-banner-sec.animate .top-txt { -webkit-transform: none; transform: none; -webkit-animation: none; animation: none; } .simplehero-banner-sec.left-align p { max-width: 100%; line-height: 150%; } @media screen and (min-width: 992px) { .simplehero-banner-sec.left-align p { max-width: 88%; } } .simplehero-banner-sec.left-align .simplehero-banner-contnt { margin: 0; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; } @media screen and (min-width: 768px) { .simplehero-banner-sec.left-align .simplehero-banner-contnt { text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (min-width: 992px) { .simplehero-banner-sec.left-align .simplehero-banner-contnt { text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .simplehero-banner-sec.left-align h1 { text-align: center; } @media screen and (min-width: 768px) { .simplehero-banner-sec.left-align h1 { text-align: left; } } @media screen and (min-width: 992px) { .simplehero-banner-sec.left-align h1 { text-align: left; } } .simplehero-banner-sec.left-align .simplehero-banner-video { width: 100%; height: 100%; overflow: hidden; background-color: #010918; min-height: 24.5rem; max-height: 30rem; } @media screen and (min-width: 992px) { .simplehero-banner-sec.left-align .simplehero-banner-video { min-height: 24.5rem; max-height: 30rem; } } .simplehero-banner-sec.left-align .simplehero-banner-video img { width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; } .simplehero-banner-sec.left-align .simplehero-banner-video video { width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; } .simplehero-banner-sec.left-align .simplehero-banner-video .layer { content: ""; position: absolute; background: linear-gradient(0deg, rgba(0, 7, 20, 0.2), rgba(0, 7, 20, 0.2)), linear-gradient(0deg, rgba(0, 7, 20, 0) 76.6%, rgba(0, 7, 20, 0.5) 103.58%), linear-gradient(234.83deg, rgba(0, 7, 20, 0) 21.56%, rgba(0, 7, 20, 0.6) 72.53%); top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; } .simplehero-banner-sec.center-align .simplehero-banner-contnt { margin: 0 auto; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } .simplehero-banner-sec.center-align .simplehero-banner-img { width: 100%; height: 100%; overflow: hidden; background-color: #010918; } .simplehero-banner-sec.center-align .simplehero-banner-img .mobile-banner { display: block; } @media screen and (min-width: 992px) { .simplehero-banner-sec.center-align .simplehero-banner-img .mobile-banner { display: none; } } .simplehero-banner-sec.maxw-80 .hero-banner-contnt br { display: none; } @media screen and (min-width: 992px) { .simplehero-banner-sec.maxw-80 .hero-banner-contnt br { display: block; } } .simplehero-banner-sec.maxw-80 .hero-banner-contnt { max-width: 100%; } @media screen and (min-width: 992px) { .simplehero-banner-sec.maxw-80 .hero-banner-contnt { max-width: 106rem; } } .simplehero-banner-sec.large-height-banner .simplehero-banner-img { min-height: 24.5rem; max-height: 30rem; } @media screen and (min-width: 992px) { .simplehero-banner-sec.large-height-banner .simplehero-banner-img { min-height: 24.5rem; max-height: 60rem; } } @media screen and (min-width: 992px) { .simplehero-banner-sec.large-height-banner .simplehero-banner-img .desktop-banner { display: block; min-height: 24.5rem; max-height: 60rem; } } .simplehero-banner-sec.large-height-banner.left-align .simplehero-banner-video { min-height: 24.5rem; max-height: 30rem; } @media screen and (min-width: 992px) { .simplehero-banner-sec.large-height-banner.left-align .simplehero-banner-video { min-height: 24.5rem; max-height: 60rem; } } .simplehero-banner-sec.large-height-banner.center-align .simplehero-banner-video { min-height: 24.5rem; max-height: 30rem; } @media screen and (min-width: 992px) { .simplehero-banner-sec.large-height-banner.center-align .simplehero-banner-video { min-height: 24.5rem; max-height: 60rem; } } .simplehero-banner-sec.containerwidth-banner .simplehero-banner-wrapper { width: 100%; max-width: 100%; margin: 0 auto; } @media screen and (min-width: 1180px) { .simplehero-banner-sec.containerwidth-banner .simplehero-banner-wrapper { max-width: 135.2rem; padding: 0 2rem; } } .simplehero-banner-sec.containerwidth-banner .simplehero-banner-img { border-radius: 0.6rem; } .simplehero-banner-sec.containerwidth-banner.left-align .simplehero-banner-contnt { padding-left: 0rem; } @media screen and (min-width: 992px) { .simplehero-banner-sec.containerwidth-banner.left-align .simplehero-banner-contnt { padding-left: 2rem; } } @media screen and (min-width: 1180px) { .simplehero-banner-sec.containerwidth-banner.left-align .simplehero-banner-contnt { padding-left: 4.8rem; } } /**********************************/ /**********************************/ .center-videocontent-sec2 { background-color: #ffffff; padding: 3rem 0 3rem 0; } @media screen and (min-width: 768px) { .center-videocontent-sec2 { padding: 2rem 0 2rem 0; } } @media screen and (min-width: 992px) { .center-videocontent-sec2 { padding: 3rem 0 3rem 0; } } .center-videocontent-sec2 .center-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.4rem; } @media screen and (min-width: 768px) { .center-videocontent-sec2 .center-wrapper { gap: 4.4rem; } } @media screen and (min-width: 992px) { .center-videocontent-sec2 .center-wrapper { gap: 6.4rem; } } .center-videocontent-sec2 .center-hdg2-blk { max-width: 85%; } .center-videocontent-sec2 .center-hdg2-blk h2 { color: #ffffff; margin-bottom: 0; } .center-videocontent-sec2 .center-hdg2-blk h3 { margin-bottom: 0; } .center-videocontent-sec2 .video-inlinewarpper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 3rem; } .center-videocontent-sec2 .video-inline-blk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; display: block; width: 100%; max-width: 109.4rem; margin: 0 auto; border-radius: 0.6rem; } .center-videocontent-sec2 .video-inline-blk .youtube_codegena { border-radius: 0.6rem; position: relative; min-height: 30rem; max-height: 30rem; } @media screen and (min-width: 768px) { .center-videocontent-sec2 .video-inline-blk .youtube_codegena { min-height: 41.6rem; max-height: 41.6rem; } } @media screen and (min-width: 992px) { .center-videocontent-sec2 .video-inline-blk .youtube_codegena { min-height: 61.6rem; max-height: 61.6rem; } } .center-videocontent-sec2 .video-inline-blk .vimeo_codegena { border-radius: 0.6rem; position: relative; min-height: 30rem; max-height: 30rem; overflow: hidden; max-width: 100%; cursor: pointer; } @media screen and (min-width: 768px) { .center-videocontent-sec2 .video-inline-blk .vimeo_codegena { min-height: 41.6rem; max-height: 41.6rem; } } @media screen and (min-width: 992px) { .center-videocontent-sec2 .video-inline-blk .vimeo_codegena { min-height: 61.6rem; max-height: 61.6rem; } } .center-videocontent-sec2 .video-inline-blk iframe { width: 100%; height: 100%; display: block; border-radius: 0.6rem; z-index: 3; position: relative; border: none; outline: none; min-height: 30rem; max-height: 30rem; } @media screen and (min-width: 768px) { .center-videocontent-sec2 .video-inline-blk iframe { min-height: 41.6rem; max-height: 41.6rem; } } @media screen and (min-width: 992px) { .center-videocontent-sec2 .video-inline-blk iframe { min-height: 61.6rem; max-height: 61.6rem; } } .center-videocontent-sec2 .video-inline-blk a { width: 100%; border-radius: 0.6rem; } .center-videocontent-sec2 .video-inline-blk a img { width: 100%; -o-object-fit: cover; object-fit: cover; position: relative; z-index: 1; border-radius: 0.6rem; } .center-videocontent-sec2 .video-inline-blk .layer { content: ""; position: absolute; background: rgba(0, 0, 0, 0.2); top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 2; -webkit-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; border-radius: 0.6rem; } .center-videocontent-sec2 .video-inline-blk .youtube_codegena .thumb { border-radius: 0.6rem; height: 100%; -o-object-fit: cover; object-fit: cover; } .center-videocontent-sec2 .video-inline-blk .vimeo_codegena .thumb { border-radius: 0.6rem; height: 100%; -o-object-fit: cover; object-fit: cover; bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; position: absolute; right: 0; top: 0; width: 100%; height: auto; } .center-videocontent-sec2 .video-inline-blk .play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; cursor: pointer; padding: 7.6rem; border-radius: 50%; background-image: url("../svg/play-icon.svg"); background-position: center; background-size: 12.4rem; background-repeat: no-repeat; z-index: 3; -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; opacity: 1; } .center-videocontent-sec2 .video-inline-blk:hover .play { background-color: rgba(0, 0, 0, 0.7); z-index: 4; } .center-videocontent-sec2 .video-btm-sec { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; flex-direction: column; max-width: 100%; } @media screen and (min-width: 992px) { .center-videocontent-sec2 .video-btm-sec { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; max-width: 109.4rem; margin: 0 auto; padding: 0 3rem; } } .center-videocontent-sec2 .video-btm-sec .left-contnt { padding-top: 3rem; padding-bottom: 3rem; border-bottom: 1px solid #899FB4; padding-right: 0; width: 100%; } @media screen and (min-width: 992px) { .center-videocontent-sec2 .video-btm-sec .left-contnt { width: calc(75% - 3.6rem); padding-right: 3.6rem; border-right: 1px solid #899FB4; border-bottom: none; } } .center-videocontent-sec2 .video-btm-sec .left-contnt h4 { color: #ffffff; } .center-videocontent-sec2 .video-btm-sec .left-contnt p { margin-bottom: 1rem; color: #CBD5DE; font-weight: 500; } .center-videocontent-sec2 .video-btm-sec .rht-contnt { padding-top: 3rem; padding-bottom: 0; padding-left: 0; width: 100%; } @media screen and (min-width: 992px) { .center-videocontent-sec2 .video-btm-sec .rht-contnt { width: calc(35% - 3.6rem); padding-left: 3.6rem; } } .center-videocontent-sec2 .video-btm-sec .btm-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2.2rem; } .center-videocontent-sec2 .video-btm-sec .client-desig { color: #CBD5DE; font-weight: 500; } .center-videocontent-sec2 .video-btm-sec .client-name { font-size: 1.6rem; line-height: 140%; font-weight: 400; letter-spacing: 0; font-weight: 500; color: #ffffff; } @media screen and (min-width: 992px) { .center-videocontent-sec2 .video-btm-sec .client-name { font-size: 2rem; line-height: 140%; font-weight: 400; letter-spacing: 0; } } .center-videocontent-sec2 .video-btm-sec .btm-center-content { text-align: center; } .center-videocontent-sec2.flex-aligned .video-inlinewarpper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; gap: 3rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 992px) { .center-videocontent-sec2.flex-aligned .video-inlinewarpper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 6.4rem; } } .center-videocontent-sec2.flex-aligned .left-contentsec { text-align: left; width: 100%; } @media (min-width: 992px) { .center-videocontent-sec2.flex-aligned .left-contentsec { width: calc(50% - 3.2rem); } } .center-videocontent-sec2.flex-aligned .left-contentsec h2 { margin-bottom: 2.4rem; } @media (min-width: 992px) { .center-videocontent-sec2.flex-aligned .left-contentsec h2 { margin-bottom: 3.6rem; } } .center-videocontent-sec2.flex-aligned .left-contentsec h3 { margin-bottom: 2rem; } @media (min-width: 992px) { .center-videocontent-sec2.flex-aligned .left-contentsec h3 { margin-bottom: 2.4rem; } } .center-videocontent-sec2.flex-aligned .left-contentsec h4 { margin-bottom: 2rem; } @media (min-width: 992px) { .center-videocontent-sec2.flex-aligned .left-contentsec h4 { margin-bottom: 2.4rem; } } .center-videocontent-sec2.flex-aligned .left-contentsec h5 { margin-bottom: 1.2rem; } @media (min-width: 992px) { .center-videocontent-sec2.flex-aligned .left-contentsec h5 { margin-bottom: 1.5rem; } } .center-videocontent-sec2.flex-aligned .left-contentsec h6 { margin-bottom: 1.2rem; } @media (min-width: 992px) { .center-videocontent-sec2.flex-aligned .left-contentsec h6 { margin-bottom: 1.5rem; } } .center-videocontent-sec2.flex-aligned .left-contentsec p { margin-bottom: 2rem; } @media (min-width: 992px) { .center-videocontent-sec2.flex-aligned .left-contentsec p { margin-bottom: 2.4rem; } } .center-videocontent-sec2.flex-aligned .video-inline-blk { width: 100%; max-width: 100%; } @media (min-width: 992px) { .center-videocontent-sec2.flex-aligned .video-inline-blk { width: calc(49.4% - 3.2rem); max-width: 61.6rem; } } .center-videocontent-sec2.flex-aligned .youtube_codegena { min-height: 30rem; max-height: 30rem; } @media screen and (min-width: 768px) { .center-videocontent-sec2.flex-aligned .youtube_codegena { min-height: 39rem; max-height: 39rem; } } @media screen and (min-width: 992px) { .center-videocontent-sec2.flex-aligned .youtube_codegena { min-height: 39rem; max-height: 39rem; } } .center-videocontent-sec2.flex-aligned .vimeo_codegena { min-height: 30rem; max-height: 30rem; } @media screen and (min-width: 768px) { .center-videocontent-sec2.flex-aligned .vimeo_codegena { min-height: 39rem; max-height: 39rem; } } @media screen and (min-width: 992px) { .center-videocontent-sec2.flex-aligned .vimeo_codegena { min-height: 39rem; max-height: 39rem; } } .center-videocontent-sec2.flex-aligned iframe { min-height: 30rem; max-height: 30rem; } @media screen and (min-width: 768px) { .center-videocontent-sec2.flex-aligned iframe { min-height: 39rem; max-height: 39rem; } } @media screen and (min-width: 992px) { .center-videocontent-sec2.flex-aligned iframe { min-height: 39rem; max-height: 39rem; } } .center-videocontent-sec2.flex-aligned-revrse .video-inlinewarpper { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }