/* AOS */ [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: 0.1s; } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: 0.1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: 0.15s; } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: 0.15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: 0.2s; } [data-aos][data-aos][data-aos-delay="200"],.breadcrumb-item+.breadcrumb-item::before body[data-aos-delay="200"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: 0.2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: 0.25s; } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: 0.25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: 0.3s; } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: 0.3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: 0.35s; } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: 0.35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: 0.4s; } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: 0.4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: 0.45s; } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: 0.45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: 0.5s; } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: 0.5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: 0.55s; } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: 0.55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: 0.6s; } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: 0.6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: 0.65s; } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: 0.65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: 0.7s; } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: 0.7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: 0.75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: 0.75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: 0.8s; } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: 0.8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: 0.85s; } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: 0.85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: 0.9s; } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: 0.9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: 0.95s; } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: 0.95s; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s; } [data-aos] { pointer-events: none; } [data-aos].aos-animate { pointer-events: auto; } [data-aos][data-aos][data-aos-easing="linear"], body[data-aos-easing="linear"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-aos][data-aos][data-aos-easing="ease"], body[data-aos-easing="ease"] [data-aos] { transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing="ease-in"], body[data-aos-easing="ease-in"] [data-aos] { transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing="ease-out"], body[data-aos-easing="ease-out"] [data-aos] { transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing="ease-in-out"], body[data-aos-easing="ease-in-out"] [data-aos] { transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing="ease-in-back"], body[data-aos-easing="ease-in-back"] [data-aos] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-aos][data-aos][data-aos-easing="ease-out-back"], body[data-aos-easing="ease-out-back"] [data-aos] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-aos][data-aos][data-aos-easing="ease-in-out-back"], body[data-aos-easing="ease-in-out-back"] [data-aos] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-aos][data-aos][data-aos-easing="ease-in-sine"], body[data-aos-easing="ease-in-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-aos][data-aos][data-aos-easing="ease-out-sine"], body[data-aos-easing="ease-out-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-aos][data-aos][data-aos-easing="ease-in-quad"], body[data-aos-easing="ease-in-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-quad"], body[data-aos-easing="ease-out-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-quad"], body[data-aos-easing="ease-in-out-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing="ease-in-cubic"], body[data-aos-easing="ease-in-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-cubic"], body[data-aos-easing="ease-out-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"], body[data-aos-easing="ease-in-out-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing="ease-in-quart"], body[data-aos-easing="ease-in-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-quart"], body[data-aos-easing="ease-out-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-quart"], body[data-aos-easing="ease-in-out-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } @media screen { html:not(.no-js) [data-aos^="fade"][data-aos^="fade"] { opacity: 0; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate { opacity: 1; -webkit-transform: none; transform: none; } html:not(.no-js) [data-aos="fade-up"] { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } html:not(.no-js) [data-aos="fade-down"] { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } html:not(.no-js) [data-aos="fade-right"] { -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } html:not(.no-js) [data-aos="fade-left"] { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } html:not(.no-js) [data-aos="fade-up-right"] { -webkit-transform: translate3d(-100px, 100px, 0); transform: translate3d(-100px, 100px, 0); } html:not(.no-js) [data-aos="fade-up-left"] { -webkit-transform: translate3d(100px, 100px, 0); transform: translate3d(100px, 100px, 0); } html:not(.no-js) [data-aos="fade-down-right"] { -webkit-transform: translate3d(-100px, -100px, 0); transform: translate3d(-100px, -100px, 0); } html:not(.no-js) [data-aos="fade-down-left"] { -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0); } html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"] { opacity: 0; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"].aos-animate { opacity: 1; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } html:not(.no-js) [data-aos="zoom-in"] { -webkit-transform: scale(0.6); transform: scale(0.6); } html:not(.no-js) [data-aos="zoom-in-up"] { -webkit-transform: translate3d(0, 100px, 0) scale(0.6); transform: translate3d(0, 100px, 0) scale(0.6); } html:not(.no-js) [data-aos="zoom-in-down"] { -webkit-transform: translate3d(0, -100px, 0) scale(0.6); transform: translate3d(0, -100px, 0) scale(0.6); } html:not(.no-js) [data-aos="zoom-in-right"] { -webkit-transform: translate3d(-100px, 0, 0) scale(0.6); transform: translate3d(-100px, 0, 0) scale(0.6); } html:not(.no-js) [data-aos="zoom-in-left"] { -webkit-transform: translate3d(100px, 0, 0) scale(0.6); transform: translate3d(100px, 0, 0) scale(0.6); } html:not(.no-js) [data-aos="zoom-out"] { -webkit-transform: scale(1.2); transform: scale(1.2); } html:not(.no-js) [data-aos="zoom-out-up"] { -webkit-transform: translate3d(0, 100px, 0) scale(1.2); transform: translate3d(0, 100px, 0) scale(1.2); } html:not(.no-js) [data-aos="zoom-out-down"] { -webkit-transform: translate3d(0, -100px, 0) scale(1.2); transform: translate3d(0, -100px, 0) scale(1.2); } html:not(.no-js) [data-aos="zoom-out-right"] { -webkit-transform: translate3d(-100px, 0, 0) scale(1.2); transform: translate3d(-100px, 0, 0) scale(1.2); } html:not(.no-js) [data-aos="zoom-out-left"] { -webkit-transform: translate3d(100px, 0, 0) scale(1.2); transform: translate3d(100px, 0, 0) scale(1.2); } html:not(.no-js) [data-aos^="slide"][data-aos^="slide"] { transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; visibility: hidden; } html:not(.no-js) [data-aos^="slide"][data-aos^="slide"].aos-animate { visibility: visible; -webkit-transform: translateZ(0); transform: translateZ(0); } html:not(.no-js) [data-aos="slide-up"] { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } html:not(.no-js) [data-aos="slide-down"] { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } html:not(.no-js) [data-aos="slide-right"] { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } html:not(.no-js) [data-aos="slide-left"] { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } html:not(.no-js) [data-aos^="flip"][data-aos^="flip"] { -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } html:not(.no-js) [data-aos="flip-left"] { -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg); } html:not(.no-js) [data-aos="flip-left"].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } html:not(.no-js) [data-aos="flip-right"] { -webkit-transform: perspective(2500px) rotateY(100deg); transform: perspective(2500px) rotateY(100deg); } html:not(.no-js) [data-aos="flip-right"].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } html:not(.no-js) [data-aos="flip-up"] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg); } html:not(.no-js) [data-aos="flip-up"].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } html:not(.no-js) [data-aos="flip-down"] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg); } html:not(.no-js) [data-aos="flip-down"].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } } /* Fancybox */ :root { --f-spinner-width: 36px; --f-spinner-height: 36px; --f-spinner-color-1: rgba(0, 0, 0, 0.1); --f-spinner-color-2: rgba(17, 24, 28, 0.8); --f-spinner-stroke: 2.75; } .f-spinner { margin: auto; padding: 0; width: var(--f-spinner-width); height: var(--f-spinner-height); } .f-spinner svg { width: 100%; height: 100%; vertical-align: top; animation: f-spinner-rotate 2s linear infinite; } .f-spinner svg * { stroke-width: var(--f-spinner-stroke); fill: none; } .f-spinner svg *:first-child { stroke: var(--f-spinner-color-1); } .f-spinner svg *:last-child { stroke: var(--f-spinner-color-2); animation: f-spinner-dash 2s ease-in-out infinite; } @keyframes f-spinner-rotate { 100% { transform: rotate(360deg); } } @keyframes f-spinner-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } .f-zoomInUp { animation: 0.2s ease-out 0.1s both f-zoomInUp; } .f-zoomOutDown { animation: 0.3s cubic-bezier(0.16, 1, 0.3, 1) both f-zoomOutDown; } @keyframes f-zoomInUp { from { transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } to { transform: scale(1) translate3d(0, 0, 0); opacity: 1; } } @keyframes f-zoomOutDown { to { transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } } .f-throwOutUp { animation: 0.175s ease-out both f-throwOutUp; } .f-throwOutDown { animation: 0.175s ease-out both f-throwOutDown; } @keyframes f-throwOutUp { to { transform: translate3d(0, -150px, 0); opacity: 0; } } @keyframes f-throwOutDown { to { transform: translate3d(0, 150px, 0); opacity: 0; } } .f-fadeIn { animation: 0.2s ease both f-fadeIn; z-index: 2; } .f-fadeOut { animation: 0.2s ease both f-fadeOut; z-index: 1; } @keyframes f-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-fadeOut { 100% { opacity: 0; } } .f-fadeSlowIn { animation: 0.5s ease both f-fadeSlowIn; z-index: 2; } .f-fadeSlowOut { animation: 0.5s ease both f-fadeSlowOut; z-index: 1; } @keyframes f-fadeSlowIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-fadeSlowOut { 100% { opacity: 0; } } .f-fadeFastIn { animation: 0.2s ease-out both f-fadeFastIn; z-index: 2; } .f-fadeFastOut { animation: 0.2s ease-out both f-fadeFastOut; z-index: 2; } @keyframes f-fadeFastIn { 0% { opacity: 0.75; } 100% { opacity: 1; } } @keyframes f-fadeFastOut { 100% { opacity: 0; } } .f-crossfadeIn { animation: 0.2s ease-out both f-crossfadeIn; z-index: 2; } .f-crossfadeOut { animation: 0.1s linear 0.1s both f-crossfadeOut; z-index: 1; } @keyframes f-crossfadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-crossfadeOut { 100% { opacity: 0; } } .f-slideIn.from-next { animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext; } .f-slideIn.from-prev { animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev; } .f-slideOut.to-next { animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext; } .f-slideOut.to-prev { animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev; } @keyframes f-slideInPrev { 0% { transform: translateX(100%); } 100% { transform: translate3d(0, 0, 0); } } @keyframes f-slideInNext { 0% { transform: translateX(-100%); } 100% { transform: translate3d(0, 0, 0); } } @keyframes f-slideOutNext { 100% { transform: translateX(-100%); } } @keyframes f-slideOutPrev { 100% { transform: translateX(100%); } } .f-classicIn.from-next { animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext; z-index: 2; } .f-classicIn.from-prev { animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev; z-index: 2; } .f-classicOut.to-next { animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext; z-index: 1; } .f-classicOut.to-prev { animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev; z-index: 1; } @keyframes f-classicInNext { 0% { transform: translateX(-75px); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes f-classicInPrev { 0% { transform: translateX(75px); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes f-classicOutNext { 100% { transform: translateX(-75px); opacity: 0; } } @keyframes f-classicOutPrev { 100% { transform: translateX(75px); opacity: 0; } } :root { --f-button-width: 40px; --f-button-height: 40px; --f-button-border: 0; --f-button-border-radius: 0; --f-button-color: #374151; --f-button-bg: #f8f8f8; --f-button-hover-bg: #e0e0e0; --f-button-active-bg: #d0d0d0; --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 20px; --f-button-svg-height: 20px; --f-button-svg-stroke-width: 1.5; --f-button-svg-fill: none; --f-button-svg-filter: none; --f-button-svg-disabled-opacity: 0.65; } .f-button { display: flex; justify-content: center; align-items: center; box-sizing: content-box; position: relative; margin: 0; padding: 0; width: var(--f-button-width); height: var(--f-button-height); border: var(--f-button-border); border-radius: var(--f-button-border-radius); color: var(--f-button-color); background: var(--f-button-bg); box-shadow: none; pointer-events: all; cursor: pointer; transition: var(--f-button-transition); } @media (hover: hover) { .f-button:hover { color: var(--f-button-hover-color); background-color: var(--f-button-hover-bg); } } .f-button:active:not([disabled]) { background-color: var(--f-button-active-bg); } .f-button:focus-visible { outline: none; } .f-button svg { width: var(--f-button-svg-width); height: var(--f-button-svg-height); fill: var(--f-button-svg-fill); stroke: currentColor; stroke-width: var(--f-button-svg-stroke-width); stroke-linecap: round; stroke-linejoin: round; transition: opacity 0.15s ease; transform: var(--f-button-transform); filter: var(--f-button-svg-filter); pointer-events: none; } .f-button[disabled] { cursor: default; } .f-button[disabled] svg { opacity: var(--f-button-svg-disabled-opacity); } .f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next { position: absolute; z-index: 1; } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next { top: 50%; transform: translateY(-50%); } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev { left: var(--f-button-prev-pos); } .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next { right: var(--f-button-next-pos); } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev { left: auto; right: var(--f-button-next-pos); } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next { right: auto; left: var(--f-button-prev-pos); } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next { top: auto; left: 50%; transform: translateX(-50%); } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev { top: var(--f-button-next-pos); } .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next { bottom: var(--f-button-next-pos); } .is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg { transform: rotate(90deg); } html.with-fancybox { scroll-behavior: auto; width: auto; overflow: visible; } html.with-fancybox body { touch-action: none; } html.with-fancybox body.compensate-for-scrollbar { width: auto; overflow: hidden !important; overscroll-behavior-y: none; margin-right: var(--fancybox-scrollbar-compensate, 0); } .fancybox__container { --fancybox-color: #dbdbdb; --fancybox-hover-color: #fff; --fancybox-bg: rgba(24, 24, 27, 0.98); --fancybox-slide-gap: 10px; --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-color-1: rgba(255, 255, 255, 0.1); --f-spinner-color-2: #bbb; --f-spinner-stroke: 3.65; position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; display: flex; flex-direction: column; box-sizing: border-box; margin: 0; padding: 0; color: #f8f8f8; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: visible; z-index: 1050; outline: none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } .fancybox__container *, .fancybox__container *::before, .fancybox__container *::after { box-sizing: inherit; } .fancybox__backdrop { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: var(--fancybox-bg); opacity: var(--fancybox-opacity, 1); will-change: opacity; } .fancybox__carousel { position: relative; box-sizing: border-box; flex: 1; min-height: 0; z-index: 10; overflow-y: visible; overflow-x: clip; } .fancybox__viewport { width: 100%; height: 100%; } .fancybox__track { display: flex; margin: 0 auto; height: 100%; } .fancybox__slide { flex: 0 0 auto; position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; margin: 0 var(--fancybox-slide-gap) 0 0; padding: 4px; overflow: auto; transform: translate3d(0, 0, 0); backface-visibility: hidden; } .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding-top: 40px; } .fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video { overflow: hidden; } .fancybox__slide.has-image { overflow: hidden; } .fancybox__slide.has-image.is-selected { overflow: visible; } .fancybox__slide::before, .fancybox__slide::after { content: ""; flex: 0 0 0; margin: auto; } .fancybox__content { align-self: center; display: flex; flex-direction: column; position: relative; margin: 0; padding: 2rem; max-width: 100%; color: var(--fancybox-content-color, #374151); background: var(--fancybox-content-bg, #fff); cursor: default; border-radius: 0; z-index: 20; } .is-loading .fancybox__content { opacity: 0; } .is-draggable .fancybox__content { cursor: move; cursor: grab; } .can-zoom_in .fancybox__content { cursor: zoom-in; } .can-zoom_out .fancybox__content { cursor: zoom-out; } .is-dragging .fancybox__content { cursor: move; cursor: grabbing; } .fancybox__content [data-selectable], .fancybox__content [contenteditable] { cursor: auto; } .fancybox__slide.has-image > .fancybox__content { padding: 0; background: rgba(0, 0, 0, 0); min-height: 1px; background-repeat: no-repeat; background-size: contain; background-position: center center; transition: none; transform: translate3d(0, 0, 0); backface-visibility: hidden; } .fancybox__slide.is-animating > .fancybox__content { filter: blur(0px); will-change: transform, width, height; } .fancybox-image { margin: auto; display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; user-select: none; } .hide-image .fancybox-image { opacity: 0; } .fancybox__caption { align-self: center; max-width: 100%; flex-shrink: 0; margin: 0; padding: 14px 0 4px 0; overflow-wrap: anywhere; line-height: 1.375; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); cursor: auto; visibility: visible; } .is-loading .fancybox__caption, .is-closing .fancybox__caption { opacity: 0; visibility: hidden; } .is-compact .fancybox__caption { padding-bottom: 0; } .f-button.is-close-btn { --f-button-svg-stroke-width: 2; position: absolute; top: 0; right: 8px; z-index: 40; } .fancybox__content > .f-button.is-close-btn { --f-button-color: #fff; --f-button-bg: transparent; --f-button-hover-bg: transparent; --f-button-active-bg: transparent; --f-button-svg-width: 22px; --f-button-svg-height: 22px; position: absolute; top: -38px; right: 0; width: 34px; height: 34px; border-radius: 4px; color: var(--fancybox-color, #fff); opacity: 0.75; } .is-loading .fancybox__content > .f-button.is-close-btn { visibility: hidden; } .is-zooming-out .fancybox__content > .f-button.is-close-btn { visibility: hidden; } .fancybox__content > .f-button.is-close-btn:hover { opacity: 1; } .fancybox__footer { padding: 0; margin: 0; position: relative; } .fancybox__footer .fancybox__caption { width: 100%; padding: 24px; opacity: var(--fancybox-opacity, 1); transition: all 0.25s ease; } .is-compact .fancybox__footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 20; background: rgba(24, 24, 27, 0.5); } .is-compact .fancybox__footer .fancybox__caption { padding: 12px; } .is-compact .fancybox__content > .f-button.is-close-btn { --f-button-svg-width: 18px; --f-button-svg-height: 18px; --f-button-svg-filter: none; top: 5px; right: 5px; border-radius: 50%; color: #fff; background: rgba(0, 0, 0, 0.6); } .fancybox__nav { --f-button-width: 50px; --f-button-height: 50px; --f-button-border: 0; --f-button-border-radius: 50%; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: transparent; --f-button-hover-bg: rgba(24, 24, 27, 0.3); --f-button-active-bg: rgba(24, 24, 27, 0.5); --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 26px; --f-button-svg-height: 26px; --f-button-svg-stroke-width: 2.5; --f-button-svg-fill: none; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5)); --f-button-svg-disabled-opacity: 0.65; --f-button-next-pos: 1rem; --f-button-prev-pos: 1rem; opacity: var(--fancybox-opacity, 1); } .fancybox__nav :focus { outline: none; } .fancybox__nav :focus-visible { box-shadow: inset 0 0 0 1px #f8f8f8; } .fancybox__nav .f-button:before { position: absolute; content: ""; top: -30px; right: -20px; left: -20px; bottom: -30px; z-index: 1; } .is-idle .fancybox__nav { animation: 0.15s ease-out both f-fadeOut; } .is-idle.is-compact .fancybox__footer { pointer-events: none; animation: 0.15s ease-out both f-fadeOut; } .fancybox__slide > .f-spinner { position: absolute; top: 50%; left: 50%; margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5)); z-index: 30; cursor: pointer; } .fancybox-protected { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 40; user-select: none; } .fancybox-ghost { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 0; object-fit: contain; z-index: 40; user-select: none; pointer-events: none; } .fancybox-focus-guard { position: fixed; top: 1px; left: 1px; width: 1px; height: 0px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; } .fancybox__container:not([aria-hidden]) { opacity: 0; } .fancybox__container.is-animated[aria-hidden="false"] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden="false"] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden="false"] .fancybox__slide > *:not(.fancybox__content) { animation: 0.25s ease 0.1s backwards f-fadeIn; } .fancybox__container.is-animated[aria-hidden="false"] .fancybox__backdrop { animation: 0.35s ease backwards f-fadeIn; } .fancybox__container.is-animated[aria-hidden="true"] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden="true"] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden="true"] .fancybox__slide > *:not(.fancybox__content) { animation: 0.15s ease forwards f-fadeOut; } .fancybox__container.is-animated[aria-hidden="true"] .fancybox__backdrop { animation: 0.35s ease forwards f-fadeOut; } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { max-width: 100%; flex-shrink: 1; min-height: 1px; overflow: visible; } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content { width: 100%; height: 100%; } .fancybox__container:not(.is-compact) .has-iframe .fancybox__content, .fancybox__container:not(.is-compact) .has-map .fancybox__content, .fancybox__container:not(.is-compact) .has-pdf .fancybox__content { width: calc(100% - 120px); height: 90%; } .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100%; } .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { padding: 0; background: rgba(24, 24, 27, 0.9); color: #fff; } .has-map .fancybox__content { background: #e5e3df; } .fancybox__html5video, .fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0); } .fancybox-placeholder { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .f-carousel__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-gap: 4px; --f-thumb-outline: 0; --f-thumb-outline-color: #5eb0ef; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; --f-thumb-border-radius: 2px; --f-thumb-offset: 0px; --f-button-next-pos: 0; --f-button-prev-pos: 0; } .f-carousel__thumbs.is-classic { --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; } .f-carousel__thumbs.is-modern { --f-thumb-extra-gap: 20px; --f-thumb-clip-width: 46px; } .f-thumbs { position: relative; flex: 0 0 auto; margin: 0; overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; perspective: 1000px; transform: translateZ(0); } .f-thumbs .f-spinner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px; background-image: linear-gradient(#ebeff2, #e2e8f0); z-index: -1; } .f-thumbs .f-spinner svg { display: none; } .f-thumbs.is-horizontal { padding: 0 var(--f-thumb-gap); } .f-thumbs.is-vertical { padding: var(--f-thumb-gap) 0; } .f-thumbs__viewport { width: 100%; height: auto; overflow: hidden; } .f-thumbs__track { display: flex; margin: 0 auto; padding: 8px 0 12px 0; will-change: transform; } .f-thumbs__slide { position: relative; flex: 0 0 auto; box-sizing: content-box; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; width: var(--f-thumb-width); min-width: var(--f-thumb-width); height: var(--f-thumb-height); overflow: visible; cursor: pointer; } .f-thumbs__slide.is-loading img { opacity: 0; } .is-classic .f-thumbs__viewport { height: 100%; } .is-classic .f-thumbs__slide { margin: 0 var(--f-thumb-gap) 0 0; } .is-modern .f-thumbs__track { width: max-content; } .is-modern .f-thumbs__track::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(var(--left, 0) * 1px); width: calc(100% - var(--width, 0) * 1px); cursor: pointer; } .is-modern .f-thumbs__slide { --clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) ); transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0); transition: none; pointer-events: none; } .is-modern .f-thumbs__slide:focus-within { filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color)); } .is-modern .f-thumbs__slide > * { clip-path: var(--clip-path); will-change: clip-path; } .is-modern.is-resting .f-thumbs__slide { transition: all 0.33s ease; } .is-modern.is-resting .f-thumbs__slide > * { transition: all 0.33s ease; } .f-thumbs__slide__button { appearance: none; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; position: relative; border-radius: var(--f-thumb-border-radius); overflow: hidden; background: rgba(0, 0, 0, 0); outline: none; cursor: pointer; pointer-events: auto; touch-action: manipulation; transition: opacity 0.2s ease; opacity: var(--f-thumb-opacity); } .f-thumbs__slide__button:hover { opacity: var(--f-thumb-hover-opacity); } .f-thumbs__slide__button:focus-visible { outline: none; opacity: var(--f-thumb-selected-opacity); } .is-nav-selected .f-thumbs__slide__button { opacity: var(--f-thumb-selected-opacity); } .is-nav-selected .f-thumbs__slide__button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: auto; bottom: 0; border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent); border-radius: var(--f-thumb-border-radius); animation: f-fadeIn 0.2s ease; } .f-thumbs__slide__img { position: absolute; overflow: hidden; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; padding: var(--f-thumb-offset); box-sizing: border-box; object-fit: cover; } .f-thumbs.is-vertical { --f-carousel-slide-height: 100%; } .f-thumbs.is-vertical .f-thumbs__track { flex-wrap: wrap; } .f-thumbs.is-vertical .f-thumbs__slide { margin: 0 0 var(--f-thumb-gap) 0; } .fancybox__thumbs { --f-thumb-width: 96px; --f-thumb-clip-width: 46px; --f-thumb-height: 72px; --f-thumb-border-radius: 2px; --f-thumb-gap: 6px; --f-thumb-extra-gap: 20px; --f-thumb-outline: 2px; --f-thumb-outline-color: #ededed; position: relative; opacity: var(--fancybox-opacity, 1); transition: max-height 0.2s ease; } .fancybox__thumbs.is-modern { --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; } .fancybox__thumbs.is-modern .f-spinner { background-image: linear-gradient( rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); } .fancybox__thumbs.is-classic { --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; } .fancybox__thumbs.is-classic .f-spinner { background-image: linear-gradient( rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); } .is-compact .fancybox__thumbs { --f-thumb-width: 64px; --f-thumb-clip-width: 32px; --f-thumb-height: 48px; --f-thumb-extra-gap: 12px; } .fancybox__thumbs.is-hidden { max-height: 0px !important; } .is-closing .fancybox__thumbs { transition: none !important; } .fancybox__toolbar { --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94)); --f-button-width: 46px; --f-button-height: 46px; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: rgba(24, 24, 27, 0.65); --f-button-hover-bg: rgba(70, 70, 73, 0.65); --f-button-active-bg: rgba(90, 90, 93, 0.65); --f-button-border-radius: 0; --f-button-svg-width: 24px; --f-button-svg-height: 24px; --f-button-svg-stroke-width: 1.5; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15)); --f-button-svg-fill: none; --f-button-svg-disabled-opacity: 0.65; display: flex; flex-direction: row; justify-content: space-between; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); text-shadow: var( --fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5) ); pointer-events: none; z-index: 20; } .fancybox__toolbar :focus-visible { z-index: 1; } .fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar { position: absolute; top: 0; left: 0; right: 0; } .is-idle .fancybox__toolbar { pointer-events: none; animation: 0.15s ease-out both f-fadeOut; } .fancybox__toolbar__column { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; } .fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right { flex-grow: 1; flex-basis: 0; } .fancybox__toolbar__column.is-right { display: flex; justify-content: flex-end; flex-wrap: nowrap; } .fancybox__infobar { padding: 0 5px; line-height: var(--f-button-height); text-align: center; font-size: 17px; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased; cursor: default; user-select: none; } .fancybox__infobar span { padding: 0 5px; } .fancybox__infobar:not(:first-child):not(:last-child) { background: var(--f-button-bg); } [data-fancybox-toggle-slideshow] { position: relative; } [data-fancybox-toggle-slideshow] .f-progress { height: 100%; opacity: 0.3; } [data-fancybox-toggle-slideshow] svg g:first-child { display: flex; } [data-fancybox-toggle-slideshow] svg g:last-child { display: none; } .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child { display: none; } .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child { display: flex; } [data-fancybox-toggle-fullscreen] svg g:first-child { display: flex; } [data-fancybox-toggle-fullscreen] svg g:last-child { display: none; } :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none; } :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child { display: flex; } .f-progress { position: absolute; top: 0; left: 0; right: 0; height: 3px; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff)); z-index: 30; user-select: none; pointer-events: none; } /* Swiper */ @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; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .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, .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .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: linear-gradient( to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-3d .swiper-slide-shadow-right { 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: linear-gradient( to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .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-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; 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: 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: flex; align-items: 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: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, .swiper-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: 0.3s opacity; 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: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { 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: 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; box-shadow: none; -webkit-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: 10px; top: 50%; 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%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 0.2s transform, 0.2s top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s right; } .swiper-pagination-progressbar { background: 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%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { 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: 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: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: 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: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); 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: flex; justify-content: 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%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; 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 { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .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; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .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; filter: blur(50px); } .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-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-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; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .nice-select { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #fff; border-radius: 5px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 38px; line-height: 36px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; transition: all 0.2s ease-in-out; user-select: none; white-space: nowrap; width: auto; } .nice-select:hover { border-color: #dbdbdb; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; } .nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ""; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; transform-origin: 66% 66%; transform: rotate(45deg); transition: all 0.15s ease-in-out; width: 5px; } .nice-select.open:after { transform: rotate(-135deg); } .nice-select.open .nice-select-dropdown { opacity: 1; pointer-events: auto; transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #ccc; } .nice-select.wide { width: 100%; } .nice-select.wide .nice-select-dropdown { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .nice-select-dropdown { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .nice-select-dropdown { margin-top: 4px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); pointer-events: none; position: absolute; top: 100%; left: 0; transform-origin: 50% 0; transform: scale(0.75) translateY(19px); transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; opacity: 0; } .nice-select .list { border-radius: 5px; box-sizing: border-box; overflow: hidden; padding: 0; max-height: 210px; overflow-y: auto; } .nice-select .list:hover .option:not(:hover) { background-color: rgba(0, 0, 0, 0) !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: rgba(0, 0, 0, 0); color: #999; cursor: default; } .nice-select .extra { float: right; } .nice-select .optgroup { font-weight: bold; } .no-csspointerevents .nice-select .nice-select-dropdown { display: none; } .no-csspointerevents .nice-select.open .nice-select-dropdown { display: block; } .nice-select .list::-webkit-scrollbar { width: 0; } .nice-select .has-multiple { white-space: inherit; height: auto; padding: 7px 12px; min-height: 36px; line-height: 22px; } .nice-select .has-multiple span.current { border: 1px solid #ccc; background: #eee; padding: 0 10px; border-radius: 3px; display: inline-block; line-height: 24px; font-size: 14px; margin-bottom: 3px; margin-right: 3px; } .nice-select .has-multiple .multiple-options { display: block; line-height: 24px; padding: 0; } .nice-select .nice-select-search-box { box-sizing: border-box; width: 100%; padding: 5px; pointer-events: none; border-radius: 5px 5px 0 0; } .nice-select .nice-select-search { box-sizing: border-box; background-color: #fff; border: 1px solid #e8e8e8; border-radius: 3px; color: #444; display: inline-block; vertical-align: middle; padding: 7px 12px; margin: 0 10px 0 0; width: 100%; min-height: 36px; line-height: 22px; height: auto; outline: 0 !important; font-size: 14px; } :root { --default-font-size: 16px; --aside-width: 160px; --layout-gap: 24px; --color-primary: #074d31; --color-secondary: #1b8354; --color-tertiary: #074d31; --color-light: #ecefff; --color-gray-color: #556478; --color-text-color: #1b8354; --color-text-color-secondary: #556478; --color-border-color: #ecefff; --color-danger: #df7c2e; --color-orange: #df7c2e; --color-warning: #fcb316; --color-success: #00ac65; --color-color-badge-blue: #74c0eb; --color-color-badge-gray: #808285; --color-color-disabled: #ccebff; --color-button-bg-color: #cee7fa; --color-black: #161616; --fc-small-font-size: 0.85em; --fc-page-bg-color: #fff; --fc-neutral-bg-color: rgba(208, 208, 208, 0.3); --fc-neutral-text-color: #808080; --fc-border-color: #f3f9fe; --fc-button-text-color: var(--color-text-color); --fc-button-bg-color: #cee7fa; --fc-button-border-color: #cee7fa; --fc-button-hover-bg-color: var(--color-primary); --fc-button-hover-border-color: var(--color-primary); --fc-button-active-bg-color: var(--color-primary); --fc-button-active-border-color: var(--color-primary); --fc-event-bg-color: var(--color-primary); --fc-event-border-color: var(--color-primary); --fc-event-text-color: color(text-color); --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25); --fc-more-link-bg-color: #d0d0d0; --fc-more-link-text-color: inherit; --fc-event-resizer-thickness: 8px; --fc-event-resizer-dot-total-width: 8px; --fc-event-resizer-dot-border-width: 1px; --fc-non-business-color: #fff; --fc-bg-event-color: rgb(143, 223, 130); --fc-bg-event-opacity: 1; --fc-highlight-color: #00ac65; --fc-today-bg-color: transparent; --fc-now-indicator-color: red; } @font-face { font-family: "IBMArabic-Light"; src: url("/fonts/IBMArabic-Light.woff2") format("woff2"), url("/fonts/IBMArabic-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "IBMArabic-Regular"; src: url("/fonts/IBMArabic-Regular.woff2") format("woff2"), url("/fonts/IBMArabic-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "IBMArabic-Medium"; src: url("/fonts/IBMArabic-Medium.woff2") format("woff2"), url("/fonts/IBMArabic-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "IBMArabic-SemiBold"; src: url("/fonts/IBMArabic-SemiBold.woff2") format("woff2"), url("/fonts/IBMArabic-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "IBMArabic-Bold"; src: url("/fonts/IBMArabic-Bold.woff2") format("woff2"), url("/fonts/IBMArabic-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } html { font-size: 1rem; scroll-behavior: smooth; overflow-x: hidden; accent-color: var(--color-secondary); } html.theme-gray { -webkit-filter: grayscale(100); filter: grayscale(100); } body { position: relative; min-width: 320px; min-height: 100vh; font-family: "IBMArabic-Medium", Helvetica, Arial, sans-serif; text-align: initial; color: var(--color-text-color); background-color: #f9fafb; } body::-webkit-scrollbar { width: 12px; height: 12px; } body::-webkit-scrollbar-thumb { background: #074d31; } body::-webkit-scrollbar-track { background: #fff; } body.with-background-img::before { position: absolute; inset: 0; content: ""; background-image: url("/Style Library/UDesign/images/body-bg.jpg"); background-repeat: no-repeat; background-position: top; background-attachment: fixed; background-size: cover; z-index: -1; } ::-moz-selection { background-color: var(--color-primary); color: #fff; } ::selection { background-color: var(--color-primary); color: #fff; } .no-scroll { overflow-y: hidden; } section { padding: 60px 0; } .disabled { opacity: 0.4; pointer-events: none; } a, button { cursor: pointer; } .visible-hidden { visibility: hidden; } * { margin: 0; padding: 0; text-align: initial; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.7; } h1 { font-size: 1.75rem; } h2 { font-size: 1.5rem; } h3 { font-size: 1.375rem; } h4 { font-size: 1.25rem; } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; } .icon-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; gap: 16px; margin-inline: 0; -webkit-margin-after: 24px; margin-block-end: 24px; padding: 0; } .icon-list > li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 8px; color: var(--color-text-color); font-size: 1rem; } .icon-list > li::before { content: ""; display: block; width: 12px; height: 12px; margin-top: 10px; -ms-flex-negative: 0; flex-shrink: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.733' height='14.687' viewBox='0 0 13.733 14.687'%3E%3Cpath id='Union_11' data-name='Union 11' d='M-7716.406,3770.491l-6.677-6.675a.675.675,0,0,1-.2-.473.674.674,0,0,1,.2-.471l6.677-6.677a.667.667,0,0,1,.942,0,.667.667,0,0,1,0,.945l-6.2,6.2,6.2,6.205a.664.664,0,0,1,0,.943.662.662,0,0,1-.471.2A.661.661,0,0,1-7716.406,3770.491Zm-5.723,0-6.676-6.675a.667.667,0,0,1-.2-.473.666.666,0,0,1,.2-.471l6.676-6.677a.668.668,0,0,1,.943,0,.667.667,0,0,1,0,.945l-6.2,6.2,6.2,6.205a.664.664,0,0,1,0,.943.662.662,0,0,1-.471.2A.663.663,0,0,1-7722.128,3770.491Z' transform='translate(7729 -3756)' fill='%237f7f7f'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 12px; background-position: center; } .list-group-numbered .list-group-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; border: 0; padding: 0; background-color: rgba(0, 0, 0, 0); color: var(--color-text-color); } @media (max-width: 767.98px) { .list-group-numbered .list-group-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } } .list-group-numbered .list-group-item:not(:last-of-type) { margin-bottom: 24px; } .list-group-numbered .list-group-item::before { content: counters(section, "."); 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; height: 24px; width: 24px; -ms-flex-negative: 0; flex-shrink: 0; color: #fff; font-family: "IBMArabic-Regular"; background-color: var(--color-tertiary); border-radius: 50%; } .list-group-bg-border .list-group-item { padding: 1rem; } @media (max-width: 767.98px) { .list-group-bg-border .list-group-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .list-group-bg-border .list-group-item + .list-group-item { border-top-width: 1px; border-radius: 0.625rem; border-color: rgba(231, 231, 231, 0.8); } .fancybox-iframe video, .fancybox-video video { -o-object-fit: cover; object-fit: cover; } .close-popup { -webkit-margin-start: auto; margin-inline-start: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; line-height: 1; color: var(--color-text-color); } .mega-menu .close-popup { color: #fff; } .mega-menu .close-popup svg path { stroke: #fff; } .close-popup svg { height: 16px; width: 16px; -ms-flex-negative: 0; flex-shrink: 0; } .close-popup svg path { stroke: var(--color-text-color); } .close-popup:hover { color: var(--color-primary); } .close-popup:hover svg path { stroke: var(--color-primary); } .badge { padding: 8px 16px 12px; font-size: 1rem; border-radius: 8px; font-weight: normal; } .badge { border-radius: 50px; } .badge.green { background-color: rgba(111, 179, 134, 0.1); color: #6fb386; } .badge.orange { background-color: rgba(7, 77, 49, 0.1); color: #074d31; } .badge.blue { background-color: rgba(116, 192, 235, 0.1); color: #74c0eb; } .badge.gray { background-color: rgba(128, 130, 133, 0.15); color: #808285; } .border-primary { border: 1px solid var(--color-primary) !important; } .color-primary { color: var(--color-primary) !important; } .color-secondary { color: var(--color-secondary) !important; } .color-tertiary { color: var(--color-tertiary) !important; } .color-warning { color: var(--color-warning) !important; } .color-success { color: var(--color-success) !important; } .color-danger { color: var(--color-danger) !important; } .color-gray { color: var(--color-text-gray) !important; } .bg-primary { background-color: var(--color-primary) !important; } .bg-orange { background-color: #d96b2b; } .bg-secondary { background-color: var(--color-secondary) !important; color: #fff; } .bg-tertiary { background-color: var(--color-tertiary) !important; } .bg-danger { background-color: var(--color-danger) !important; } .border-danger { border: 1px solid #b42318; border-radius: 4px; } .bg-gray { background-color: var(--color-gray-color) !important; } .font-bold, .permision-card__details__caption strong { font-family: "IBMArabic-Bold" !important; } .font-semibold { font-family: "IBMArabic-SemiBold"; } .color-title { color: #1f2a37; } a { text-decoration: none; } .back-top-btn { position: fixed; right: 20px; inset-block-end: 40px; 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; opacity: 0; visibility: hidden; width: 45px; height: 45px; border-radius: 50%; background-color: var(--color-primary); z-index: 99; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .home-body [dir="ltr"] .back-top-btn { right: 45px; inset-block-end: 115px; } .back-top-btn svg { width: 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .back-top-btn:hover { background-color: var(--color-tertiary); } .back-top-btn:hover svg { -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); } .item-date, .item-weather, .item-location { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .item-date svg, .item-date img, .item-weather svg, .item-weather img, .item-location svg, .item-location img { height: 25px; width: 25px; } .item-date .date, .item-date .time, .item-date .location, .item-date .weather, .item-weather .date, .item-weather .time, .item-weather .location, .item-weather .weather, .item-location .date, .item-location .time, .item-location .location, .item-location .weather { font-size: 1rem; color: #fff; white-space: nowrap; font-family: "IBMArabic-Regular"; } @media (max-width: 992px) { .item-date .date, .item-date .time, .item-date .location, .item-date .weather, .item-weather .date, .item-weather .time, .item-weather .location, .item-weather .weather, .item-location .date, .item-location .time, .item-location .location, .item-location .weather { font-size: 0.875rem; } } .item-date .divider, .item-weather .divider, .item-location .divider { width: 8px; height: 2px; margin-inline: 4px; background-color: #fff; } .item-date .slash, .item-weather .slash, .item-location .slash { font-size: 0.875rem; } .item-date.colored .date, .item-date.colored .time, .item-weather.colored .date, .item-weather.colored .time, .item-location.colored .date, .item-location.colored .time { color: var(--color-text-color); } .item-date.colored .divider, .item-weather.colored .divider, .item-location.colored .divider { background-color: var(--color-text-color); } .item-date.bg-tertiary, .item-weather.bg-tertiary, .item-location.bg-tertiary { padding: 4px 12px 6px; border-radius: 50px; } .item-date.bg-tertiary *, .item-weather.bg-tertiary *, .item-location.bg-tertiary * { color: #fff; } .range-date { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 8px; padding: 8px 16px; gap: 16px; background-color: var(--color-primary); } .range-date .date { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } .range-date .date:first-child:not(:only-child) { -webkit-padding-end: 16px; padding-inline-end: 16px; } .range-date .date:first-child:not(:only-child)::after { position: absolute; inset-block: 0; inset-inline-end: 0; content: ""; height: 50%; width: 1px; margin: auto; background-color: rgba(255, 255, 255, 0.15); } .range-date .date span { font-size: 0.75rem; font-family: "IBMArabic-Medium"; } .range-date .date span.day { font-size: 0.875rem; } .date-badge { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; gap: 0; padding: 4px 16px; border-radius: 8px; } .date-badge span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; font-size: 0.875rem; font-family: "IBMArabic-Bold"; color: #fff; line-height: 1.5; } .date-badge span.year { font-family: "IBMArabic-Light"; } .list-with-divider { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0; } .list-with-divider li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; font-family: "IBMArabic-Bold"; color: var(--color-text-color); } .list-with-divider li:not(:last-of-type)::after { content: ""; width: 8px; height: 2px; background-color: var(--color-secondary); } a.item-location:hover { background-color: var(--color-primary); } a.item-location:hover svg { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .readonly-data { position: relative; } .readonly-data .title { display: block; font-size: 0.875rem; color: var(--color-gray-color); font-family: "IBMArabic-Light"; margin-bottom: 8px; } .readonly-data .value { margin: 0; font-size: 1rem; color: var(--color-text-color); } a:hover { text-decoration: none; } .check-list { -webkit-padding-start: 32px; padding-inline-start: 32px; } .number { font-family: sans-serif; font-weight: 600; } .disabled-form { background-color: #ccebff !important; border: 1px solid #ccebff !important; color: #808285 !important; opacity: 1; } .disabled-form::-webkit-input-placeholder { color: #808285 !important; overflow: visible; } .disabled-form::-moz-placeholder { color: #808285 !important; overflow: visible; } .disabled-form:-ms-input-placeholder { color: #808285 !important; overflow: visible; } .disabled-form::-ms-input-placeholder { color: #808285 !important; overflow: visible; } .disabled-form::placeholder { color: #808285 !important; overflow: visible; } .hover-line::before { content: ""; height: 6px; width: calc(100% - 24px); display: block; position: absolute; bottom: 0px; background-color: #9da4ae; border-radius: 4px; z-index: 9; inset-inline-start: 13px; display: none; } .hover-line:is(:hover) { background-color: #f3f4f6; color: #161616; } .hover-line:is(:hover) .lang-btn { color: #161616; cursor: pointer; } .hover-line:is(:hover) .lang-btn img { -webkit-filter: none; filter: none; } .hover-line:is(:hover)::before { display: block; } @media (max-width: 992px) { .hover-line:is(:hover)::before { display: block; } } .hover-line:is(:focus) { background-color: #e5e7eb; color: #161616; } .hover-line:is(:focus)::before { display: block; } @media (max-width: 576px) { h1, h3, h2, h4 { font-size: 1.375rem !important; } } .bg_white { background-color: #fff; } .main-title { font-family: "IBMArabic-Bold"; } .desc { line-height: 1.7; font-size: 1rem; font-family: "IBMArabic-Regular"; color: #161616; } .font_Regular { font-family: "IBMArabic-Regular"; } .font_Bold { font-family: "IBMArabic-Bold"; } .bg-orange { background-color: #dba102; } .color-orange { color: #dba102; } hr { background: #d2d6db; } .color-blue { color: #1f2a37; } .color-black { color: #161616; } .color-black .color-secondary { color: #161616 !important; } body:has(.navbar-collapse.show):after { content: ""; width: 100%; height: 100%; background-color: rgba(22, 22, 22, 0.5); position: absolute; inset: 0; display: block; z-index: 10; } @media (min-width: 1199.98px) { body:has(.navbar-collapse.show):after { display: none; } } header:has(.navbar-collapse.show):after { content: ""; width: 20%; height: 101%; background-color: rgba(22, 22, 22, 0.5); position: absolute; display: block; z-index: 10; left: 0; top: 0; } @media (max-width: 600px) { header:has(.navbar-collapse.show):after { display: none; } } @media (min-width: 1199.98px) { header:has(.navbar-collapse.show):after { display: none; } } .uploaded-info { color: #64748b; font-family: "IBMArabic-Regular"; font-size: 0.875rem; width: 365px; margin-bottom: 20px; } .uploaded-disabled { color: #9da4ae; font-family: "IBMArabic-Regular"; font-size: 0.875rem; width: 365px; margin-bottom: 20px; } a:not([class*="btn"]) { color: #1b8354; text-decoration: none; -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a:not([class*="btn"]):is(:hover) { color: #54c08a; text-decoration: underline; } a:not([class*="btn"]):is(:hover) svg path { fill: var(--color-primary); } a:not([class*="btn"]):is(:active) { color: #88d8ad; text-decoration: underline; } a:not([class*="btn"]):is(:active) svg path { fill: var(--color-primary); } a:not([class*="btn"]):is(:focus) { color: #1b8354; text-decoration: underline; -webkit-box-shadow: 0px 0px 0px 2px #161616; box-shadow: 0px 0px 0px 2px #161616; } a:not([class*="btn"]):is(:focus) svg path { fill: var(--color-primary); } .font-size__16 { font-size: 1rem !important; } .line-clamp-1 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-wrap: break-word; visibility: visible; } .color-info { color: #175cd3 !important; } main { position: relative; min-height: 100vh; overflow: hidden; } main.inner-page { padding-top: 140px; } .accordion .accordion-item { border: 0; background-color: rgba(0, 0, 0, 0); border-radius: 0; border-top: 1px solid #d2d6db; color: #161616; font-family: "IBMArabic-SemiBold"; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .accordion .accordion-item button { background-color: rgba(0, 0, 0, 0); } .accordion .accordion-item button:hover { background-color: #f3f4f6; } .accordion .accordion-item button:active { background-color: #e5e7eb; border: 2px solid #161616; } .accordion .accordion-item button:focus { background-color: #e5e7eb; border: 2px solid #161616; } .accordion .accordion-item button:focus-visible { border: 2px solid #161616; } .accordion .accordion-item:last-child { border-bottom: 1px solid #d2d6db; } .accordion .accordion-body { padding: 0 1.25rem !important; font-family: "IBMArabic-Regular"; } .accordion .accordion-button { -webkit-box-shadow: none; box-shadow: none; font-size: 1.25rem; background-color: rgba(0, 0, 0, 0); border-radius: 0px !important; color: #161616; font-family: "IBMArabic-SemiBold" !important; } .accordion .accordion-button:after { 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-size: 16px; background-position: center; border-radius: 50%; height: 1rem; width: 1rem; background-image: url("/Style Library/UDesign/images/arrow/arrow_black.svg"); background-size: contain; } .accordion .accordion-button[aria-expanded="true"]:after { background-image: url("/Style Library/UDesign/images/arrow/arrow_black.svg"); } .dropdown .dropdown-menu .accordion .accordion-item { background-color: rgba(0, 0, 0, 0); margin: 0; } .dropdown .dropdown-menu .accordion .accordion-item .accordion-button { -webkit-box-shadow: none; box-shadow: none; color: var(--color-text-color); font-size: 0.875rem; padding: 12px 16px; font-family: "IBMArabic-Bold"; background-color: rgba(0, 0, 0, 0); } .dropdown .dropdown-menu .accordion .accordion-item .accordion-button:hover { color: var(--color-primary); } .dropdown .dropdown-menu .accordion .accordion-item .accordion-button:after { 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-size: 16px; background-position: center; border-radius: 50%; height: 1.5rem; width: 1.5rem; background-color: rgba(0, 0, 0, 0); border: 0; background-image: url("/Style Library/UDesign/images/arrow/arrow_black.svg"); background-repeat: no-repeat; background-size: 10px; } .dropdown .dropdown-menu .accordion .accordion-item .accordion-button[aria-expanded="true"] { color: var(--color-primary); } .dropdown .dropdown-menu .accordion .accordion-item .accordion-button[aria-expanded="true"]:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.338' height='8.123' viewBox='0 0 13.338 8.123'%3E%3Cpath id='Path_69057' data-name='Path 69057' d='M-6970.353,16033.221l-6.669,7.4-6.669-7.4.72-.72,5.949,4.07,5.552-4.07Z' transform='translate(6983.69 -16032.501)' fill='%230086D9'/%3E%3C/svg%3E%0A"); -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .dropdown .dropdown-menu .accordion .accordion-item .accordion-body { background-color: #fff; border-radius: 0; padding: 0.5rem 1rem; } .dropdown .dropdown-menu .accordion .accordion-item:not(:last-of-type) { border-bottom: 1px solid #ddd; } .dropdown .dropdown-menu .accordion .accordion-item:last-of-type .accordion-body { border-radius: 0 0 16px 16px; } .dropdown .dropdown-menu .accordion .dropdown-item { padding: 8px 0; font-family: "IBMArabic-Medium"; white-space: break-spaces; } .dropdown .dropdown-menu .accordion .dropdown-item:is(:hover, :active, :focus) { background-color: rgba(0, 0, 0, 0); } .btn { -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0); } .btn:hover { background-color: #e5e7eb; } .btn:active { background-color: #e5e7eb; } .btn:focus { background-color: #f3f4f6; -webkit-box-shadow: 0px 0px 0px 2px #161616; box-shadow: 0px 0px 0px 2px #161616; } .btn, .content input[type="button"], input[type="submit"] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; padding: 0.5rem 1.5rem 0.75rem; text-align: center; position: relative; -webkit-box-shadow: none; box-shadow: none; outline: 0; font-family: inherit; font-family: "IBMArabic-Bold"; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .btn.btn-icon, .content input[type="button"].btn-icon, input[type="submit"].btn-icon { height: 48px; width: 48px; min-width: auto; padding: 0; } .btn.btn-icon svg, .btn.btn-icon img, .content input[type="button"].btn-icon svg, .content input[type="button"].btn-icon img, input[type="submit"].btn-icon svg, input[type="submit"].btn-icon img { height: 18px; max-width: 18px; } .btn .icon, .content input[type="button"] .icon, input[type="submit"] .icon { width: 24px; height: 24px; } .btn .icon.search, .content input[type="button"] .icon.search, input[type="submit"] .icon.search { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.611' height='21.52' viewBox='0 0 21.611 21.52'%3E%3Cpath id='Union_1' data-name='Union 1' d='M4682.341-1210.822a1.17,1.17,0,0,1,0-1.652l1.653,1.652a1.164,1.164,0,0,1-.826.342A1.17,1.17,0,0,1,4682.341-1210.822Zm0-1.652,3.617-3.616a9.2,9.2,0,0,1-1.938-5.665h2.337a6.884,6.884,0,0,0,2,4.866l.024.023.022.022a6.885,6.885,0,0,0,4.857,2,6.909,6.909,0,0,0,6.909-6.908h2.336a9.244,9.244,0,0,1-9.245,9.244,9.206,9.206,0,0,1-5.653-1.929l-3.617,3.617Zm17.833-9.281a6.909,6.909,0,0,0-6.909-6.909V-1231a9.246,9.246,0,0,1,9.245,9.245Zm-16.153,0a9.245,9.245,0,0,1,9.245-9.245v2.337a6.907,6.907,0,0,0-6.908,6.909Z' transform='translate(-4681.399 1231.5)' fill='%23fff' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 16px; background-position: center; } .btn .icon.login, .content input[type="button"] .icon.login, input[type="submit"] .icon.login { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.108' height='23.06' viewBox='0 0 24.108 23.06'%3E%3Cpath id='login' d='M-7702,3789.529a11.544,11.544,0,0,1,11.53-11.53,11.468,11.468,0,0,1,10.729,7.312.786.786,0,0,1-.442,1.019.79.79,0,0,1-1.021-.445,9.9,9.9,0,0,0-9.267-6.313,9.969,9.969,0,0,0-9.958,9.957,9.969,9.969,0,0,0,9.958,9.957,9.9,9.9,0,0,0,9.267-6.313.79.79,0,0,1,1.021-.445.786.786,0,0,1,.442,1.019,11.468,11.468,0,0,1-10.729,7.312A11.544,11.544,0,0,1-7702,3789.529Zm11.76,4.747-4.173-4.173a.788.788,0,0,1-.177-.244v0l-.014-.032v0l-.012-.031,0-.005c0-.01-.006-.02-.009-.03a.053.053,0,0,1,0-.008.27.27,0,0,1-.007-.027l0-.012-.005-.023a.783.783,0,0,1,.215-.713l4.192-4.193a.785.785,0,0,1,1.111,0,.785.785,0,0,1,0,1.112l-2.853,2.851h13.3a.786.786,0,0,1,.787.787.787.787,0,0,1-.787.787h-13.3l2.849,2.849a.785.785,0,0,1,0,1.111.778.778,0,0,1-.557.232A.778.778,0,0,1-7690.24,3794.277Z' transform='translate(7702 -3777.999)' fill='%23fff'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 16px; background-position: center; } .btn .icon svg, .btn .icon img, .content input[type="button"] .icon svg, .content input[type="button"] .icon img, input[type="submit"] .icon svg, input[type="submit"] .icon img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .btn .btn-title, .content input[type="button"] .btn-title, input[type="submit"] .btn-title { margin-bottom: 5px; } .btn.btn-with-arrow, .content input[type="button"].btn-with-arrow, input[type="submit"].btn-with-arrow { padding-inline: 28px; } .btn.btn-with-arrow::after, .content input[type="button"].btn-with-arrow::after, input[type="submit"].btn-with-arrow::after { content: ""; background-image: url("/Style Library/UDesign/images/arrow/arrow_rotate.svg"); width: 12px; height: 12px; inset-block: 0; margin-block: auto; margin-top: 9px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-repeat: no-repeat; background-size: contain; } [dir="ltr"] .btn.btn-with-arrow::after, [dir="ltr"] .content input[type="button"].btn-with-arrow::after, [dir="ltr"] input[type="submit"].btn-with-arrow::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .btn.btn-with-arrow:is(:hover, :active, :focus)::after, .content input[type="button"].btn-with-arrow:is(:hover, :active, :focus)::after, input[type="submit"].btn-with-arrow:is(:hover, :active, :focus)::after { -webkit-transform: translateX(-3px); -ms-transform: translateX(-3px); transform: translateX(-3px); background-image: url("/Style Library/UDesign/images/arrow/arrow_rotate_white.svg"); } [dir="ltr"] .btn.btn-with-arrow:is(:hover, :active, :focus)::after, [dir="ltr"] .content input[type="button"].btn-with-arrow:is(:hover, :active, :focus)::after, [dir="ltr"] input[type="submit"].btn-with-arrow:is(:hover, :active, :focus)::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .btn:is(:active, :focus), .content input[type="button"]:is(:active, :focus), input[type="submit"]:is(:active, :focus) { -webkit-box-shadow: none; box-shadow: none; outline: 0; } .btn-group { border-radius: 0px; gap: 8px; } .btn-group__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; border: 0; background-color: rgba(0, 0, 0, 0); width: 40px; height: 40px; background-color: #f3fcf6; } .btn-group__item svg { -ms-flex-negative: 0; flex-shrink: 0; height: 16px; } .btn-group__item:first-of-type { border-start-start-radius: 0px; border-end-start-radius: 0px; border: 1px solid rgba(0, 0, 0, 0); -webkit-border-end: 0; border-inline-end: 0; } .btn-group__item:last-of-type { border-start-end-radius: 0px; border-end-end-radius: 0px; border: 1px solid rgba(0, 0, 0, 0); -webkit-border-start: 0; border-inline-start: 0; } .btn-group__item:is(:hover) svg path { fill: #224e85; } .btn-group__item:is(:active, :focus, .active) { background-color: #079455; border-radius: 4px; } .btn-group__item:is(:active, :focus, .active) img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .btn-sm { height: 34px; padding: 0 20px; min-width: 120px; font-size: 0.75rem; } @media (max-width: 575.98px) { .btn-sm { padding: 0 12px; } } .btn-info-icon { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; border: 0; width: 24px; height: 24px; 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; background-color: rgba(0, 0, 0, 0); } .btn-info-icon svg, .btn-info-icon img { width: 24px; max-height: 24px; } .btn-icon { width: 48px; height: 48px; min-width: auto; padding: 0; } .btn-icon svg, .btn-icon img { width: 20px; } .header-icon-btn { border-color: var(--color-primary); } .header-icon-btn:is(:hover, :active, :focus) { background-color: var(--color-primary); color: #fff; } input.btn-primary { background-color: var(--color-primary); color: #fff !important; background-image: none !important; } input.btn-primary:is(:hover, :active, :focus) { background-color: #053622; -webkit-box-shadow: none; box-shadow: none; } .btn-outline-primary, input.btn-outline-primary { border-color: #1b8354; color: #fff !important; background-color: rgba(0, 0, 0, 0); border-radius: 4px; font-family: "IBMArabic-Medium"; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 1px solid #e5e7eb; padding: 8px 24px 10px 24px; border: none !important; -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4); box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4); } .btn-outline-primary svg path, input.btn-outline-primary svg path { fill: var(--color-primary); } .btn-outline-primary:is(:hover), input.btn-outline-primary:is(:hover) { background-color: rgba(255, 255, 255, 0.2); } .btn-outline-primary:is(:hover) svg path, input.btn-outline-primary:is(:hover) svg path { fill: #fff; } .btn-outline-primary:is(:active), input.btn-outline-primary:is(:active) { background-color: rgba(255, 255, 255, 0.4) !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4) !important; box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4) !important; } .btn-outline-primary:is(:active) svg path, input.btn-outline-primary:is(:active) svg path { fill: #fff; } .btn-outline-primary:is(:focus), input.btn-outline-primary:is(:focus) { background-color: rgba(0, 0, 0, 0) !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: 0px 0px 0px 2px #fff !important; box-shadow: 0px 0px 0px 2px #fff !important; } .btn-outline-primary:is(:focus) svg path, input.btn-outline-primary:is(:focus) svg path { fill: #fff; } input.btn-secondary { background-color: var(--color-secondary); border-color: var(--color-secondary); color: #fff !important; } input.btn-secondary:is(:hover) { background-color: #0e442b; } input.btn-secondary:is(:active, :focus) { background-color: #14573a; color: #e5e7eb; } .btn-outline-secondary, input.btn-outline-secondary { border-color: var(--color-secondary); color: var(--color-secondary) !important; } .theme-dark .btn-outline-secondary, .theme-dark input.btn-outline-secondary { border-color: #fff; color: #fff !important; } .btn-outline-secondary:is(:active, :focus, :hover), input.btn-outline-secondary:is(:active, :focus, :hover) { background-color: var(--color-secondary); border-color: var(--color-secondary); color: #fff !important; } .btn-outline-secondary:is(:active, :focus, :hover) svg path, input.btn-outline-secondary:is(:active, :focus, :hover) svg path { fill: #fff; } .btn-outline-secondary.disabled, .btn-outline-secondary[disabled], input.btn-outline-secondary.disabled, input.btn-outline-secondary[disabled] { background-color: rgba(0, 0, 0, 0) !important; border-color: var(--color-secondary) !important; color: var(--color-secondary) !important; opacity: 0.5; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-tertiary, input.btn-tertiary { background-color: var(--color-tertiary); color: #fff !important; background-image: none !important; } .btn-tertiary:is(:hover, :active, :focus), input.btn-tertiary:is(:hover, :active, :focus) { background-color: #010704; border-color: var(--color-tertiary); } .btn-outline-white, input.btn-outline-white { border-color: #fff; color: #fff !important; } .btn-outline-white svg path, input.btn-outline-white svg path { fill: #fff; } .btn-outline-white.btn-with-arrow::after, input.btn-outline-white.btn-with-arrow::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.193' height='11.811' viewBox='0 0 7.193 11.811'%3E%3Cpath id='arrow' d='M11.811.638,5.905,7.193,0,.638.638,0,5.905,3.6,10.822,0Z' transform='translate(7.193) rotate(90)' fill='%23fff'/%3E%3C/svg%3E%0A"); } .btn-outline-white:is(:hover, :active, :focus), input.btn-outline-white:is(:hover, :active, :focus) { background-color: #fff; border-color: #fff; color: var(--color-primary) !important; } .btn-outline-white:is(:hover, :active, :focus) path, input.btn-outline-white:is(:hover, :active, :focus) path { fill: #fff; } .btn-outline-white:is(:hover, :active, :focus).btn-with-arrow::after, input.btn-outline-white:is(:hover, :active, :focus).btn-with-arrow::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.193' height='11.811' viewBox='0 0 7.193 11.811'%3E%3Cpath id='arrow' d='M11.811.638,5.905,7.193,0,.638.638,0,5.905,3.6,10.822,0Z' transform='translate(7.193) rotate(90)' fill='%230086D9'/%3E%3C/svg%3E%0A"); } .btn-success, input.btn-success { background-color: var(--color-success); color: #fff !important; background-image: none !important; } .btn-success:is(:hover, :active, :focus), input.btn-success:is(:hover, :active, :focus) { background-color: #90c5a2; border-color: var(--color-success); } .btn-outline-success, input.btn-outline-success { border-color: var(--color-success); color: var(--color-success) !important; } .btn-outline-success svg path, input.btn-outline-success svg path { fill: #fff; } .btn-outline-success.btn-with-arrow::after, input.btn-outline-success.btn-with-arrow::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.193' height='11.811' viewBox='0 0 7.193 11.811'%3E%3Cpath id='arrow' d='M11.811.638,5.905,7.193,0,.638.638,0,5.905,3.6,10.822,0Z' transform='translate(7.193) rotate(90)' fill='%230FAA6C'/%3E%3C/svg%3E%0A"); } .btn-outline-success:is(:hover, :active, :focus), input.btn-outline-success:is(:hover, :active, :focus) { background-color: var(--color-success); border-color: var(--color-success); color: #fff !important; } .btn-outline-success:is(:hover, :active, :focus) path, input.btn-outline-success:is(:hover, :active, :focus) path { fill: #fff; } .btn-outline-success:is(:hover, :active, :focus).btn-with-arrow::after, input.btn-outline-success:is(:hover, :active, :focus).btn-with-arrow::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.193' height='11.811' viewBox='0 0 7.193 11.811'%3E%3Cpath id='arrow' d='M11.811.638,5.905,7.193,0,.638.638,0,5.905,3.6,10.822,0Z' transform='translate(7.193) rotate(90)' fill='%23fff'/%3E%3C/svg%3E%0A"); } .btn-icon { 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; width: 40px; height: 40px; line-height: 1; border-radius: 4px; color: var(--color-text-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn-icon:is(:active, :focus, :hover):not(.btn-outline-secondary) { background-color: var(--color-primary) !important; color: #fff; } .btn-icon:is(:active, :focus, :hover):not(.btn-outline-secondary) img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .btn-icon:is(:active, :focus, :hover):not(.btn-outline-secondary) svg path { fill: #fff; } .btn-icon:is(:active, :focus, :hover):not(.btn-outline-secondary) svg.stroke-min path { stroke: var(--color-primary); } .redirect-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; font-family: "IBMArabic-Regular"; color: var(--color-secondary); -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .redirect-btn svg, .redirect-btn img { width: 18px; } .redirect-btn.underline { text-decoration: underline; } .redirect-btn:is(:hover) { color: #54c08a; text-decoration: underline; } .redirect-btn:is(:hover) svg path { fill: var(--color-primary); } .redirect-btn:is(:active) { color: #88d8ad; text-decoration: underline; } .redirect-btn:is(:active) svg path { fill: var(--color-primary); } .redirect-btn:is(:focus) { color: #1b8354; text-decoration: underline; -webkit-box-shadow: 0px 0px 0px 2px #161616; box-shadow: 0px 0px 0px 2px #161616; } .redirect-btn:is(:focus) svg path { fill: var(--color-primary); } .store-btn { 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; } .store-btn img, .store-btn svg { height: 40px; width: 120px; } .service-btn:hover { background-color: var(--color-tertiary); border-color: var(--color-tertiary); } .btn-primary { background-color: #1b8354; border-radius: 4px; color: #fff; font-family: "IBMArabic-Medium"; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 0; } .btn-primary:hover { background-color: #166a45; } .btn-primary { background-color: #1b8354; border-radius: 4px !important; color: #fff; font-family: "IBMArabic-Medium"; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 0; padding: 8px 24px 10px 24px; -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0) !important; box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0) !important; outline: 2px solid #fff !important; } .btn-primary:hover { background-color: #166a45; -webkit-box-shadow: none !important; box-shadow: none !important; } .btn-primary:active { background-color: #104631; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0) !important; box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0) !important; outline: 2px solid rgba(0, 0, 0, 0) !important; } .btn-primary:focus { background-color: #1b8354; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: 0px 0px 0px 5px #161616 !important; box-shadow: 0px 0px 0px 5px #161616 !important; outline: 2px solid #fff !important; } .btn-black { background-color: #161616; border-radius: 4px; color: #fff; font-family: "IBMArabic-Medium"; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 0; padding: 8px 24px 8px 24px; border: 2px solid #161616; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0) !important; box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0) !important; outline: 2px solid rgba(0, 0, 0, 0) !important; transition: all 0.3s ease-in-out; } .btn-black img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .btn-black:hover { background-color: #1f2a37; -webkit-box-shadow: none !important; box-shadow: none !important; color: #fff; border: 2px solid #1f2a37; } .btn-black:active { background-color: #4d5761; -webkit-box-shadow: none !important; box-shadow: none !important; color: #fff; border: 2px solid rgba(0, 0, 0, 0); outline: none; -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0) !important; box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0) !important; outline: 2px solid rgba(0, 0, 0, 0) !important; } .btn-black:focus { background-color: #161616; -webkit-box-shadow: none !important; box-shadow: none !important; color: #fff; border: 2px solid rgba(0, 0, 0, 0); outline: none; -webkit-box-shadow: 0px 0px 0px 5px #161616 !important; box-shadow: 0px 0px 0px 5px #161616 !important; outline: 2px solid #fff !important; } .btn-white { background-color: #fff; border-radius: 4px; color: #161616; font-family: "IBMArabic-Medium"; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 0; padding: 4px 10px 4px 10px; border: 2px solid #fff; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.875rem; -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0); outline: 2px solid rgba(0, 0, 0, 0); transition: all 0.3s ease-in-out; } .btn-white img { width: 18px; height: 18px; } .btn-white:hover { background-color: rgba(255, 255, 255, 0.8); -webkit-box-shadow: none !important; box-shadow: none !important; border: 2px solid rgba(0, 0, 0, 0); } .btn-white:active { background-color: rgba(255, 255, 255, 0.6); -webkit-box-shadow: none !important; box-shadow: none !important; border: 2px solid rgba(0, 0, 0, 0); } .btn-white:focus { background-color: #fff; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: 0px 0px 0px 5px #fff !important; box-shadow: 0px 0px 0px 5px #fff !important; outline: 2px solid #161616 !important; border-radius: 2px; } .btn-gray, .btn-secondary { background-color: rgba(0, 0, 0, 0); border-radius: 4px; color: #161616; font-family: "IBMArabic-Medium"; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: rgba(0, 0, 0, 0) !important; padding: 8px 24px 10px 24px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.875rem; -webkit-box-shadow: 0 0 0 1px #d2d6db; box-shadow: 0 0 0 1px #d2d6db; } .btn-gray img, .btn-secondary img { width: 18px; height: 18px; } .btn-gray:hover, .btn-secondary:hover { background-color: rgba(0, 0, 0, 0); color: #161616; -webkit-box-shadow: 0 0 0 1px #e5e7eb; box-shadow: 0 0 0 1px #e5e7eb; } .btn-gray:active, .btn-secondary:active { background-color: #e5e7eb; color: #161616; -webkit-box-shadow: 0 0 0 1px #d2d6db !important; box-shadow: 0 0 0 1px #d2d6db !important; } .btn-gray:focus, .btn-secondary:focus { background-color: #fff; color: #161616; -webkit-box-shadow: 0 0 0 2px #161616 !important; box-shadow: 0 0 0 2px #161616 !important; } .btn-rest { background-color: #f3f4f6; border-radius: 4px; color: #161616; font-family: "IBMArabic-Medium"; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 0; padding: 8px 24px 10px 24px; border: 2px solid rgba(0, 0, 0, 0); display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.875rem; } .btn-rest img { width: 18px; height: 18px; } .btn-rest:hover { background-color: #e5e7eb; -webkit-box-shadow: none !important; box-shadow: none !important; color: #161616; border: 2px solid rgba(0, 0, 0, 0); } .btn-rest:active, .btn-rest:focus { background-color: #fff; -webkit-box-shadow: none !important; box-shadow: none !important; color: #161616; border: 2px solid #000; } .btn-primary.disabled, .btn-primary:disabled { cursor: none; background-color: #e5e7eb; color: #9da4ae; } .btn-white-border { background-color: rgba(0, 0, 0, 0); border-radius: 4px; color: #161616; font-family: "IBMArabic-Medium"; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 2px solid #fff; padding: 8px 24px 10px 24px; } .btn-white-border:hover { color: #166a45; } .btn-white-border:focus, .btn-white-border:active { -webkit-box-shadow: none !important; box-shadow: none !important; color: #104631; } .header { z-index: 99; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .header__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header__container .item-date { margin-bottom: 0; } .header__top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; background-color: rgba(27, 131, 84, 0.5); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .inner-page .header__top { background-color: #1b8354; } .header-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px; margin: 5px 0; } .header-actions .lang-btn { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header-actions .theme-btn { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 5px; border-radius: 4px; } .header-actions__btn { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 2px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 1rem; font-family: "IBMArabic-Medium"; padding: 0 3px; } .dropdown-menu .header-actions__btn { background-color: #9399a9; } .header-actions__btn svg, .header-actions__btn img { -ms-flex-negative: 0; flex-shrink: 0; margin-inline: 3px; width: 20px; height: 20px; } .header-actions__btn.dropdown-toggle::after { background-image: url("/Style Library/UDesign/images/arrow/arrow_white.svg"); width: 13px; height: 12px; background-repeat: no-repeat; background-size: contain; border: 0; margin-top: 10px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header-actions__btn.dropdown-toggle:is(:hover, .show)::after { background-image: url("/Style Library/UDesign/images/arrow/arrow_green.svg"); -webkit-transform: rotateX(180deg); transform: rotateX(180deg); margin-top: 5px; } @media (max-width: 1199.98px) { .header-actions__btn .title { display: none; } } .header-actions__btn:hover, .dropdown:hover > .header-actions__btn { color: #fff; } .header-actions__btn:hover::after, .dropdown:hover > .header-actions__btn::after { background-image: url("/Style Library/UDesign/images/arrow/arrow_green.svg"); -webkit-transform: rotateX(180deg); transform: rotateX(180deg); margin-top: 5px; } .header-actions__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 5px; border-radius: 4px; -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header-actions__item:has(.btn-white) { background-color: rgba(0, 0, 0, 0) !important; } @media (max-width: 576px) { .header-actions__item .services-btn .service-text { display: none; } } .header-actions__item:hover { background-color: rgba(255, 255, 255, 0.2); } .header-actions__item:active { background-color: rgba(255, 255, 255, 0.4); } .header-actions__item:focus { background-color: rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px 2px #fff; box-shadow: 0px 0px 0px 2px #fff; } @media (max-width: 992px) { .header-actions__item { padding: 12px 5px; } } @media (max-width: 576px) { .header-actions__item { padding: 3px 0px; } } @media (max-width: 767.98px) { .header-actions__item .btn { width: auto !important; height: 40px; padding: 0; } .header-actions__item .btn .icon { height: 20px; display: none; } } .header__bottom { background-color: #fff; padding: 0 150px; } @media (max-width: 1500px) { .header__bottom { padding: 18px 10px; } } @media (max-width: 576px) { .header__bottom { padding: 18px 0px; } } .header.scrolled { background-color: var(--color-secondary); } @media (max-width: 960px) { .header .item-location, .header .item-weather { display: none; } } .header .header-dropdown { display: none !important; } .header .header-dropdown .dropdown-menu { border: 1px solid #d2d6db; border-radius: 8px; inset-inline-start: -140px; min-width: 190px; top: 55px; padding: 15px; } .header .header-dropdown .dropdown-menu .dropdown-item { font-size: 1rem; margin: 5px 0; position: relative; padding: 10px 10px 15px 10px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header .header-dropdown .dropdown-menu .dropdown-item::before { content: ""; height: 6px; width: calc(100% - 15px); display: block; position: absolute; bottom: 0px; background-color: #9da4ae; border-radius: 4px; z-index: 9; inset-inline-start: 8px; display: none; } .header .header-dropdown .dropdown-menu .dropdown-item:hover { color: #161616; background-color: #f3f4f6; text-decoration: none; } .header .header-dropdown .dropdown-menu .dropdown-item:hover::before { display: block; } .header .header-dropdown .dropdown-menu .dropdown-item:is(:focus) { background-color: #e5e7eb; color: #161616; text-decoration: none; } .header .header-dropdown .dropdown-menu .dropdown-item:is(:focus)::before { display: block; background-color: #1f2a37; } .header .header-dropdown .dropdown-toggle { border: 0; padding: 20px 15px; } .header .header-dropdown .dropdown-toggle:after { display: none; } @media (max-width: 600px) { .header .header-dropdown { display: block !important; } } .header .menu-tablet { display: none !important; } @media (min-width: 601px) and (max-width: 960px) { .header .menu-tablet { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 10px !important; -webkit-padding-start: 0; padding-inline-start: 0; } .header .menu-tablet li { border-radius: 5px; padding: 10px; } .header .menu-tablet li:hover { background-color: #f3f4f6; } .header .menu-tablet .nav-link { padding: 0 !important; } .header .menu-tablet .nav-link span { display: none; } } .dropdown .dropdown-container { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px; margin: 15px 0; padding: 5px; } .dropdown .dropdown-container:not(:last-of-type) { border-bottom: 1px solid #9da4ae; } @media (max-width: 960px) { .dropdown .dropdown-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin-top: 0; gap: 5px; } } .dropdown .dropdown-container .menu-title { font-family: "IBMArabic-Medium"; color: #161616 !important; font-size: 1rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-bottom: 10px; display: inline-block; border-radius: 8px; padding: 5px 10px; width: 100%; } .dropdown .dropdown-container .menu-title:hover { background-color: #f3f4f6; } .dropdown .dropdown-container .menu-title:focus { background-color: #e5e7eb; } @media (max-width: 960px) { .dropdown .dropdown-container .menu-title { font-size: 0.875rem; } } .dropdown .dropdown-container .list-menu { -ms-flex-preferred-size: calc(25% - 30px); flex-basis: calc(25% - 30px); padding: 10px; } @media (min-width: 960px) { .dropdown .dropdown-menu:not(.page-action-btn .dropdown-menu, .dropdown-menu-end) { inset-inline-start: auto; top: 90px; border-radius: 16px; -webkit-transform: translate(27%, 0%); -ms-transform: translate(27%, 0%); transform: translate(27%, 0%); } [dir="ltr"] .dropdown .dropdown-menu:not(.page-action-btn .dropdown-menu, .dropdown-menu-end) { -webkit-transform: translate(-27%, 0%); -ms-transform: translate(-27%, 0%); transform: translate(-27%, 0%); } } .dropdown .dropdown-menu:not(.page-action-btn .dropdown-menu, .dropdown-menu-end) .dropdown-item:hover { -webkit-transform: none; -ms-transform: none; transform: none; background-color: #f3f4f6; } .dropdown .dropdown-menu:not(.page-action-btn .dropdown-menu, .dropdown-menu-end) .dropdown-item:focus { background-color: #e5e7eb; } .dropdown .dropdown-menu { border-radius: 0px; border: 0; padding: 0; min-width: 245px; margin-top: 0; background-color: #fff; padding: 5px; margin-top: 0 !important; margin-top: 0 !important; } @media (max-width: 960px) { .dropdown .dropdown-menu { padding: 15px 0px; width: 100%; } } .dropdown .dropdown-menu::-webkit-scrollbar { width: 12px; height: 12px; } .dropdown .dropdown-menu::-webkit-scrollbar-thumb { background: #074d31; } .dropdown .dropdown-menu::-webkit-scrollbar-track { background: #fff; } @media (min-width: 960px) { .dropdown .dropdown-menu { display: block; opacity: 0; visibility: hidden; } } .site-settings .dropdown .dropdown-menu { padding: 16px; } .dropdown .dropdown-menu .dropdown-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; color: #1f2a37 !important; border-radius: 0; padding: 6px 0px; font-family: "IBMArabic-Medium" !important; font-size: 0.875rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 8px; padding: 10px; } @media (max-width: 960px) { .dropdown .dropdown-menu .dropdown-item { font-size: 0.8125rem; } } .dropdown .dropdown-menu .dropdown-item:is(:hover), .dropdown .dropdown-menu .dropdown-item:hover { background-color: #f3f4f6; } .dropdown .dropdown-menu li:not(:last-of-type) { padding-block: 5px; } .dropdown .dropdown-menu .dropdown-header { padding: 0; margin-bottom: 24px; } @media (hover: hover) { .dropdown:hover > .dropdown-menu { display: block; margin: 0px; margin-top: 0 !important; opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease; } .dropdown:hover .dropdown-menu-end { inset-inline-end: 0; } } .dropend .dropdown-menu { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; padding: 15px; border: 1px solid #9da4ae; -webkit-box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1); box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1); width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } .navbar-brand { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; padding: 0; -webkit-margin-end: 0; margin-inline-end: 0; } @media (max-width: 991.98px) { .navbar-brand img { height: 80px; width: 130px; } } .navbar-brand .vision-2030 { position: relative; -webkit-padding-start: 16px; padding-inline-start: 16px; } @media (max-width: 1199.98px) { .navbar-brand .vision-2030 { margin: 25px 0; -webkit-padding-start: 0px; padding-inline-start: 0px; margin: 0; display: block; } } .navbar-brand .vision-2030::before { position: absolute; inset-block: 0; inset-inline-start: 0; content: ""; height: 36px; width: 2px; background-color: #ebebeb; margin: auto 0; } .navbar { position: relative; padding: 0; z-index: 10; background-color: #fff; } @media (max-width: 960px) { .navbar .nav-actions { display: none !important; } } @media (max-width: 1250px) and (min-width: 960px) { .navbar .nav-actions span { display: none !important; } } @media (max-width: 1199.98px) { .navbar { padding: 0; } } .navbar .dropdown:not(.dropend) > .dropdown-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; } .navbar .dropdown:not(.dropend) > .dropdown-toggle::after { background-image: url("/Style Library/UDesign/images/arrow/arrow_black.svg"); width: 13px; height: 12px; background-repeat: no-repeat; background-size: contain; border: 0; margin-top: 10px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navbar .dropdown:not(.dropend) > .dropdown-toggle:not(.show)::after { -webkit-transform: rotateX(0deg) !important; transform: rotateX(0deg) !important; } .navbar .dropdown:not(.dropend) > .dropdown-toggle:is(.show) { color: var(--color-tertiary); } .navbar .dropdown:not(.dropend) > .dropdown-toggle:is(.show)::after { background-image: url("/Style Library/UDesign/images/arrow/arrow_green.svg"); -webkit-transform: rotateX(180deg); transform: rotateX(180deg); margin-top: 5px; } .navbar .dropdown:not(.dropend):is(:hover) > .dropdown-toggle::after, .navbar .dropdown:not(.dropend):hover > .dropdown-toggle::after { background-image: url("/Style Library/UDesign/images/arrow/arrow_green.svg"); } .navbar .navbar-nav { gap: 24px; padding-bottom: 0; -webkit-padding-start: 30px; padding-inline-start: 30px; } @media (max-width: 600px) { .navbar .navbar-nav { position: relative; } } .navbar .navbar-nav .footer-list { position: absolute; bottom: 0; width: 100%; } .navbar .navbar-nav .logo-wrapper { display: none !important; background-color: #f9fafb; padding: 25px 30px; } @media (max-width: 960px) { .navbar .navbar-nav .logo-wrapper { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media (max-width: 1199.98px) { .navbar .navbar-nav { gap: 0px !important; } } @media (max-width: 1350px) { .navbar .navbar-nav { gap: 15px; } } .navbar .navbar-nav .nav-item { border-radius: 0; height: 75px; } @media (max-width: 960px) { .navbar .navbar-nav .nav-item { height: auto; } } .navbar .navbar-nav .nav-item:focus-visible { border: 2px solid #161616; } .navbar .navbar-nav .nav-item .nav-link { padding: 27px 12px; color: #161616; border-bottom: 0; font-family: "IBMArabic-Medium", sans-serif; border-radius: 0; font-size: 1rem; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 4px; text-decoration: none; } @media (max-width: 1600px) { .navbar .navbar-nav .nav-item .nav-link { padding: 27px 6px; } } @media (max-width: 960px) { .navbar .navbar-nav .nav-item .nav-link { font-size: 1rem; } } @media (max-width: 1200px) { .navbar .navbar-nav .nav-item .nav-link { padding: 27px 6px; font-size: 0.875rem !important; } } .navbar .navbar-nav .nav-item .nav-link::before { content: ""; height: 6px; width: calc(100% - 24px); display: block; position: absolute; bottom: 0px; background-color: #9da4ae; border-radius: 4px; z-index: 9; inset-inline-start: 13px; display: none; } .navbar .navbar-nav .nav-item .nav-link:is(:hover) { background-color: #f3f4f6; color: #161616; } .navbar .navbar-nav .nav-item .nav-link:is(:hover)::before { display: block; } @media (max-width: 960px) { .navbar .navbar-nav .nav-item .nav-link:is(:hover)::before { display: none; } } .navbar .navbar-nav .nav-item .nav-link:is(:active) { background-color: #e5e7eb; } .navbar .navbar-nav .nav-item .nav-link:is(:active)::before { display: block !important; } .navbar .navbar-nav .nav-item .nav-link:is(:focus) { background-color: #e5e7eb; color: #161616; -webkit-box-shadow: 0px 0px 0px 2px #161616 !important; box-shadow: 0px 0px 0px 2px #161616 !important; } .navbar .navbar-nav .nav-item .nav-link:is(:focus)::before { display: none; background-color: #1f2a37; } @media (max-width: 960px) { .navbar .navbar-nav .nav-item .nav-link:is(:focus)::before { display: none; } } @media (max-width: 960px) { .navbar .navbar-nav .nav-item .nav-link { gap: 16px; } .navbar .navbar-nav .nav-item .nav-link__header { position: absolute; inset-inline: 0; padding: 16px 24px; inset-block-start: 0; height: 64px; z-index: 2; display: none; } } @media (max-width: 960px) and (max-width: 575.98px) { .navbar .navbar-nav .nav-item .nav-link__header { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 960px) { .navbar .navbar-nav .nav-item .nav-link__header .navbar-toggler { background-color: #fff; padding: 8px; } } .navbar .navbar-nav .nav-item:nth-child(3) .dropdown-menu { width: 100%; -webkit-transform: translate(10%, 0); -ms-transform: translate(10%, 0); transform: translate(10%, 0); } [dir="ltr"] .navbar .navbar-nav .nav-item:nth-child(3) .dropdown-menu { -webkit-transform: translate(-10%, 0%); -ms-transform: translate(-10%, 0%); transform: translate(-10%, 0%); } @media (max-width: 1500px) { .navbar .navbar-nav .nav-item:nth-child(3) .dropdown-menu { width: auto; } } @media ((max-width: 960px)) { .navbar .navbar-nav .nav-item:nth-child(3) .dropdown-menu { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } } .navbar .navbar-nav .nav-item .active { background-color: #1b8354; color: #fff; -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0) !important; box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0) !important; outline: 2px solid rgba(0, 0, 0, 0) !important; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration: none; } .navbar .navbar-nav .nav-item .active:focus-visible { outline: 2px solid #161616; border: 2px solid #fff; background-color: #1b8354 !important; } .navbar .navbar-nav .nav-item .active img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .navbar .navbar-nav .nav-item .active:hover { background-color: #166a45; color: #fff !important; } .navbar .navbar-nav .nav-item .active:active { background-color: #074d31 !important; -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0) !important; box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0) !important; outline: 2px solid rgba(0, 0, 0, 0) !important; } .navbar .navbar-nav .nav-item .active:active::before { display: block !important; bottom: 0px; } .navbar .navbar-nav .nav-item .active:focus { background-color: #1b8354; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: 0px 0px 0px 5px #161616 !important; box-shadow: 0px 0px 0px 5px #161616 !important; outline: 2px solid #fff !important; color: #fff; } .navbar .navbar-nav .nav-item .active:focus::before { bottom: -4px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; } .navbar .navbar-nav .nav-item .active:focus::before { background-color: #54c08a; } .navbar .navbar-nav .nav-item .active::before { display: block; background-color: #54c08a; } @media (max-width: 960px) { .navbar .navbar-nav .nav-item .active::before { display: none; } } .navbar .navbar-nav .nav-item .active::before::after { background-image: url("/Style Library/UDesign/images/arrow/arrow_white.svg") !important; } .navbar .dropend .dropdown-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .navbar .dropend .dropdown-toggle::after { background-image: url("/Style Library/UDesign/images/arrow/arrow_black.svg") !important; width: 10px; height: 10px; -webkit-transform: rotateZ(90deg); -ms-transform: rotate(90deg); transform: rotateZ(90deg); background-repeat: no-repeat; background-size: contain; border: 0; margin-top: 0px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-margin-start: auto; margin-inline-start: auto; position: relative; } [dir="ltr"] .navbar .dropend .dropdown-toggle::after { -webkit-transform: rotateZ(-90deg); -ms-transform: rotate(-90deg); transform: rotateZ(-90deg); } .navbar .dropend .dropdown-toggle:is(.show)::after { background-image: url("/Style Library/UDesign/images/arrow/arrow_green.svg"); } @media (max-width: 1199.98px) { .navbar .dropend .dropdown-toggle:is(.show)::after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } } .navbar .dropend .dropdown-menu { margin: 0 !important; background-color: #fff; } @media (min-width: 1200px) { .navbar .dropend:is(:hover) > .dropdown-menu, .navbar .dropend:hover > .dropdown-menu { display: block; top: 0; opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease; inset-inline-end: auto; inset-inline-start: 100%; } .navbar .dropend:is(:hover) > .dropdown-menu.bottom-0, .navbar .dropend:hover > .dropdown-menu.bottom-0 { top: auto; bottom: 0; } } .navbar .dropend:is(:hover, :focus, :active, .show) > .dropdown-toggle { background-color: rgba(0, 0, 0, 0); color: var(--color-tertiary) !important; } .navbar .dropend:is(:hover, :focus, :active, .show) > .dropdown-toggle::after { background-image: url("/Style Library/UDesign/images/arrow/arrow_green.svg"); } .navbar .navbar-nav .dropdown-container .list-menu:has(.menu-title) .menu-title { font-family: "IBMArabic-Bold"; font-size: 1.125rem; color: #1b8354 !important; } .navbar .navbar-nav .dropdown-container .list-menu:has(.menu-title) .menu-title:hover, .navbar .navbar-nav .dropdown-container .list-menu:has(.menu-title) .menu-title:focus { background-color: rgba(0, 0, 0, 0); } @media (max-width: 1400px) { .navbar .navbar-nav .dropdown-container .list-menu:last-child .dropend:is(:hover) > .dropdown-menu, .navbar .navbar-nav .dropdown-container .list-menu:last-child .dropend:hover > .dropdown-menu { display: block; top: 0; inset-inline-start: auto; inset-inline-end: 100%; } } @media (min-width: 1900px) { .navbar .navbar-nav .dropdown-container .list-menu:last-child .dropend:is(:hover) > .dropdown-menu, .navbar .navbar-nav .dropdown-container .list-menu:last-child .dropend:hover > .dropdown-menu { display: block; top: 0; inset-inline-start: 100%; inset-inline-end: auto; } } @media (min-width: 1200px) { .navbar .navbar-nav > .nav-item.dropdown:last-child .dropend:is(:hover) > .dropdown-menu, .navbar .navbar-nav > .nav-item.dropdown:last-child .dropend:hover > .dropdown-menu { display: block; top: 0; inset-inline-start: auto; inset-inline-end: 100%; } } @media (min-width: 1900px) { .navbar .navbar-nav > .nav-item.dropdown:last-child .dropend:is(:hover) > .dropdown-menu, .navbar .navbar-nav > .nav-item.dropdown:last-child .dropend:hover > .dropdown-menu { display: block; top: 0; inset-inline-start: 100%; inset-inline-end: auto; } } @media (max-width: 960px) { .navbar .navbar-collapse { position: fixed; width: 80%; top: 0px; bottom: 0px; right: 0px; padding: 0; z-index: 999999; background-color: #fff; -webkit-transition: all 0.3s cubic-bezier(0.1, 0.82, 0.76, 0.965); transition: all 0.3s cubic-bezier(0.1, 0.82, 0.76, 0.965); } .navbar .navbar-collapse:not(.show) { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .navbar .navbar-collapse .navbar-nav { height: calc(100% - 70px); margin: 0; padding-inline: 0; overflow-y: auto; overflow-x: hidden; } .navbar .navbar-collapse .navbar-nav::-webkit-scrollbar { width: 12px; height: 12px; } .navbar .navbar-collapse .navbar-nav::-webkit-scrollbar-thumb { background: #074d31; } .navbar .navbar-collapse .navbar-nav::-webkit-scrollbar-track { background: #fff; } } @media (max-width: 960px) and (max-width: 1200px) { .navbar .navbar-collapse .navbar-nav .nav-item { margin-inline: 30px; border-radius: 8px; position: relative; margin: 10px 30px; } .navbar .navbar-collapse .navbar-nav .nav-item.dropdown:has(.nav-link:focus) { background-color: #e5e7eb; } .navbar .navbar-collapse .navbar-nav .nav-item:after { content: " "; height: 1px; width: 100%; position: absolute; background-color: #d2d6db; display: block; bottom: -10px; } .navbar .navbar-collapse .navbar-nav .nav-item:hover { background-color: #f3f4f6; } } @media (max-width: 960px) { .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { padding: 15px 15px !important; margin-bottom: 0; } .navbar .navbar-collapse .navbar-nav .nav-item .nav-link::after { display: none; } .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu { -webkit-box-shadow: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; width: 100% !important; border-radius: 8px; -webkit-padding-start: 8px; padding-inline-start: 8px; padding-top: 0; padding-left: 0 !important; padding-bottom: 0; margin: 15px; padding: 10px; } .navbar .navbar-collapse .navbar-nav .nav-item.dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; } .navbar .navbar-collapse .navbar-nav .nav-item.dropdown:has(.dropdown-menu.show) > .dropdown-toggle::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-family: "IBMArabic-SemiBold"; } .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link::before { content: ""; height: 24px; width: 6px; display: block; position: absolute; background-color: #9da4ae; border-radius: 4px; z-index: 9; inset-inline-start: 0; display: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link:hover { color: #161616 !important; background-color: #f3f4f6; } .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link:hover::before { display: block; } .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link:is(:focus) { background-color: #e5e7eb; color: #161616; } .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link:is(:focus)::before { display: block; background-color: #1f2a37; } .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-arrow { margin-right: auto; width: 30px; height: 30px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-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; } .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-arrow::after { margin-top: 0; background-position: center; position: absolute; top: 25px; } .navbar .navbar-collapse .navbar-nav .nav-item .dropend { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; -webkit-padding-end: 10px; padding-inline-end: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px; } .navbar .navbar-collapse .navbar-nav .nav-item .dropend .nav-link, .navbar .navbar-collapse .navbar-nav .nav-item .dropend .dropdown-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .navbar .navbar-collapse .navbar-nav .nav-item .dropend .dropdown-arrow { margin-right: auto; width: 30px; height: 30px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(255, 255, 255, 0.5254901961); } .navbar .navbar-collapse .navbar-nav .nav-item .dropend .dropdown-arrow::after { margin-top: 0; background-position: center; } .navbar .navbar-collapse .navbar-nav .nav-item .dropend .dropdown-arrow:hover { background-color: #fff; } } @media (max-width: 600px) { .navbar .navbar-collapse { width: 100%; } } .navbar .navbar-collapse .footer-list { position: absolute; bottom: 0; width: 100%; background-color: #e5e7eb; padding: 15px 0; margin-inline: 0; } .navbar .navbar-collapse .footer-list a { color: #161616; padding: 8px 16px; } .navbar .navbar-collapse .footer-list a:hover { background-color: #f3f4f6; } .navbar .navbar-toggler { display: none; height: 38px; width: 30px; padding: 0; -ms-flex-negative: 0; flex-shrink: 0; border: 0; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } @media (max-width: 960px) { .navbar .navbar-toggler { display: block; } } @media (max-width: 576px) { .navbar .navbar-toggler { position: relative; inset-inline-start: -6px; } } .navbar .navbar-toggler span { position: relative; height: 2px; background-color: var(--color-black); display: block; width: 100%; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965); transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965); margin: 0.625rem; border-radius: 15px; } .navbar .navbar-toggler[aria-expanded="true"] span { margin: 0; } .navbar .navbar-toggler[aria-expanded="true"] span:nth-child(1) { -webkit-transform: rotate(48deg); -ms-transform: rotate(48deg); transform: rotate(48deg); top: 1px; } .navbar .navbar-toggler[aria-expanded="true"] span:nth-child(2) { display: none; } .navbar .navbar-toggler[aria-expanded="true"] span:nth-child(3) { -webkit-transform: rotate(-48deg); -ms-transform: rotate(-48deg); transform: rotate(-48deg); bottom: 1px; } .navbar .e-services-dropdown .btn-tertiary:is(:hover, :active, .show)::after { background-image: url("/Style Library/UDesign/images/arrow/arrow_white.svg"); -webkit-transform: rotateX(180deg); transform: rotateX(180deg); margin-top: 5px; } .navbar .switch { position: relative; display: inline-block; width: 96px; height: 32px; margin-bottom: 0; } .navbar .switch input { opacity: 0; width: 0; height: 0; } .navbar .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(131, 149, 183, 0.4); -webkit-transition: 0.4s; transition: 0.4s; } .navbar .switch .slider span { position: relative; width: 48px; height: 32px; z-index: 2; } .navbar .switch .slider span.light { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.242' height='9.242' viewBox='0 0 9.242 9.242'%3E%3Cpath id='sun' d='M-1355.932-3140.21v-.723a.451.451,0,0,1,.452-.451.451.451,0,0,1,.451.451v.723a.451.451,0,0,1-.451.452A.452.452,0,0,1-1355.932-3140.21Zm3.08-.9-.51-.511a.451.451,0,0,1,0-.638.451.451,0,0,1,.638,0l.511.51a.452.452,0,0,1,0,.639.45.45,0,0,1-.319.132A.45.45,0,0,1-1352.852-3141.111Zm-5.9,0a.452.452,0,0,1,0-.639l.511-.51a.449.449,0,0,1,.638,0,.451.451,0,0,1,0,.638l-.511.511a.447.447,0,0,1-.319.132A.45.45,0,0,1-1358.748-3141.111Zm.953-3.268a2.317,2.317,0,0,1,2.315-2.315,2.318,2.318,0,0,1,2.315,2.315,2.318,2.318,0,0,1-2.315,2.315A2.317,2.317,0,0,1-1357.795-3144.379Zm5.761.451a.451.451,0,0,1-.451-.451.451.451,0,0,1,.451-.452h.723a.452.452,0,0,1,.452.452.451.451,0,0,1-.452.451Zm-7.616,0a.451.451,0,0,1-.452-.451.452.452,0,0,1,.452-.452h.723a.451.451,0,0,1,.451.452.451.451,0,0,1-.451.451Zm1.413-2.57-.511-.511a.451.451,0,0,1,0-.638.452.452,0,0,1,.639,0l.51.511a.451.451,0,0,1,0,.638.449.449,0,0,1-.319.133A.449.449,0,0,1-1358.237-3146.5Zm4.874,0a.452.452,0,0,1,0-.639l.51-.511a.452.452,0,0,1,.639,0,.451.451,0,0,1,0,.638l-.511.512a.45.45,0,0,1-.319.132A.452.452,0,0,1-1353.362-3146.5Zm-2.569-1.329v-.723a.452.452,0,0,1,.452-.452.451.451,0,0,1,.451.452v.723a.451.451,0,0,1-.451.452A.452.452,0,0,1-1355.932-3147.826Z' transform='translate(1360.102 3149)' fill='%238395B7'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: 16px; } .navbar .switch .slider span.dark { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.866' height='15.339' viewBox='0 0 14.866 15.339'%3E%3Cpath id='dark' d='M14296.95-3749.51l-.111-.053-.031-.015-.087-.043-.025-.013-.1-.055-.031-.017-.077-.042-.037-.021-.071-.04-.063-.037-.061-.036-.057-.034-.04-.025-.061-.038-.016-.01-.14-.091-.011-.007a7.584,7.584,0,0,1-2.106-2.112l0-.007-.025-.038h0a7.676,7.676,0,0,1-.543-7.473,7.663,7.663,0,0,1,6.887-4.413.232.232,0,0,1,.1.442,5.755,5.755,0,0,0-.93.535,5.989,5.989,0,0,0-1.473,8.341,5.98,5.98,0,0,0,7.6,1.92v0a6.625,6.625,0,0,0,.7-.417,6.183,6.183,0,0,0,.858-.715.229.229,0,0,1,.385.1.227.227,0,0,1-.008.147c-.068.19-.147.377-.233.56a7.666,7.666,0,0,1-6.954,4.43A7.632,7.632,0,0,1,14296.95-3749.51Z' transform='translate(-14292.524 3764.128)' fill='%238395B7'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: 16px; } .navbar .switch .slider:before { position: absolute; content: ""; height: 32px; width: 48px; inset-inline-start: 0px; bottom: 0; top: 0; bottom: 0; margin: auto 0; background-color: var(--color-secondary); -webkit-transition: 0.4s; transition: 0.4s; } .theme-dark .navbar .switch .slider:before { inset-inline-start: auto; background-color: rgba(131, 149, 183, 0.4); } .navbar .switch input:checked + .slider:before { inset-inline-start: auto; -webkit-transform: translateX(-48px); -ms-transform: translateX(-48px); transform: translateX(-48px); } [dir="ltr"] .navbar .switch input:checked + .slider:before { -webkit-transform: translateX(48px); -ms-transform: translateX(48px); transform: translateX(48px); } .navbar .switch .slider.round { border-radius: 34px; } .navbar .switch .slider.round:before { border-radius: 50px; } .navbar .user-details-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; } .navbar .calendar-list__item, .navbar .notification-list__item { color: var(--color-text-color); } .navbar .calendar-list__item:not(:last-of-type), .navbar .notification-list__item:not(:last-of-type) { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(121, 133, 155, 0.28); } .navbar .calendar-list__item .title, .navbar .notification-list__item .title { color: var(--color-text-gray); font-size: 0.75rem; margin-bottom: 4px; } .navbar .calendar-list__item .data, .navbar .notification-list__item .data { font-size: 1rem; font-family: "IBMArabic-Bold", sans-serif; color: var(--color-secondary); } .navbar .login-user-details__item:only-child { margin-bottom: 16px; } .navbar .login-user-details__item:not(:last-of-type) { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(121, 133, 155, 0.28); } .navbar .login-user-details__item .title { color: var(--color-text-gray); font-size: 0.75rem; margin-bottom: 4px; } .navbar .login-user-details__item .data { display: block; font-size: 1rem; font-family: "IBMArabic-Bold", sans-serif; color: var(--color-secondary); } .navbar .notification-count { position: absolute; inset-block-start: -8px; inset-inline-start: -8px; 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; font-size: 0.625rem; width: 20px; height: 20px; background-color: var(--color-primary); border-radius: 100px; } .navbar .settings-item { margin-bottom: 10px; color: var(--color-secondary); } .navbar .settings-item .settings-title { margin-bottom: 12px; } .navbar .action-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .navbar .action-group__btn { 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; width: 36px; height: 36px; line-height: 1; background-color: rgba(0, 0, 0, 0); border-radius: 4px; color: var(--color-secondary); font-family: "IBMArabic-Bold"; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navbar .action-group__btn.font-plus { -webkit-margin-before: 0; margin-block-start: 0; } .navbar .action-group__btn.font-plus::before { content: "+"; -webkit-margin-after: 8px; margin-block-end: 8px; font-size: 1.25rem; } .navbar .action-group__btn.font-minus { -webkit-margin-before: 0; margin-block-start: 0; } .navbar .action-group__btn.font-minus::before { content: "-"; -webkit-margin-after: 8px; margin-block-end: 8px; font-size: 1.25rem; } .navbar .action-group__btn svg { width: 18px; } .navbar .action-group__btn:is(:hover, :active, :focus) { background-color: #074d31; color: #fff; } .navbar .action-group__btn:is(:hover, :active, :focus) svg path { fill: #fff; } .navbar .rsbtn { position: relative !important; direction: unset !important; width: 100% !important; text-align: start !important; margin: 0 !important; } .navbar .rsbtn::before { display: none !important; } .navbar .rsbtn.mega_toggle .rsbtn_tooltoggle { position: static !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 36px !important; height: 36px !important; background-color: rgba(0, 0, 0, 0); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.3 17.282'%3E%3Cpath id='voice-11' d='M181.854,17.282a.5.5,0,1,1,0-1h.363v-1a5.718,5.718,0,0,1-4.985-4.653h1a4.789,4.789,0,0,0,9.306,0h1a5.718,5.718,0,0,1-4.985,4.653v1h.363a.5.5,0,1,1,0,1Zm1.027-3.988a3.739,3.739,0,0,1-3.656-3.656V3.323a3.672,3.672,0,0,1,7.312,0V9.638A3.739,3.739,0,0,1,182.881,13.294Zm2.659-9.97a2.682,2.682,0,0,0-5.318,0V9.638a2.659,2.659,0,1,0,5.318,0Z' transform='translate(-177.231)' fill='%23224e85'%3E%3C/path%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 11px 17px !important; border: 1px solid var(--color-secondary); border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navbar .rsbtn.mega_toggle .rsbtn_tooltoggle:hover, .navbar .rsbtn.mega_toggle .rsbtn_tooltoggle:active, .navbar .rsbtn.mega_toggle .rsbtn_tooltoggle:focus { background-color: var(--color-secondary) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.3 17.282'%3E%3Cpath id='voice-11' d='M181.854,17.282a.5.5,0,1,1,0-1h.363v-1a5.718,5.718,0,0,1-4.985-4.653h1a4.789,4.789,0,0,0,9.306,0h1a5.718,5.718,0,0,1-4.985,4.653v1h.363a.5.5,0,1,1,0,1Zm1.027-3.988a3.739,3.739,0,0,1-3.656-3.656V3.323a3.672,3.672,0,0,1,7.312,0V9.638A3.739,3.739,0,0,1,182.881,13.294Zm2.659-9.97a2.682,2.682,0,0,0-5.318,0V9.638a2.659,2.659,0,1,0,5.318,0Z' transform='translate(-177.231)' fill='%23fff'%3E%3C/path%3E%3C/svg%3E") !important; border-color: var(--color-secondary) !important; } .navbar .rsbtn.mega_toggle .rsbtn_tooltoggle span.rsicn { display: none !important; } .navbar .rsbtn .rsbtn_toolpanel.vertical { direction: unset !important; position: absolute !important; inset: unset !important; top: 100% !important; inset-inline-start: 0 !important; } .navbar .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools { border: none !important; border-radius: 16px !important; width: 200px !important; background-color: #fff !important; margin-top: 0 !important; -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.15); box-shadow: 0 0 24px rgba(0, 0, 0, 0.15); margin-top: 0 !important; } .navbar .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li { height: unset !important; min-height: unset !important; max-height: unset !important; border-color: #ebebeb !important; } .navbar .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool { padding: 5px 16px !important; } nav.navbar .dropdown:not(.dropend) > .dropdown-toggle.active::after { background-image: url("/Style Library/UDesign/images/arrow/arrow_white.svg"); width: 13px; height: 12px; background-repeat: no-repeat; background-size: contain; border: 0; margin-top: 10px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } li.nav-item.dropdown:hover > .dropdown-menu { visibility: visible; opacity: 1; } @media (min-width: 960px) { .navbar-expand-xl .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } } @media (min-width: 960px) { .navbar-expand-xl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 5px !important; } } @media (min-width: 960px) { .navbar-expand-xl .navbar-nav .nav-link { padding-left: 0.5rem; padding-right: 0.5rem; } } @media (min-width: 960px) { .navbar-expand-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .navbar-nav .dropdown-menu { position: absolute; } .dropdown-arrow { display: none !important; } .navbar .navbar-nav .nav-item .nav-link { font-size: 1rem; height: 75px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 960px) and (max-width: 960px) { .navbar .navbar-nav .nav-item .nav-link { height: auto; } } .breadcrumb { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .breadcrumb > li:first-of-type::before { display: none; } .breadcrumb > li:first-of-type > ul > li::before { display: none; } .breadcrumb li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 !important; color: #384250 !important; line-height: 1; font-family: "IBMArabic-Medium"; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.123' height='13.338' viewBox='0 0 8.123 13.338'%3E%3Cpath id='Path_69099' data-name='Path 69099' d='M-6970.353,16033.221l-6.669,7.4-6.669-7.4.72-.72,5.949,4.07,5.552-4.07Z' transform='translate(16040.624 6983.69) rotate(90)' fill='%23606161'/%3E%3C/svg%3E%0A"); } .custom-breadcrumb { display: inline-flex; flex-wrap: wrap; align-items: center; margin-bottom: 0; } .custom-breadcrumb > span { display: inline-flex; align-items: center; } /* SharePoint leading placeholders — hidden in our pages */ .custom-breadcrumb > span.breadcrumb-item:first-child:empty, .custom-breadcrumb > span.breadcrumb-item:first-child + span:empty { display: none; } /* Separator between breadcrumb items */ .custom-breadcrumb > span:empty:not(.breadcrumb-item) { padding-inline: 0.5rem; color: #606161; font-size: .875rem; line-height: 1; } .custom-breadcrumb > span:empty:not(.breadcrumb-item)::before { content: ">"; } .custom-breadcrumb a.breadcrumb-item { color: #384250; font-size: .875rem; font-weight: 400; text-decoration: none; font-family: "IBMArabic-Regular", sans-serif; transition: color 0.2s ease-in-out; } .custom-breadcrumb a.breadcrumb-item:hover { color: #6c737f; text-decoration: underline; } .custom-breadcrumb a.breadcrumb-item:focus { color: #9da4ae; outline: 2px solid #161616; text-decoration: underline; } .custom-breadcrumb > span.breadcrumb-item.active { color: #9da4ae; font-size: .875rem; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "IBMArabic-Regular", sans-serif; } .nds-title-share-page { padding: 30px 0; border-bottom: 1px solid #d2d6db; margin-bottom: 32px; } .nds-title-share-page .title-share-container { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; flex-wrap: wrap; } .nds-title-share-page .title-box { flex: 1 1 auto; min-width: 0; margin-bottom: 0; } .nds-title-share-page .title-box h1 { font-family: "IBMArabic-Bold", sans-serif; font-size: 2.1875rem; color: #161616; margin: 0; line-height: 1.3; } .nds-title-share-page .title-box h1 span { display: inline-block; } @media (max-width: 767.98px) { .nds-title-share-page .title-box h1 { font-size: 1.5rem; } } [dir="ltr"] .custom-breadcrumb > span:empty:not(.breadcrumb-item)::before { content: ">"; } @media (max-width: 576px) { .breadcrumb li { margin-bottom: 10px; } } .breadcrumb li a { color: #384250; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: "IBMArabic-Regular"; outline: 2px solid rgba(0, 0, 0, 0); } .breadcrumb li a:hover { text-decoration: underline; color: #6c737f; } .breadcrumb li a:focus { text-decoration: underline; color: #9da4ae !important; outline: 2px solid #161616; } @media (max-width: 575.98px) { .breadcrumb li a { font-size: 1rem; } } .breadcrumb li.active a, .breadcrumb li:first-child a { color: #384250; outline: 2px solid rgba(0, 0, 0, 0); } .breadcrumb li.active a:hover, .breadcrumb li:first-child a:hover { text-decoration: underline; color: #6c737f; } .breadcrumb li.active a:focus, .breadcrumb li:first-child a:focus { text-decoration: underline; color: #9da4ae !important; outline: 2px solid #161616; } .breadcrumb li::before { padding: 0; padding-inline: 7px !important; margin-inline: 0.5rem !important; height: 20px; width: 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } [dir="ltr"] .breadcrumb li::before { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .theme-dark .breadcrumb li::before { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .breadcrumb li:last-child a { color: #9da4ae; } .breadcrumb li:last-child a:hover { color: #6c737f; } .breadcrumb li:last-child a:focus { color: #9da4ae; } .breadcrumb-item a:focus { color: #14573a !important; text-decoration: none; } .breadcrumb-item a:active { color: #9da4ae !important; text-decoration: underline; } .s4-breadcrumb-arrowcont, a.ms-breadcrumbRootNode { display: none; } ul.breadcrumb-item { padding: 0; margin: 0; } ul.breadcrumb-item::before { display: none; } ul.ms-breadcrumbRootNode { padding: 0; margin: 0; } ul.ms-breadcrumbRootNode::before { display: none; } ul.ms-breadcrumbRootNode > .ms-breadcrumbRootNode { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-footer { position: relative; padding: 0rem 0 32px; background-color: var(--color-primary); isolation: isolate; padding: 0 100px; overflow: hidden; } @media (max-width: 992px) { .page-footer { padding: 0; } } .footer-top__title { text-align: center; color: #fff; font-size: 1.5rem; font-family: "IBMArabic-Bold"; } .footer-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; margin: 30px 0 50px 0; } @media (max-width: 767.98px) { .footer-bottom { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .footer-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; list-style: none; margin: 0; padding: 8px 0; } @media (max-width: 767.98px) { .footer-links { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .footer-links li a, .footer-links li a:visited { display: block; text-decoration: none; color: #fff; font-size: 0.875rem; -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; font-family: "IBMArabic-Regular"; -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0); -webkit-transition: -webkit-box-shadow 0.3s ease-in-out; transition: -webkit-box-shadow 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; } .footer-links li a:is(:hover), .footer-links li a:visited:is(:hover) { color: rgba(255, 255, 255, 0.8); text-decoration: underline; } .footer-links li a:is(:active), .footer-links li a:visited:is(:active) { color: rgba(255, 255, 255, 0.6); text-decoration: underline; } .footer-links li a:is(:focus), .footer-links li a:visited:is(:focus) { color: #fff; text-decoration: underline; -webkit-box-shadow: 0px 0px 0px 2px #fff; box-shadow: 0px 0px 0px 2px #fff; } .copyrights { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 1rem; font-family: "IBMArabic-SemiBold"; margin-bottom: 5px; } @media (max-width: 767.98px) { .copyrights { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 0.875rem; } } .copyrights .copyrights-year { margin-inline: 4px; } .theme-dark .copyrights { color: var(--color-gray-color); } .footer-logo { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } .footer-logo img { height: 50px; } .theme-dark .footer-logo img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .footer-sign img { height: 50px; } .footer-middle { padding: 50px 0; margin-bottom: 24px; } .footer-list-title { color: #fff; font-size: 1.125rem; margin-bottom: 16px; -webkit-border-after: 1px solid rgba(255, 255, 255, 0.3); border-block-end: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 15px; } .footer-links-list { padding: 0; margin: 0; list-style: none; } .footer-links-list__item:not(:last-child) { margin-bottom: 12px; } .footer-links-list__item .footer-link { color: #fff; font-family: "IBMArabic-Regular"; font-size: 1rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0); } .footer-links-list__item .footer-link:is(:hover) { color: rgba(255, 255, 255, 0.8); text-decoration: underline; } .footer-links-list__item .footer-link:is(:active) { color: rgba(255, 255, 255, 0.6); text-decoration: underline; } .footer-links-list__item .footer-link:is(:focus) { color: #fff !important; text-decoration: underline; -webkit-box-shadow: 0px 0px 0px 2px #fff; box-shadow: 0px 0px 0px 2px #fff; } .page-banner { position: relative; height: 300px; background-color: #14375f; isolation: isolate; } .page-banner .bg { position: absolute; inset: 0; display: block; height: 100%; width: 100%; overflow: hidden; z-index: -1; background-color: #14375f; } .page-banner .bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .page-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px; padding: 30px 0; border-bottom: 1px solid #d2d6db; margin-bottom: 32px; } .page-header .page-title { margin-bottom: 8px; font-family: "IBMArabic-Bold"; } @media (max-width: 767.98px) { .page-header .page-title { font-size: 2rem; } } @media (max-width: 575.98px) { .page-header .page-title { font-size: 1.5rem; } } .page-actions { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-actions > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: -webkit-max-content; height: -moz-max-content; height: max-content; cursor: pointer; } .page-actions .dropdown { position: relative; } .page-actions .dropdown .dropdown-toggle::after { display: none; } .page-actions .dropdown .dropdown-menu { gap: 0.625rem; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; border: none; background-color: #e5e7eb; padding: 0.5rem; border-radius: 4px; } .page-actions .dropdown .dropdown-menu::before { content: ""; position: absolute; bottom: 100%; inset-inline-end: 0.75rem; width: 1.25rem; height: 0.375rem; background-image: url("/Style Library/UDesign/images/arrow/dropdown-green.svg"); background-repeat: no-repeat; top: -5px; } [dir="ltr"] .page-actions .dropdown .dropdown-menu::before { inset-inline-end: 0.75rem; } @media (max-width: 576px) { .page-actions .dropdown .dropdown-menu::before { display: none; } } .page-actions .dropdown .dropdown-menu a { 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; width: 1.75rem; height: 1.75rem; margin: 0; border-radius: 4px !important; } .page-actions .dropdown .dropdown-menu.show { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .page-actions .dropdown .dropdown-menu .dropdown-item { padding: 0; } .page-actions .dropdown .dropdown-menu .dropdown-item svg { fill: var(--color-text-color); width: 0.9375rem; height: 0.9375rem; } .page-actions .dropdown .dropdown-menu .dropdown-item:hover { -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0); background-color: #f3f4f6; } .page-actions .dropdown .dropdown-menu .dropdown-item:focus { -webkit-box-shadow: 0px 0px 0px 2px #161616; box-shadow: 0px 0px 0px 2px #161616; background-color: #f3f4f6; } .page-actions .dropdown:hover .dropdown-menu { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; margin: 0px; margin-top: 0 !important; } .page-actions .page-action-btn { 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; width: 1.875rem; height: 1.875rem; border-radius: 4px; background-color: rgba(0, 0, 0, 0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 0; cursor: pointer; -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0); } .page-actions .page-action-btn svg { fill: var(--color-text-color); height: 1rem; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .page-actions .page-action-btn:is(:hover) { background-color: #e5e7eb; } .page-actions .page-action-btn:is(:focus) { -webkit-box-shadow: 0px 0px 0px 2px #161616; box-shadow: 0px 0px 0px 2px #161616; background-color: #f3f4f6; } .page-actions .page-action-btn:is(:active) { -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0); background-color: #e5e7eb; } .page-category { margin-bottom: 24px; } .page-category .title { display: block; margin-bottom: 8px; color: var(--color-text-gray); } .page-category .category-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; padding: 0; margin: 0; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-category .category-list .category-link { display: block; padding: 8px 16px; border: 1px solid var(--color-border-color); background-color: #fcfcff; color: var(--color-text-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .theme-dark .page-category .category-list .category-link { background-color: rgba(252, 252, 255, 0.05); border-color: rgba(252, 252, 255, 0.05); } .page-category .category-list .category-link:hover, .page-category .category-list .category-link:active, .page-category .category-list .category-link:focus, .page-category .category-list .category-link.active { background-color: var(--color-secondary); color: #fff; } .rating { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 100px; } @media (max-width: 576px) { .rating { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px; } } .rating .title { font-size: 1rem; line-height: 1; } .rating .rating__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin: 0; padding: 0; cursor: pointer; direction: ltr; color: unset !important; -webkit-margin-start: 8px; margin-inline-start: 8px; } [dir="ltr"] .rating .rating__list { direction: rtl; } .rating .rating__list .star { display: block; } .rating .rating__list .star svg { display: -webkit-box; display: -ms-flexbox; display: flex; width: 16px; } .rating .rating__list .star svg path { fill: #e5e7eb !important; stroke: #e5e7eb; } .rating .rating__list[data-stars="0"] .star svg path { fill: #fff; } .rating .rating__list[data-stars="1"] .star:nth-child(5) svg path { fill: var(--color-secondary) !important; stroke: var(--color-secondary); } .rating .rating__list[data-stars="2"] .star:nth-child(4) svg path { fill: var(--color-secondary) !important; stroke: var(--color-secondary); } .rating .rating__list[data-stars="2"] .star:nth-child(4) ~ .star svg path { fill: var(--color-secondary) !important; stroke: var(--color-secondary); } .rating .rating__list[data-stars="3"] .star:nth-child(3) svg path { fill: var(--color-secondary) !important; stroke: var(--color-secondary); } .rating .rating__list[data-stars="3"] .star:nth-child(3) ~ .star svg path { fill: var(--color-secondary) !important; stroke: var(--color-secondary); } .rating .rating__list[data-stars="4"] .star:nth-child(2) svg path { fill: var(--color-secondary) !important; stroke: var(--color-secondary); } .rating .rating__list[data-stars="4"] .star:nth-child(2) ~ .star svg path { fill: var(--color-secondary) !important; stroke: var(--color-secondary); } .rating .rating__list[data-stars="5"] .star:nth-child(1) svg path { fill: var(--color-secondary) !important; stroke: var(--color-secondary); } .rating .rating__list[data-stars="5"] .star:nth-child(1) ~ .star svg path { fill: var(--color-secondary) !important; stroke: var(--color-secondary); } .rating .rating__list > .star:hover svg path { fill: var(--color-secondary) !important; stroke: var(--color-secondary); } .rating .rating__list > .star:hover ~ .star svg path { fill: var(--color-secondary) !important; stroke: var(--color-secondary); } .content-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 6px 10px; margin-bottom: 16px; border: 1px solid #ebebeb; border-radius: 8px; } .visits-count { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 100px; font-family: "IBMArabic-Bold"; font-size: 0.875rem; } .visits-count .title { line-height: 1; } .comments { padding: 24px; background-color: #f7f7f7; border-radius: 8px; } .comments .title { display: block; margin-bottom: 16px; font-family: "IBMArabic-Bold"; } .comments__item { position: relative; margin-top: 32px; padding-block: 24px; border-top: 1px solid #ebebeb; } .comments__item .user-name { font-family: "IBMArabic-Bold"; } .comments__item .item-date span { margin-bottom: 8px; color: var(--color-tertiary); font-family: "IBMArabic-Medium"; border-radius: 50px; font-size: 0.75rem; } .comments__item .replay { position: relative; margin-top: 24px; padding: 24px; -webkit-margin-start: 32px; margin-inline-start: 32px; background-color: #fff; border-radius: 16px; } .comments__item .replay .user-name { font-size: 1rem; color: var(--color-primary); } .page-review { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 24px 0px; border-radius: 0px; } .page-review .btn-primary { padding: 10px 18px 10px 18px; } @media (max-width: 576px) { .page-review { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .page-review .btn-black { margin-top: 10px; } } .page-review .close-review { display: -webkit-box; display: -ms-flexbox; display: flex; color: #161616; font-size: 1.125rem; gap: 5px; -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; padding: 8px 24px 10px 24px; border-radius: 4px; } .page-review .close-review img { width: 24px; height: 24px; } .page-review .close-review:hover { background-color: #f3f4f6; color: #161616; } .page-review .close-review:focus, .page-review .close-review:active { background-color: #e5e7eb; color: #161616; } .details-item .btn-gray { padding: 5px 12px 5px 12px; } .reason-wrapper { padding: 25px 0; } .reason-wrapper .btn-primary, .reason-wrapper .btn-gray { padding: 5px 12px 5px 12px; } .reason-wrapper .title { color: #161616; font-size: 1.125rem; font-family: "IBMArabic-SemiBold"; margin-bottom: 20px; } .reason-wrapper .title .title-option { color: #6c737f; font-size: 1rem; font-family: "IBMArabic-Regular"; } .review-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 576px) { .review-content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .review-content .review-title { font-family: "IBMArabic-Regular"; margin: 0; color: #161616; font-size: 1.125rem; } .review-content .review-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; gap: 18px; } .review-answer { padding: 24px; border: 1px solid #ebebeb; border-radius: 8px; } .review-answer .answer-title { margin-bottom: 24px; font-size: 1.125rem; } .review-answer .answer-title span { font-size: 14px; padding: 0 5px; } .review-answer .form-check { margin-bottom: 16px; } .review-answer.yes #noAnswerContent { display: none; } .review-answer.yes #yesAnswerContent { display: block; } .review-answer.no #yesAnswerContent { display: none; } .review-answer.no #noAnswerContent { display: block; } .review-answer .check__input__container { -ms-flex-wrap: wrap; flex-wrap: wrap; } .review-answer .other-answer { margin-top: 16px; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; display: none; } .review-answer .other-check-input:checked ~ .other-answer { display: block; } .review-answer__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; gap: 12px; margin-top: 16px; } .modal-dialog-scrollable .modal-body { overflow-x: hidden; } .modal-dialog-scrollable .modal-body::-webkit-scrollbar { width: 10px; height: 10px; } .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb { background: #074d31; } .modal-dialog-scrollable .modal-body::-webkit-scrollbar-track { background: #fff; } button.show-products-btn:hover { background-color: #225085 !important; color: #fff !important; } button.show-products-btn:hover span { background-color: #fff !important; } button.show-products-btn { background-color: #1a717b; color: #fff !important; } button.show-products-btn span { background-color: #fff !important; color: #1a717b; min-width: 18px; 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: 2px; padding: 0 5px; } .fancybox__caption { text-align: center; padding: 10px 100px 0px 100px; } .mob_app_img { width: 100%; height: 100%; border-radius: 10px; -webkit-box-shadow: -4px -3px 19px -14px; box-shadow: -4px -3px 19px -14px; } .line-title { position: relative; -webkit-padding-start: 20px; padding-inline-start: 20px; font-family: "IBMArabic-Bold"; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; -webkit-padding-start: 15px; padding-inline-start: 15px; } .line-title h5 { margin-bottom: 0; } .line-title::after { content: ""; width: 5px; height: 100%; display: block; background-color: #6fb386; position: absolute; -webkit-margin-start: -20px; margin-inline-start: -20px; border-radius: 2px; top: 0; } .value_wrapper { display: grid; grid-template-columns: repeat(auto-fill, minmax(10.25rem, 1fr)); gap: 3.125rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } .value_wrapper .img_wrapper { background-color: #fff; border-radius: 25px; padding: 30px 25px; display: block; text-align: center; 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; } .value_wrapper .img_wrapper img { width: 85px; height: 80px; -o-object-fit: none; object-fit: none; } .value_wrapper .value_desc { text-align: center; color: #1b8354; font-size: 1.125rem; margin-top: 20px; } .events-list-page { position: relative; } @media (max-width: 767.98px) { .events-list-page a.btn.btn-outline-primary.ms-auto.change-view { display: block; margin: auto; } } .events-list-page .flex-container { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } @media (max-width: 992px) { .events-list-page .flex-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .events-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; } .events-list ul li { position: relative; } .events-list ul li::before { content: ""; width: 10px; height: 10px; display: block; position: absolute; inset-inline-start: -15px; top: 10px; } .events-list ul li:nth-child(1)::before { background-color: #074d31; } .events-list ul li:nth-child(2)::before { background-color: #556478; } .events-list ul li:nth-child(3)::before { background-color: #6fb386; } .mob-page h3 { font-family: "IBMArabic-Bold"; margin-bottom: 25px; } @media (max-width: 991px) { .part_header h1 { font-size: 22px; } } .main_title { color: #074d31; margin-bottom: 12px; font-family: "IBMArabic-Bold"; } .goal_wrapper_item { border: 1px solid rgba(27, 131, 84, 0.2); border-radius: 30px; background-color: #fff; font-size: 1.125rem; padding: 35px 30px; height: 100%; margin-bottom: 15px; } .goal_wrapper_item .desc { font-family: "IBMArabic-Medium"; line-height: 2; } .strategic_wrapper_item { border: 1px solid rgba(27, 131, 84, 0.2); border-radius: 30px; background-color: rgba(0, 0, 0, 0); font-size: 1.125rem; padding: 0px 30px 40px 30px; height: 100%; margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; gap: 25px; } @media (max-width: 1300px) { .strategic_wrapper_item { -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; } } @media (max-width: 1300px) and (max-width: 576px) { .strategic_wrapper_item { padding: 20px; } } @media (max-width: 1300px) { .strategic_wrapper_item .strategic_title { text-align: center; font-size: 1.0625rem !important; } } .strategic_wrapper_item .image_wrapper { width: 100px; } .strategic_wrapper_item .image_wrapper img { width: 100%; height: 100%; } .strategic_wrapper_item .strategic_title { font-family: "IBMArabic-Bold"; line-height: 2; font-size: 1.25rem; } .breadcrumb-item + .breadcrumb-item::before { content: ""; background-image: url("/Style Library/UDesign/images/arrow/arrow_bread.svg"); background-repeat: no-repeat; background-size: 6px; background-position: center; position: relative; top: 2px; } .fixed-top { position: static !important; } main.inner-page { padding-top: 0; } .header__top { background-color: #1b8354; padding: 0 150px; } @media (max-width: 1500px) { .header__top { padding: 5px 20px 5px 20px; } } @media (max-width: 576px) { .header__top { padding: 5px 5px 5px 5px; } } @media (max-width: 1200px) { .fixed-top { position: fixed !important; } main.inner-page { padding-top: 140px; } } #collapseOne { padding: 12px 20px; } #SearchModel_Sorting { color: #074d31; } .bg-blue { background-color: #1b8354 !important; } .bg-green { background-color: #6fb386 !important; } .bg-gray { background-color: #556478 !important; } .page-title { font-family: "IBMArabic-Bold"; font-size: 2.1875rem; } @media (max-width: 992px) { .page-title { font-size: 1.5625rem; } } .see-more { font-size: 0.875rem; } .img-card:hover .see-more { color: #fff; } .download-app { color: #074d31; font-size: 13px; margin: 0 5px; display: inline-block; float: inline-end; } .app-download { color: #fff; font-size: 14px; } .app-link { color: #074d31; font-family: "IBMArabic-Bold"; } .statistics-slider .data-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1200px) { .statistics-slider .data-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 576px) { .vision-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } span { text-align: center; } } .media-center .section-header { margin-bottom: 8px; } .details-page .item-info a { text-decoration: underline; color: #1b8354; font-family: "IBMArabic-Bold"; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .details-page .item-info a:hover { color: #074d31; opacity: 0.8; } @media (max-width: 786px) { .event-info { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .event-info .item-date { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 576px) { .event-info { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; } } @media (max-width: 576px) { .comments { padding: 6px; } } .branches #frmSearch { margin-top: 10px; } .questions { background-color: #6fb386; border: 1px solid #6fb386; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #fff; } .questions:hover { background-color: #028650; color: #fff; } @media (max-width: 576px) { .events-list-page.fc .fc-daygrid-body { overflow: auto; } .events-list-page .fc .fc-view-harness-active > .fc-view { overflow: visible; } .events-list-page .fc .fc-daygrid-body { overflow: auto; } } @media (max-width: 576px) { .MsoNormalTable { width: 800px !important; } span { text-align: inherit; } .sitemap ul a { text-align: center; } .scroll-element { overflow: scroll; } .accordion .accordion-button { font-size: 16px; } .fc-view-harness { height: 500px !important; } .fc .fc-scroller { overflow: auto; } .navbar-brand .vision-2030 { position: relative; -webkit-padding-start: 16px; padding-inline-start: 10px; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .vision-2030 { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -webkit-padding-start: 15px !important; padding-inline-start: 15px !important; } } .count-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .count-wrapper .count-percentage { color: #fff; font-family: "IBMArabic-Bold"; font-size: 1.75rem; margin: 0; line-height: 1; } @media (max-width: 992px) { .table thead tr th, .table thead tr td { display: none; } .table tbody td { position: relative; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; gap: 0rem; line-height: 1; z-index: 1; padding: 0.9375rem 1.25rem; -webkit-box-align: start; -ms-flex-align: start; align-items: start; line-height: 1.5; border: 0; min-height: 100px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .table tbody tr:nth-of-type(even) td::after { background-color: #f3f4f6; } .table tbody td:not(:last-child) { -webkit-border-end: none; border-inline-end: none; } .table tbody td::before { content: attr(data-th); -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #384250; border-left: 0 !important; } .table tbody td::after { content: ""; position: absolute; top: 0; inset-inline-start: 0; width: calc(35% + 12px); height: 100%; background-color: #f3f4f6; z-index: -1; color: #fff; -webkit-border-end: 1px solid #d2d6db; border-inline-end: 1px solid #d2d6db; } .table-bordered > :not(caption) > * { border-width: 0; } } .table-responsive::-webkit-scrollbar { width: 5px; height: 5px; } .table-responsive::-webkit-scrollbar-thumb { background: #1b8354; } .table-responsive::-webkit-scrollbar-track { background: #fff; } select { color: #074d31 !important; } .form-select { background-image: url("/Style Library/UDesign/images/arrow/arrow_black.svg") !important; background-size: 20px 9px !important; } [dir="ltr"] .form-select { background-position: right 10px top 19px !important; } .MsoNormalTable { border-radius: 8px; overflow: visible !important; } @media (max-width: 767.98px) { .header-actions { gap: 10px; } .header__container { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .header__container .header-actions { margin: 0 !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .list-group-numbered .list-group-item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .list-group-numbered .list-group-item:has(img) .col { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .pagination { gap: 8px; } .pagination > li:first-child .page-link.control-btn, .pagination > li:last-child .page-link.control-btn { padding: 0 12px; } } .details-tab { border: 0; gap: 12px 0; padding-bottom: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 575.98px) { .details-tab .nav-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .navbar-brand img { height: 60px !important; } .details-tab .nav-item .nav-link { width: 100%; } } @media (max-width: 576px) { .MsoNormalTable { width: 100% !important; } .fc-view-harness { height: 500px !important; } .fc .fc-scroller-harness { overflow: unset !important; } } div:has(> .MsoNormalTable) { overflow-y: auto; } .list-view .img-card .date-badge { bottom: unset; } .data-card__body { min-height: 270px; } .data-card__body canvas { min-height: 280px !important; } .strategic_wrapper ~ .goal_wrapper .row .col-lg-4:last-child { width: 100%; } .strategic_wrapper ~ .goal_wrapper .row .col-lg-4:last-child .goal_wrapper_item p { text-align: center; } @media (max-width: 1200px) { .header-actions__item .btn { width: auto; height: 40px; padding: 8px; } .header-actions__item .btn .icon { height: 20px; } .page-banner { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } } .main-logo { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 12px; } .ms-auto { -webkit-padding-start: 24px; padding-inline-start: 24px; } .vision-2030 { position: relative; -webkit-margin-start: 0px; margin-inline-start: 0px; -webkit-padding-start: 0px !important; padding-inline-start: 0px !important; display: block; } .vision-2030 img { height: 55px; } @media (max-width: 800px) { .rw-widget-container { margin: 0 20px 20px 0 !important; } .rw-hide-sm { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .rw-widget-container.rw-chat-open { height: 75vh !important; } } ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-thumb { background: #074d31; } ::-webkit-scrollbar-track { background: #fff; } .launch { font-size: 9px; padding: 0.3rem 0.4rem 0.3rem 0.4rem; margin-top: 0.2rem; border: none; background: #00ac65; border-radius: 0.2rem; color: #fff; font-family: "IBMArabic-Medium"; } .launch:hover { color: #fff; } .rw-conversation-container .rw-close-button { display: none !important; } @media (max-width: 576px) { .list-view .img-card .img-card__img img { -o-object-fit: fill; object-fit: fill; } } @media (max-width: 576px) { .list-view .img-card .img-card__img { border-radius: 15px !important; } } .floating-links { display: block !important; } table > :not(caption) > * { border-width: 1px 0; } table > :not(caption) > * > * { border-width: 0 1px; } .contact-us-services:last-of-type .icon-card { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header__top .rsbtn.mega_toggle .rsbtn_tooltoggle, .header__top .rs_preserve a { width: 22px; height: 30px; background-color: rgba(0, 0, 0, 0); border: 0; } .header__top .rs_addtools::after, .header__top .rs_addtools::before, .header__top .rsbtn::after, .header__top .rsbtn::before, .header__top .rs_addtools .rsbtn_tooltoggle .rsicn::before, .header__top .rsbtn .rsbtn_tooltoggle .rsicn::before { content: ""; } .header__top .rsbtn.mega_toggle .rsbtn_tooltoggle, .header__top .rs_preserve a, .page-footer .rsbtn.mega_toggle .rsbtn_tooltoggle, .page-footer .rs_preserve a { background-image: url("/Style Library/UDesign/images/mic-footer.svg") !important; background-repeat: no-repeat; background-size: 20px; background-position: center !important; background-color: rgba(0, 0, 0, 0) !important; background-repeat: no-repeat !important; } .page-footer .rsbtn.mega_toggle .rsbtn_tooltoggle:hover, .page-footer .rs_preserve a:hover { background-color: rgba(255, 255, 255, 0.2) !important; } .dropdown-menu.show { opacity: 1 !important; visibility: visible !important; } .dropdown-menu-start { -webkit-transition: all 0.5s; transition: all 0.5s; } .table tbody tr:last-of-type td:first-of-type, .MsoNormalTable tbody tr:last-of-type td:first-of-type { border-end-start-radius: 20px; -webkit-border-start: 1px solid; border-inline-start: 1px solid; } .floating-links { z-index: 9999 !important; } .dropdown-menu-end li { padding-block: 5px; } #modalContentVidCall { position: static !important; top: 53%; left: 50%; -webkit-transform: inherit !important; -ms-transform: inherit !important; transform: inherit !important; background-color: #e9edf2; padding: 1rem 1.5rem; width: 40rem; border-radius: 1.5rem; height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; overflow: visible !important; } #modalContentVidCall label { margin-bottom: 10px; font-size: 14px; } #modalContentVidCall .VidCall-btn { color: #fff !important; margin-top: 15px; padding-left: 8px; padding-right: 8px; padding-bottom: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; gap: 8px; padding: 8px 40px 12px !important; height: 44px; white-space: nowrap; background-color: #326a9d !important; font-family: "IBMArabic-Bold"; font-size: 1.125rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 50px; border: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; margin: 25px auto; border: 1px solid #326a9d; } #modalContentVidCall .VidCall-btn:hover { color: #326a9d !important; background-color: rgba(0, 0, 0, 0) !important; } #closeButtonVidCall { float: inline-end !important; width: 1.5rem; line-height: 1.5rem; text-align: center; cursor: pointer; border-radius: 0.25rem; background-color: #fff !important; border-radius: 50% !important; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #closeButtonVidCall:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); background-color: #fff !important; } .online-form-title { padding-right: 0 !important; padding-left: 0 !important; direction: inherit !important; margin: 0 50px !important; } #modalVidCall { 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; } .VidlangAR #VidCall-submit, .VidlangEN #VidCall-submit { background-color: rgba(0, 0, 0, 0) !important; } a.page-action-btn.readspeak-btn { background-image: url("/Style Library/UDesign/images/microphone.svg"); background-position: center; background-repeat: no-repeat; background-size: 13px; } a.page-action-btn.readspeak-btn:hover { background-image: url("/Style Library/UDesign/images/microphone-white.svg"); } .footer-app img { width: 130px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .footer-app img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .page-footer .rsbtn.mega_toggle .rsbtn_tooltoggle { display: none !important; } .item-info h4 { font-family: "IBMArabic-Bold"; margin-top: 30px; } .form-check:not(.form-switch) .form-check-input[type="radio"]:checked + .form-check-label::before { -webkit-box-shadow: none; box-shadow: none; background-color: #1b8354 !important; border: 5px solid #fff !important; outline: 1px solid #1b8354 !important; } .form-check:not(.form-switch) .form-check-input[type="radio"] + .form-check-label::before { position: absolute; inset-inline-start: 1px !important; inset-block: 0; top: 2px !important; content: ""; margin: auto; height: 25px !important; width: 25px !important; border: 5px solid rgba(0, 0, 0, 0) !important; background-color: #fff !important; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: contain; outline: 1px solid #6c737f !important; } .checkbox-wrapper:hover .form-check:not(.form-switch) .form-check-input[type="radio"]:checked + .form-check-label::before { -webkit-box-shadow: none; box-shadow: none; background-color: #14573a !important; border: 5px solid #fff !important; outline: 1px solid #14573a !important; } .structure-img { overflow-x: scroll; overflow-y: hidden; display: block; } .structure-img::-webkit-scrollbar { height: 4px !important; } .structure-img::-webkit-scrollbar-track { background-color: #fff; border-radius: 0px; } .structure-img::-webkit-scrollbar-thumb { border-radius: 0px; background: #004280; } @media (max-width: 576px) { .structure-img .events-list-page.fc .fc-daygrid-body { overflow: auto; } .structure-img .events-list-page .fc .fc-view-harness-active > .fc-view { overflow: auto; height: 100%; } .structure-img .events-list-page .fc .fc-daygrid-body { overflow: auto; } } .structure-img .img-wrapper { width: 1300px !important; white-space: nowrap; margin: auto; } .structure-img .img-wrapper img { width: 100%; height: 100%; } .contact-guide .contact-guide-wrapper { position: relative; } .contact-guide .contact-guide-wrapper .btn { font-size: 0.8rem; } .contact-guide .contact-guide-wrapper .info { 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.875rem; } .contact-guide .contact-guide-wrapper .info ul { list-style: none; padding: 0; color: #606161; text-align: center; margin-bottom: 0; } .contact-guide .contact-guide-wrapper .info ul li { text-align: center; } .contact-guide .contact-guide-wrapper .info .info-date { color: var(--color-success); text-align: center; font-family: "IBMArabic-Bold"; } .contact-guide .contact-guide-wrapper:hover .contact-guide-details { z-index: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); max-height: 400px; opacity: 1; visibility: visible; } .contact-guide .contact-guide-wrapper:hover .contact-guide-data { border: 1px solid var(--color-text-color); } .contact-guide .contact-guide-wrapper:hover .desc, .contact-guide .contact-guide-wrapper:hover .title { color: var(--color-text-color); } .contact-guide .contact-guide-wrapper:hover .info { 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contact-guide .contact-guide-wrapper:hover .info ul { list-style: none; color: #606161; } .contact-guide .contact-guide-wrapper:hover .info .info-date { color: var(--color-success); text-align: center; } .contact-guide .contact-guide-wrapper:hover .icon-wrapper { width: 50px; height: 50px; } .contact-guide .contact-guide-wrapper:hover .icon-wrapper img { -webkit-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); } .contact-guide .contact-guide-data { overflow: hidden; position: relative; border: 1px solid #e0e0e0; border-radius: 15px; padding: 0px 16px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; min-height: 270px; 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; background-color: #f5f5f5; } .contact-guide .contact-guide-data .icon-wrapper { width: 50px; height: 50px; margin: 0px auto; margin-bottom: 8px; } .contact-guide .contact-guide-data .icon-wrapper img { width: 100%; height: 100%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .contact-guide .contact-guide-data .title { color: var(--color-text-color); margin-bottom: 8px; text-align: center; font-size: 1rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-orient: vertical; line-height: 1.5; font-family: "IBMArabic-Bold"; } .contact-guide .contact-guide-data .desc { line-height: 2.2; font-size: 1rem; text-align: justify; color: #000; font-family: "DINNEXTLTARABIC-REGULAR"; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-family: "IBMArabic-Medium"; color: #606161; text-align: center; padding: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 0.875rem; } .contact-guide .contact-guide-details { opacity: 0; left: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; max-height: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; margin: 0 !important; } .contact-guide .contact-guide-details .title, .contact-guide .contact-guide-details .desc { color: #fff; } .contact-guide .contact-guide-details .title { font-size: 1.375rem; } .contact-guide .contact-guide-details .guide-footer .btn-primary { border: 1px solid #fff; color: #fff; } .mob_app .description { font-family: "IBMArabic-Regular"; } .mob_app .mob-desc .description { font-family: "IBMArabic-Medium"; } .mob_app .data-info .desc { margin-bottom: 1.5625rem; } .mob_app .mob-app-services { margin: 3.125rem 0 1.25rem 0; } .mob_app .mob-app-services .inner-title { font-size: 1rem; margin-bottom: 1.5625rem; } .mob_app .mob-app-services_item { border: 1px solid #d2d6db; border-radius: 20px; background-color: #fff; font-size: 1.125rem; padding: 0.9375rem 0.9375rem 0.9375rem 0.9375rem; height: 100%; } .mob_app .mob-app-services_item .title { font-family: "IBMArabic-Bold"; font-size: 1.125rem; margin-top: 0.9375rem; color: #161616; } .mob_app .mob-app-services_item .desc { font-family: "IBMArabic-Regular"; line-height: 2; font-size: 1rem; margin-bottom: 0; } .mob_app .mob-slider { margin-top: 6.25rem; } .mob_app .mob-slider .slider-container { margin-bottom: 3.4375rem; } .mob_app .mob-slider .slider-container img { height: 650px; width: 331px; margin: auto; display: block; } @media (max-width: 576px) { .mob_app .mob-slider .slider-container img { width: 100%; } } .mob_app .mob-slider .swiper-pagination .swiper-pagination-bullet::after { width: 16px; height: 16px; } .mob_app .mob-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .mob_app .mob-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 1px); } .mob_app .mob_app-download { margin: 1.25rem 0 1.25rem 0; } .mob_app .mob_app-download .title { font-family: "IBMArabic-SemiBold"; font-size: 1.875rem; } .mob_app .mob_app-download .mob-desc { text-align: center; margin-bottom: 0; margin-top: 0.625rem; font-size: 0.875rem; color: #161616; } .mob_app .mob_app-download .qr-code { border: 1px solid #d2d6db; border-radius: 20px; background-color: #fff; font-size: 1.125rem; padding: 1.25rem; height: 100%; margin-bottom: 1.875rem; } .mob_app .mob_app-download .qr-code img { width: 265px; height: 265px; } @media (max-width: 576px) { .mob_app .mob_app-download .qr-code img { width: 100%; } } @media (max-width: 768px) { .mob_app .mob_app-download .mob-store { gap: 15px !important; } } .mob_app .mob_app-download .mob-store_container { border: 1px solid #d2d6db; border-radius: 20px; background-color: #fff; font-size: 1.125rem; padding: 1.25rem 3.75rem 1.25rem 3.75rem; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -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; } .mob_app .mob_app-download .mob-store_container img { width: 120px; height: 40px; } .register_wrapper .btn { padding: 8px 40px 12px 40px; } .register_footer { margin: 40px 0 60px 0px; } .register_footer .btn { padding: 8px 40px 12px 40px; } .check-container { border: 1px solid #cee7fa; border-radius: 8px; padding: 20px 30px; } .check-container .form-check:not(.form-switch) .form-check-input[type="checkbox"] + .form-check-label::before { width: 35px; height: 35px; border-radius: 8px; border: 1px solid #cee7fa; -webkit-box-shadow: 0px 0px 20px 0px rgba(179, 179, 179, 0.16); box-shadow: 0px 0px 20px 0px rgba(179, 179, 179, 0.16); background-color: rgba(0, 0, 0, 0); background-position: center !important; background-size: 25px !important; background-repeat: no-repeat !important; } .check-container .form-check:not(.form-switch) .form-check-input[type="checkbox"] + .form-check-label { font-weight: bold; } .check-container .form-check:not(.form-switch) .form-check-label { -webkit-padding-start: 55px; padding-inline-start: 55px; } .awards-container { position: relative; background: linear-gradient( 185deg, rgb(80, 130, 137) 0%, rgba(145, 179, 220, 0.26) 50%, rgb(255, 255, 255) 100% ); } .awards-container::before { background: url("/Style Library/UDesign/images/awards/home/slider/cover.png"); background-size: cover; background-repeat: no-repeat; overflow: hidden; position: absolute; content: ""; inset: 0; max-height: 2600px; background-position: center bottom; } @media (max-width: 992px) { .awards-container::before { background: url("/Style Library/UDesign/images/awards/home/slider/cover-responsive.png"); max-height: 4400px !important; background-repeat: no-repeat; background-size: cover; } } @media (max-width: 1200px) { .awards-container::before { max-height: 3200px; } } @media (max-width: 576px) { .awards-container::before { background: url("/Style Library/UDesign/images/awards/home/slider/cover-responsive.png"); max-height: 4600px !important; background-repeat: no-repeat; background-size: cover; } } @media (min-width: 1920px) { .awards-container::before { max-height: 3135px; } } .awards-container .page-title { margin: 50px 0; } .awards-container .awards-bg { position: relative; } .awards-container .awards-bg::before { content: ""; width: 310px; height: 727px; background: url("/Style Library/UDesign/images/awards/home/slider/bg_logo.svg"); display: block; position: absolute; bottom: 27%; background-repeat: no-repeat; z-index: 0; pointer-events: none; background-repeat: no-repeat; background-size: cover; inset-inline-start: -15px; } @media (max-width: 992px) { .awards-container .awards-bg::before { display: none; } } .awards-container .awards-bg::after { content: ""; width: 152%; height: 28%; background-image: url("/Style Library/UDesign/images/awards/home/slider/award.svg"); display: block; position: absolute; bottom: -5%; background-repeat: no-repeat; z-index: 0; pointer-events: none; opacity: 0.3; } @media (max-width: 992px) { .awards-container .awards-bg::after { display: none; } } .awards-container .awards-banner { min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 576px) { .awards-container .awards-banner { min-height: auto; padding: 50px 0; } } .awards-container .awards-banner .title { font-family: "IBMArabic-Bold"; font-size: 3.125rem; width: 40%; } @media (max-width: 1200px) { .awards-container .awards-banner .title { width: 100%; text-align: center; } } @media (max-width: 992px) { .awards-container .awards-banner .title { font-size: 2.1875rem; width: 100%; text-align: center; } } .awards-container .Report_slider { padding: 6.25rem 0; } .awards-container .Report_slider_data { margin: 70px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 576px) { .awards-container .Report_slider_data { margin: 0px 0 70px 0; } } .awards-container .Report_slider_data .info .title { font-family: "IBMArabic-Bold"; font-size: 2.5rem; } @media (max-width: 922px) { .awards-container .Report_slider_data .info .title { font-size: 1.5625rem; } } .awards-container .Report_slider_data .info .desc { font-family: "IBMArabic-Medium"; font-size: 1rem; } .awards-container .Report_slider_data .btn img { width: 15px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .awards-container .Report_slider .Report_slider_item_info .values { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; gap: 30px; -webkit-margin-start: 15px; margin-inline-start: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1200px) { .awards-container .Report_slider .Report_slider_item_info .values { gap: 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .awards-container .Report_slider .Report_slider_item_info .values_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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .awards-container .Report_slider .Report_slider_item_info .values_wrapper .img_wrapper { border-radius: 10px; background-color: #16437e; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 15px; margin-bottom: 15px; } .awards-container .Report_slider .Report_slider_item_info .values_wrapper .img_wrapper img { width: 45px; height: 45px; } .awards-container .Report_slider .Report_slider_item_info .values_wrapper .desc { text-align: center; font-family: "IBMArabic-Medium"; } .awards-container .Report_slider_list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; } .awards-container .Report_slider_list .Report_slider_item { -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .awards-container .Report_slider_list .Report_slider_item.active { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; } .awards-container .Report_slider_item_img { position: relative; border-radius: 20px; cursor: pointer; height: 350px; min-width: 160px; } .awards-container .Report_slider_item_img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 20px; } .awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_img { width: 40%; } .awards-container .Report_slider_list .Report_slider_item .Report_slider_item_info { height: 100%; padding-top: 115px; -ms-flex-item-align: center; align-self: center; opacity: 0; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; position: relative; -webkit-margin-start: 10px; margin-inline-start: 10px; } .awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_info { opacity: 1; -webkit-transition-property: opacity, transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transition-delay: 0.3s, 0.2s; transition-delay: 0.3s, 0.2s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .awards-container .Report_slider_item_img h3.title { position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 85%; color: #fff; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; font-family: "IBMArabic-Bold"; z-index: 2; font-size: 1.5rem; } .awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_img h3.title { top: 20%; left: -3%; color: #fff; font-size: 1.875rem; } .awards-container .Report_slider_list .Report_slider_item .Report_slider_item_info > * { display: none; color: #fff; font-family: "IBMArabic-Medium"; font-size: 1.25rem; line-height: 2; position: absolute; } @media (max-width: 992px) { .awards-container .Report_slider_list .Report_slider_item .Report_slider_item_info > * { font-size: 1rem; position: relative; } } .awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_info > * { display: block; -webkit-margin-start: 15px; margin-inline-start: 15px; } @media (max-width: 992px) { .awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_info > * { -webkit-margin-start: 0; margin-inline-start: 0; } } .awards-container .Report_slider_item_img:after { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(46, 98, 165, 0.6196078431); content: ""; z-index: 0; border-radius: 20px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_img:after { opacity: 0; } @media (max-width: 992px) { .awards-container .Report_slider_list .Report_slider_item { min-width: 100%; max-width: 100%; gap: 15px; } .awards-container .Report_slider_list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .awards-container .Report_slider_list .Report_slider_item, .awards-container .Report_slider_list .Report_slider_item.active { min-width: 100%; max-width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_img, .awards-container .Report_slider_list .Report_slider_item .Report_slider_item_img { width: 100%; } .awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_img h3.title { top: 50%; left: 50%; } .awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_info { width: 100%; -ms-flex-item-align: inherit; align-self: inherit; padding: 10px 0px; height: auto; } .awards-container .Report_slider_list .Report_slider_item .Report_slider_item_info { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -webkit-transition-property: height; transition-property: height; } .awards-container .Report_slider_list .Report_slider_item .Report_slider_item_info { height: 0; padding: 0; } } @media (min-width: 992px) and (max-width: 992px) { .awards-container .Report_slider_list .Report_slider_item { min-width: 23%; max-width: 23%; gap: 0px; } .awards-container .Report_slider_list { gap: 10px; } .awards-container .Report_slider_list .Report_slider_item.active { min-width: 54%; max-width: 54%; gap: 10px; } } .awards-container .awards-goal { padding: 6.25rem 0; } @media (max-width: 1200px) { .awards-container .awards-goal .goal_wrapper { grid-template-columns: repeat(auto-fill, minmax(15.625rem, 1fr)) !important; } } @media (max-width: 922px) { .awards-container .awards-goal { padding: inherit; background: rgba(0, 0, 0, 0); padding: 20px !important; border-radius: 20px; } .awards-container .awards-goal .goal_wrapper { grid-template-columns: repeat(auto-fill, minmax(15.625rem, 1fr)) !important; } } .awards-container .awards-goal .goal_wrapper { display: grid; grid-template-columns: repeat(auto-fill, minmax(10.25rem, 1fr)); gap: 4.125rem; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 3.125rem; } @media (max-width: 1400px) { .awards-container .awards-goal .goal_wrapper { gap: 3.125rem; } } .awards-container .awards-goal .goal_wrapper_wrapper { position: relative; padding-bottom: 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media (max-width: 992px) { .awards-container .awards-goal .goal_wrapper_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-align: center; -ms-flex-align: center; align-items: center; } } .awards-container .awards-goal .goal_wrapper_wrapper:hover .img_wrapper { margin-top: -10px; } .awards-container .awards-goal .goal_wrapper_wrapper:last-child::after { display: none; } .awards-container .awards-goal .goal_wrapper_wrapper::after { content: ""; width: 0.5px; height: 100%; display: block; background-repeat: no-repeat; position: absolute; top: 0; inset-inline-end: -16px; background-color: #fff; } @media (max-width: 1232px) { .awards-container .awards-goal .goal_wrapper_wrapper::after { display: none; } } .awards-container .awards-goal .goal_wrapper_wrapper .img_wrapper { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .awards-container .awards-goal .goal_wrapper_wrapper .img_wrapper img { width: 75px; height: 70px; -o-object-fit: fill; object-fit: fill; } .awards-container .awards-goal .goal_wrapper_wrapper .value_desc { color: #fff; font-size: 1rem; margin-top: 20px; line-height: 2; font-family: "IBMArabic-Medium"; } @media (max-width: 992px) { .awards-container .awards-goal .goal_wrapper_wrapper .value_desc { text-align: center; } } .awards-container .awards-timeline { padding: 100px 0; } .awards-container .awards-timeline_slider { padding: 1.875rem 20px 60px 20px; background-color: rgba(255, 255, 255, 0.8); border-radius: 25px; -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); } @media (max-width: 922px) { .awards-container .awards-timeline_slider { background-color: #fff; } } .awards-container .awards-timeline_slider .swiper-horizontal > .swiper-pagination-bullets, .awards-container .awards-timeline_slider .swiper-pagination-bullets.swiper-pagination-horizontal, .awards-container .awards-timeline_slider .swiper-pagination-custom, .awards-container .awards-timeline_slider .swiper-pagination-fraction { bottom: 20px; } .awards-container .awards-timeline_slider .active { background-color: rgba(192, 217, 250, 0.61); border: 1px solid #1b8354 !important; border-radius: 12px; } @-webkit-keyframes pulse { 0% { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0.5; } 70% { opacity: 0.5; } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 1; } 0% { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0.5; } 70% { opacity: 0.5; } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 1; } 0% { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); } } .awards-container .awards-timeline_slider .active .circle { background-color: rgba(0, 0, 0, 0) !important; } .awards-container .awards-timeline_slider .active .circle::before { background-image: url("/Style Library/UDesign/images/awards/home/timeline/active-line.svg"); background-color: rgba(0, 0, 0, 0); content: ""; width: 25px; height: 24px; display: block; background-size: 30px 23px; background-repeat: no-repeat; position: absolute; top: -8px; background-position: center; -webkit-animation: pulse 2s linear infinite; animation: pulse 2s linear infinite; } .awards-container .awards-timeline_slider .swiper-slide { 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 40px 0; border: 1px solid rgba(0, 0, 0, 0); } .awards-container .awards-timeline_slider .swiper-slide:last-child .circle:after, .awards-container .awards-timeline_slider .swiper-slide:nth-child(5) .circle:after { display: none; } .awards-container .awards-timeline_slider .swiper-slide .img_wrapper { background-color: rgba(111, 179, 134, 0.11); 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; width: 100px; height: 100px; } .awards-container .awards-timeline_slider .swiper-slide .img_wrapper img { width: 50px; height: 50px; } .awards-container .awards-timeline_slider .swiper-slide .stage { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #6fb386; color: #fff; border-radius: 1.25rem; padding: 0.3125rem 0.5rem; gap: 10px; font-family: "IBMArabic-Medium"; position: relative; top: -12px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .awards-container .awards-timeline_slider .swiper-slide .stage_name { -webkit-margin-start: 10px; margin-inline-start: 10px; } .awards-container .awards-timeline_slider .swiper-slide .stage_number { border-radius: 50%; background-color: #1b8354; padding: 0px 9px; } .awards-container .awards-timeline_slider .swiper-slide .circle { width: 10px; height: 10px; border-radius: 50%; background-color: #6fb386; margin: 15px 0 15px 0; z-index: 1; position: relative; } @media (max-width: 1300px) { .awards-container .awards-timeline_slider .swiper-slide .circle { display: none; } } .awards-container .awards-timeline_slider .swiper-slide .circle:last-child::after { display: none; } .awards-container .awards-timeline_slider .swiper-slide .circle::after { content: ""; background-image: url("/Style Library/UDesign/images/awards/home/timeline/dashed-line.svg"); width: 240px; height: 5px; display: block; background-repeat: no-repeat; background-position: center; position: relative; top: 2px; z-index: 0; inset-inline-start: 15px; } @media (max-width: 1400px) { .awards-container .awards-timeline_slider .swiper-slide .circle::after { width: 220px; } } .awards-container .awards-timeline_slider .swiper-slide .data { font-size: 1.125rem; } .awards-container .awards-timeline_slider .swiper-slide .data .desc { font-family: "IBMArabic-Medium"; color: #6fb386; margin-bottom: 0; } .awards-container .awards-timeline_slider .swiper-slide .data .date { font-family: "IBMArabic-Bold"; text-align: center; } .awards-container .awards-tab { margin: 6.25rem 0; position: relative; z-index: 9; } .awards-container .awards-tab:after { content: ""; left: -15px; right: -15px; display: block; width: 120%; height: 103%; background-color: #e9f0f8; position: absolute; z-index: -1; top: -110px; inset-inline-start: -40px; inset-inline-end: -40px; } @media (max-width: 768px) { .awards-container .awards-tab:after { top: -80px; } } @media (min-width: 992px) { .awards-container .awards-tab:after { display: none; } } .awards-container .awards-tab .card { background-color: rgba(0, 0, 0, 0); border: 0; padding: 0; } .awards-container .awards-tab .nav-tabs:not(.card-tabs, .tabs-with-img, .details-tab) .nav-link.active { background-color: var(--color-success); border-color: var(--color-success); color: #fff; } .awards-container .awards-tab .nav-tabs:not(.card-tabs, .tabs-with-img, .details-tab) { -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 16px; padding: 8px 12px; background-color: rgba(0, 0, 0, 0); border: 0; border-radius: 0; overflow-x: auto; overflow-y: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .awards-container .awards-tab .nav-tabs:not(.card-tabs, .tabs-with-img, .details-tab) .nav-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; gap: 8px; padding: 30px 40px; height: 44px; white-space: nowrap; background-color: rgba(0, 0, 0, 0); color: var(--color-success); font-family: "IBMArabic-Bold"; font-size: 1.125rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 50px; border: 1px solid var(--color-success); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .awards-container .awards-tab .nav-link:hover { background-color: #fff !important; color: var(--color-success) !important; } .awards-container .awards-tab .tab-card { background-color: #fff; padding: 40px 24px 32px; color: var(--color-text-color); border: 1px solid #1b8354; border-radius: 24px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; height: 100%; } .awards-container .awards-tab .tab-card .img-wrapper { width: 75px; height: 60px; } .awards-container .awards-tab .tab-card .img-wrapper img { width: 100%; height: 100%; } .awards-container .awards-tab .tab-card .title { font-family: "IBMArabic-Bold"; margin: 15px 0 20px 0; } .awards-container .awards-tab .tab-card .desc { min-height: 70px; } @media (max-width: 1300px) { .awards-container .awards-tab .tab-card .desc { min-height: 120px; } } @media (max-width: 992px) { .awards-container .awards-tab .tab-card .desc { min-height: auto; } } .awards-container .awards-tab .tab-card .tabs_footer .form-actions { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .awards-container .awards-tab .tab-card .tabs_footer .form-actions > div { width: 100%; } @media (max-width: 576px) { .awards-container .awards-tab .tab-card .tabs_footer .form-actions > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px !important; } } .awards-container .awards-tab .tab-card .tabs_footer .form-actions .btn { padding: 12px 40px 12px 40px; font-size: 0.875rem; } @media (max-width: 1400px) { .awards-container .awards-tab .tab-card .tabs_footer .form-actions .btn { padding: 12px 14px 12px 14px; } } @media (max-width: 992px) { .awards-container .awards-tab .tab-card .tabs_footer .form-actions .btn { padding: 12px 40px 12px 40px; } } .awards-container .awards-tab .tab-card .tabs_footer .form-actions .btn img { width: 15px; } .awards-container .awards-tab .tab-card .tabs_footer .form-actions .btn:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .awards-container .awards-faq { position: relative; z-index: 9; } @media (max-width: 992px) { .awards-container .awards-faq { background: #fff; padding: 3px 15px; border-radius: 15px; } } .awards-container .awards-faq .accordion-wrapper ::-webkit-scrollbar { width: 10px; } .awards-container .awards-faq .accordion-wrapper ::-webkit-scrollbar-track { background: rgba(27, 131, 84, 0.2); border-radius: 0px; } .awards-container .awards-faq .accordion-wrapper ::-webkit-scrollbar-thumb { border-radius: 0px; } .awards-container .awards-faq .accordion-wrapper .accordion { height: 460px; overflow: scroll; overflow-x: hidden; -webkit-padding-end: 25px; padding-inline-end: 25px; } @media (max-width: 992px) { .awards-container .awards-faq .accordion-wrapper .accordion { height: 365px; } } .awards-container .awards-faq .accordion-wrapper .accordion .accordion-item { padding: 1rem 0; background-color: rgba(0, 0, 0, 0); margin-bottom: 0; border-bottom: 1px solid rgba(27, 131, 84, 0.3); border-radius: 0; } .awards-container .awards-faq .accordion-wrapper .accordion .accordion-item:last-child { border-bottom: 0; } .awards-container .awards-faq .accordion-wrapper .accordion .accordion-item .accordion-button { font-family: "IBMArabic-Medium"; padding: 0; background-color: rgba(0, 0, 0, 0); } .awards-container .awards-faq .accordion-wrapper .accordion .accordion-item .accordion-button .title { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media (max-width: 992px) { .awards-container .awards-faq .accordion-wrapper .accordion .accordion-item .accordion-button .title { font-size: 1.125rem; } } .awards-container .awards-faq .accordion-wrapper .accordion .accordion-item .accordion-button .title:hover { -webkit-margin-start: 15px; margin-inline-start: 15px; } .awards-container .awards-contact { margin: 6.25rem 0; position: relative; z-index: 9; } .awards-container .awards-contact .form-group { margin-bottom: 15px; } @media (max-width: 922px) { .awards-container .awards-contact .page-title { color: #fff; } } @media (max-width: 992px) { .awards-container .awards-contact_wrapper > row { gap: 30px; } } .awards-container .awards-contact_wrapper_info { 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; gap: 1.25rem; background-color: #fff; padding: 40px 24px 32px; color: var(--color-text-color); border: 1px solid #1b8354; border-radius: 24px; background-image: url("/Style Library/UDesign/images/awards/home/contact/bg.svg"); background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 1; height: 100%; overflow: hidden; } .awards-container .awards-contact_wrapper_info:after { content: ""; width: 200%; height: 100%; position: absolute; top: 0px; background: #fff; background: -webkit-gradient( linear, left top, right top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)) ); z-index: -1; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .awards-container .awards-contact_wrapper_info .img_wrapper { width: 80px; height: 70px; } .awards-container .awards-contact_wrapper_info .img_wrapper img { width: 100%; height: 100%; } .awards-container .awards-contact_wrapper_info .data { font-size: 1.25rem; 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; font-family: "IBMArabic-Medium"; } .awards-container .awards-contact_wrapper_info .data a { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .awards-container .awards-contact_wrapper_info .data a:hover { opacity: 0.6; } .awards-container .awards-contact_wrapper_contact { 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; gap: 1.25rem; background-color: rgba(255, 255, 255, 0.26); padding: 40px 24px 32px; color: var(--color-text-color); border: 1px solid #1b8354; border-radius: 24px; background-color: rgba(255, 255, 255, 0.26); } @media (max-width: 992px) { .awards-container .awards-contact_wrapper_contact { background-color: #fff; margin: 20px 0; } } #divSearchResults.list-view.results { line-height: 2.2; } #divSearchResults.list-view.results .search-result-title { font-family: "IBMArabic-Bold"; margin-top: 30px; font-size: 1.25rem; margin: 0; -webkit-padding-start: 20px; padding-inline-start: 20px; } #divSearchResults.list-view.results a { color: #1b8354; font-family: "IBMArabic-Bold"; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #divSearchResults.list-view.results a:is(:hover) { color: #54c08a; text-decoration: underline; } #divSearchResults.list-view.results a:is(:hover) svg path { fill: var(--color-primary); } #divSearchResults.list-view.results a:is(:active, :focus) { color: #88d8ad; text-decoration: underline; } #divSearchResults.list-view.results a:is(:active, :focus) svg path { fill: var(--color-primary); } @media (max-width: 576px) { .fc .fc-view-harness-active > .fc-view { position: relative; } .fc-theme-standard td, .fc-theme-standard th { width: auto; } .fc .fc-scrollgrid, .fc .fc-scrollgrid table { table-layout: fixed; width: 100%; } .fc .fc-daygrid-day-number { font-family: "IBMArabic-Bold"; font-size: 1.125rem; color: var(--color-text-color); text-align: center; } .fc-daygrid-day-frame { background-color: #fff; border-radius: 0 !important; padding: 8px !important; min-height: auto; } tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0; width: 100%; } .fc-direction-rtl .fc-scroller-harness > .fc-scroller { -webkit-padding-end: 0 !important; padding-inline-end: 0 !important; } } #calendar .fc td, #calendar .fc th { padding: 0; vertical-align: middle; } .fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table { border-bottom-style: hidden; width: 100% !important; } .fc .fc-daygrid-day-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .strategy_section .values { margin: 100px 50px; } @media (max-width: 1200px) { .strategy_section .values { margin: 0; } } .strategy_section .values_images { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; } @media (max-width: 1200px) { .strategy_section .values_images { margin-bottom: 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .strategy_section .values_images:hover .values_images_img:first-child { position: relative; top: 70px; } @media (max-width: 1200px) { .strategy_section .values_images:hover .values_images_img:first-child { position: relative; top: 0; } } .strategy_section .values_images:hover .values_images_img:last-child { position: relative; top: -30px; } @media (max-width: 1200px) { .strategy_section .values_images:hover .values_images_img:last-child { position: relative; top: 0; } } .strategy_section .values_images_img { width: 300px; min-height: 400px; border-radius: 18px; overflow: hidden; position: relative; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } @media (max-width: 1200px) { .strategy_section .values_images_img { min-height: 200px; } } .strategy_section .values_images_img:after { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(46, 98, 165, 0.6196078431); content: ""; z-index: 0; border-radius: 8px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .strategy_section .values_images_img:first-child { position: relative; top: 50px; } @media (max-width: 1200px) { .strategy_section .values_images_img:first-child { position: relative; top: 0; } } .strategy_section .values_images_img:last-child { position: relative; top: 0px; } @media (max-width: 1200px) { .strategy_section .values_images_img:last-child { position: relative; top: 0; } } .strategy_section .values_images_img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .strategy_section .values_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: 88px; } @media (max-width: 1200px) { .strategy_section .values_wrapper { gap: 49px; margin-top: 20px; } } .strategy_section .values_wrapper_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 25px; } @media (max-width: 1200px) { .strategy_section .values_wrapper_info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: self-start; -ms-flex-align: self-start; align-items: self-start; } } .strategy_section .values_wrapper_info .values_info_icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; position: relative; } .strategy_section .values_wrapper_info .values_info_icon:after { position: absolute; width: 40%; height: 3px; inset-inline-start: 0; bottom: -15px; background: #6fb386; content: ""; z-index: 0; border-radius: 0px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .strategy_section .values_wrapper_info .values_info_icon::before { position: absolute; width: 100%; height: 1px; inset-inline-start: 0; bottom: -14px; background: #6fb386; content: ""; z-index: 0; border-radius: 0px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .strategy_section .values_wrapper_info .values_info_icon .image-icon { width: 50px; height: 50px; } .strategy_section .values_wrapper_info .values_info_icon .image-icon img { width: 100%; height: 100%; } .strategy_section .values_wrapper_info .values_info_icon .data-icon { font-family: "IBMArabic-Bold"; font-size: 1.25rem; } .strategy_section .values_wrapper_info .values_info_desc { color: #808285; } .strategy_section .values-data { margin: 0 50px; } @media (max-width: 1200px) { .strategy_section .values-data { margin: 0; } } .strategy_section .values-data .card-values { margin-bottom: 24px; } .strategy_section .values-data .card-values:hover .desc { display: block; opacity: 1; color: #fff; } .strategy_section .values-data .card-values:hover .title { font-size: 1.25rem; font-family: "IBMArabic-Bold"; -webkit-transform: translate(0, -15px); -ms-transform: translate(0, -15px); transform: translate(0, -15px); color: #fff; } @media (max-width: 992px) { .strategy_section .values-data .card-values:hover .title { -webkit-transform: translate(0, 0px); -ms-transform: translate(0, 0px); transform: translate(0, 0px); font-size: 1.5625rem; } } .strategy_section .values-data .card-values:hover .icon-wrapper::after { background-color: #fff; } .strategy_section .values-data .card-values:hover:nth-child(4n + 1) .values-data_wrapper { background-color: #1b8354; } .strategy_section .values-data .card-values:hover:nth-child(4n + 2) .values-data_wrapper { background-color: #074d31; } .strategy_section .values-data .card-values:hover:nth-child(4n + 3) .values-data_wrapper { background-color: #808285; } .strategy_section .values-data .card-values:hover:nth-child(4n + 4) .values-data_wrapper { background-color: #6fb386; } .strategy_section .values-data .card-values:nth-child(4n + 1) .values-data_wrapper .icon-wrapper { background-color: #1b8354; } .strategy_section .values-data .card-values:nth-child(4n + 2) .values-data_wrapper .icon-wrapper { background-color: #074d31; } .strategy_section .values-data .card-values:nth-child(4n + 3) .values-data_wrapper .icon-wrapper { background-color: #808285; } .strategy_section .values-data .card-values:nth-child(4n + 4) .values-data_wrapper .icon-wrapper { background-color: #6fb386; } .strategy_section .values-data_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #808285; border-radius: 12px; overflow: hidden; background-color: rgba(255, 255, 255, 0.6); -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .strategy_section .values-data_wrapper .icon-wrapper { padding: 40px 50px 32px; 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: 10px; position: relative; } @media (max-width: 1200px) { .strategy_section .values-data_wrapper .icon-wrapper { padding: 40px 25px 32px; } } .strategy_section .values-data_wrapper .icon-wrapper:after { position: absolute; width: 1px; height: 65%; inset-inline-end: 0; top: 0px; background: rgba(0, 0, 0, 0); content: ""; z-index: 0; border-radius: 0px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; top: 50%; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } .strategy_section .values-data_wrapper .icon-wrapper .icon { width: 50px; height: 50px; } .strategy_section .values-data_wrapper .icon-wrapper .icon img { width: 100%; height: 100%; } .strategy_section .values-data_wrapper .icon-wrapper .info { color: #fff; } .strategy_section .values-data_wrapper .data { padding: 0px 24px 0px 24px; 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; } .strategy_section .values-data_wrapper .data .title { font-size: 1.5625rem; font-family: "IBMArabic-Bold"; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin: 0; -webkit-transform: translate(0, 0px); -ms-transform: translate(0, 0px); transform: translate(0, 0px); } @media (max-width: 992px) { .strategy_section .values-data_wrapper .data .title { margin-bottom: 15px; } } .strategy_section .values-data_wrapper .data .desc { display: none; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin: 0; font-size: 0.875rem; } @media (max-width: 992px) { .strategy_section .values-data_wrapper .data .desc { display: block; opacity: 1; } } .strategy_section .objectives { margin: 0 50px; } @media (max-width: 1200px) { .strategy_section .objectives { margin: 0; } } .strategy_section .objectives_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .strategy_section .objectives_wrapper { -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: start; } } .strategy_section .objectives_wrapper_card { -ms-flex-preferred-size: 26.6666666667%; flex-basis: 26.6666666667%; } @media (max-width: 768px) { .strategy_section .objectives_wrapper_card { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .strategy_section .objectives_wrapper_card:hover .number span { color: #6fb386; -webkit-text-fill-color: #6fb386; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #6fb386; } .strategy_section .objectives_wrapper_card:hover .number:after { width: 100%; } @media (max-width: 992px) { .strategy_section .objectives_wrapper_card:hover .number:after { width: 80px; } } .strategy_section .objectives_wrapper_card .number { position: relative; } .strategy_section .objectives_wrapper_card .number span { color: #6fb386; -webkit-text-fill-color: rgba(0, 0, 0, 0); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #6fb386; font-size: 4.375rem; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .strategy_section .objectives_wrapper_card .number:after { position: absolute; width: 15%; height: 3px; inset-inline-start: 0; bottom: -5px; background: #6fb386; content: ""; z-index: 0; border-radius: 0px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .strategy_section .objectives_wrapper_card .number::before { position: absolute; width: 100%; height: 1px; inset-inline-start: 0; bottom: -4px; background: #6fb386; content: ""; z-index: 0; border-radius: 0px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } @media (max-width: 768px) { .strategy_section .objectives_wrapper_card .number::before { width: 13%; } } .strategy_section .objectives_wrapper_card .desc { margin-top: 30px; } .strategy_section .strategic_values { margin: 0 50px; } @media (max-width: 1200px) { .strategy_section .strategic_values { margin: 0; } } .strategy_section .strategic_values_items { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; } .strategy_section .strategic_values_items_wrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .strategy_section .strategic_values_items_wrapper_header { border: 1px solid #808285; border-radius: 20px; padding: 15px 25px; font-family: "IBMArabic-Bold"; margin-bottom: 20px; } .strategy_section .strategic_values_items_wrapper_body { border: 1px solid #808285; border-radius: 20px; padding: 15px 25px; } .answer-list .form-check:not(.form-switch) .form-check-input[type="radio"]:checked + .form-check-label.circle-outline::after { display: none; } @media (max-width: 576px) { .events-list-page.fc .fc-daygrid-body { overflow: auto; } .events-list-page .fc .fc-view-harness-active > .fc-view { overflow: auto; } .events-list-page .fc .fc-daygrid-body { overflow: auto; } } .fc .fc-scroller { overflow: auto; } .fc-theme-standard td, .fc-theme-standard th { width: auto; } @media (max-width: 767.98px) { .fc-theme-standard td, .fc-theme-standard th { width: auto; } } @media (max-width: 576px) { .MsoNormalTable { width: 100% !important; } .fc-view-harness { height: 500px !important; } } @media (max-width: 576px) { .events-list-page .fc .fc-view-harness-active > .fc-view { overflow: scroll; height: 100%; } } .fc-direction-rtl .fc-scroller-harness > .fc-scroller { direction: rtl; overflow: scroll; } .fc .fc-daygrid-body { position: relative; z-index: 1; } .fc .fc-dayGridMonth-view .fc-daygrid-body { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } .fc-theme-standard td, .fc-theme-standard th { vertical-align: middle; } @media (max-width: 576px) { .header__top .container-fluid { padding: 0; } .header__top .header-actions { gap: 0px; } .header__top .header-actions__item:not(:first-of-type) { -webkit-padding-start: 6px; padding-inline-start: 6px; } .header__top .header-actions__item:not(:first-of-type)::before { display: none; } } @media (max-width: 992px) { .header-actions { gap: 0px; } .header-actions__item:not(:first-of-type)::before { display: none; } .header-actions__item:not(:first-of-type) { -webkit-padding-start: 16px; padding-inline-start: 10px; } } [dir="ltr"] .ms-auto, [dir="ltr"] .ms-sm-auto { margin-left: auto !important; margin-right: 0 !important; } @media (min-width: 768px) { [dir="ltr"] .ms-md-auto { margin-left: auto !important; margin-right: 0 !important; } } .last-editwith-border { border-bottom: 2px solid #1b8354; background-color: #fff; } .last-editwith-border .last-edit { padding: 15px 0; } @media (max-width: 992px) { .last-editwith-border .last-edit { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .last-editwith-border .last-edit .views { font-family: "IBMArabic-Regular"; font-size: 0.875rem; } @media (max-width: 992px) { .last-editwith-border .last-edit .views { text-align: center; margin-top: 15px; } } .last-editwith-border .last-edit .views .views-text { color: #161616; } .last-editwith-border .last-edit p { margin-bottom: 0 !important; color: #161616; font-family: "IBMArabic-Regular"; font-size: 0.875rem; } .last-edit { padding: 15px 0; } @media (max-width: 992px) { .last-edit { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } .last-edit p { margin-bottom: 0; color: #161616; font-family: "IBMArabic-Regular"; font-size: 0.875rem; } @media (max-width: 992px) { .last-edit p { text-align: center; } } .rules { font-family: "IBMArabic-Regular"; color: #161616; font-size: 1.125rem; position: relative; top: -60px; pointer-events: none; } .rules p { margin: 0; } @media (max-width: 992px) { .rules p { text-align: center; } } @media (max-width: 992px) { .rules { top: 0; padding: 15px 0; text-align: center; } } .rules .underline { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #1b8354; text-decoration: underline; pointer-events: all; margin: 0 5px; } .rules .underline:hover { color: #54c08a; } .dropdown:has(.dropdown-menu):not(.page-actions .dropdown) { position: static; } @media (max-width: 960px) { .dropdown:has(.dropdown-menu):not(.page-actions .dropdown) { position: relative; } } .program-products { background-color: #f7fdf9; padding: 50px 0; } @media (max-width: 768px) { .program-products { padding-left: var(--bs-gutter-x, 0.75rem); padding-right: var(--bs-gutter-x, 0.75rem); } } .program-products .program-slider { margin-top: 1.875rem; } .program-products .program-slider .about-swiper__footer { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .program-products .program-slider .swiper-pagination .swiper-pagination-bullet { border: 2px solid #d2d6db; margin: 0 10px; } .program-products .program-slider .swiper-pagination .swiper-pagination-bullet::after { background-color: #fff; } .program-products .program-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after { background-color: #1b8354; } .program-products .program-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after { outline: 2px solid #1b8354; } .program-products input[type="radio"] { position: relative; } .about-swiper__footer { margin: 25px 0; } @media (max-width: 575.98px) { .programs-tabs .nav-item .nav-link { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 8px 10px 12px !important; margin: auto; } } @media (max-width: 575.98px) and (max-width: 767.98px) { .programe-details .flex-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: row; } } .rs_addtools, .rsbtn { margin-bottom: 0 !important; } .about .about-card__body { min-height: 280px; } .contact { padding-bottom: 80px; } .contact .inner-card-wrapper { gap: 35px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 992px) { .contact .inner-card-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .contact .inner-card-wrapper .desc, .contact .inner-card-wrapper .description { text-align: center; } } .contact .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(33.3333333333% - 25px); flex-basis: calc(33.3333333333% - 25px); height: auto; padding: 0; min-height: 360px; } @media (max-width: 992px) { .contact .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(50% - 40px); flex-basis: calc(50% - 40px); } } @media (max-width: 768px) { .contact .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(100% - 40px); flex-basis: calc(100% - 40px); } } .contact .inner-card-wrapper .about-card .description { -webkit-line-clamp: 3; } .contact .inner-card-wrapper .about-card__body { height: 70%; } @media (max-width: 992px) { .contact .inner-card-wrapper .about-card__body { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; height: auto; } } .contact .inner-card-wrapper .card-without-caption .about-card__body { min-height: 60%; } @media (max-width: 992px) { .contact .inner-card-wrapper .card-without-caption .about-card__body { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; min-height: auto; } } .social-media { padding: 80px 0; } .social-media .inner-card-wrapper { gap: 31px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1200px) { .social-media .inner-card-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .social-media .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(25% - 25px); flex-basis: calc(25% - 25px); height: auto; padding: 0; } @media (max-width: 1200px) { .social-media .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(33.3333333333% - 31px); flex-basis: calc(33.3333333333% - 31px); } } @media (max-width: 768px) { .social-media .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(100% - 31px); flex-basis: calc(100% - 31px); } } .social-media .inner-card-wrapper .about-card .description { -webkit-line-clamp: 3; } .landing .about-card__body, .social-media .about-card__body { min-height: 185px !important; } .who-we-are, .landing, .customer-voice { padding-bottom: 80px; } .who-we-are .inner-card-wrapper, .landing .inner-card-wrapper, .customer-voice .inner-card-wrapper { gap: 31px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1200px) { .who-we-are .inner-card-wrapper, .landing .inner-card-wrapper, .customer-voice .inner-card-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .who-we-are .inner-card-wrapper .about-card, .landing .inner-card-wrapper .about-card, .customer-voice .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(25% - 25px); flex-basis: calc(25% - 25px); height: auto; padding: 0; } @media (max-width: 1200px) { .who-we-are .inner-card-wrapper .about-card, .landing .inner-card-wrapper .about-card, .customer-voice .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(33.3333333333% - 31px); flex-basis: calc(33.3333333333% - 31px); } } @media (max-width: 992px) { .who-we-are .inner-card-wrapper .about-card, .landing .inner-card-wrapper .about-card, .customer-voice .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(50% - 31px); flex-basis: calc(50% - 31px); } } @media (max-width: 768px) { .who-we-are .inner-card-wrapper .about-card, .landing .inner-card-wrapper .about-card, .customer-voice .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(100% - 31px); flex-basis: calc(100% - 31px); } } .who-we-are .inner-card-wrapper .about-card .description, .landing .inner-card-wrapper .about-card .description, .customer-voice .inner-card-wrapper .about-card .description { -webkit-line-clamp: 3; } .establishment { font-family: "IBMArabic-Regular"; font-size: 1.125rem; padding-bottom: 50px; } .establishment_wrapper { -webkit-padding-start: 15px; padding-inline-start: 15px; } .establishment_list { font-family: "IBMArabic-Regular"; font-size: 1rem; color: #161616 !important; } .establishment_list li { margin: 15px 0; -webkit-margin-start: 20px; margin-inline-start: 20px; position: relative; } .establishment_list li:before { content: ""; background-color: #161616; position: absolute; inset-inline-start: -20px; width: 5px; height: 5px; border-radius: 50%; top: 50%; inset-inline-end: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .establishment_desc { color: #161616; } .customer-voice { margin: 50px 0; padding-bottom: 10px; } .customer-voice .desc { color: #1f2a37; display: -webkit-box; -webkit-line-clamp: inherit; -webkit-box-orient: vertical; line-height: 1.7; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 1rem; visibility: visible; } .customer-voice .select_wrapper { gap: 30px; } .customer-voice .inner-card-wrapper { margin: 30px 0; } .customer-voice .about-card__footer { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .customer-voice .about-card__footer .btn-primary { 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; } .customer-voice .about-card__footer .btn-primary img { -webkit-margin-end: 10px; margin-inline-end: 10px; } .customer-voice .inner-card-wrapper { gap: 50px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1200px) { .customer-voice .inner-card-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 30px; } } .customer-voice .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(25% - 40px); flex-basis: calc(25% - 40px); height: auto; padding: 0; } @media (max-width: 1200px) { .customer-voice .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(33.3333333333% - 31px); flex-basis: calc(33.3333333333% - 31px); } } @media (max-width: 992px) { .customer-voice .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(50% - 31px); flex-basis: calc(50% - 31px); } } @media (max-width: 768px) { .customer-voice .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(100% - 31px); flex-basis: calc(100% - 31px); } } .customer-voice .inner-card-wrapper .about-card .description { -webkit-line-clamp: 3; } .landing .about-card__footer, .who-we-are .about-card__footer { margin: 35px 16px 30px 16px !important; } .partnerships-request { margin: 50px 0; padding-bottom: 10px; } .partnerships-request .desc { color: #1f2a37; display: -webkit-box; -webkit-line-clamp: inherit; -webkit-box-orient: vertical; line-height: 1.7; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 1rem; visibility: visible; margin-bottom: 30px; } .partnerships-request .page-title { font-size: 1.5rem; } .partnerships-request p { margin: 0; } .partnerships-request .ckeck-list { margin: 20px 0 35px 0; } .partnerships-request .form-actions { gap: 15px; } .partnerships-request .form-actions .btn-gray { padding: 8px 24px 10px 24px; } .vision { padding-bottom: 100px; } .vision .desc { -webkit-line-clamp: inherit; overflow: visible; } .vision .font-bold, .vision .permision-card__details__caption strong, .permision-card__details__caption .vision strong { margin-bottom: 25px; } .vision .inner-card-wrapper { gap: 31px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1200px) { .vision .inner-card-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .vision .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(25% - 25px); flex-basis: calc(25% - 25px); height: auto; padding: 0; } .vision .inner-card-wrapper .about-card__body { 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; padding: 40px 16px 16px 16px !important; } @media (max-width: 1200px) { .vision .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(33.3333333333% - 31px); flex-basis: calc(33.3333333333% - 31px); } } @media (max-width: 992px) { .vision .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(50% - 31px); flex-basis: calc(50% - 31px); } } @media (max-width: 768px) { .vision .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(100% - 31px); flex-basis: calc(100% - 31px); } } .vision .inner-card-wrapper .about-card .description { -webkit-line-clamp: 3; } .vision-2023 { padding-bottom: 100px; } .consultation { padding-bottom: 100px; } @media (max-width: 992px) { .consultation .title { font-size: 1rem !important; } } .floating-links { position: fixed; inset-block-end: 40px; left: 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; z-index: 2; } .floating-links__item .floating-link { 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; width: 50px; height: 50px; background-color: #fff; border-radius: 50%; -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.35); box-shadow: 0 0 50px rgba(0, 0, 0, 0.35); } .floating-links__item .floating-link img, .floating-links__item .floating-link svg { height: 22px; } .floating-links__item .floating-link:is(:hover, :active, :focus) { background-color: var(--color-primary); } .floating-links__item .floating-link:is(:hover, :active, :focus) svg, .floating-links__item .floating-link:is(:hover, :active, :focus) img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .open-data .desc { -webkit-line-clamp: initial; overflow: visible; } .open-data .nav-link { font-size: 1rem !important; } @media (max-width: 992px) { .open-data .nav-link { padding: 8px 7px 12px !important; } } .open-data .nav-tabs { margin-top: 0px !important; margin-bottom: 0px !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: start !important; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (max-width: 992px) { .open-data .nav-tabs { margin-bottom: 15px !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } .open-data .flex-container { margin: 0px 0 50px 0; } .video-page .img-card { padding-bottom: 0; } .item-img { position: relative; display: inline-block; max-height: 600px; width: 100%; height: 600px; -webkit-margin-end: 24px; margin-inline-end: 24px; margin-bottom: 20px; border-radius: 0px; overflow: hidden; } @media (max-width: 767.98px) { .item-img { width: 100%; -webkit-margin-end: 0; margin-inline-end: 0; height: 300px; } } [dir="ltr"] .item-img { float: left; } .item-img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .program-slider .swiper-slide { height: auto; } .program-slider .about-card { 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; } .branches .branches-list-card .btn-gray { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background: #f9fafb; } .branches .branches-list-card .btn-gray:hover { background-color: rgba(0, 0, 0, 0); } .branches .branches-list-card .branch-number { background-color: #f3f4f6; border-radius: 8px; padding: 5px 10px; } .branches .branches-list-card .branch-number:hover { background-color: #e5e7eb; } .site-statistics .badge { padding: 12px 16px !important; -webkit-margin-end: 8px; margin-inline-end: 8px; } .site-statistics .badge .circle { width: 10px; height: 10px; background-color: rgba(255, 255, 255, 0.6); border-radius: 25px; -webkit-margin-end: 8px; margin-inline-end: 8px; } ul.list-group.list-group-flush.color-black .value { text-align: start !important; } .body-with-select { min-height: 260px; } .body-with-select .list-group-flush { max-height: 280px !important; } .gate-header .card-title { color: #384250; font-size: 1rem; margin-bottom: 0; } .establishment_list.color-success li:before { background-color: #6fb386; } .establishment_list.color-success .redirect-btn { color: #6fb386; } .gate .about-card { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 1px solid #fff; } .gate .about-card:hover { border: 1px solid #1b8354; } .news-slider .swiper-slide { height: auto; } .news-slider .swiper-slide .item-title { min-height: 91px; } .calendars-month .table thead tr th, .calendars-month .table thead tr td, .calendars-month table thead tr th, .calendars-month table thead tr td, .calendars-month .MsoNormalTable thead tr th, .calendars-month .MsoNormalTable thead tr td, .calendars-month table thead tr th, .calendars-month table thead tr td { min-width: -webkit-fit-content !important; min-width: -moz-fit-content !important; min-width: fit-content !important; } p, ul, ol { color: #161616; } .calendars { border: 0; width: 100% !important; } .calendars-popup { z-index: 9999; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.1); box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.1); } .calendars .calendars-nav a.calendars-cmd, .calendars .calendars-ctrl a.calendars-cmd { color: #fff; } .calendars .calendars-month-row .calendars-month tbody tr td a, .calendars .calendars-month-row .calendars-month tbody tr td span { background-color: rgba(0, 0, 0, 0); text-align: center; color: #074d31; } .calendars-month table { border-radius: 0; } .list-view .img-card { margin-bottom: 0; } .list-view .img-card__img { height: 100% !important; } .open-data-page .btn-primary { padding: 8px 15px 10px 15px; } @media (max-width: 992px) { .open-data-page .header-actions { gap: 8px; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } .nice-select { width: 100%; height: unset; line-height: 1.5; text-align: start !important; background-image: none; border-color: #dcdcdc; } .nice-select .nice-select-dropdown { inset: unset; top: calc(100% + 0.3125rem); inset-inline-start: 0; min-width: 100%; background-color: #fff; border: 0.0625rem solid #dcdcdc; border-radius: 0; -webkit-box-shadow: 0 1.25rem 1.5rem -0.25rem rgba(16, 24, 40, 0.08), 0 0.5rem 0.5rem -0.25rem rgba(16, 24, 40, 0.03); box-shadow: 0 1.25rem 1.5rem -0.25rem rgba(16, 24, 40, 0.08), 0 0.5rem 0.5rem -0.25rem rgba(16, 24, 40, 0.03); padding: 1.25rem; margin-top: 0; } .nice-select.open:after { display: none; } .nice-select .option { text-align: start; } .nice-select:after { display: none; } .loader { position: fixed; 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-color: #f9fafb; width: 100%; height: 100%; inset: 0; } .dga-spinner { display: block; margin: 0 auto; width: 64px; height: 64px; border: 6px solid #f3f4f6; border-radius: 50%; border-top-color: #1b8330; animation: spin 15s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; } @keyframes spin { to { -webkit-transform: rotate(360deg); } } @-webkit-keyframes spin { to { -webkit-transform: rotate(359deg); } } .digital-platforms { margin-top: 10px; row-gap: 20px; } .digital-platforms .img-card { margin-bottom: 0; } .digital-platforms .item-title { font-family: "IBMArabic-Regular" !important; } .service-label { color: #161616; font-family: "IBMArabic-SemiBold"; } .services-list { color: #1f2a37; } .services-list_items { gap: 20px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } @media (max-width: 1200px) { .services-list_items { gap: 0; } } @media (max-width: 786px) { .services-list_items { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 12px; } } .services-list li { position: relative; padding: 0px 15px; border-radius: 4px; } .services-list li:is(:hover) { background-color: #f3f4f6; border-color: rgba(0, 0, 0, 0); } .services-list li:is(:hover) .nav-link:after { display: block; background-color: #161616 !important; } .services-list li:is(:hover):has(.active):is(:hover, :focus, :active) { background-color: rgba(0, 0, 0, 0) !important; } .services-list li:is(:hover):has(.active):is(:hover, :focus, :active) .nav-link:after { background-color: #1b8354 !important; } .services-list li:is(:hover):after { display: block; } .services-list li:is(:focus, :active) { background-color: #e5e7eb !important; border-color: rgba(0, 0, 0, 0); } .services-list li:is(:focus, :active) .nav-link:after { display: block; background-color: #161616 !important; } .services-list li .nav-link { -webkit-padding-end: 0; padding-inline-end: 0; background-color: rgba(0, 0, 0, 0); text-decoration: none; padding-inline-end: 0 !important; } .services-list li .nav-link:has(.active) { background-color: rgba(0, 0, 0, 0); color: #161616; } .services-list li .nav-link:is(:hover, :focus, :active) { color: #161616; text-decoration: none; background-color: rgba(0, 0, 0, 0) !important; } .services-list li .nav-link .active { background-color: rgba(0, 0, 0, 0); } .services-list .active { font-family: "IBMArabic-Bold"; } .services-list .active .tab_btn:hover { background-color: rgba(0, 0, 0, 0) !important; } .services-list .active:after { content: ""; height: 4px; width: calc(100% - 24px); display: block; position: absolute; bottom: -15px; background-color: #1b8354; border-radius: 4px; z-index: 9; inset-inline-start: 13px; } .services-list .tab { position: relative; } .services-list .tab .tab_btn { color: #1f2a37; padding: 15px; } .services-list .tab .tab_btn:after { content: ""; height: 4px; width: calc(100% - 24px); display: block; position: absolute; bottom: -15px; background-color: #161616; border-radius: 4px; z-index: 9; inset-inline-start: 13px; display: none; } .services-list .tab .tab_btn:hover { background-color: #f3f4f6; border-color: rgba(0, 0, 0, 0); } .services-list .tab .tab_btn:hover .active { background-color: rgba(0, 0, 0, 0); } .services-list .tab .tab_btn:hover .active:after { display: none; } .services-list .tab .tab_btn:hover:after { display: block; } .items-container { color: #1f2a37; } .services-tabs-wrapper li { display: -webkit-box; display: -ms-flexbox; display: flex; } .services-tabs-wrapper li .name { padding: 15px 12px; } .services-tabs-wrapper .nav-tabs:after { display: none; } @media (max-width: 992px) { .header-card-wrapper { -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; } } @media (max-width: 600px) { .hidden-mob { display: none !important; } } @media (max-width: 786px) { .services-tabs { gap: 5px !important; } } @media (max-width: 600px) { .services-tabs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: start !important; gap: 5px !important; } .services-tabs li:first-child .nav-link { -webkit-padding-start: 0 !important; padding-inline-start: 0 !important; } .services-tabs li .nav-link { padding: 8px 8px 12px !important; } .services-tabs li .nav-link:after { width: calc(100% - 14px) !important; inset-inline-start: 3px !important; } .flex-mob { width: 100%; } } .filter-dropdown { background-color: #f3fcf6; border: 1px solid #e5e7eb; padding: 30px 20px; -webkit-transition: max-height 0.5s ease-out; transition: max-height 0.5s ease-out; opacity: 0; visibility: hidden; margin-top: 30px; display: none; width: 100%; } .filter-dropdown .name { min-width: 70px; } .filter-dropdown .select-wrapper { min-width: 200px; } .filter-dropdown.open { opacity: 1; visibility: visible; display: block; } .filtered-btn { display: none; } @media (max-width: 600px) { .filtered-btn { display: block; } } .filtered-btn .btn-primary { padding: 10px; background-color: #1b8354; } @media (max-width: 600px) { .inner-services .nav-tabs a { padding: 5px 15px !important; } } .tab-content { position: relative; } .filtered-service-btn { position: absolute; inset-inline-end: 0; inset-inline-start: 82%; top: -73px; } #products-pane { position: relative; } .position-filtered { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 600px) { .position-filtered { display: none !important; } } .btn-primary.active { background-color: #14573a; } .hidden-desc { display: none !important; margin-inline: 30px; } .hidden-desc .btn-primary { width: 100%; text-align: center; font-size: 1.25rem; padding: 12px 24px 12px 24px; } .hidden-desc .btn-primary img { width: 24px; height: 24px; } @media (max-width: 600px) { .hidden-desc { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } #products-selects, #services-selects { display: -webkit-box; display: -ms-flexbox; display: flex; } .dateToFormat { display: inline-block; margin-bottom: 20px; } @media (max-width: 576px) { .services-card-footer { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .nice-select-dropdown .list { height: 100% !important; max-height: 100% !important; overflow: auto !important; margin-bottom: 0; } .nice-select.open .nice-select-dropdown { max-height: 240px; overflow-y: auto; overflow-x: hidden; } .details-icon { 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; border-radius: 50%; background-color: #f3fcf6; width: 50px; height: 50px; margin-bottom: 25px; } .details-icon img { width: 32px; height: 32px; } .toast, .alert { position: relative; z-index: 9999999; bottom: 15px; inset-inline-start: 0; padding: 15px; width: 100%; } .toast .title, .alert .title { margin: 0; } @media (max-width: 576px) { .toast, .alert { padding: 0; } } .toast .status, .alert .status { width: 50px; height: 50px; 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; } .toast .status img, .alert .status img { width: 30px; height: 30px; } .toast .toast-footer, .alert .toast-footer { padding: 12px; margin-top: 10px; } .toast .toast-header, .alert .toast-header { border-bottom: 0; background-color: rgba(0, 0, 0, 0); font-family: "IBMArabic-Bold"; } .toast .toast-body, .alert .toast-body { color: #949ba4; padding: 0 12px; } .toast button, .alert button { border: 0; background-color: rgba(0, 0, 0, 0); } .toast .close, .alert .close { position: absolute; inset-inline-end: 35px; font-size: 25px; width: 32px; height: 32px; 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; } .toast .close:hover, .alert .close:hover { background-color: #f3f4f6; } .toast .close:active, .alert .close:active { background-color: #e5e7eb; } .toast .close:focus, .alert .close:focus { background-color: #fff; -webkit-box-shadow: 0px 0px 0px 2px #161616; box-shadow: 0px 0px 0px 2px #161616; } .toast img, .alert img { width: 15px; height: 15px; } .alert { padding: 0; -webkit-padding-start: 1.25rem; padding-inline-start: 1.25rem; border-radius: 0; } .alert .close img { width: 10px; height: 10px; } .alert .toast-header { -webkit-padding-start: 0; padding-inline-start: 0; -webkit-padding-end: 0; padding-inline-end: 0; } .alert .status { width: 22px; height: 22px; } .alert .status img { width: 22px; height: 22px; } .alert .toast-header { font-family: "IBMArabic-Regular"; } .alert .toast-header button:hover { background-color: #f3f4f6; } .alert .toast-header button:active { background-color: #e5e7eb; } .alert .toast-header button:focus { background-color: #fff; -webkit-box-shadow: 0px 0px 0px 2px #161616; box-shadow: 0px 0px 0px 2px #161616; } .alert-primary { border: 0; border-bottom: 2px solid #175cd3; background-color: #eff8ff; } .alert-primary .toast-header .title { color: #175cd3; } .alert-danger { border: 0; border-bottom: 2px solid #b42318; background-color: #fef3f2; } .alert-danger .toast-header .title { color: #b42318; } .alert-gray { border: 0; border-bottom: 2px solid #161616; background-color: #f9fafb; } .alert-gray .toast-header .title { color: #384250; } .alert-success { border: 0; border-bottom: 2px solid #079455; background-color: #ecfdf3; } .alert-success .toast-header .title { color: #067647; } .alert-warning { border: 0; border-bottom: 2px solid #dc6803; background-color: #fffaeb; } .alert-warning .toast-header .title { color: #b54708; } .toast-info { border: 1px solid #175cd3; border-radius: 8px; -webkit-border-start: 10px solid #175cd3; border-inline-start: 10px solid #175cd3; background-color: #eff5ff; } .toast-info .status { background-color: #f0f8ff; } .toast-info .toast-header { color: #175cd3; font-family: "IBMArabic-Bold"; } .toast-danger { border: 1px solid #dd6c64; border-radius: 8px; -webkit-border-start: 10px solid #dd6c64; border-inline-start: 10px solid #dd6c64; background-color: #fffbfa; } .toast-danger .status { background-color: #fdf3f2; } .toast-danger .toast-header { color: #dd6c64; } .toast-warning { border: 1px solid #e09451; border-radius: 8px; -webkit-border-start: 10px solid #e09451; border-inline-start: 10px solid #e09451; background-color: #fffcf5; } .toast-warning .status { background-color: #fefaeb; } .toast-warning .toast-header { color: #e09451; } .toast-success { border: 1px solid #6fb386; border-radius: 8px; -webkit-border-start: 10px solid #6fb386; border-inline-start: 10px solid #6fb386; background-color: #f7fef9; } .toast-success .status { background-color: #eefdf3; } .toast-success .toast-header { color: #6fb386; } .toast-info-gray { border: 1px solid #babec5; border-radius: 8px; -webkit-border-start: 10px solid #babec5; border-inline-start: 10px solid #babec5; background-color: #fcfcfd; } .toast-info-gray .status { background-color: #f9fafb; } .toast-info-gray .toast-header { color: #7a7e86; } .tooltip > .arrow { background-color: rgba(0, 0, 0, 0); } .tooltip > .tooltip-inner { text-align: center; font-size: 12px; padding: 10px 15px; border-radius: 5px; color: #000; background-color: #fff; -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15); } .bs-tooltip-top, .bs-tooltip-right, .bs-tooltip-left, .bs-tooltip-bottom { background-color: rgba(0, 0, 0, 0); opacity: 1 !important; } .tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-bottom .arrow:before { border-top-color: #fff; border-right-color: rgba(0, 0, 0, 0); border-bottom-color: #fff; border-left-color: rgba(0, 0, 0, 0); } .tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-left .arrow:before { border-top-color: rgba(0, 0, 0, 0); border-right-color: #fff; border-bottom-color: rgba(0, 0, 0, 0); border-left-color: #fff; } .tooltip { max-width: 240px; } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { border-top-color: #fff !important; } .popover.bs-popover-top .arrow:before { bottom: -4px; border-top-color: #fff; background: rgba(0, 0, 0, 0); } .popover.bs-popover-bottom .arrow:before { top: -4px; border-bottom-color: #fff; background: rgba(0, 0, 0, 0); } .popover.bs-popover-right .arrow:before { left: -4px; border-right-color: #fff; background: rgba(0, 0, 0, 0); } .popover.bs-popover-left .arrow:before { right: -4px; border-left-color: #fff; background: rgba(0, 0, 0, 0); } .file-infoFile { border: 1px solid #d2d6db; color: #161616; border-radius: 5px; width: 325px; padding: 15px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; font-family: "IBMArabic-Medium"; background-color: #f3f4f6; } @media (max-width: 768px) { .file-infoFile { width: 50%; } } @media (max-width: 576px) { .file-infoFile { width: 100%; } } .file-infoFile .file-nameFile { position: relative; -webkit-padding-start: 24px; padding-inline-start: 24px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .file-infoFile .file-nameFile::before { width: 18px; height: 18px; content: ""; display: block; position: absolute; inset-inline-start: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk5OTkyIDE5LjE2NjhDMTUuMDYyNSAxOS4xNjY4IDE5LjE2NjYgMTUuMDYyOCAxOS4xNjY2IDEwLjAwMDJDMTkuMTY2NiA0LjkzNzU1IDE1LjA2MjUgMC44MzM0OTYgOS45OTk5MiAwLjgzMzQ5NkM0LjkzNzMxIDAuODMzNDk2IDAuODMzMjUyIDQuOTM3NTUgMC44MzMyNTIgMTAuMDAwMkMwLjgzMzI1MiAxNS4wNjI4IDQuOTM3MzEgMTkuMTY2OCA5Ljk5OTkyIDE5LjE2NjhaTTUuODc1MSA5LjI2NzkzQzUuNTQ5NjYgOS41OTMzNyA1LjU0OTY2IDEwLjEyMSA1Ljg3NTEgMTAuNDQ2NEw4LjIzMjEyIDEyLjgwMzVDOC41NTc1NiAxMy4xMjg5IDkuMDg1MiAxMy4xMjg5IDkuNDEwNjMgMTIuODAzNUwxNC4xMjQ3IDguMDg5NDJDMTQuNDUwMSA3Ljc2Mzk4IDE0LjQ1MDEgNy4yMzYzNCAxNC4xMjQ3IDYuOTEwOTFDMTMuNzk5MiA2LjU4NTQ3IDEzLjI3MTYgNi41ODU0NyAxMi45NDYyIDYuOTEwOTFMOC44MjEzOCAxMS4wMzU3TDcuMDUzNjEgOS4yNjc5M0M2LjcyODE3IDguOTQyNDkgNi4yMDA1NCA4Ljk0MjQ5IDUuODc1MSA5LjI2NzkzWiIgZmlsbD0iIzA2NzY0NyIvPgo8L3N2Zz4K"); background-position: center; background-size: cover; top: 3px; } .file-infoFile .delete-btnFile { border: 0; padding: 0; position: absolute; inset-inline-end: 15px; top: 20px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY0NjQ0NyAwLjY0NjQ0N0MwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNDUxMTg0IDEuMzUzNTUgMC42NDY0NDdMNSA0LjI5Mjg5TDguNjQ2NDUgMC42NDY0NDdDOC44NDE3MSAwLjQ1MTE4NSA5LjE1ODI5IDAuNDUxMTg1IDkuMzUzNTUgMC42NDY0NDdDOS41NDg4MiAwLjg0MTcwOSA5LjU0ODgyIDEuMTU4MjkgOS4zNTM1NSAxLjM1MzU1TDUuNzA3MTEgNUw5LjM1MzU1IDguNjQ2NDVDOS41NDg4MiA4Ljg0MTcxIDkuNTQ4ODIgOS4xNTgyOSA5LjM1MzU1IDkuMzUzNTVDOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS41NDg4MiA4LjY0NjQ1IDkuMzUzNTVMNSA1LjcwNzExTDEuMzUzNTUgOS4zNTM1NUMxLjE1ODI5IDkuNTQ4ODIgMC44NDE3MDkgOS41NDg4MiAwLjY0NjQ0NyA5LjM1MzU1QzAuNDUxMTg0IDkuMTU4MjkgMC40NTExODQgOC44NDE3MSAwLjY0NjQ0NyA4LjY0NjQ1TDQuMjkyODkgNUwwLjY0NjQ0NyAxLjM1MzU1QzAuNDUxMTg1IDEuMTU4MjkgMC40NTExODUgMC44NDE3MDkgMC42NDY0NDcgMC42NDY0NDdaIiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo="); background-size: cover; width: 13px; height: 13px; font-size: 0; } .radiobuttons .form-radio { width: 26px; height: 38px; opacity: 0; position: relative; z-index: 1; } .radiobuttons .form-radio:hover + label:before { -webkit-box-shadow: 0px 0px 0px 10px #f3f4f6; box-shadow: 0px 0px 0px 10px #f3f4f6; opacity: 1; } .radiobuttons label { -webkit-padding-end: 10px; padding-inline-end: 10px; cursor: pointer; margin-bottom: 7px; position: relative; -webkit-padding-start: 15px; padding-inline-start: 15px; color: #161616; } .radiobuttons label:before { width: 30px; height: 30px; position: absolute; top: 0px; inset-inline-start: -26px; content: ""; display: inline-block; border-radius: 50px; border: 2px solid #1b8354; } .radiobuttons input[type="radio"] { margin: 0px; } .radiobuttons input[type="radio"]:disabled + label { color: #999; } .radiobuttons input[type="radio"]:disabled + label:before { background-color: #1b8354; } .radiobuttons input[type="radio"]:checked + label::after { content: ""; position: absolute; top: 6px; inset-inline-start: -20px; display: inline-block; font-size: 11px; width: 18px; height: 18px; background-color: #1b8354; border-radius: 50px; } .radiobuttons input[type="radio"]:checked + label::before { -webkit-box-shadow: 0px 0px 0px 10px #f3f4f6; box-shadow: 0px 0px 0px 10px #f3f4f6; } .radiobuttons .rdio-default input[type="radio"]:checked + label:before { border-color: #1b8354; } .radiobuttons .rdio-primary input[type="radio"]:checked + label { color: #1b8354; } .radiobuttons .rdio-primary input[type="radio"]:checked + label:before { border-color: #1b8354; } .radiobuttons .rdio-primary input[type="radio"]:checked + label::after { background-color: #1b8354; } .text-danger-radio { display: block; position: relative; -webkit-padding-start: 30px; padding-inline-start: 30px; margin: 10px 0; } .text-danger-radio::before { content: ""; position: absolute; width: 20px; height: 20px; top: 4px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBpZD0id2FybmluZy1jaXJjbGUiPgogIDxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiBmaWxsPSJub25lIi8+CiAgPHBhdGggZD0iTTEyOCwyNC4wMDAxMmExMDQsMTA0LDAsMSwwLDEwNCwxMDRBMTA0LjExNzU5LDEwNC4xMTc1OSwwLDAsMCwxMjgsMjQuMDAwMTJabS04LDU2YTgsOCwwLDEsMSwxNiwwdjU2YTgsOCwwLDEsMS0xNiwwWm04LDEwNGExMiwxMiwwLDEsMSwxMi0xMkExMiwxMiwwLDAsMSwxMjgsMTg0LjAwMDEyWiIgZmlsbD0iI2FhMjUxYiIvPgo8L3N2Zz4=); inset-inline-start: 0; background-repeat: no-repeat; background-position: center; } .awards .item-description { text-align: start !important; } .recorder { position: absolute; top: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); inset-inline-end: 20px; } .recorder .btn { font-size: 1rem !important; } .search-icon { position: relative; } .search-icon input { padding: 7px 16px 6px !important; -webkit-padding-start: 40px !important; padding-inline-start: 40px !important; } .search-icon:before { content: ""; width: 20px; height: 20px; background-image: url("/Style Library/UDesign/images/search.svg"); display: block; position: absolute; inset: 0; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 0; background-position: center; background-repeat: no-repeat; margin-top: 0; } .search-results__header .btn-black { padding: 8px 20px 7px 20px; cursor: pointer; } .search-results__header .page-title { color: #161616; } .search-results__header .dropdown2 { position: relative; } .search-results__header .dropdown2 .accordion-body { padding: 0; } .search-results__header .dropdown2 .form-group { border-bottom: 1px solid #d2d6db; padding: 0 20px 20px 20px; margin-bottom: 0; min-height: 100px; } .search-results__header .dropdown2 .nice-select { margin-bottom: 0; } .search-results__header .dropdown2 .btn-gray { font-size: 1rem; } .search-results__header .dropdown2 .dropdown-menu { border: 1px solid #d2d6db; border-radius: 5px; width: 18.75rem; z-index: 9; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; inset: 0px auto auto 0px !important; top: 60px !important; } .search-results__header .dropdown2 .dropdown-item:hover { background-color: #fff; } .search-results__header .dropdown2 .dropdown-toggle::after { content: ""; width: 16px; height: 10px; background-image: url("/Style Library/UDesign/images/arrow/arrow_white.svg"); background-size: cover; background-repeat: no-repeat; background-position: center; border: 0; position: relative; top: 1px; } .search-results__header .dropdown-title { color: #161616; font-family: "IBMArabic-SemiBold"; padding: 0.25rem 0; font-size: 1rem; } .search-results__header .search-option { color: #6c737f; } .search-results__body__inner { padding: 1.875rem 0; border-bottom: 1px solid #d2d6db; } .search-results__body__inner:last-child { border-bottom: 0; } .search-results__body__inner .title { font-size: 1.25rem; margin-bottom: 0.3125rem; display: block; } .search-results__body__inner .desc { font-size: 1rem; } .search-results__body__inner .date { color: #6c737f; font-size: 0.875rem; } .no-arrow::after { display: none; } .result-number { color: #6c737f; font-family: "IBMArabic-Regular"; } .sectors .item-title { font-family: "IBMArabic-Bold"; } .sectors .details-header .item-title { font-size: 1.25rem; } .sectors .accordion-item:last-child { border-bottom: 0; } .filter-drop::after { background-image: url("/Style Library/UDesign/images/descending.svg"); content: ""; width: 30px; height: 30px; background-size: 15px; background-repeat: no-repeat; background-position: top; border: 0; top: 21px; display: block; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); inset-inline-start: auto; inset-inline-end: 0px; } .filterd-dropdown .nice-select { -webkit-padding-end: 1.875rem; padding-inline-end: 1.875rem; } .filterd-dropdown .nice-select.open::after { background-image: url("/Style Library/UDesign/images/descending.svg"); content: ""; width: 30px; height: 30px; background-size: 15px; background-repeat: no-repeat; background-position: top; border: 0; top: 21px; display: block; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); inset-inline-start: auto; } .check-content__wrapper { height: 150px; overflow: hidden; padding: 0 15px; } .check-content__wrapper .checkbox-dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 15px 0; } .check-content__wrapper .checkbox-dropdown input[type="checkbox"].custom-input { width: 22px; height: 22px; } .check-content__wrapper .checkbox-dropdown input[type="checkbox"].custom-input:hover::after, .check-content__wrapper .checkbox-dropdown input[type="checkbox"].custom-input:active::after { display: block; } .check-content__wrapper .checkbox-dropdown input[type="checkbox"].custom-input::after { content: ""; display: block; width: 35px; height: 35px; background: #f3f4f6; border-radius: 50%; position: absolute; inset: 0; inset: 0; z-index: -1; inset-block-start: -8px; inset-inline-start: -7px; display: none; } .check-content__wrapper .checkbox-dropdown .custom-input:checked, .check-content__wrapper .checkbox-dropdown .custom-input:checked:focus { background-color: #161616 !important; border: 1px solid #161616 !important; outline: none; } .check-content__wrapper .checkbox-dropdown .custom-input:checked:focus:hover { background-color: #4d5761 !important; border: 1px solid #4d5761 !important; outline: none; } .check-content__wrapper .checkbox-dropdown .custom-input:checked:focus:active { background-color: #6c737f !important; border: 1px solid #6c737f !important; outline: none; } .check-content__wrapper .checkbox-dropdown .custom-input:hover::before, .check-content__wrapper .checkbox-dropdown input[type="checkbox"].custom-input:checked::before { top: 2px; inset-inline-start: 2px; } .check-content__wrapper .checkbox-dropdown_data { font-family: "IBMArabic-Regular"; font-size: 0.875rem; } .check-content__wrapper .checkbox-dropdown_data .number { color: #6c737f; } .check-more { border-bottom: 1px solid #d2d6db; padding: 25px 15px; margin: 0 5px; } .btn-arrow { margin: 0 5px; } .btn-more { cursor: pointer !important; color: #161616; } .btn-more:hover { color: #161616; } .btn-more.active .btn-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .radio-result { border-bottom: 1px solid #d2d6db; padding: 0 15px; margin: 0 15px; } .radio-result .form-check:not(.form-switch) .form-check-input[type="radio"]:checked + .form-check-label.circle-outline::after { opacity: 0; } .result-label { font-family: "IBMArabic-SemiBold"; margin: 15px 0 0 0; } .calender-items { position: absolute; top: 150px; inset-inline-end: 0; } @media (max-width: 992px) { .calender-items { inset-inline-end: auto; inset-inline-start: 0; top: 190px; } } .calender-items__list { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .calender-items__list__items { position: relative; -webkit-padding-start: 20px; padding-inline-start: 20px; color: #161616; } .calender-items__list__items:before { content: ""; width: 10px; height: 10px; border-radius: 50%; display: block; position: absolute; inset-inline-start: 0; top: 8px; } .calender-items__list__items:nth-child(1)::before { background-color: #93370d; } .calender-items__list__items:nth-child(2)::before { background-color: #4d5761; } .calender-items__list__items:nth-child(3)::before { background-color: #1f2a37; } .strategy_wrapper { gap: 2.5rem; } @media (max-width: 992px) { .strategy_wrapper { display: block !important; } } .strategy_wrapper__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -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; border-radius: 8px; color: #fff; background-repeat: no-repeat !important; background-size: cover !important; padding: 3.125rem 1.875rem; margin: 30px 0; } .strategy_wrapper__item:first-child { background: -webkit-gradient( linear, left bottom, left top, from(rgba(6, 118, 71, 0.7)), to(rgba(6, 118, 71, 0.7)) ), url("/Style Library/UDesign/images/strategy/bg-1.svg"); background: linear-gradient(0deg, rgba(6, 118, 71, 0.7), rgba(6, 118, 71, 0.7)), url("/Style Library/UDesign/images/strategy/bg-1.svg"); background-position: center; } .strategy_wrapper__item:last-child { background: -webkit-gradient( linear, left bottom, left top, from(rgba(6, 118, 71, 0.7)), to(rgba(6, 118, 71, 0.7)) ), url("/Style Library/UDesign/images/strategy/bg-2.svg"); background: linear-gradient(0deg, rgba(6, 118, 71, 0.7), rgba(6, 118, 71, 0.7)), url("/Style Library/UDesign/images/strategy/bg-2.svg"); background-position: center; } .strategy_wrapper__item .image { background-color: #fff; border-radius: 50%; width: 2.8125rem; height: 2.8125rem; 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: 1.25rem; } .strategy_wrapper__item .image img { width: 26px; height: 26px; -o-object-fit: contain; object-fit: contain; } .strategy_wrapper__item .title { font-family: "IBMArabic-Bold"; font-size: 1.875rem; } .strategy_wrapper__item .desc { color: #fff; text-align: justify; } .values_wrapper { padding-bottom: 3.75rem; } .values_wrapper .inner-card-wrapper { gap: 60px; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 4.375rem; } @media (max-width: 992px) { .values_wrapper .inner-card-wrapper { gap: 30px; } } @media (max-width: 992px) { .values_wrapper .inner-card-wrapper .about-card { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } } .values_wrapper .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(50% - 40px); flex-basis: calc(50% - 40px); height: auto; padding: 0; background-image: url("/Style Library/UDesign/images/strategy/values/bg-section.svg"); background-color: #fff; background-repeat: no-repeat; } .values_wrapper .inner-card-wrapper .about-card__body { background-color: rgba(0, 0, 0, 0); } @media (max-width: 992px) { .values_wrapper .title { text-align: center; } } .box_wrapper { padding: 6.25rem 0 9.375rem 0; background-color: #ecfdf3; position: relative; } .box_wrapper .title-box { margin-bottom: 3.125rem; } @media (max-width: 576px) { .box_wrapper .title-box { margin-bottom: 0; } } .box_wrapper::before { content: ""; height: 100%; width: 100%; background-color: #ecfdf3; display: block; position: absolute; inset-inline-start: -50%; top: 0; z-index: -1; } .box_wrapper::after { content: ""; height: 100%; width: 100%; background-color: #ecfdf3; display: block; position: absolute; inset-inline-end: -50%; top: 0; z-index: -1; } .box_wrapper .inner-card-wrapper { gap: 50px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 992px) { .box_wrapper .inner-card-wrapper { gap: 30px; } .box_wrapper .inner-card-wrapper .about-card { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } } .box_wrapper .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(33% - 40px); flex-basis: calc(33% - 40px); height: auto; padding: 0; background-image: none; background-color: #fff; background-repeat: no-repeat; } .box_wrapper .inner-card-wrapper .about-card__body { background-color: rgba(0, 0, 0, 0); min-height: -webkit-fit-content !important; min-height: -moz-fit-content !important; min-height: fit-content !important; } .pillars { padding: 3.125rem 0; } .pillars .page-title { margin-bottom: 6.25rem; } @media (max-width: 576px) { .pillars .page-title { margin-bottom: 0; } } .pillars_wrapper { position: relative; margin-bottom: 140px; padding-bottom: 50px; } @media (max-width: 576px) { .pillars_wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0rem; } } @media (max-width: 1400px) { .pillars_wrapper { margin-bottom: 0px; } } .pillars_wrapper::after { content: ""; background-image: url("/Style Library/UDesign/images/strategy/pillars/bg.svg"); display: block; width: 100%; height: 74px; background-repeat: no-repeat; position: absolute; top: 100%; background-position: center; } @media (max-width: 1200px) { .pillars_wrapper::after { display: none; } } .pillars_wrapper__item { width: 30%; 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; } @media (max-width: 576px) { .pillars_wrapper__item { margin: 0.9375rem 0; } } .pillars_wrapper__item .title { font-family: "IBMArabic-Bold"; font-size: 1.125rem; } @media (max-width: 576px) { .pillars_wrapper__item .title { font-size: 1rem !important; } } .pillars_info { position: relative; margin-bottom: 100px; } @media (max-width: 992px) { .pillars_info { -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; margin-bottom: 10px; } } .pillars_info::after { content: ""; background-image: url("/Style Library/UDesign/images/strategy/pillars/line-up.svg"); display: block; width: 100%; height: 74px; background-repeat: no-repeat; position: absolute; top: 100%; background-position: center; } @media (max-width: 1400px) { .pillars_info::after { display: none; } } .pillars_info__item { text-align: center; } .pillars_info__item .desc { text-align: center; color: #384250; width: 60%; margin: 20px 0; } @media (max-width: 992px) { .pillars_info__item .desc { width: 100%; } } .pillars_info__item .desc:first-child::before { display: none; } .pillars_info__item .desc::before { content: ""; background-image: url("/Style Library/UDesign/images/strategy/pillars/line.svg"); display: block; width: 100%; height: 1px; background-repeat: no-repeat; position: relative; top: -10px; margin: auto; background-size: cover; } .title-box { margin-bottom: 3.125rem; } @media (max-width: 576px) { .title-box { margin-bottom: 0; } } .date-drop .image { top: 10px; inset-inline-end: 10px; cursor: pointer; width: 22px; height: 22px; } @media (max-width: 992px) { .fc .fc-toolbar.fc-header-toolbar { margin-bottom: 4.5em; } button.fc-today-button.fc-button.fc-button-primary { display: none; } .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-group:has(.fc-prev-button) { gap: 0 !important; } } div#file-list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 2px 15px; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; } .certificate_img { width: 33px; height: 36px; } .certificates_form__data__desc { height: 100%; } .certificates_form__data__desc * { color: #6c737f; font-size: 0.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .btn-arrow { -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .btn-arrow.rotated { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 600px) { #chat-button { bottom: 80px; } } .multi-upload { border: 1px dashed #d2d6db; border-radius: 4px; padding: 1.875rem 1.875rem; background-color: #f3f4f6; } .multi-upload.drop { border: 1px dashed #067647; background-color: #f6fef9; } .multi-upload.drop .title, .multi-upload.drop .description { color: #067647; } .multi-upload.drop .multi-button { background-color: #e5e7eb !important; color: #9da4ae !important; cursor: none; -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0); } .multi-upload.drop input[type="file"] { cursor: none; } .multi-upload .title { color: #1f2a37; font-family: "IBMArabic-Medium"; } .multi-upload .description { font-family: "IBMArabic-Regular"; font-size: 0.75rem; color: #384250; text-align: center; } .multi-upload .multi-button { padding: 0.625rem 1.5625rem; border-radius: 8px; } .multi-upload .multi-button:focus { background-color: #fff !important; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0px 0px 0px 2px #161616; box-shadow: 0px 0px 0px 2px #161616; } .multi-upload.disabled { border: 1px dashed #9da4ae; background-color: rgba(0, 0, 0, 0); } .multi-upload.disabled .title, .multi-upload.disabled .description { color: #9da4ae; } .multi-upload.disabled .multi-button { background-color: #e5e7eb !important; color: #9da4ae !important; cursor: none; } .multi-upload.disabled input[type="file"] { cursor: none; } .position-relative.d-flex.flex-column.align-items-center.mt-4:hover { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .position-relative.d-flex.flex-column.align-items-center.mt-4:hover .multi-button { background-color: #e5e7eb !important; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .position-relative.d-flex.flex-column.align-items-center.mt-4:focus, .position-relative.d-flex.flex-column.align-items-center.mt-4:active { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .position-relative.d-flex.flex-column.align-items-center.mt-4:focus .multi-button, .position-relative.d-flex.flex-column.align-items-center.mt-4:active .multi-button { background-color: #fff !important; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0px 0px 0px 2px #161616; box-shadow: 0px 0px 0px 2px #161616; } .verification { width: 450px; margin: 20px auto; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14); box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14); padding: 1.25rem 2.1875rem; color: #384250; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999999; } @media (max-width: 576px) { .verification { width: 100%; } } .verification_header { position: relative; } .verification_header__close { position: absolute; inset-inline-end: -20px; background-color: rgba(0, 0, 0, 0); border: 0; padding: 10px 15px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 4px; top: -15px; -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0); } .verification_header__close:hover { background-color: #f3f4f6; } .verification_header__close:active { background-color: #e5e7eb; } .verification_header__close:focus { background-color: #fff; -webkit-box-shadow: 0px 0px 0px 2px #161616; box-shadow: 0px 0px 0px 2px #161616; } .verification_header__close img { width: 15px; } .verification_header__check { background-color: #f9fafb; width: 45px; height: 45px; 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; margin: 20px 0 5px 0; } .verification_body__title { color: #384250; font-family: "IBMArabic-SemiBold"; font-size: 1.125rem; } .verification_body__inputs { margin-bottom: 0.625rem; margin-top: 0.625rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; direction: ltr; } .verification_body__inputs input { -webkit-appearance: none; -moz-appearance: textfield; appearance: none; padding-inline: 0; text-align: center; margin-bottom: 0rem; width: 44px; height: 40px; padding-bottom: 7px; } .verification_body__inputs input::-webkit-outer-spin-button, .verification_body__inputs input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .verification_body__inputs input[type="number"] { -moz-appearance: textfield; } .verification_body__description { color: #384250; font-family: "IBMArabic-Regular"; margin: 0; font-size: 0.875rem; } .verification_body__description .email { font-family: "IBMArabic-SemiBold"; } .verification_body__number { font-family: "IBMArabic-SemiBold"; } .verification_body__timer { font-family: "IBMArabic-SemiBold"; text-align: center; margin-bottom: 10px; margin-top: 5px; } .verification_body__link { font-family: "IBMArabic-Regular"; display: block; font-size: 0.9375rem; color: #9da4ae !important; text-decoration: underline !important; margin-top: 10px; color: #384250 !important; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .verification_body__link:hover { color: #6c737f !important; text-decoration: underline; } .verification_body__link:focus, .verification_body__link:active { color: #9da4ae !important; } .verification_body .mob__link { color: #9da4ae !important; } .verification_body .mob__link:hover { color: #54c08a !important; } .verification_body .mob__link:active, .verification_body .mob__link:focus { color: #88d8ad !important; } .verification_footer .btn-black, .verification_footer .btn-gray { width: 100%; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; } .tags .tag-message-wrapper { z-index: 9; bottom: 130%; inset-inline-start: 5%; } @media (max-width: 576px) { .tags .tag-message-wrapper { width: 100%; inset-inline-end: 0px; } } .tags .tag-message-wrapper .tag-message { display: none; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14); box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14); padding: 1.25rem 1.1875rem; width: 350px; inset-inline-end: 0; overflow: visible auto; color: #384250; height: 190px; } .tags .tag-message-wrapper .tag-message::-webkit-scrollbar { width: 15px; height: 15px; } .tags .tag-message-wrapper .tag-message::-webkit-scrollbar-thumb { background: #074d31; } .tags .tag-message-wrapper .tag-message::-webkit-scrollbar-track { background: #d2d6db; } @media (max-width: 992px) { .tags .tag-message-wrapper .tag-message { width: 100%; } } @media (max-width: 576px) { .tags .tag-message-wrapper .tag-message { width: 100%; } } .tags .tag-message-wrapper .tag-message::-webkit-scrollbar-thumb { border-radius: 20px; background: #d2d6db; height: 15px !important; border: 5px solid #fff !important; } .tags .tag-message-wrapper .tag-message::-webkit-scrollbar-track { border-radius: 20px; background: #fff !important; height: 15px !important; } .tags .tag-message-wrapper .tag-message.no-scrollbar::-webkit-scrollbar { display: none; } .tags .tag-message-wrapper .tag-message:after { content: ""; display: block; width: 10px; height: 10px; border-top: solid 10px #fff; border-left: solid 10px rgba(0, 0, 0, 0); border-right: solid 10px rgba(0, 0, 0, 0); position: absolute; bottom: -10px; } .tags .tag-message-wrapper .tag-message-header img { height: 20px; } .tags .tag-message-wrapper .tag-message-header .title { min-height: auto; margin-bottom: 0; font-size: 0.875rem; } .tags .tag-message-wrapper .tag-message-body { padding-inline: 1.6rem; -webkit-padding-end: 0; padding-inline-end: 0; font-size: 0.875rem; } .tags .tag-message-wrapper .tag-message-body img { height: 20px; } .tags .tag-message-wrapper .tag-message-body__location { border-bottom: 1px solid #d2d6db; padding-bottom: 0.9375rem; } .tags .tag-message-wrapper .tag-message-body__location:last-child { border-bottom: 0; } .events-details-wrapper { padding-inline: 0.5rem; } .events-details-wrapper .events-details { color: #384250; padding-block: 0.2rem; } .events-details-wrapper .events-details:last-child .events-details__location { border-bottom: 0; padding-bottom: 0; } .events-details-wrapper .events-details:first-child { border-top: 1px solid #d2d6db; } .events-details-wrapper .events-details .tag-message-body:last-child { border-bottom: 0; padding-bottom: 0; } .events-details-wrapper .events-details__info { font-family: "IBMArabic-SemiBold"; } .events-details-wrapper .events-details__info img { height: 20px; } .events-details-wrapper .events-details__info .title { min-height: auto; margin-bottom: 0; } .events-details-wrapper .events-details__location { border-bottom: 1px solid #d2d6db; padding-bottom: 0.9375rem; } .clicked-tag { cursor: pointer; } .file-infoPreExistingAgreementFile { border: 1px solid #d2d6db; color: #161616; border-radius: 5px; width: 325px; padding: 15px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; font-family: "IBMArabic-Medium"; background-color: #f3f4f6; } @media (max-width: 768px) { .file-infoPreExistingAgreementFile { width: 50%; } } @media (max-width: 576px) { .file-infoPreExistingAgreementFile { width: 100%; } } .file-infoPreExistingAgreementFile .file-namePreExistingAgreementFile { position: relative; -webkit-padding-start: 24px; padding-inline-start: 24px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .file-infoPreExistingAgreementFile .file-namePreExistingAgreementFile::before { width: 18px; height: 18px; content: ""; display: block; position: absolute; inset-inline-start: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk5OTkyIDE5LjE2NjhDMTUuMDYyNSAxOS4xNjY4IDE5LjE2NjYgMTUuMDYyOCAxOS4xNjY2IDEwLjAwMDJDMTkuMTY2NiA0LjkzNzU1IDE1LjA2MjUgMC44MzM0OTYgOS45OTk5MiAwLjgzMzQ5NkM0LjkzNzMxIDAuODMzNDk2IDAuODMzMjUyIDQuOTM3NTUgMC44MzMyNTIgMTAuMDAwMkMwLjgzMzI1MiAxNS4wNjI4IDQuOTM3MzEgMTkuMTY2OCA5Ljk5OTkyIDE5LjE2NjhaTTUuODc1MSA5LjI2NzkzQzUuNTQ5NjYgOS41OTMzNyA1LjU0OTY2IDEwLjEyMSA1Ljg3NTEgMTAuNDQ2NEw4LjIzMjEyIDEyLjgwMzVDOC41NTc1NiAxMy4xMjg5IDkuMDg1MiAxMy4xMjg5IDkuNDEwNjMgMTIuODAzNUwxNC4xMjQ3IDguMDg5NDJDMTQuNDUwMSA3Ljc2Mzk4IDE0LjQ1MDEgNy4yMzYzNCAxNC4xMjQ3IDYuOTEwOTFDMTMuNzk5MiA2LjU4NTQ3IDEzLjI3MTYgNi41ODU0NyAxMi45NDYyIDYuOTEwOTFMOC44MjEzOCAxMS4wMzU3TDcuMDUzNjEgOS4yNjc5M0M2LjcyODE3IDguOTQyNDkgNi4yMDA1NCA4Ljk0MjQ5IDUuODc1MSA5LjI2NzkzWiIgZmlsbD0iIzA2NzY0NyIvPgo8L3N2Zz4K"); background-position: center; background-size: cover; top: 3px; } .file-infoPreExistingAgreementFile .delete-btnPreExistingAgreementFile { border: 0; padding: 0; position: absolute; inset-inline-end: 15px; top: 20px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY0NjQ0NyAwLjY0NjQ0N0MwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNDUxMTg0IDEuMzUzNTUgMC42NDY0NDdMNSA0LjI5Mjg5TDguNjQ2NDUgMC42NDY0NDdDOC44NDE3MSAwLjQ1MTE4NSA5LjE1ODI5IDAuNDUxMTg1IDkuMzUzNTUgMC42NDY0NDdDOS41NDg4MiAwLjg0MTcwOSA5LjU0ODgyIDEuMTU4MjkgOS4zNTM1NSAxLjM1MzU1TDUuNzA3MTEgNUw5LjM1MzU1IDguNjQ2NDVDOS41NDg4MiA4Ljg0MTcxIDkuNTQ4ODIgOS4xNTgyOSA5LjM1MzU1IDkuMzUzNTVDOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS41NDg4MiA4LjY0NjQ1IDkuMzUzNTVMNSA1LjcwNzExTDEuMzUzNTUgOS4zNTM1NUMxLjE1ODI5IDkuNTQ4ODIgMC44NDE3MDkgOS41NDg4MiAwLjY0NjQ0NyA5LjM1MzU1QzAuNDUxMTg0IDkuMTU4MjkgMC40NTExODQgOC44NDE3MSAwLjY0NjQ0NyA4LjY0NjQ1TDQuMjkyODkgNUwwLjY0NjQ0NyAxLjM1MzU1QzAuNDUxMTg1IDEuMTU4MjkgMC40NTExODUgMC44NDE3MDkgMC42NDY0NDcgMC42NDY0NDdaIiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo="); background-size: cover; width: 13px; height: 13px; font-size: 0; } .file-infoCommercialRegisterFile { border: 1px solid #d2d6db; color: #161616; border-radius: 5px; width: 325px; padding: 15px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; font-family: "IBMArabic-Medium"; background-color: #f3f4f6; } @media (max-width: 768px) { .file-infoCommercialRegisterFile { width: 50%; } } @media (max-width: 576px) { .file-infoCommercialRegisterFile { width: 100%; } } .file-infoCommercialRegisterFile .file-nameCommercialRegisterFile { position: relative; -webkit-padding-start: 24px; padding-inline-start: 24px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .file-infoCommercialRegisterFile .file-nameCommercialRegisterFile::before { width: 18px; height: 18px; content: ""; display: block; position: absolute; inset-inline-start: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk5OTkyIDE5LjE2NjhDMTUuMDYyNSAxOS4xNjY4IDE5LjE2NjYgMTUuMDYyOCAxOS4xNjY2IDEwLjAwMDJDMTkuMTY2NiA0LjkzNzU1IDE1LjA2MjUgMC44MzM0OTYgOS45OTk5MiAwLjgzMzQ5NkM0LjkzNzMxIDAuODMzNDk2IDAuODMzMjUyIDQuOTM3NTUgMC44MzMyNTIgMTAuMDAwMkMwLjgzMzI1MiAxNS4wNjI4IDQuOTM3MzEgMTkuMTY2OCA5Ljk5OTkyIDE5LjE2NjhaTTUuODc1MSA5LjI2NzkzQzUuNTQ5NjYgOS41OTMzNyA1LjU0OTY2IDEwLjEyMSA1Ljg3NTEgMTAuNDQ2NEw4LjIzMjEyIDEyLjgwMzVDOC41NTc1NiAxMy4xMjg5IDkuMDg1MiAxMy4xMjg5IDkuNDEwNjMgMTIuODAzNUwxNC4xMjQ3IDguMDg5NDJDMTQuNDUwMSA3Ljc2Mzk4IDE0LjQ1MDEgNy4yMzYzNCAxNC4xMjQ3IDYuOTEwOTFDMTMuNzk5MiA2LjU4NTQ3IDEzLjI3MTYgNi41ODU0NyAxMi45NDYyIDYuOTEwOTFMOC44MjEzOCAxMS4wMzU3TDcuMDUzNjEgOS4yNjc5M0M2LjcyODE3IDguOTQyNDkgNi4yMDA1NCA4Ljk0MjQ5IDUuODc1MSA5LjI2NzkzWiIgZmlsbD0iIzA2NzY0NyIvPgo8L3N2Zz4K"); background-position: center; background-size: cover; top: 3px; } .file-infoCommercialRegisterFile .delete-btnCommercialRegisterFile { border: 0; padding: 0; position: absolute; inset-inline-end: 15px; top: 20px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY0NjQ0NyAwLjY0NjQ0N0MwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNDUxMTg0IDEuMzUzNTUgMC42NDY0NDdMNSA0LjI5Mjg5TDguNjQ2NDUgMC42NDY0NDdDOC44NDE3MSAwLjQ1MTE4NSA5LjE1ODI5IDAuNDUxMTg1IDkuMzUzNTUgMC42NDY0NDdDOS41NDg4MiAwLjg0MTcwOSA5LjU0ODgyIDEuMTU4MjkgOS4zNTM1NSAxLjM1MzU1TDUuNzA3MTEgNUw5LjM1MzU1IDguNjQ2NDVDOS41NDg4MiA4Ljg0MTcxIDkuNTQ4ODIgOS4xNTgyOSA5LjM1MzU1IDkuMzUzNTVDOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS41NDg4MiA4LjY0NjQ1IDkuMzUzNTVMNSA1LjcwNzExTDEuMzUzNTUgOS4zNTM1NUMxLjE1ODI5IDkuNTQ4ODIgMC44NDE3MDkgOS41NDg4MiAwLjY0NjQ0NyA5LjM1MzU1QzAuNDUxMTg0IDkuMTU4MjkgMC40NTExODQgOC44NDE3MSAwLjY0NjQ0NyA4LjY0NjQ1TDQuMjkyODkgNUwwLjY0NjQ0NyAxLjM1MzU1QzAuNDUxMTg1IDEuMTU4MjkgMC40NTExODUgMC44NDE3MDkgMC42NDY0NDcgMC42NDY0NDdaIiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo="); background-size: cover; width: 13px; height: 13px; font-size: 0; } .file-infoNonProfitLicenseFile { border: 1px solid #d2d6db; color: #161616; border-radius: 5px; width: 325px; padding: 15px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; font-family: "IBMArabic-Medium"; background-color: #f3f4f6; } @media (max-width: 768px) { .file-infoNonProfitLicenseFile { width: 50%; } } @media (max-width: 576px) { .file-infoNonProfitLicenseFile { width: 100%; } } .file-infoNonProfitLicenseFile .file-nameNonProfitLicenseFile { position: relative; -webkit-padding-start: 24px; padding-inline-start: 24px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .file-infoNonProfitLicenseFile .file-nameNonProfitLicenseFile::before { width: 18px; height: 18px; content: ""; display: block; position: absolute; inset-inline-start: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk5OTkyIDE5LjE2NjhDMTUuMDYyNSAxOS4xNjY4IDE5LjE2NjYgMTUuMDYyOCAxOS4xNjY2IDEwLjAwMDJDMTkuMTY2NiA0LjkzNzU1IDE1LjA2MjUgMC44MzM0OTYgOS45OTk5MiAwLjgzMzQ5NkM0LjkzNzMxIDAuODMzNDk2IDAuODMzMjUyIDQuOTM3NTUgMC44MzMyNTIgMTAuMDAwMkMwLjgzMzI1MiAxNS4wNjI4IDQuOTM3MzEgMTkuMTY2OCA5Ljk5OTkyIDE5LjE2NjhaTTUuODc1MSA5LjI2NzkzQzUuNTQ5NjYgOS41OTMzNyA1LjU0OTY2IDEwLjEyMSA1Ljg3NTEgMTAuNDQ2NEw4LjIzMjEyIDEyLjgwMzVDOC41NTc1NiAxMy4xMjg5IDkuMDg1MiAxMy4xMjg5IDkuNDEwNjMgMTIuODAzNUwxNC4xMjQ3IDguMDg5NDJDMTQuNDUwMSA3Ljc2Mzk4IDE0LjQ1MDEgNy4yMzYzNCAxNC4xMjQ3IDYuOTEwOTFDMTMuNzk5MiA2LjU4NTQ3IDEzLjI3MTYgNi41ODU0NyAxMi45NDYyIDYuOTEwOTFMOC44MjEzOCAxMS4wMzU3TDcuMDUzNjEgOS4yNjc5M0M2LjcyODE3IDguOTQyNDkgNi4yMDA1NCA4Ljk0MjQ5IDUuODc1MSA5LjI2NzkzWiIgZmlsbD0iIzA2NzY0NyIvPgo8L3N2Zz4K"); background-position: center; background-size: cover; top: 3px; } .file-infoNonProfitLicenseFile .delete-btnNonProfitLicenseFile { border: 0; padding: 0; position: absolute; inset-inline-end: 15px; top: 20px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY0NjQ0NyAwLjY0NjQ0N0MwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNDUxMTg0IDEuMzUzNTUgMC42NDY0NDdMNSA0LjI5Mjg5TDguNjQ2NDUgMC42NDY0NDdDOC44NDE3MSAwLjQ1MTE4NSA5LjE1ODI5IDAuNDUxMTg1IDkuMzUzNTUgMC42NDY0NDdDOS41NDg4MiAwLjg0MTcwOSA5LjU0ODgyIDEuMTU4MjkgOS4zNTM1NSAxLjM1MzU1TDUuNzA3MTEgNUw5LjM1MzU1IDguNjQ2NDVDOS41NDg4MiA4Ljg0MTcxIDkuNTQ4ODIgOS4xNTgyOSA5LjM1MzU1IDkuMzUzNTVDOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS41NDg4MiA4LjY0NjQ1IDkuMzUzNTVMNSA1LjcwNzExTDEuMzUzNTUgOS4zNTM1NUMxLjE1ODI5IDkuNTQ4ODIgMC44NDE3MDkgOS41NDg4MiAwLjY0NjQ0NyA5LjM1MzU1QzAuNDUxMTg0IDkuMTU4MjkgMC40NTExODQgOC44NDE3MSAwLjY0NjQ0NyA4LjY0NjQ1TDQuMjkyODkgNUwwLjY0NjQ0NyAxLjM1MzU1QzAuNDUxMTg1IDEuMTU4MjkgMC40NTExODUgMC44NDE3MDkgMC42NDY0NDcgMC42NDY0NDdaIiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo="); background-size: cover; width: 13px; height: 13px; font-size: 0; } .tags .tag-message-wrapper .tag-message-body .tag-message-body__location { border-bottom: 1px solid #d2d6db; padding-bottom: 0.9375rem; } .tags .tag-message-wrapper .tag-message-body:last-of-type .tag-message-body__location { border-bottom: 0; padding-bottom: 0; } .org-structure-img { width: 100%; height: 100%; } @media (max-width: 992px) { .org-structure-img { width: auto; height: auto; } } ::marker { color: #161616; } ul li { color: #161616; } .tab-pane:has(.accordion-item) .accordion-item:first-child { border-top: 0; } .muneer-trigger-button-box.bottom-left { bottom: 86px; right: 10px; left: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .muneer-trigger-button-box button { padding: 10px; background-color: #fff; } .muneer-trigger-button-box button:hover { padding: 10px; background-color: #074d31; } .muneer-trigger-button-box button:hover .muneer-trigger-button-icon svg { fill: #fff; } .muneer-trigger-button-box button .muneer-trigger-button-icon svg { fill: #1b8354; } .cookie { position: fixed; bottom: 0; background-color: #fff; width: 100%; padding: 2rem; width: 100%; z-index: 999999; -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease; transition: opacity 0.5s ease, -webkit-transform 0.5s ease; transition: opacity 0.5s ease, transform 0.5s ease; transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .cookie.hide { opacity: 0; -webkit-transform: translateY(500px); -ms-transform: translateY(500px); transform: translateY(500px); pointer-events: none; } .cookie_header .close_btn { -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 2px; } .cookie_header .close_btn:hover { background-color: #f3f4f6; } .cookie_header .close_btn:active { background-color: #e5e7eb; } .cookie_header .close_btn:focus { background-color: #fff; -webkit-box-shadow: 0px 0px 0px 2px #161616; box-shadow: 0px 0px 0px 2px #161616; } .cookie_body { color: #384250; font-family: "IBMArabic-Regular"; font-size: 1rem; line-height: 1.5; } .cookie_body p { margin-bottom: 0 !important; } @media (max-width: 576px) { .cookie_body { overflow: auto; max-height: 270px; } } .cookie_footer { margin-top: 0.5rem !important; } .cookie_footer #cookiesBttns { margin: 0 !important; } .cookie_footer * { margin: 5px 0 !important; font-size: 0.875rem; } .cookie_footer .cookie_reject:last-child { margin: 0px !important; padding: 7px 24px 7px 24px; } .cursor-pointer { cursor: pointer; } .centerd-numbered-list .list-group-item:before { position: relative; top: 75px; } .solid-bullet { list-style: disc; } .solid-bullet.color-secondary * { color: #1b8354; } .solid-bullet.color-secondary *::marker { color: #1b8354; } .muneer-trigger-button-box button.icon-position-before { -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2509803922); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2509803922); } .about-swiper__footer .btn-secondary { position: relative; inset-inline-start: 4px; } button[aria-label="Activate Accessibility"], #muneer-trigger-button { background-color: #fff !important; -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2509803922); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2509803922); padding: 10px !important; background-color: #fff; position: fixed; inset-inline-start: 20px; bottom: 98px !important; width: 44px !important; height: 44px !important; color: #074d31 !important; -webkit-transition: all; transition: all; left: auto !important; right: 20px !important; } button[aria-label="Activate Accessibility"] svg, #muneer-trigger-button svg { fill: #074d31 !important; } button[aria-label="Activate Accessibility"]:hover, #muneer-trigger-button:hover { background-color: #074d31 !important; color: #fff !important; } button[aria-label="Activate Accessibility"]:hover svg, #muneer-trigger-button:hover svg { fill: #fff !important; } .section-footer .btn-outline-primary { position: relative; inset-inline-start: 4px; } .news-card a.btn-primary.d-flex.gap-2.align-items-center { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .reload-icon { width: 20px; height: 20px; } .form-group { position: relative; } .form-group .form-control { color: var(--color-primary); } .form-label { margin-bottom: 12px; font-size: 1rem; } .form-label.required:after { content: "*"; color: #d6183a; } .form-group .form-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; font-family: "IBMArabic-Bold", sans-serif; font-size: 1rem; -webkit-padding-start: 16px; padding-inline-start: 16px; color: var(--color-secondary); } @media (max-width: 991.98px) { .form-group .form-label { font-size: 0.875rem; } } .floating-label { position: absolute; top: 10px; inset-inline-start: 1rem; pointer-events: none; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .form-control:not(:-moz-placeholder-shown) ~ .floating-label { transform: translateY(-24px) scale(0.8); background-color: #fafeff; padding-inline: 16px; inset-inline-start: 0.5rem; } .form-control:not(:-ms-input-placeholder) ~ .floating-label { -ms-transform: translateY(-24px) scale(0.8); transform: translateY(-24px) scale(0.8); background-color: #fafeff; padding-inline: 16px; inset-inline-start: 0.5rem; } .form-control:focus ~ .floating-label, .form-control:not(:placeholder-shown) ~ .floating-label { -webkit-transform: translateY(-24px) scale(0.8); -ms-transform: translateY(-24px) scale(0.8); transform: translateY(-24px) scale(0.8); background-color: #fafeff; padding-inline: 16px; inset-inline-start: 0.5rem; } .sub-label { font-size: 0.75rem; } .label-icon { 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; width: 24px; height: 24px; background-color: var(--color-primary); border-radius: 50%; font-size: 0.75rem; } .requiredMsg, .required-field { display: block; color: #d6183a; padding-block: 6px; font-size: 0.875rem; } .form-group .requiredMsg, .form-group .required-field { -webkit-padding-start: 16px; padding-inline-start: 16px; } .characters-count { padding: 0.5rem 0.875rem; color: var(--color-gray-color); } .form-control, input[type="text"].form-control, .form-select { border-radius: 4px; padding: 7px 16px 11px; font-size: 1rem; border-color: #9da4ae; color: #384250 !important; font-family: "IBMArabic-Regular"; background: -webkit-gradient(linear, left top, left bottom, from(#0d121c), to(#0d121c)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); background: linear-gradient(#0d121c, #0d121c), linear-gradient(#fff, #fff); background-size: 0 2px, auto; background-repeat: no-repeat; background-position: center bottom; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background-color: #fff !important; position: relative; } .form-control:focus, input[type="text"].form-control:focus, .form-select:focus { -webkit-box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06); box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06); } .form-control:is(:hover), input[type="text"].form-control:is(:hover), .form-select:is(:hover) { border-color: #384250; outline: 0; color: #161616 !important; } .form-control:is(:active, :focus, :hover), input[type="text"].form-control:is(:active, :focus, :hover), .form-select:is(:active, :focus, :hover) { outline: 0; color: #161616; } .form-control:is(:active, :focus, :hover)::-webkit-input-placeholder, input[type="text"].form-control:is( :active, :focus, :hover )::-webkit-input-placeholder, .form-select:is(:active, :focus, :hover)::-webkit-input-placeholder { color: #161616; } .form-control:is(:active, :focus, :hover)::-moz-placeholder, input[type="text"].form-control:is(:active, :focus, :hover)::-moz-placeholder, .form-select:is(:active, :focus, :hover)::-moz-placeholder { color: #161616; } .form-control:is(:active, :focus, :hover):-ms-input-placeholder, input[type="text"].form-control:is( :active, :focus, :hover ):-ms-input-placeholder, .form-select:is(:active, :focus, :hover):-ms-input-placeholder { color: #161616; } .form-control:is(:active, :focus, :hover)::-ms-input-placeholder, input[type="text"].form-control:is( :active, :focus, :hover )::-ms-input-placeholder, .form-select:is(:active, :focus, :hover)::-ms-input-placeholder { color: #161616; } .form-control:is(:active, :focus, :hover)::placeholder, input[type="text"].form-control:is(:active, :focus, :hover)::placeholder, .form-select:is(:active, :focus, :hover)::placeholder { color: #161616; } .input-group .form-control, .input-group input[type="text"].form-control, .input-group .form-select { -webkit-box-shadow: none; box-shadow: none; } .input-group .form-control:is(:active, :focus), .input-group input[type="text"].form-control:is(:active, :focus), .input-group .form-select:is(:active, :focus) { border-color: rgba(0, 0, 0, 0); } .form-control.secondary, input[type="text"].form-control.secondary, .form-select.secondary { border-color: var(--color-secondary); color: var(--color-secondary); } .form-control.danger, input[type="text"].form-control.danger, .form-select.danger { border-color: var(--color-danger); color: var(--color-danger); } .form-control::-webkit-input-placeholder, input[type="text"].form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder { color: #384250; overflow: visible; font-family: "IBMArabic-Regular"; } .form-control::-moz-placeholder, input[type="text"].form-control::-moz-placeholder, .form-select::-moz-placeholder { color: #384250; overflow: visible; font-family: "IBMArabic-Regular"; } .form-control:-ms-input-placeholder, input[type="text"].form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder { color: #384250; overflow: visible; font-family: "IBMArabic-Regular"; } .form-control::-ms-input-placeholder, input[type="text"].form-control::-ms-input-placeholder, .form-select::-ms-input-placeholder { color: #384250; overflow: visible; font-family: "IBMArabic-Regular"; } .form-control::placeholder, input[type="text"].form-control::placeholder, .form-select::placeholder { color: #384250; overflow: visible; font-family: "IBMArabic-Regular"; } .readonly .form-control, .form-control.readonly, .readonly input[type="text"].form-control, input[type="text"].form-control.readonly, .readonly .form-select, .form-select.readonly { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0.5; } .form-control:disabled, input[type="text"].form-control:disabled, .form-select:disabled { background-color: #eff7fe; border-color: #e1e1e8; } .card .form-control, .card input[type="text"].form-control, .card .form-select { background-color: #fff; } .card .form-control:is(:active, :focus), .card input[type="text"].form-control:is(:active, :focus), .card .form-select:is(:active, :focus) { background-color: #fff; } .card .form-control:disabled, .card input[type="text"].form-control:disabled, .card .form-select:disabled { background-color: #eff7fe; border-color: #e1e1e8; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; appearance: none; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.392' height='12.391' viewBox='0 0 12.392 12.391'%3E%3Cg id='Group_40908' data-name='Group 40908' transform='translate(-342.076 -1810.076)'%3E%3Cline id='Line_79' data-name='Line 79' x1='11.543' y2='11.543' transform='translate(342.5 1810.5)' fill='none' stroke='%23fff' stroke-width='1.2'/%3E%3Cline id='Line_80' data-name='Line 80' x2='11.543' y2='11.543' transform='translate(342.5 1810.5)' fill='none' stroke='%23fff' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: 10px; } .form-select, .content select:not(.ms-cui-cb-input) { -webkit-padding-end: 32px; padding-inline-end: 32px; background-position: 10px; } .readonly .form-select:not(.ms-cui-cb-input), .form-select.readonly, .readonly .content select:not(.ms-cui-cb-input):not(.ms-cui-cb-input), .content select:not(.ms-cui-cb-input).readonly { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237289A0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); } .form-select option, .content select:not(.ms-cui-cb-input) option { font-size: 0.875rem; color: #000; } .form-select.secondary, .content select:not(.ms-cui-cb-input).secondary { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230094D3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); } .form-select.danger, .content select:not(.ms-cui-cb-input).danger { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23F9516F' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); } select, option { font-family: inherit; } input[type="email"], input[type="date"], input.datepicker { text-align: start !important; direction: inherit; } textarea.form-control { border-radius: 4px; padding: 8px 16px 12px; font-size: 1rem; border-color: #9da4ae !important; color: #161616 !important; font-family: "IBMArabic-Regular"; height: 110px; overflow-y: scroll; scroll-padding: 20px; } textarea.form-control::-webkit-scrollbar { width: 20px; height: 20px; } textarea.form-control::-webkit-scrollbar-thumb { background: #074d31; } textarea.form-control::-webkit-scrollbar-track { background: #d2d6db; } textarea.form-control::-webkit-scrollbar-thumb { border-radius: 20px; padding: 10px; background: #d2d6db; height: 15px !important; border: 5px solid #f3f4f6 !important; } textarea.form-control::-webkit-scrollbar-track { padding: 10px; background: #f3f4f6 !important; height: 15px !important; } textarea.form-control.no-scrollbar::-webkit-scrollbar { display: none; } textarea.form-control::-webkit-input-placeholder { color: #161616; } textarea.form-control::-moz-placeholder { color: #161616; } textarea.form-control:-ms-input-placeholder { color: #161616; } textarea.form-control::-ms-input-placeholder { color: #161616; } textarea.form-control::placeholder { color: #161616; } textarea.form-control:hover { border-color: #384250 !important; } .select-container { height: 44px; } .select-container select.secondary { border: 1px solid #fff !important; -webkit-box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.0588235294); box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.0588235294); } .select-container select.secondary:focus { border-color: var(--color-secondary) !important; } .input-group:not(.separate-input-group) { padding: 0; gap: 10px; background-color: #fff; border-radius: 4px; } .input-group:not(.separate-input-group) input:not(.btn) { border-radius: 4px !important; } .input-group:not(.separate-input-group) input:not(.btn):is(:focus, :active) { -webkit-box-shadow: none; box-shadow: none; outline: none; border: 1px solid #9da4ae !important; } .input-group:not(.separate-input-group) input:not(.btn).disabled { opacity: 1; } @media (max-width: 575.98px) { .input-group:not(.separate-input-group) input:not(.btn) { font-size: 0.75rem; } } .input-group:not(.separate-input-group) .input-group-text { background-color: rgba(0, 0, 0, 0); border: 0; -webkit-border-start: 1px solid #dee2e7; border-inline-start: 1px solid #dee2e7; padding-inline: 16px; font-family: "IBMArabic-Bold", sans-serif; color: var(--color-secondary); } .input-group:not(.separate-input-group) .btn { border-radius: 4px !important; } .input-group:not(.separate-input-group) .btn-icon { width: 40px; } .separate-input-group { gap: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .separate-input-group input, .separate-input-group .btn { border-radius: 100px !important; } @media (max-width: 575.98px) { .separate-input-group .form-control { min-width: 150px; } .separate-input-group .btn { width: 100%; } } .check-btn-lg { margin: 0; padding-inline: 8px; } .check-btn-lg input[type="radio"] { display: none; } .check-btn-lg label { 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-align: center; -ms-flex-align: center; align-items: center; padding: 24px; height: 100px; min-width: 150px; border: 1px solid #e6e6e6; gap: 8px; border-radius: 16px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .check-btn-lg label .title { color: var(--color-secondary); } .check-btn-lg label svg { -ms-flex-negative: 0; flex-shrink: 0; height: 24px; } .check-btn-lg label:hover { background-color: var(--color-secondary); border-color: var(--color-secondary); color: #fff; } .check-btn-lg label:hover svg { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .check-btn-lg label:hover .title { color: #fff; } @media (max-width: 575.98px) { .check-btn-lg label { min-width: auto; height: 70px; font-size: 1rem; } } .check-btn-lg input:checked + label { background-color: var(--color-secondary); border: 1px solid var(--color-secondary); color: #fff; } .check-btn-lg input:checked + label svg { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .check-btn-lg input:checked + label .title { color: #fff; } .check-btn-lg td { padding: 0 8px; } .check-btn-lg td label { text-align: center; line-height: 1; gap: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.25rem; font-family: "Somar-SemiBold"; } @media (max-width: 575.98px) { .check-btn-lg td label { font-size: 1rem; } } .form-check:not(.form-switch) { padding: 0; } .form-check:not(.form-switch) .form-check-input { border: 0; -webkit-box-shadow: none; box-shadow: none; height: auto; width: auto; background: none; } .form-check:not(.form-switch) .form-check-input[type="checkbox"] { display: none; } .form-check:not(.form-switch) .form-check-input[type="checkbox"] + .form-check-label { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .form-check:not(.form-switch) .form-check-input[type="checkbox"] + .form-check-label::before { position: absolute; inset-inline-start: 0; inset-block: 0; content: ""; margin: auto; height: 20px; width: 20px; background-color: #fff; border: 1px solid #e6e3fb; border-radius: 4px; background-repeat: no-repeat; background-position: center; background-size: contain; } .form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked { -webkit-box-shadow: none; box-shadow: none; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } .form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked + .form-check-label { color: #161616; } .form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked + .form-check-label::before { -webkit-box-shadow: none; box-shadow: none; border-color: var(--color-secondary); background: var(--color-secondary) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } .form-check:not(.form-switch) .form-check-input[type="checkbox"]:focus, .form-check:not(.form-switch) .form-check-input[type="checkbox"]:active { -webkit-filter: none; filter: none; outline: none; background-color: #fff !important; -webkit-box-shadow: none; box-shadow: none; border-color: #62b34f; } .form-check:not(.form-switch) .form-check-input[type="radio"] { display: none; } .form-check:not(.form-switch) .form-check-input[type="radio"] + .form-check-label { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.875rem; gap: 8px; } .form-check:not(.form-switch) .form-check-input[type="radio"] + .form-check-label::before { position: absolute; inset-inline-start: 0; inset-block: 0; content: ""; margin: auto; height: 25px; width: 25px; border: 1px solid #e6e3fb; background-color: #e4e2ee; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: contain; } .form-check:not(.form-switch) .form-check-input[type="radio"] + .form-check-label.circle-outline::before { border: 1px solid var(--color-border-color); background-color: rgba(0, 0, 0, 0); } .form-check:not(.form-switch) .form-check-input[type="radio"] + .form-check-label.circle-outline::after { position: absolute; inset-inline-start: 6px; inset-block: 0px; content: ""; margin: auto; height: 13px; width: 13px; background-color: var(--color-primary); border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0; } .readonly .form-check:not(.form-switch) .form-check-input[type="radio"] + .form-check-label.circle-outline::after { background-color: var(--color-gray-color); } .form-check:not(.form-switch) .form-check-input[type="radio"]:checked { -webkit-box-shadow: none; box-shadow: none; } .readonly .form-check:not(.form-switch) .form-check-input[type="radio"]:checked + .form-check-label { color: var(--color-gray-color); } .form-check:not(.form-switch) .form-check-input[type="radio"]:checked + .form-check-label::before { -webkit-box-shadow: none; box-shadow: none; background-color: #fff; } .form-check:not(.form-switch) .form-check-input[type="radio"]:checked + .form-check-label.circle-outline::before { border: 1px solid var(--color-primary); background-color: rgba(0, 0, 0, 0); } .readonly .form-check:not(.form-switch) .form-check-input[type="radio"]:checked + .form-check-label.circle-outline::before { border-color: var(--color-gray-color); } .form-check:not(.form-switch) .form-check-input[type="radio"]:checked + .form-check-label.circle-outline::after { opacity: 1; } .form-check:not(.form-switch) .form-check-input[type="radio"]:focus, .form-check:not(.form-switch) .form-check-input[type="radio"]:active { -webkit-filter: none; filter: none; outline: none; background-color: #fff !important; -webkit-box-shadow: none; box-shadow: none; border-color: #62b34f; } .form-check:not(.form-switch) .form-check-label { font-size: 1.125rem; -webkit-padding-start: 40px; padding-inline-start: 40px; font-family: "IBMArabic-Medium"; font-size: 1.125rem !important; } .readonly .form-check:not(.form-switch) .form-check-label { pointer-events: none; } .form-switch input { height: 24px; width: 45px !important; background-color: #1b8354; border-color: rgba(0, 0, 0, 0) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .form-switch input:hover { border-color: #4d5761 !important; background-color: #fff !important; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IC00IDggOCI+PGNpcmNsZSByPSIzIiBmaWxsPSIjNGQ1NzYxIi8+PC9zdmc+") !important; -webkit-box-shadow: 0px 0px 0px 3px #f3f4f6; box-shadow: 0px 0px 0px 3px #f3f4f6; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .form-switch input:active { border-color: #6c737f !important; background-color: #fff !important; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IC00IDggOCI+PGNpcmNsZSByPSIzIiBmaWxsPSIjNmM3MzdmIi8+PC9zdmc+") !important; -webkit-box-shadow: 0px 0px 0px 3px #f3f4f6; box-shadow: 0px 0px 0px 3px #f3f4f6; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-filter: brightness(100%); filter: brightness(100%); } .form-switch input:focus { -webkit-box-shadow: 0px 0px 0px 3px #f3f4f6; box-shadow: 0px 0px 0px 3px #f3f4f6; outline: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-filter: brightness(100%); filter: brightness(100%); -webkit-box-shadow: none; box-shadow: none; } .form-switch input:checked { background-color: #1b8354; border-color: rgba(0, 0, 0, 0) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important; } .captcha-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.25rem; } .captcha-control .captcha { position: relative; } .captcha-control .captcha .captchaimg { position: relative; inset-inline-end: 2px; inset-block: 0; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .captcha-control .captcha .captchaimg .captchaimg { width: 160px; border-radius: 100px; overflow: hidden; } .captcha-control .captcha .captchaimg .refreshcaptcha { position: absolute; inset-inline-end: 0; inset-block: 0; margin: auto; width: 32px; height: 32px; } .datePickerContainer { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } .datePickerContainer input { -webkit-padding-end: 100px; padding-inline-end: 100px; width: 100%; } .datePickerContainer select, .datePickerContainer .custom-select { position: relative; width: 120px !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; line-height: 1; background-color: var(--color-secondary); border-color: var(--color-secondary); color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-image: -webkit-gradient(linear, left top, left bottom, from(#0d121c), to(#0d121c)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); background-image: linear-gradient(#0d121c, #0d121c), linear-gradient(#fff, #fff); background-size: 0 2px, auto; background-repeat: no-repeat; background-position: center bottom; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .datePickerContainer select:is(:active, :focus, :hover), .datePickerContainer .custom-select:is(:active, :focus, :hover) { border-color: #161616; outline: 0; color: #161616; background-size: 100% 2px, auto; } .datePickerContainer select:is(:active, :focus, :hover)::-webkit-input-placeholder, .datePickerContainer .custom-select:is(:active, :focus, :hover)::-webkit-input-placeholder { color: #161616; } .datePickerContainer select:is(:active, :focus, :hover)::-moz-placeholder, .datePickerContainer .custom-select:is(:active, :focus, :hover)::-moz-placeholder { color: #161616; } .datePickerContainer select:is(:active, :focus, :hover):-ms-input-placeholder, .datePickerContainer .custom-select:is(:active, :focus, :hover):-ms-input-placeholder { color: #161616; } .datePickerContainer select:is(:active, :focus, :hover)::-ms-input-placeholder, .datePickerContainer .custom-select:is(:active, :focus, :hover)::-ms-input-placeholder { color: #161616; } .datePickerContainer select:is(:active, :focus, :hover)::placeholder, .datePickerContainer .custom-select:is(:active, :focus, :hover)::placeholder { color: #161616; } .form-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin: 24px 0 0; } .form-actions.top-border { padding-top: 24px; border-top: 1px solid rgba(131, 149, 183, 0.4); } @media (max-width: 575.98px) { .form-actions .btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .max_note { font-size: 0.875rem; color: #b5b0d2; padding: 8px 0; } .search .input-group { padding-inline: 3px; border: 1px solid #d8e3e9; background-color: #fff; gap: 8px; -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; } .theme-dark .search .input-group { border: 1px solid rgba(0, 0, 0, 0); } .search .input-group .form-control { background-color: rgba(0, 0, 0, 0); border: 0; outline: none; -webkit-box-shadow: none; box-shadow: none; } .theme-dark .search .input-group .form-control { color: #000; } .search .input-group button { 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; height: 35px; padding: 0 24px; -webkit-box-shadow: none; box-shadow: none; outline: none; border: 0; border-radius: 50px !important; } .search .input-group button svg { height: 16px; -ms-flex-negative: 0; flex-shrink: 0; } .search .input-group button.btn-icon { width: 35px; padding: 0; } .search .input-group .clear-btn { background-color: rgba(0, 0, 0, 0); opacity: 0.5; } .search .input-group .clear-btn:hover { opacity: 1; } .search .input-group .site-search-btn { 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; border-radius: 50%; min-width: auto; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .custom-popover { --bs-popover-max-width: 200px; --bs-popover-border-color: #b4872d; --bs-popover-header-bg: #b4872d; --bs-popover-header-color: var(--bs-white); --bs-popover-body-padding-x: 0.5rem; --bs-popover-body-padding-y: 0.5rem; } .custom-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="checkbox"].custom-input { border-radius: 2px; width: 28px; height: 28px; border: 1px solid #6c737f; position: relative; cursor: pointer; } input[type="checkbox"].custom-input:active { background-color: #d2d6db !important; border: 1px solid #6c737f !important; } input[type="checkbox"].custom-input:checked:not( .check-content__wrapper input[type="checkbox"].custom-input:checked ):active { background-color: #104631 !important; border: 1px solid #104631 !important; } input[type="radio"].custom-input { border-radius: 50%; } .custom-input::before { display: block; content: ""; width: 14px; height: 14px; -webkit-transition: 120ms -webkit-transform ease-in-out; transition: 120ms -webkit-transform ease-in-out; transition: 120ms transform ease-in-out; transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out; } .custom-input:checked { background-color: #1b8354 !important; border: 1px solid #1b8354 !important; outline: none; } .custom-input:checked:focus { background-color: #1b8354 !important; outline: 2px solid #161616; } .custom-input:checked:hover { background-color: #14573a !important; border: 1px solid #14573a !important; outline: none; } .checkbox-wrapper:has(.custom-input:checked)::after { opacity: 1; } .custom-input:focus { background-color: #fff; -webkit-box-shadow: 0px 0px 0px 5px #161616 !important; box-shadow: 0px 0px 0px 5px #161616 !important; outline: 3px solid #fff !important; } .checkbox-wrapper:has(.custom-input)::after { display: none; } .checkbox-wrapper:has(.custom-input:checked):after, .checkbox-wrapper:has(.form-check-input[type="radio"]:checked):after, .checkbox-wrapper:has(.form-check-input[type="radio"]:checked:active):after { opacity: 1; } input[type="checkbox"].custom-input:checked::before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background-image: url("/Style Library/UDesign/images/checked.svg"); background-position: center; background-repeat: no-repeat; position: absolute; top: 5px; inset-inline-start: 5px; } .check-content { display: -webkit-box; display: -ms-flexbox; display: flex; color: #1f2a37; font-size: 1.125rem; gap: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .checkbox-wrapper { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .checkbox-wrapper:after { content: ""; background-color: #f3f4f6; width: 50px; height: 50px; display: none; border-radius: 50px; position: absolute; top: -11px; z-index: -1; inset-inline-start: -11px; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .checkbox-wrapper .form-check { position: relative; } .checkbox-wrapper .form-check::before { content: ""; border: 2px solid #161616; width: 35px; height: 35px; border-radius: 0px; position: absolute; top: -3px; z-index: -1; inset-inline-start: -4px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: none; } .checkbox-wrapper .form-check.show-before::before { display: block; } .checkbox-wrapper .form-check:focus { background-color: #ff0; } .checkbox-wrapper .form-check:focus ::before { display: block; opacity: 1; background-color: red; } .checkbox-wrapper label.form-check-label.circle-outline.title:active::before { background-color: #d2d6db !important; } .checkbox-wrapper:hover:after, .checkbox-wrapper:active:after { opacity: 1; display: block; } .radio-list { margin-top: 0px; } .reason-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; } @media (max-width: 992px) { .reason-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .reason-wrapper .reason { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .comment-form { width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .form-group .form-label { color: #161616; font-family: "IBMArabic-Regular"; margin-bottom: 5px; font-size: 0.875rem; -webkit-padding-start: 0; padding-inline-start: 0; margin-bottom: 10px; display: block; font-size: 1rem; } .form-group { margin-bottom: 20px; } form ::after label { color: #161616; font-family: "IBMArabic-Regular"; margin-bottom: 5px; font-size: 0.875rem; } form sup { color: #b42318; font-size: 18px; position: relative; top: -2px; } form .text-muted { color: #b42318; opacity: 0; } .form-select { color: #6c737f !important; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); } .events-container .form-select { -webkit-padding-end: 100px !important; padding-inline-end: 100px !important; } @media (max-width: 1400px) { .events-container .form-select { -webkit-padding-end: 32px !important; padding-inline-end: 32px !important; } } .date-control { background-image: url("/Style Library/UDesign/images/select-calendar.svg") !important; background-repeat: no-repeat; background-position: 16px center; background-color: #1b8354 !important; color: #fff !important; background-size: 20px !important; -webkit-padding-start: 50px; padding-inline-start: 40px; background-position: 90%; -webkit-padding-end: 15px !important; padding-inline-end: 15px !important; border: 1px solid rgba(0, 0, 0, 0); } .date-control option { color: #fff !important; } [dir="ltr"] .date-control { background-position: 10%; background-size: 20px !important; } .file-infoDataDetailsFile { border: 1px solid #d2d6db; color: #161616; border-radius: 5px; width: 325px; padding: 15px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; font-family: "IBMArabic-Medium"; background-color: #f3f4f6; } @media (max-width: 768px) { .file-infoDataDetailsFile { width: 50%; } } @media (max-width: 576px) { .file-infoDataDetailsFile { width: 100%; } } .file-infoDataDetailsFile .file-nameDataDetailsFile { position: relative; -webkit-padding-start: 24px; padding-inline-start: 24px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .file-infoDataDetailsFile .file-nameDataDetailsFile::before { width: 18px; height: 18px; content: ""; display: block; position: absolute; inset-inline-start: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk5OTkyIDE5LjE2NjhDMTUuMDYyNSAxOS4xNjY4IDE5LjE2NjYgMTUuMDYyOCAxOS4xNjY2IDEwLjAwMDJDMTkuMTY2NiA0LjkzNzU1IDE1LjA2MjUgMC44MzM0OTYgOS45OTk5MiAwLjgzMzQ5NkM0LjkzNzMxIDAuODMzNDk2IDAuODMzMjUyIDQuOTM3NTUgMC44MzMyNTIgMTAuMDAwMkMwLjgzMzI1MiAxNS4wNjI4IDQuOTM3MzEgMTkuMTY2OCA5Ljk5OTkyIDE5LjE2NjhaTTUuODc1MSA5LjI2NzkzQzUuNTQ5NjYgOS41OTMzNyA1LjU0OTY2IDEwLjEyMSA1Ljg3NTEgMTAuNDQ2NEw4LjIzMjEyIDEyLjgwMzVDOC41NTc1NiAxMy4xMjg5IDkuMDg1MiAxMy4xMjg5IDkuNDEwNjMgMTIuODAzNUwxNC4xMjQ3IDguMDg5NDJDMTQuNDUwMSA3Ljc2Mzk4IDE0LjQ1MDEgNy4yMzYzNCAxNC4xMjQ3IDYuOTEwOTFDMTMuNzk5MiA2LjU4NTQ3IDEzLjI3MTYgNi41ODU0NyAxMi45NDYyIDYuOTEwOTFMOC44MjEzOCAxMS4wMzU3TDcuMDUzNjEgOS4yNjc5M0M2LjcyODE3IDguOTQyNDkgNi4yMDA1NCA4Ljk0MjQ5IDUuODc1MSA5LjI2NzkzWiIgZmlsbD0iIzA2NzY0NyIvPgo8L3N2Zz4K"); background-position: center; background-size: cover; top: 3px; } .file-infoDataDetailsFile .delete-btnDataDetailsFile { border: 0; padding: 0; position: absolute; inset-inline-end: 15px; top: 20px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY0NjQ0NyAwLjY0NjQ0N0MwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNDUxMTg0IDEuMzUzNTUgMC42NDY0NDdMNSA0LjI5Mjg5TDguNjQ2NDUgMC42NDY0NDdDOC44NDE3MSAwLjQ1MTE4NSA5LjE1ODI5IDAuNDUxMTg1IDkuMzUzNTUgMC42NDY0NDdDOS41NDg4MiAwLjg0MTcwOSA5LjU0ODgyIDEuMTU4MjkgOS4zNTM1NSAxLjM1MzU1TDUuNzA3MTEgNUw5LjM1MzU1IDguNjQ2NDVDOS41NDg4MiA4Ljg0MTcxIDkuNTQ4ODIgOS4xNTgyOSA5LjM1MzU1IDkuMzUzNTVDOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS41NDg4MiA4LjY0NjQ1IDkuMzUzNTVMNSA1LjcwNzExTDEuMzUzNTUgOS4zNTM1NUMxLjE1ODI5IDkuNTQ4ODIgMC44NDE3MDkgOS41NDg4MiAwLjY0NjQ0NyA5LjM1MzU1QzAuNDUxMTg0IDkuMTU4MjkgMC40NTExODQgOC44NDE3MSAwLjY0NjQ0NyA4LjY0NjQ1TDQuMjkyODkgNUwwLjY0NjQ0NyAxLjM1MzU1QzAuNDUxMTg1IDEuMTU4MjkgMC40NTExODUgMC44NDE3MDkgMC42NDY0NDcgMC42NDY0NDdaIiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo="); background-size: cover; width: 13px; height: 13px; font-size: 0; } .file-infoLegalDocumentFile { border: 1px solid #d2d6db; color: #161616; border-radius: 5px; width: 325px; padding: 15px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; font-family: "IBMArabic-Medium"; background-color: #f3f4f6; } @media (max-width: 768px) { .file-infoLegalDocumentFile { width: 50%; } } @media (max-width: 576px) { .file-infoLegalDocumentFile { width: 100%; } } .file-infoLegalDocumentFile .file-nameLegalDocumentFile { position: relative; -webkit-padding-start: 24px; padding-inline-start: 24px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .file-infoLegalDocumentFile .file-nameLegalDocumentFile::before { width: 18px; height: 18px; content: ""; display: block; position: absolute; inset-inline-start: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk5OTkyIDE5LjE2NjhDMTUuMDYyNSAxOS4xNjY4IDE5LjE2NjYgMTUuMDYyOCAxOS4xNjY2IDEwLjAwMDJDMTkuMTY2NiA0LjkzNzU1IDE1LjA2MjUgMC44MzM0OTYgOS45OTk5MiAwLjgzMzQ5NkM0LjkzNzMxIDAuODMzNDk2IDAuODMzMjUyIDQuOTM3NTUgMC44MzMyNTIgMTAuMDAwMkMwLjgzMzI1MiAxNS4wNjI4IDQuOTM3MzEgMTkuMTY2OCA5Ljk5OTkyIDE5LjE2NjhaTTUuODc1MSA5LjI2NzkzQzUuNTQ5NjYgOS41OTMzNyA1LjU0OTY2IDEwLjEyMSA1Ljg3NTEgMTAuNDQ2NEw4LjIzMjEyIDEyLjgwMzVDOC41NTc1NiAxMy4xMjg5IDkuMDg1MiAxMy4xMjg5IDkuNDEwNjMgMTIuODAzNUwxNC4xMjQ3IDguMDg5NDJDMTQuNDUwMSA3Ljc2Mzk4IDE0LjQ1MDEgNy4yMzYzNCAxNC4xMjQ3IDYuOTEwOTFDMTMuNzk5MiA2LjU4NTQ3IDEzLjI3MTYgNi41ODU0NyAxMi45NDYyIDYuOTEwOTFMOC44MjEzOCAxMS4wMzU3TDcuMDUzNjEgOS4yNjc5M0M2LjcyODE3IDguOTQyNDkgNi4yMDA1NCA4Ljk0MjQ5IDUuODc1MSA5LjI2NzkzWiIgZmlsbD0iIzA2NzY0NyIvPgo8L3N2Zz4K"); background-position: center; background-size: cover; top: 3px; } .file-infoLegalDocumentFile .delete-btnLegalDocumentFile { border: 0; padding: 0; position: absolute; inset-inline-end: 15px; top: 20px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY0NjQ0NyAwLjY0NjQ0N0MwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNDUxMTg0IDEuMzUzNTUgMC42NDY0NDdMNSA0LjI5Mjg5TDguNjQ2NDUgMC42NDY0NDdDOC44NDE3MSAwLjQ1MTE4NSA5LjE1ODI5IDAuNDUxMTg1IDkuMzUzNTUgMC42NDY0NDdDOS41NDg4MiAwLjg0MTcwOSA5LjU0ODgyIDEuMTU4MjkgOS4zNTM1NSAxLjM1MzU1TDUuNzA3MTEgNUw5LjM1MzU1IDguNjQ2NDVDOS41NDg4MiA4Ljg0MTcxIDkuNTQ4ODIgOS4xNTgyOSA5LjM1MzU1IDkuMzUzNTVDOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS41NDg4MiA4LjY0NjQ1IDkuMzUzNTVMNSA1LjcwNzExTDEuMzUzNTUgOS4zNTM1NUMxLjE1ODI5IDkuNTQ4ODIgMC44NDE3MDkgOS41NDg4MiAwLjY0NjQ0NyA5LjM1MzU1QzAuNDUxMTg0IDkuMTU4MjkgMC40NTExODQgOC44NDE3MSAwLjY0NjQ0NyA4LjY0NjQ1TDQuMjkyODkgNUwwLjY0NjQ0NyAxLjM1MzU1QzAuNDUxMTg1IDEuMTU4MjkgMC40NTExODUgMC44NDE3MDkgMC42NDY0NDcgMC42NDY0NDdaIiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo="); background-size: cover; width: 13px; height: 13px; font-size: 0; } .nice-select { display: inline-block; vertical-align: middle; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; margin-bottom: 20px; } .nice-select::before { content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: 0; background: #161616; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius: 1px; z-index: 99; } .nice-select.input-validation-error::before { background: #b42318; } .nice-select .option.selected.focus { position: relative; } .nice-select .option.selected.focus:after { content: ""; width: 19px; height: 15px; background-image: url("/Style Library/UDesign/images/nice-select-correct.svg"); background-size: cover; display: block; position: absolute; inset-inline-end: 10px; top: 10px; } .nice-select .option.selected { font-weight: normal; } .nice-select li { font-size: 0.875rem; } .nice-select:focus:before, .nice-select:active:before { left: 0; right: 0; } .nice-select.open { background-image: url("/Style Library/UDesign/images/arrow/arrow_black_up.svg") !important; border-color: #9da4ae !important; } .nice-select .option:hover, .nice-select .option.selected.focus:hover { background-color: #f3f4f6; } .nice-select .option.focus, .nice-select .option.selected.focus { background-color: rgba(0, 0, 0, 0); } .nice-select .option { padding: 0 10px; } .nice-select-dropdown { position: relative; z-index: 999 !important; padding: 10px !important; top: 53px; -webkit-box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.8); box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.8); border-radius: 3px !important; border: 1px solid #d2d6db !important; } select.form-select.custom-select.hvr-underline-from-center { display: none; } :-webkit-autofill { border: none; } :autofill { border: none; } .nice-select .option { color: #161616; } select.custom-select { border: none; position: absolute; } .form-radio { width: 25px; height: 25px; vertical-align: bottom; border: 1px solid #1b8354; } .form-check-label { color: #161616; } .form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked + .form-check-label { color: var(--color-secondary); } .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { opacity: 1; } .form-switch .form-check-input { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IC00IDggOCI+PGNpcmNsZSByPSIzIiBmaWxsPSIjMGQxMjFjIi8+PC9zdmc+") !important; border: 2px solid #0d121c !important; -webkit-transition: background-position 0.25s ease-in, background-color 0.25s ease-in, border 0.25s ease-in; transition: background-position 0.25s ease-in, background-color 0.25s ease-in, border 0.25s ease-in; background-color: #fff !important; } .form-switch .form-check-input:checked { background-color: #1b8354 !important; } .form-switch .form-check-input:checked:hover { background-color: #14573a !important; } .form-switch .form-check-input:checked:active { background-color: #104631 !important; } .form-switch .form-check-input:checked:focus { -webkit-box-shadow: none; box-shadow: none; } .form-switch input { border-color: rgba(0, 0, 0, 0) !important; background-color: #1b8354 !important; } .form-check-input:disabled { opacity: 1; background-color: #d2d6db !important; border: #d2d6db !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important; } .form-check-input:disabled:hover { background-color: #d2d6db !important; border: #d2d6db !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important; } .nice-select.form-select.custom-select:active { background-color: #f3f4f6 !important; } .nice-select.form-select.custom-select { -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .nice-select .nice-select-search { margin-inline: 0px !important; } .cookie_body [type="checkbox"] { position: relative; } .cookie_body [type="checkbox"]:focus:after { border: 2px solid #161616; content: ""; inset: -4px; bottom: -6px; position: absolute; top: -6px; } .form-control:is(:active), input[type="text"].form-control:is(:active) { background-size: 100% 2px, auto; box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06) !important; background-size: 100% 2px, auto !important; -webkit-box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06) !important; box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06) !important; background-repeat: no-repeat !important; background-position: bottom !important; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#0d121c)), -webkit-gradient(linear, left top, left bottom, from(#f3f4f6), to(#f3f4f6)); background: linear-gradient(#fff, #0d121c), linear-gradient(#f3f4f6, #f3f4f6); } .form-control:is(:focus), input[type="text"].form-control:is(:focus) { -webkit-box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06); box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06); background-size: 100% 2px, auto !important; } .input-validation-error { border-color: #b42318 !important; outline: 1px solid #b42318 !important; border: 0 !important; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#b42318)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) !important; background: linear-gradient(#fff, #b42318), linear-gradient(#fff, #fff) !important; background-size: 0% 2px, auto !important; background-repeat: no-repeat !important; background-position: bottom !important; } .input-validation-error:focus, .input-validation-error:active { border-color: #b42318 !important; background-size: 100% 2px, auto; box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06) !important; background-size: 100% 2px, auto !important; -webkit-box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06) !important; box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06) !important; background-repeat: no-repeat !important; background-position: bottom !important; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#b42318)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) !important; background: linear-gradient(#fff, #b42318), linear-gradient(#fff, #fff) !important; background-size: 100% 2px, auto !important; background-repeat: no-repeat !important; background-position: bottom !important; } .input-validation-error + .form-select { border-color: #b42318 !important; } .card { background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); padding: 1px; } .card .card-title { font-family: "IBMArabic-Bold"; color: var(--color-text-color); } .card.with-radius { border-radius: 0px; } .card.card-overlay { padding: 0; } .card.card-overlay .card-img { position: relative; height: 380px; z-index: 2; } .card.card-overlay .card-img::before { position: absolute; inset: 0; content: ""; opacity: 1; visibility: visible; z-index: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .card.card-overlay .card-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .card.card-overlay .item-caption { position: absolute; inset-inline: 24px; inset-block-end: 24px; z-index: 3; } .card.card-overlay .item-caption .item-title { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.7; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 1.125rem; visibility: visible; font-family: "IBMArabic-Bold"; color: #fff; } @supports not (-webkit-line-clamp: 1) { .card.card-overlay .item-caption .item-title { display: block; max-height: 30.6px; line-height: 1.7; } } .card.card-overlay .item-caption .item-description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.7; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 0.875rem; visibility: visible; color: #fff; } @supports not (-webkit-line-clamp: 2) { .card.card-overlay .item-caption .item-description { display: block; max-height: 47.6px; line-height: 1.7; } } .card.card-overlay:hover .card-img img { -webkit-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); } .card.video-card .card-img::after { position: absolute; inset: 0; margin: auto; content: ""; width: 55px; height: 55px; background-image: url("/Style Library/UDesign/images/video-icon.svg"); background-repeat: no-repeat; background-position: center; background-size: 55px; z-index: 3; } .card.photo-card .card-img::after { position: absolute; inset: 0; margin: auto; content: ""; width: 55px; height: 55px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88.1' height='75.5' viewBox='0 0 88.1 75.5'%3E%3Cpath id='photo-icon-white' d='M52.2,0h-20a7.147,7.147,0,0,0-6.4,3.9l-3.9,7.7a1.149,1.149,0,0,1-.9.6H11.2A11.332,11.332,0,0,0,0,23.5H0V64.3A11.2,11.2,0,0,0,11.3,75.5H76.8A11.267,11.267,0,0,0,88.1,64.3h0V29.6a3.1,3.1,0,1,0-6.2,0V64.3a5.121,5.121,0,0,1-5.1,5.1H11.3a5.121,5.121,0,0,1-5.1-5.1V23.5a5.121,5.121,0,0,1,5.1-5.1H21a7.147,7.147,0,0,0,6.4-3.9l3.9-7.7a1.149,1.149,0,0,1,.9-.6h20a3.031,3.031,0,0,0,3.1-3,3.119,3.119,0,0,0-3-3.2ZM44,28.8A14.2,14.2,0,1,0,58.2,43h0A14.19,14.19,0,0,0,44,28.8Zm0,4.5a9.653,9.653,0,1,1-9.4,9.4A9.562,9.562,0,0,1,44,33.3Z' fill='%23fff'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: 55px; z-index: 3; } .about-card { position: relative; display: block; border-radius: 16px; background-color: #fff; isolation: isolate; -webkit-box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1); box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1); overflow: hidden; padding-bottom: 10px; height: 100%; } @media (max-width: 992px) { .about-card { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -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; } } .about-card__header { padding: 32px 16px 16px; } .about-card__header .card-title { text-align: center; height: 55px; font-family: "IBMArabic-Bold", sans-serif; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.7; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 1rem; visibility: visible; } @supports not (-webkit-line-clamp: 2) { .about-card__header .card-title { display: block; max-height: 54.4px; line-height: 1.7; } } .about-card__body { padding: 24px 16px; background-color: #fff; } .about-card__body .title { font-family: "IBMArabic-Bold"; font-size: 1.25rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .about-card__body .title, .about-card__body .description { color: #1f2a37; } .about-card__body .description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.7; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 1rem; visibility: visible; font-family: "IBMArabic-Regular"; } @supports not (-webkit-line-clamp: 3) { .about-card__body .description { display: block; max-height: 81.6px; line-height: 1.7; } } .about-card__body .details-icon { 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; border-radius: 50%; background-color: #f3fcf6; width: 50px; height: 50px; margin-bottom: 25px; } .about-card__body .details-icon img { width: 32px; height: 32px; } .about-card__footer { margin: 16px; } .about-card__footer .btn { background-color: #1b8354; border-radius: 4px; color: #fff; font-family: "IBMArabic-Medium"; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .about-card__footer .btn:hover { background-color: #166a45; } .about-card__footer span { text-align: center; } .about-card__footer.full-btn { padding: 0; } .about-card__footer.full-btn .btn { width: 100%; height: 100%; border-radius: 0 0 24px 24px; } .about-card__footer__actions { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; padding: 16px 16px 24px; } .about-card__footer__actions .footer-actions-item:not(:last-of-type) .footer-actions-link::after { position: absolute; inset-block: 0; inset-inline-end: 0; content: ""; height: 20px; margin: auto 0; width: 1px; background-color: rgba(255, 255, 255, 0.5); } .about-card.without-header .about-card__body { padding: 40px 16px 0 16px; border-bottom: 0; } .about-card.without-header .about-card__body:has(.desc) { min-height: 250px; } @media (max-width: 992px) { .about-card.without-header .about-card__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -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; } } .about-card:is(:hover, :focus, :active):not(.no-footer-hover)::before { opacity: 1; visibility: visible; } .about-card:is(:hover, :focus, :active):not(.no-footer-hover) .caption { opacity: 1; visibility: visible; } .about-card.no-footer-hover:is(:hover, :focus, :active)::before { opacity: 1; visibility: visible; } .about-swiper__footer { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 40px 0; } .about-swiper__footer .swiper-horizontal > .swiper-pagination-bullets, .about-swiper__footer .swiper-pagination-bullets.swiper-pagination-horizontal, .about-swiper__footer .swiper-pagination-custom, .about-swiper__footer .swiper-pagination-fraction { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; bottom: inherit; } .img-card { display: block; color: var(--color-secondary); border-radius: 16px; background-color: #fff; height: 100%; border: 1px solid rgba(0, 0, 0, 0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 16px; margin-bottom: 20px; -webkit-box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1); box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1); text-decoration: none !important; } .img-card .title { font-family: "IBMArabic-Bold"; color: #384250; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.7; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 1.125rem; visibility: visible; min-height: 60px; font-size: 1.25rem; } @supports not (-webkit-line-clamp: 2) { .img-card .title { display: block; max-height: 61.2px; line-height: 1.7; } } .img-card__img { position: relative; border-radius: 8px; overflow: hidden; -ms-flex-preferred-size: 350px; flex-basis: 350px; max-width: 100%; height: 260px; -ms-flex-negative: 0; flex-shrink: 0; } .img-card__img img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .img-card__details { position: relative; padding: 30px 0px 0 0px; z-index: 2; } @media (max-width: 992px) { .img-card__details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -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; width: 100%; } } .img-card__details .item-title { font-family: "IBMArabic-Bold"; color: #1f2a37; margin-bottom: 25px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.7; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 1.125rem; visibility: visible; min-height: 91px; } @supports not (-webkit-line-clamp: 3) { .img-card__details .item-title { display: block; max-height: 91.8px; line-height: 1.7; } } .img-card .item-description { display: none; padding: 0; } .img-card.news-card .date { color: #1f2a37; font-family: "IBMArabic-Regular"; font-size: 1.25rem; margin-bottom: 10px; } @media (max-width: 576px) { .img-card.news-card .date { font-size: 1rem; } } .img-card.events-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .img-card.events-card .item-date { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 4px 12px 6px; margin-bottom: 8px; color: var(--color-tertiary); border: 1px solid var(--color-tertiary); font-family: "IBMArabic-Medium"; font-size: 0.75rem; } .img-card.events-card .item-date .divider { background-color: var(--color-tertiary); } .img-card.events-card .badge { -webkit-margin-start: auto; margin-inline-start: auto; color: #fff; } .img-card.events-card .badge.event-type { background-color: var(--color-success); } .img-card.events-card .badge.initiative-type { background-color: gray; } .img-card.events-card .badge.consultation-type { background-color: var(--color-tertiary); } .img-card.events-card .img-card__details { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; 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-align: start; -ms-flex-align: start; align-items: flex-start; } .img-card.events-card .item-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.7; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 1.125rem; visibility: visible; } @supports not (-webkit-line-clamp: 3) { .img-card.events-card .item-title { display: block; max-height: 91.8px; line-height: 1.7; } } .list-view .img-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 767.98px) { .list-view .img-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .list-view .img-card .img-card__img { -ms-flex-preferred-size: 350px; flex-basis: 350px; max-width: 350px; height: 220px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 16px; border-start-end-radius: 0; border-end-end-radius: 0; } @media (max-width: 767.98px) { .list-view .img-card .img-card__img { max-width: 100%; width: 100%; } } .list-view .img-card .date-badge { position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 4px; inset-inline-start: 0; margin-bottom: 12px; border-radius: 50px; } .list-view .img-card .img-card__details { padding: 24px; } .list-view .img-card .item-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.7; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 1rem; visibility: visible; min-height: auto; } @supports not (-webkit-line-clamp: 2) { .list-view .img-card .item-title { display: block; max-height: 54.4px; line-height: 1.7; } } .list-view .img-card .item-description { display: -webkit-box; color: var(--color-text-color); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.7; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 0.875rem; visibility: visible; } @supports not (-webkit-line-clamp: 2) { .list-view .img-card .item-description { display: block; max-height: 47.6px; line-height: 1.7; } } .upcoming-events .img-card .item-title { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 1.7; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 1.125rem; visibility: visible; } @supports not (-webkit-line-clamp: 4) { .upcoming-events .img-card .item-title { display: block; max-height: 122.4px; line-height: 1.7; } } .img-card:is(:hover, :active, :focus) .img-card__img img { -webkit-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); } .img-card:is(:hover, :active, :focus) .badge { background-color: #fff !important; color: var(--color-text-color); } .news.list-view .row > * { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .statistics-card { 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-align: center; -ms-flex-align: center; align-items: center; gap: 16px; margin-bottom: 25px; background-color: #fff; border-radius: 16px; padding: 16px 25px 0 25px; height: 100%; } .statistics-card .icon { 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; width: 60px; height: 60px; margin-bottom: 24px; } .statistics-card .icon img { height: 50px; } .statistics-card .statistics-chart { position: relative; 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; } .statistics-card .statistics-chart .statistics-no { position: absolute; } .statistics-card .statistics-chart .statistics-no::after { content: "%"; margin-left: 0.1em; font-size: 0.8em; } .statistics-card .statistics-no { margin: 0; color: #14573a; font-family: "IBMArabic-Regular"; font-size: 3.125rem; margin: 0; line-height: 1; } .statistics-card .statistics-info { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.7; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 1.0625rem; visibility: visible; width: 180px; text-align: center; color: #1f2a37; font-family: "IBMArabic-Regular"; margin-bottom: 0; } @supports not (-webkit-line-clamp: 2) { .statistics-card .statistics-info { display: block; max-height: 57.8px; line-height: 1.7; } } .statistics-card.white-card { background-color: #fff; padding: 40px 24px 32px; color: var(--color-text-color); border: 1px solid #ebebeb; border-radius: 24px; } .statistics-card.white-card .statistics-no { color: var(--color-text-color); } .contact-card { 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-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(255, 255, 255, 0.5); gap: 16px; height: 100%; padding: 40px 24px; border-radius: 24px; -webkit-box-shadow: 0 0 30px rgba(0, 134, 217, 0.04); box-shadow: 0 0 30px rgba(0, 134, 217, 0.04); } @supports ( (-webkit-backdrop-filter: blur(30px)) or (backdrop-filter: blur(30px)) ) { .contact-card { -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); } } .contact-card .icon { 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; } .contact-card .icon img { height: 50px; } .contact-card .contact-title { margin: 0; font-family: "IBMArabic-Bold"; font-size: 1.25rem; margin: 0; line-height: 1; } .contact-card .contact-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; -webkit-line-clamp: 15; -webkit-box-orient: vertical; line-height: 1.7; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 0.875rem; visibility: visible; color: #7e7e7e; font-family: "IBMArabic-Medium"; } @supports not (-webkit-line-clamp: 15) { .contact-card .contact-info { display: block; max-height: 357px; line-height: 1.7; } } .subscribe-card { 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; background-color: rgba(255, 255, 255, 0.5); gap: 16px; height: 100%; padding: 40px; border-radius: 24px; -webkit-box-shadow: 0 0 30px rgba(0, 134, 217, 0.04); box-shadow: 0 0 30px rgba(0, 134, 217, 0.04); } @supports ( (-webkit-backdrop-filter: blur(30px)) or (backdrop-filter: blur(30px)) ) { .subscribe-card { -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); } } @media (max-width: 767.98px) { .subscribe-card { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .subscribe-card .subscribe-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } @media (max-width: 767.98px) { .subscribe-card .subscribe-container { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .subscribe-card .subscribe-container * { text-align: center; } } .subscribe-card .icon { 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; } .subscribe-card .icon img { height: 50px; } .subscribe-card .subscribe-title { margin: 0; font-family: "IBMArabic-Bold"; font-size: 1.25rem; line-height: 1; margin-bottom: 12px; } .subscribe-card .subscribe-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.7; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 1rem; visibility: visible; color: #7e7e7e; font-family: "IBMArabic-Medium"; } @supports not (-webkit-line-clamp: 2) { .subscribe-card .subscribe-info { display: block; max-height: 54.4px; line-height: 1.7; } } .logo-card { 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; } footer .logo-card .logo-img { position: relative; height: 70px; width: 100%; } footer .logo-card .logo-img img { display: block; max-width: 100%; height: 100%; margin: auto; -o-object-fit: contain; object-fit: contain; opacity: 0.5; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } footer .logo-card:is(:hover, :active, :focus) .logo-img img { opacity: 1; -webkit-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); } .important-links-card { 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; min-height: 150px; padding: 24px; background-color: #fff; border: 1px solid #ebebeb; border-radius: 24px; } .important-links-card .item-img { position: relative; height: 70px; width: 100%; } .important-links-card .item-img img { display: block; max-width: 100%; height: 100%; margin: auto; -o-object-fit: contain; object-fit: contain; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .important-links-card:is(:hover, :active, :focus) .item-img img { -webkit-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); } .list-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px; height: 100%; gap: 20px; border: 1px solid var(--color-border-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .list-card .icon { 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; width: 60px; height: 60px; background-color: var(--color-primary); border: 1px solid var(--color-border-color); border-radius: 50%; } .list-card .icon img { width: 32px; } .list-card .icon.icon-lg { width: 100px; height: 100px; } .list-card .icon.date-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; color: #fff; } .list-card .icon.date-info .day { font-size: 1.5rem; line-height: 1; } .list-card .icon.date-info .month, .list-card .icon.date-info .year { font-size: 0.875rem; } .list-card .icon.bg-light { background-color: var(--color-border-color) !important; } .list-card .icon.file-icon { background-image: url("/Style Library/UDesign/images/files-type/file.svg"); background-repeat: no-repeat; background-size: 24px; background-position: center; } .list-card .icon.file-icon.pdf { background-image: url("/Style Library/UDesign/images/files-type/pdf.svg"); } .list-card .icon.file-icon.ppt { background-image: url("/Style Library/UDesign/images/files-type/ppt.svg"); } .list-card .icon.file-icon.docx { background-image: url("/Style Library/UDesign/images/files-type/docx.svg"); } .list-card .icon.file-icon.png { background-image: url("/Style Library/UDesign/images/files-type/png.svg"); } .list-card .icon.file-icon.jpg { background-image: url("/Style Library/UDesign/images/files-type/jpg.svg"); } .list-card .icon.file-icon.xls { background-image: url("/Style Library/UDesign/images/files-type/xls.svg"); } .list-card .item-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 767.98px) { .list-card .item-info { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } } .list-card .item-info .item-date { color: var(--color-text-color); margin-bottom: 16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .list-card .item-info .item-title { color: var(--color-text-color); margin-bottom: 8px; font-size: 1.375rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .list-card .item-info .item-description { display: block; color: var(--color-text-gray); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .list-card .info-footer, .list-card .info-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; color: var(--color-text-color); } .theme-dark .list-card .info-footer svg, .theme-dark .list-card .info-header svg { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .list-card .info-header { padding: 5px 10px; background-color: var(--color-light); margin-bottom: 8px; } .list-card .info-header .item-title { font-size: 1rem; } .list-card .category { color: var(--color-secondary); } .list-card .btn-icon:hover, .list-card .btn-icon:active, .list-card .btn-icon:focus { background-color: var(--color-primary); } .list-card .btn-icon:hover svg path, .list-card .btn-icon:active svg path, .list-card .btn-icon:focus svg path { fill: #fff; } .list-card:hover:not(.flex-column, .hover-gradient, .no-hover) { background-color: var(--color-primary); border-color: var(--color-primary); } .theme-dark .list-card:hover:not(.flex-column, .hover-gradient, .no-hover) .item-actions .btn-icon:hover, .theme-dark .list-card:hover:not(.flex-column, .hover-gradient, .no-hover) .item-actions .btn-icon:focus, .theme-dark .list-card:hover:not(.flex-column, .hover-gradient, .no-hover) .item-actions .btn-icon:active { background-color: var(--color-primary) !important; } .list-card:hover:not(.flex-column, .hover-gradient, .no-hover) .item-img { background-size: 90px; } .list-card:hover:not(.flex-column, .hover-gradient, .no-hover) .item-img img { -webkit-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); } .list-card:hover:not(.flex-column, .hover-gradient, .no-hover) *, .list-card:hover:not(.flex-column, .hover-gradient, .no-hover) .item-description, .list-card:hover:not(.flex-column, .hover-gradient, .no-hover) .item-title { color: #fff; } .list-card:hover:not(.flex-column, .hover-gradient, .no-hover) *:link:hover, .list-card:hover:not(.flex-column, .hover-gradient, .no-hover) .item-description:link:hover, .list-card:hover:not(.flex-column, .hover-gradient, .no-hover) .item-title:link:hover { color: var(--color-secondary); } .list-card:hover:not(.flex-column, .hover-gradient, .no-hover) a.item-title:hover { color: #fff; text-decoration: none; } .list-card:hover:not(.flex-column, .hover-gradient, .no-hover) svg path { fill: #fff; } .list-card:hover:not(.flex-column, .hover-gradient, .no-hover) .divider { background-color: #fff; } .widget .list-card { padding: 0; height: auto; border: 0; border-radius: 0; padding: 10px 0; gap: 6px; width: 100%; } .widget .list-card .item-date { margin: 0; color: var(--color-text-color); gap: 4px; } .widget .list-card .item-date svg { width: 16px; } .widget .list-card .item-date .date { font-size: 0.875rem; } @media (max-width: 767.98px) { .widget .list-card .item-info { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .widget .list-card .item-info .item-title { color: var(--color-text-color); margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 1.125rem; visibility: visible; } @supports not (-webkit-line-clamp: 2) { .widget .list-card .item-info .item-title { display: block; max-height: 54px; line-height: 1.5; } } .widget .list-card .item-info .item-title + .item-date { margin-top: 5px; } .widget .list-card .item-info .item-description { font-size: 0.875rem; color: var(--color-text-color); } @media (max-width: 767.98px) { .widget .list-card .item-actions { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 !important; } } .widget .list-card .item-actions .btn-icon { background-color: rgba(0, 0, 0, 0) !important; } .widget .list-card .item-actions .btn-icon svg { width: 18px; } .widget .list-card .item-actions .btn-icon:hover { background-color: var(--color-secondary) !important; } .widget .list-card.bg-light { padding: 8px 12px; } .widget .list-card.bg-light:not(:last-child) { margin-bottom: 10px; } .widget .list-card.bg-light:hover { background-color: var(--color-secondary) !important; } .widget .list-card.bg-light:hover .item-info .item-title { color: #fff; } .widget[class*="bg-"] .list-card { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .widget[class*="bg-"] .list-card .item-date { color: #fff; } @media (max-width: 767.98px) { .widget[class*="bg-"] .list-card .item-info { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .widget[class*="bg-"] .list-card .item-info .item-title { color: #fff; } .widget[class*="bg-"] .list-card .item-info .item-description { color: #fff; } .widget[class*="bg-"] .list-card .item-actions .btn-icon { background-color: rgba(0, 0, 0, 0) !important; } .widget[class*="bg-"] .list-card .item-actions .btn-icon svg { width: 18px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .widget[class*="bg-"] .list-card .item-actions .btn-icon:hover { background-color: var(--color-secondary) !important; } .widget[class*="bg-"] .list-card:hover { background-color: rgba(0, 0, 0, 0) !important; border-color: rgba(255, 255, 255, 0.2); } .icon-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 350px; padding: 16px 24px; height: 100%; min-height: 200px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1); box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1); } .icon-card.white-card { background-color: #fff; } .icon-card .icon { 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; width: 32px; height: 32px; margin: 0; } .icon-card .icon img, .icon-card .icon svg { display: block; width: 100%; max-height: 100%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -o-object-fit: contain; object-fit: contain; } .icon-card .icon.icon-lg { height: 250px; width: 100%; margin: auto; } .icon-card .item-info { 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-align: start; -ms-flex-align: start; align-items: start; width: 100%; } .icon-card .item-info .item-date { color: var(--color-text-color); margin-bottom: 8px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .icon-card .item-info .item-title { font-family: "IBMArabic-Bold"; color: #161616; margin-bottom: 0px; font-size: 1rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .icon-card .item-info .item-description { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-family: "IBMArabic-Medium"; color: #606161; text-align: center; padding: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .icon-card .btn-icon { margin-top: 8px; background-color: #f7f7f7; } .icon-card.contact-card { background-color: #f5f5f5; } .icon-card.contact-card .icon { 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; width: 50px; height: 50px; margin: 0 auto 24px; } .icon-card.contact-card .icon img, .icon-card.contact-card .icon svg { display: block; width: 100%; max-height: 100%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .icon-card.contact-card .icon.icon-lg { height: 80px; } .icon-card.contact-card .item-info .item-description { font-size: 0.875rem; } .open-data-page .icon-card .item-info { gap: 12px; } .open-data-page .icon-card .btn { width: 100%; } .social-media .icon-card { background-color: var(--color-secondary); } .social-media .icon-card .item-info .icon img { height: 60px; width: 60px; } .social-media .icon-card .item-info .item-description { color: #fff; } .social-media .icon-card:is(:hover, :active, :focus):not(.no-hover) .item-info .item-description { color: var(--color-tertiary); } .icon-card:is(:hover, :active, :focus):not(.no-hover) .item-description, .icon-card:is(:hover, :active, :focus):not(.no-hover) .item-title { color: var(--color-primary); } .member-card { 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-align: start; -ms-flex-align: start; align-items: start; padding: 16px; height: 100%; background-color: #fff; border-radius: 20px; min-height: 365px; -webkit-box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1); box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1); gap: 15px; } .member-card .member-img { width: 100%; height: 290px; border-radius: 16px; margin-bottom: 12px; overflow: hidden; } .member-card .member-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .member-card .title { font-size: 1.125rem; text-align: center; color: #1f2a37; font-family: "IBMArabic-Regular"; } .member-card .name { font-family: "IBMArabic-Bold"; margin-bottom: 0px; font-size: 1.125rem; text-align: center; color: #1f2a37; } .member-card .job { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #1b8354; margin-bottom: 12px; font-size: 1rem; text-align: start; font-family: "IBMArabic-Regular"; margin-top: 10px; } .member-card .btn-primary { margin-top: 20px; } .performance-statistics-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; padding: 24px; height: 100%; background-color: #fff; border: 1px solid var(--color-primary); border-radius: 10px; } .performance-statistics-card .icon { 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; width: 50px; height: 50px; -ms-flex-negative: 0; flex-shrink: 0; background-color: #d9edfa; border-radius: 8px; } .performance-statistics-card .icon img, .performance-statistics-card .icon svg { height: 28px; max-width: 28px; -o-object-fit: contain; object-fit: contain; } .performance-statistics-card .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .performance-statistics-card .info .count { margin: 0; font-family: "IBMArabic-Bold"; color: var(--color-primary); } .performance-statistics-card .info .title { color: #606161; } .performance-statistics-card.warning { border-color: #feb43f; } .performance-statistics-card.warning .icon { background-color: #fff4e2; } .performance-statistics-card.warning .count { color: #feb43f; } .performance-statistics-card.success { border-color: #0faa6c; } .performance-statistics-card.success .icon { background-color: #dbf2e9; } .performance-statistics-card.success .count { color: #0faa6c; } .performance-statistics-card.orange { border-color: #d96b2b; } .performance-statistics-card.orange .icon { background-color: #fae9df; } .performance-statistics-card.orange .count { color: #d96b2b; } .data-card { height: 100%; border: 1px solid #ebebeb; background-color: #fff; border-radius: 10px; } .data-card__header { padding: 12px 16px; background-color: #f3f4f6; border-radius: 10px 10px 0 0; border: 1px solid #ebebeb; border-bottom: 2px solid #ebebeb; gap: 10px; } .data-card__body { height: calc(100% - 55px); } .data-card--without-header .data-card__body { height: 100%; } .data-card.with-canvas { 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; padding: 32px; } .data-card.with-canvas canvas { width: 75% !important; height: auto !important; max-height: 500px; } @media (max-width: 767.98px) { .data-card.with-canvas canvas { width: 100% !important; } } .progress-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; } .progress-item .progress-title { font-size: 0.875rem; color: #606161; min-width: 60px; text-align: end; } .progress-item .progress { width: 100%; height: 10px; } .progress-item .progress-value { font-size: 0.875rem; font-family: "IBMArabic-Bold"; } .progress-item:not(:last-of-type) { margin-bottom: 16px; } .progress-stacked { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: visible; border-radius: 24px; } @media (max-width: 1200px) { .progress-stacked { margin-bottom: 100px !important; } } .progress-stacked .progress { position: relative; overflow: visible; background-color: rgba(0, 0, 0, 0); } .progress-stacked .progress .progress-bar { width: 100%; overflow: visible; } .progress-stacked .progress .title { position: absolute; inset-inline: 0; text-align: center; inset-block-end: -32px; font-family: "IBMArabic-Bold"; font-size: 1rem; } @media (max-width: 1200px) { .progress-stacked .progress .title { top: 60px; 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; } } .progress-stacked .progress:first-of-type .progress-bar { border-radius: 0px 24px 24px 0; } [dir="ltr"] .progress-stacked .progress:first-of-type .progress-bar { border-radius: 24px 0px 0px 24px; } .progress-stacked .progress:last-of-type .progress-bar { border-start-end-radius: 24px; border-end-end-radius: 24px; } ol.list-group { background-color: rgba(0, 0, 0, 0); } ol.list-group.list-group-flush { counter-reset: li; } ol.list-group.list-group-flush .list-group-item { position: relative; list-style-type: none; background-color: rgba(0, 0, 0, 0); display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-inline: 0; padding-block: 14px; } ol.list-group.list-group-flush .list-group-item:before { content: counter(li); counter-increment: li; color: #606161; font-family: "IBMArabic-Medium"; } .data-card__body ol.list-group { -webkit-padding-end: 16px; padding-inline-end: 16px; max-height: 285px; overflow-y: auto; } .data-card__body ol.list-group::-webkit-scrollbar { width: 8px; height: 8px; } .data-card__body ol.list-group::-webkit-scrollbar-thumb { background: #074d31; } .data-card__body ol.list-group::-webkit-scrollbar-track { background: #ebebeb; } .data-card__body ol.list-group::-webkit-scrollbar-track, .data-card__body ol.list-group::-webkit-scrollbar-thumb { border-radius: 10px; } ul.list-group { background-color: rgba(0, 0, 0, 0); } ul.list-group.list-group-flush { counter-reset: li; } ul.list-group.list-group-flush .list-group-item { position: relative; list-style-type: none; background-color: rgba(0, 0, 0, 0); display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-inline: 0; padding-block: 14px; } ul.list-group.list-group-flush .list-group-item a { color: inherit; } ul.list-group.list-group-flush .list-group-item a:hover { text-decoration: underline; } ul.list-group.list-group-flush .list-group-item .title { min-width: 50%; } ul.list-group.list-group-flush .list-group-item .value { min-width: 50px; text-align: end; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-family: "IBMArabic-Regular" !important; } .data-card__body ul.list-group { max-height: 270px; overflow-y: auto; padding: 0 15px; } .data-card__body ul.list-group::-webkit-scrollbar-thumb { border-radius: 20px; padding: 10px; background: #b8eacb; height: 15px !important; border: 2px solid #e5e7eb !important; } .data-card__body ul.list-group::-webkit-scrollbar-track { padding: 10px; border-radius: 20px; background: #f3f4f6 !important; height: 15px !important; border: 1px solid #e5e7eb; } .data-card__body ul.list-group::-webkit-scrollbar-track, .data-card__body ul.list-group::-webkit-scrollbar-thumb { border-radius: 10px; } .data-card--without-header ul.list-group { max-height: 410px; } .title-with-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .title-with-img img { display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 24px; height: 24px; border: 1px solid #707070; border-radius: 50%; } .browsers { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .browsers .browser-card { display: -webkit-box; display: -ms-flexbox; display: flex; -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; text-align: center; background-color: #f1faff; padding: 24px 16px; border-radius: 12px; } .browsers .browser-card .icon { margin-bottom: 16px; } .browsers .browser-card .icon img { height: 50px; width: 50px; } .browsers .browser-card .browser-title { display: block; text-align: center; font-size: 0.875rem; color: var(--color-secondary); } .browsers .browser-card .visit-count { display: block; text-align: center; font-family: "IBMArabic-Bold"; color: var(--color-secondary); margin: 0; } .browsers .browser-card .visit-title { display: block; text-align: center; font-size: 0.875rem; font-family: "IBMArabic-Medium"; color: var(--color-secondary); } .consulting-card { position: relative; 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-align: start; -ms-flex-align: start; align-items: flex-start; padding: 24px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0); border-radius: 20px; height: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .consulting-card .consulting-img { margin-bottom: 16px; } .consulting-card .consulting-img img { height: 60px; } .consulting-card .consulting-title { font-family: "IBMArabic-Bold"; color: var(--color-text-color); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.7; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 1.25rem; visibility: visible; min-height: 68px; margin-bottom: 24px; } @supports not (-webkit-line-clamp: 2) { .consulting-card .consulting-title { display: block; max-height: 68px; line-height: 1.7; } } .consulting-card:is(:hover, :active, :focus) { border-color: var(--color-primary); } .consulting-card:is(:hover, :active, :focus) .consulting-title { color: var(--color-primary); } .consulting-label { position: absolute; inset-inline-end: 0; inset-block-start: 0; padding: 8px 12px; background-color: rgba(7, 77, 49, 0.1); border-start-end-radius: 16px; border-end-start-radius: 16px; font-size: 0.875rem; color: var(--color-primary); font-family: "IBMArabic-Medium"; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 8px; } .consulting-tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-bottom: 12px; } .consulting-tags__title { color: #606161; font-size: 0.875rem; } .consulting-tags__item { font-size: 0.875rem; padding: 4px 16px 6px; border-radius: 50px; -webkit-margin-start: auto; margin-inline-start: auto; text-align: center; } .consulting-tags__item.sector { background-color: rgba(111, 179, 134, 0.1); color: #6fb386; } .consulting-tags__item.e-comments { background-color: rgba(7, 77, 49, 0.1); color: #074d31; } .consulting-tags__item.consulting-status.finished { background-color: rgba(128, 130, 133, 0.1); color: #808285; } .consulting-tags__item.consulting-status.in-progress { background-color: rgba(116, 192, 235, 0.1); color: #74c0eb; } .consulting-tags__item.consulting-status.soon { background-color: rgba(7, 77, 49, 0.1); color: var(--color-tertiary); } .consulting-details-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 40px 24px; background-color: #fff; border: 1px solid #d2d6db; border-radius: 16px; height: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .consulting-details-card .title { color: var(--color-primary); font-family: "IBMArabic-Bold"; margin: 0; } .consulting-details-card .details-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 4px; color: #1f2a37; } .consulting-details-card .details-item .info-title { font-family: "IBMArabic-Regular"; } .consulting-details-card .details-item .icon { width: 32px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .consulting-details-card .details-item .icon img, .consulting-details-card .details-item .icon svg { height: 24px; width: 24px; } .consulting-details-card .details-item .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; top: -3px; gap: 3px; } .consulting-details-card .details-item .info .info-value { font-family: "IBMArabic-Bold"; color: #1f2a37; } .consulting-details-card .details-item:not(:last-of-type) { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ebebeb; } .consulting-details-card.no-divider .details-item { padding-bottom: 0; border-bottom: 0 !important; } .services-rate-card { 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-align: start; -ms-flex-align: start; align-items: flex-start; padding: 24px; background-color: #fff; border: 1px solid #d2d6db; border-radius: 20px; height: 100%; gap: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .services-rate-card .card-title { margin: 0; color: #384250; font-family: "IBMArabic-Bold"; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.7; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 1.125rem; visibility: visible; } @supports not (-webkit-line-clamp: 2) { .services-rate-card .card-title { display: block; max-height: 61.2px; line-height: 1.7; } } .services-rate-card .service-rate { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; gap: 10px; margin-top: 30px; } .services-rate-card .service-rate .rate-value { color: #161616; font-size: 0.875rem; font-family: "IBMArabic-Regular"; } .services-rate-card .service-rate .rating .rating__list { pointer-events: none; } .services-rate-card .service-rate .rating .rating__list[data-stars="0"] .star svg path { fill: #fff; stroke: var(--color-tertiary); } .services-rate-card .service-rate .rating .rating__list[data-stars="1"] .star:nth-child(5) svg path { fill: var(--color-tertiary) !important; stroke: var(--color-tertiary); } .services-rate-card .service-rate .rating .rating__list[data-stars="2"] .star:nth-child(4) svg path { fill: var(--color-tertiary) !important; stroke: var(--color-tertiary); } .services-rate-card .service-rate .rating .rating__list[data-stars="2"] .star:nth-child(4) ~ .star svg path { fill: var(--color-tertiary) !important; stroke: var(--color-tertiary); } .services-rate-card .service-rate .rating .rating__list[data-stars="3"] .star:nth-child(3) svg path { fill: var(--color-tertiary) !important; stroke: var(--color-tertiary); } .services-rate-card .service-rate .rating .rating__list[data-stars="3"] .star:nth-child(3) ~ .star svg path { fill: var(--color-tertiary) !important; stroke: var(--color-tertiary); } .services-rate-card .service-rate .rating .rating__list[data-stars="4"] .star:nth-child(2) svg path { fill: var(--color-tertiary) !important; stroke: var(--color-tertiary); } .services-rate-card .service-rate .rating .rating__list[data-stars="4"] .star:nth-child(2) ~ .star svg path { fill: var(--color-tertiary) !important; stroke: var(--color-tertiary); } .services-rate-card .service-rate .rating .rating__list[data-stars="5"] .star:nth-child(1) svg path { fill: var(--color-tertiary) !important; stroke: var(--color-tertiary); } .services-rate-card .service-rate .rating .rating__list[data-stars="5"] .star:nth-child(1) ~ .star svg path { fill: var(--color-tertiary) !important; stroke: var(--color-tertiary); } .services-rate-card .service-rate .rating .rating__list > .star:hover svg path { fill: var(--color-tertiary) !important; stroke: var(--color-tertiary); } .services-rate-card .service-rate .rating .rating__list > .star:hover ~ .star svg path { fill: var(--color-tertiary) !important; stroke: var(--color-tertiary); } .services-rate-card .participants { margin-bottom: 0; color: #384250; } .services-rate-card:is(:hover, :active, :focus) .card-title { color: var(--color-primary); } .card-btn { position: absolute; bottom: 30px; right: 20px; left: 20px; text-align: center; } .card-btn .btn { gap: 4px; padding: 0.75rem 1.5rem; } .card-btn .btn span { background: var(--color-tertiary); border-radius: 5px; padding: 1px 5px; font-size: 14px; min-width: 23px; text-align: center; } .permision-card { position: relative; padding: 2.8125rem 2.8125rem 2.8125rem; border: 1px solid var(--color-border-color); border-radius: 1.5625rem; z-index: 1; overflow: hidden; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-padding-end: 9.375rem; padding-inline-end: 9.375rem; background: -webkit-gradient( linear, left top, right top, color-stop(17%, rgb(255, 255, 255)), to(rgb(224, 240, 252)) ); background: linear-gradient( to right, rgb(255, 255, 255) 17%, rgb(224, 240, 252) 100% ); } [dir="ltr"] .permision-card { background: -webkit-gradient( linear, right top, left top, color-stop(17%, rgb(255, 255, 255)), to(rgb(224, 240, 252)) ); background: linear-gradient( to left, rgb(255, 255, 255) 17%, rgb(224, 240, 252) 100% ); } @media (max-width: 991.98px) { .permision-card { padding: 1.5625rem; } } .permision-card::before { position: absolute; content: ""; background-image: url("/Style Library/UDesign/images/directorbg.webp"); background-position: left top; background-repeat: no-repeat; inset: 0; z-index: -1; } [dir="ltr"] .permision-card::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 991.98px) { .permision-card::before { content: none; } } .permision-card__logo { margin-bottom: 2.8125rem; } .permision-card__details { text-align: center; } .permision-card__details__name { margin-bottom: 1.5rem; text-align: center; } .permision-card__details__name span { color: var(--color-orange); font-family: "IBMArabic-Medium"; } .permision-card__details__caption { line-height: 2.3; font-size: 1.125rem; text-align: center; } .permision-card__details__qrcode { margin-top: 2.8125rem; margin-bottom: 1rem; text-align: center; } .alert { font-size: 1rem; margin: 2.5rem 0; border-radius: 0.125rem; } .modal::-webkit-scrollbar { width: 10px; height: 10px; } .modal::-webkit-scrollbar-thumb { background: #1b8354; } .modal::-webkit-scrollbar-track { background: #d1e6dd; } .modal .modal-dialog .modal-content { padding: 32px; border-radius: 16px; background-color: #fff; border: 0; } .theme-dark .modal .modal-dialog .modal-content { background-color: #37435b; } .modal .modal-dialog .modal-content .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0; padding: 16px 0; } .modal .modal-dialog .modal-content .modal-header .modal-title { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; margin: 0; font-size: 1.5rem; color: var(--color-text-color); font-family: "IBMArabic-Bold"; } .modal .modal-dialog .modal-content .modal-header .btn-close { width: 32px; height: 32px; min-width: 0; padding: 0; text-indent: -10000px; border: 1px solid var(--color-primary); background-color: var(--color-primary); font-size: 0.75rem; opacity: 1; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: var(--color-primary) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat; } .modal .modal-dialog .modal-content .modal-header .btn-close:hover { background-color: var(--color-secondary); } .modal .modal-dialog .modal-content .modal-body { padding: 24px 0; } .modal .modal-dialog .modal-content .modal-footer { padding: 0; padding-top: 24px; border: 0; } .modal-backdrop { background-color: rgba(0, 0, 0, 0.8); } .modal-backdrop.show { opacity: 1; } .theme-dark .modal-backdrop { background: rgba(47, 59, 82, 0.8); } .confirmation-modal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 16px 24px; } .confirmation-modal .icon { height: 80px; margin-bottom: 16px; } .confirmation-modal .title { color: var(--color-text-color); } .confirmation-modal .description { font-size: 1rem; text-align: center; color: var(--color-gray-color); } .confirmation-modal .question { font-size: 0.875rem; color: var(--color-primary); margin-bottom: 16px; } .swal2-popup { padding: 32px !important; border-radius: 16px !important; border: 0; } .theme-dark .swal2-popup { background-color: #37435b !important; } .swal2-popup .swal2-title { color: var(--color-text-color) !important; } .swal2-popup .btn { border-radius: 50px !important; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .swal2-container { background-color: rgba(0, 0, 0, 0.8) !important; } .theme-dark .swal2-container { background: rgba(47, 59, 82, 0.8) !important; } .swal2-icon.swal2-question { border-color: var(--color-gray-color) !important; color: var(--color-gray-color) !important; } .swal2-confirm { background-color: var(--color-primary) !important; } .swal2-cancel { border: 1px solid #d33 !important; color: #d33 !important; background: #fff !important; } .swal2-cancel:hover { background-color: #d33 !important; color: #fff !important; } .swal2-html-container { color: var(--color-text-color) !important; } .pagination-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-block: 32px; } .pagination-main .pagination { gap: 8px; padding: 12px 0; margin: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination-main .pagination .more { border: 1px solid #161616 !important; border-radius: 3px !important; } .pagination-main .pagination .more:hover::after { display: none !important; } .pagination-main .pagination .next a { background-image: url("/Style Library/UDesign/images/arrow/left-arrow-black.svg"); background-size: 15px 15px; width: 15px; background-repeat: no-repeat; background-position: center; } [dir="ltr"] .pagination-main .pagination .next a { background-image: url("/Style Library/UDesign/images/arrow/right-arrow-black.svg"); } .pagination-main .pagination .previous a { background-image: url("/Style Library/UDesign/images/arrow/right-arrow-black.svg"); background-size: 15px 15px; width: 15px; background-repeat: no-repeat; background-position: center; } [dir="ltr"] .pagination-main .pagination .previous a { background-image: url("/Style Library/UDesign/images/arrow/left-arrow-black.svg"); } .pagination-main .pagination .page-item { position: relative; -ms-flex-negative: 0; flex-shrink: 0; isolation: isolate; border-radius: 0px; } .pagination-main .pagination .page-item:only-child { 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; padding-inline: 16px; -webkit-box-shadow: none; box-shadow: none; outline: none; border-radius: 0px; isolation: isolate; overflow: hidden; } .pagination-main .pagination .page-item .page-link { 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-box-shadow: none; box-shadow: none; outline: none; height: 32px; min-width: 32px; text-align: center; padding: 0; border: 0; font-family: "IBMArabic-Regular" !important; color: #161616 !important; border-radius: 4px; background-color: rgba(0, 0, 0, 0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration: none !important; } .pagination-main .pagination .page-item .page-link:hover { background-color: #f3f4f6 !important; } .pagination-main .pagination .page-item .page-link[disabled] { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pagination-main .pagination .page-item .control-btn { background-color: rgba(0, 0, 0, 0); isolation: isolate; overflow: hidden; padding: 0 10px; font-family: "IBMArabic-Medium"; border: 2px solid rgba(0, 0, 0, 0); } .pagination-main .pagination .page-item .control-btn svg { height: 12px; } .pagination-main .pagination .page-item .control-btn:is(:hover) { background-color: #f3f4f6; color: #161616; } .pagination-main .pagination .page-item .control-btn:is(:hover)::before { visibility: visible; opacity: 1; } .pagination-main .pagination .page-item .control-btn:is(:hover) svg path { stroke: #fff; } .pagination-main .pagination .page-item .control-btn:is(:focus, :active, .active) { background-color: #e5e7eb; color: #161616; border: 2px solid #161616; } .pagination-main .pagination .page-item .control-btn:not(:first-of-type, :last-of-type) .page-link { height: 32px; min-width: 32px; text-align: center; padding: 0 8px; border: 2px solid rgba(0, 0, 0, 0); } .pagination-main .pagination .page-item .control-btn:not(:first-of-type, :last-of-type) .page-link:focus { border: 2px solid #161616; } .pagination-main .pagination .page-item .control-btn:first-of-type:is(:focus, :active, .active):after, .pagination-main .pagination .page-item .control-btn:last-of-type:is(:focus, :active, .active):after { display: none; } .pagination-main .pagination .page-item .control-btn:is(:focus, :active, .active) { color: #161616; -webkit-box-shadow: none; box-shadow: none; outline: none; } .pagination-main .pagination .page-item .control-btn:is(:focus, :active, .active)::after { content: ""; height: 3px; background-color: #1b8354; width: 80%; display: block; border-radius: 15px; position: absolute; bottom: 0px; inset-inline-end: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } [dir="ltr"] .pagination-main .pagination .page-item .control-btn:is(:focus, :active, .active)::after { inset-inline-start: 50%; inset-inline-end: 0; } .pagination-main .pagination .page-item:is(:focus, :active, .active)::after { content: ""; height: 3px; background-color: #1b8354; width: 80%; display: block; border-radius: 15px; position: absolute; bottom: 0px; inset-inline-end: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } [dir="ltr"] .pagination-main .pagination .page-item:is(:focus, :active, .active)::after { inset-inline-start: 50%; inset-inline-end: 0; } .pagination-main .pagination .next a:focus, .pagination-main .pagination .previous a:focus { border: 2px solid rgba(0, 0, 0, 0) !important; } .page-item.active .page-link:focus { border: 2px solid rgba(0, 0, 0, 0) !important; } .ui-datepicker { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0; background-color: #fff; } .multi-calendar .ui-datepicker { width: 100% !important; background-color: rgba(0, 0, 0, 0); border: 0; } .multi-calendar .ui-datepicker .ui-datepicker-current { border: 1px solid var(--color-primary); display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; height: auto; padding: 4px 24px 8px; border-radius: 100px; color: var(--color-primary); font-family: "IBMArabic-Medium"; } .multi-calendar .ui-datepicker .ui-datepicker-current:is(:hover, :active, :focus) { background-color: var(--color-primary); color: #fff; } .ui-datepicker .ui-datepicker-header { position: relative; 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: start; background-color: #fff; border: none; color: #161616; border-radius: 0; padding: 1.157rem 0.5rem; } .multi-calendar .ui-datepicker .ui-datepicker-header { border: 0; background-color: rgba(0, 0, 0, 0); color: var(--color-primary); } .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { 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: absolute; top: 50%; right: auto; left: auto; width: 1.875rem; height: 1.875rem; cursor: pointer; border-radius: 0; margin-top: -0.9375rem; -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; border-radius: 50%; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before { content: ""; width: 0.75rem; height: 0.75rem; background-repeat: no-repeat; background-position: center center; background-size: contain; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon { display: none; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover { background-color: var(--color-primary); border: none; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover::before { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .ui-datepicker .ui-datepicker-header .ui-datepicker-next { inset-inline-end: 10px; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before { background-image: url("/Style Library/UDesign/images/arrow-left-icon.svg"); } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { inset-inline-end: 30px; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before { background-image: url("/Style Library/UDesign/images/arrow-left-icon.svg"); } [dir="rtl"] .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before { background-image: url("/Style Library/UDesign/images/arrow-right-icon.svg"); } .ui-datepicker .ui-datepicker-header a { color: inherit; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title { line-height: 1.5; font-size: 1rem; margin: 0; font-family: "IBMArabic-Medium"; color: #161616; } .multi-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title { color: var(--color-secondary); } .ui-datepicker .ui-datepicker-header .ui-datepicker-year { border: 0; color: #161616 !important; -webkit-appearance: none; -moz-appearance: none; position: relative; background-image: url("/Style Library/UDesign/images/arrow/arrow_black.svg"); background-repeat: no-repeat; background-position: left; padding-inline: 20px; -webkit-padding-start: 5px; padding-inline-start: 5px; } .ui-datepicker .ui-datepicker-header .ui-datepicker-year:focus, .ui-datepicker .ui-datepicker-header .ui-datepicker-year:focus-visible { border: 0; } .ui-datepicker .ui-datepicker-calendar { margin-bottom: 0; outline: 0; border-radius: 8px; -webkit-box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.1); box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.1); } .ui-datepicker .ui-datepicker-calendar thead tr th { font-family: "IBMArabic-Regular", sans-serif; font-weight: normal; font-size: 0.75rem; background-color: #fff; border: 0.0625rem solid rgba(187, 149, 91, 0.04); padding: 0.7rem 0.5rem; min-width: -webkit-fit-content !important; min-width: -moz-fit-content !important; min-width: fit-content !important; text-align: center; color: #64748b; } .multi-calendar .ui-datepicker .ui-datepicker-calendar thead tr th { background-color: rgba(0, 0, 0, 0); } .ui-datepicker tbody tr { background-color: #fff !important; border: 0 !important; } .ui-datepicker tbody tr td { position: relative; vertical-align: top; font-size: 0.875rem; border: 0; min-width: -webkit-fit-content !important; min-width: -moz-fit-content !important; min-width: fit-content !important; text-align: center; padding: 0; } .ui-datepicker tbody tr td.ui-state-disabled { display: none; border-color: rgba(235, 237, 239, 0.5); } .multi-calendar .ui-datepicker tbody tr td { background-color: rgba(0, 0, 0, 0); border: 0; } .ui-datepicker .ui-state-default { 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: 2.5rem; height: 2.5rem; color: #161616; background-color: rgba(0, 0, 0, 0); border: none; border-radius: 50%; font-family: "IBMArabic-Regular"; } .ui-datepicker .ui-state-default:hover { color: var(--color-tertiary); } .ui-datepicker .ui-state-highlight { color: #fff; border: 1px solid var(--color-secondary); background-color: var(--color-secondary); } .ui-datepicker .ui-state-highlight:hover { color: #fff; background-color: var(--color-success); } .ui-datepicker .ui-state-active { color: var(--color-success); border: 1px solid var(--color-success); } .ui-datepicker .ui-state-active:hover { color: #fff; background-color: var(--color-success); } .ui-datepicker-group { position: relative; height: 100%; min-height: 365px; -webkit-padding-end: 5px; padding-inline-end: 5px; } .multi-calendar .ui-datepicker-group:not(.ui-datepicker-group-last):after { position: absolute; inset-inline-end: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ""; margin: auto 0; height: 200px; width: 1px; background-color: #c2c2c2; } .full-calendar .ui-datepicker { width: 100%; padding: 0; background-color: rgba(0, 0, 0, 0); border: 0; } .full-calendar .ui-datepicker .ui-datepicker-header { 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-color: rgba(0, 0, 0, 0); border: none; color: #161616; gap: 8px; border-radius: 0; padding: 1.157rem 1.25rem; } .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { 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; width: 1.875rem; height: 1.875rem; top: auto; bottom: auto; margin: 0; cursor: pointer; border-radius: 0; -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; border-radius: 50%; } .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before, .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before { content: ""; width: 0.75rem; height: 0.75rem; background-repeat: no-repeat; background-position: center; background-size: contain; } .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon, .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon { display: none; } .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover, .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover { background-color: var(--color-primary); border: none; } .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover::before, .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover::before { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before { background-image: url("/Style Library/UDesign/images/arrow-left-icon.svg"); } [dir="rtl"] .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before { background-image: url("/Style Library/UDesign/images/arrow-right-icon.svg"); } .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { inset-inline-end: 0; position: absolute; } .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before { background-image: url("/Style Library/UDesign/images/arrow-right-icon.svg"); } [dir="rtl"] .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before { background-image: url("/Style Library/UDesign/images/arrow-left-icon.svg"); } .full-calendar .ui-datepicker .ui-datepicker-header a { color: inherit; } .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title { font-size: 1rem; margin: auto 0; height: 1.875rem; font-family: "IBMArabic-Medium"; color: var(--color-secondary); } .full-calendar .ui-datepicker .ui-datepicker-calendar { margin-bottom: 0; } .full-calendar .ui-datepicker .ui-datepicker-calendar thead tr th { font-family: "IBMArabic-Medium", sans-serif; background-color: rgba(0, 0, 0, 0); } .full-calendar .ui-datepicker tbody tr td { border: 0; padding: 8px; } .full-calendar .ui-datepicker tbody tr td.ui-state-disabled { display: none; background-color: #cee7fa; } .full-calendar .ui-datepicker .ui-state-default { 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; width: 100%; min-height: 7.5rem; color: var(--color-text-color); font-size: 1.25rem; font-family: "IBMArabic-Bold"; background-color: #fff; border: none; border-radius: 8px; } .full-calendar .ui-datepicker .ui-state-default:hover { color: #fff; background-color: var(--color-secondary); } .full-calendar .ui-datepicker .ui-state-highlight { color: #fff; border: 1px solid var(--color-success); background-color: var(--color-success); } .full-calendar .ui-datepicker .ui-state-highlight:hover { color: #fff; background-color: var(--color-success); } .full-calendar .ui-datepicker .ui-state-active { color: #fff; background-color: var(--color-success); } .full-calendar .ui-datepicker .ui-state-active:hover { color: #fff; background-color: var(--color-success); } .calendars { border: 0; outline: 0; border-radius: 8px; -webkit-box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.1); box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.1); overflow: hidden; padding-bottom: 10px; background-color: #fff; } .calendars tbody, .calendars td, .calendars tfoot, .calendars th, .calendars thead, .calendars tr { border-color: rgba(0, 0, 0, 0); } .calendars .calendars-month-year { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjk5MjM1IDEuMTI5NEMyLjA5MzkzIDEuMjYzODggMi4zOTcxOCAxLjY2NTM0IDIuNTc3NzkgMS44OTY3NkMyLjkzOTUyIDIuMzYwMjcgMy40MzM3OCAyLjk3NjE4IDMuOTY2OTUgMy41OTAyNkM0LjUwMjgyIDQuMjA3NDQgNS4wNjU3NCA0LjgwODUyIDUuNTY1ODMgNS4yNTAzOUM1LjgxNjYgNS40NzE5NSA2LjAzNjg4IDUuNjQwMzEgNi4yMTg2NSA1Ljc0OTg5QzYuMzg5NjEgNS44NTI5NiA2LjQ5MDYgNS44NzQzOSA2LjQ5MDYgNS44NzQzOUM2LjQ5MDYgNS44NzQzOSA2LjU4ODYyIDUuODUyOTUgNi43NTk1NyA1Ljc0OTlDNi45NDEzNCA1LjY0MDMyIDcuMTYxNjIgNS40NzE5NiA3LjQxMjM4IDUuMjUwMzlDNy45MTI0OCA0LjgwODUyIDguNDc1NCA0LjIwNzQ0IDkuMDExMjcgMy41OTAyNUM5LjU0NDQ0IDIuOTc2MTYgMTAuMDM4NyAyLjM2MDI1IDEwLjQwMDQgMS44OTY3M0MxMC41ODEgMS42NjUzMSAxMC44ODM5IDEuMjY0NDIgMTAuOTg1NCAxLjEyOTk0QzExLjE5MDEgMC44NTIwMDQgMTEuNTgxOCAwLjc5MjA1OCAxMS44NTk3IDAuOTk2NzUxQzEyLjEzNzcgMS4yMDE0NSAxMi4xOTcxIDEuNTkyNjkgMTEuOTkyNCAxLjg3MDYzTDExLjk5MDggMS44NzI3M0MxMS44ODQzIDIuMDEzNzYgMTEuNTcwMiAyLjQyOTYzIDExLjM4NTkgMi42NjU3N0MxMS4wMTYgMy4xMzk3NSAxMC41MDczIDMuNzczODQgOS45NTUxNSA0LjQwOTc2QzkuNDA1NzEgNS4wNDI1NyA4LjgwMDk5IDUuNjkxNDkgOC4yNDAwNiA2LjE4NzEyQzcuOTYwMzEgNi40MzQzIDcuNjc2NzMgNi42NTY1NiA3LjQwNDkzIDYuODIwNDJDNy4xNTAyOCA2Ljk3MzkzIDYuODI3ODcgNy4xMjUgNi40ODkxMSA3LjEyNUM2LjE1MDM1IDcuMTI1IDUuODI3OTQgNi45NzM5MyA1LjU3MzI5IDYuODIwNDFDNS4zMDE0OSA2LjY1NjU2IDUuMDE3OTIgNi40MzQzIDQuNzM4MTYgNi4xODcxMkM0LjE3NzIzIDUuNjkxNDkgMy41NzI1MSA1LjA0MjU4IDMuMDIzMDggNC40MDk3N0MyLjQ3MDk1IDMuNzczODYgMS45NjIyNSAzLjEzOTc4IDEuNTkyMzYgMi42NjU4QzEuNDA3OTcgMi40Mjk1MyAxLjA5MzkgMi4wMTM3MSAwLjk4NzU1OCAxLjg3MjkyTDAuOTg2MTU3IDEuODcxMDdDMC43ODE0NjIgMS41OTMxMyAwLjg0MDU0MSAxLjIwMTQ5IDEuMTE4NDggMC45OTY3OTNDMS4zOTY0IDAuNzkyMTA1IDEuNzg3NjUgMC44NTE0OTMgMS45OTIzNSAxLjEyOTRaIiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo="); background-repeat: no-repeat; background-position: left; padding-inline: 20px !important; -webkit-padding-start: 5px !important; padding-inline-start: 5px !important; -webkit-appearance: none; -moz-appearance: none; color: #161616 !important; position: relative; top: 13px; } [dir="ltr"] .calendars .calendars-month-year { background-position: right; position: relative; } .calendars .calendars-month-year:focus-visible { outline: 0; } .calendars table { outline: 0; display: inline-block; } .calendars .calendars-nav { display: inline-block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; color: #161616; font-family: "IBMArabic-Regular"; padding: 6px 0; } .calendars .calendars-nav a.calendars-cmd { height: 3rem; line-height: 3rem; padding: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .calendars .calendars-nav a.calendars-cmd:hover { background-color: #f3f4f6; } .calendars .calendars-nav a.calendars-cmd:focus { background-color: #e5e7eb; } .calendars .calendars-nav .calendars-cmd-next, .calendars .calendars-nav .calendars-cmd-prev { text-indent: -10000px; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: 15px; background-position: center; width: 3rem; top: 14px; } [dir="ltr"] .calendars .calendars-nav .calendars-cmd-next, [dir="ltr"] .calendars .calendars-nav .calendars-cmd-prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .calendars .calendars-nav .calendars-cmd-next { text-indent: 10000px; } .calendars .calendars-nav .calendars-cmd-prev { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljc0OTUgNS45OTk0OUMxNy43NDk1IDUuNjI1OTMgMTcuNTgzOSA1LjI3OTM3IDE3LjQyNyA1LjAxOTE0QzE3LjI1NzcgNC43MzgzMiAxNy4wMzAxIDQuNDQ4MzkgMTYuNzgwMyA0LjE2NTcyQzE2LjI3OTQgMy41OTg2NCAxNS42MjU3IDIuOTg5NjYgMTQuOTkxMyAyLjQzODhDMTQuMzUzMiAxLjg4NDY5IDEzLjcxNzMgMS4zNzQ0OCAxMy4yNDIzIDEuMDAzNzFDMTMuMDA0NCAwLjgxODAwOSAxMi44MDU5IDAuNjY2NTczIDEyLjY2NjUgMC41NjEyNjJDMTIuNTk2OCAwLjUwODU5MyAxMi41NDE4IDAuNDY3NDIgMTIuNTAzOSAwLjQzOTIyNkwxMi40NjA0IDAuNDA2ODQxTDEyLjQ0ODggMC4zOTgyODhMMTIuNDQ0OCAwLjM5NTMyN0MxMi4xMTEzIDAuMTQ5NjY2IDExLjY0MTQgMC4yMjA1NTYgMTEuMzk1NyAwLjU1NDA1OEMxMS4xNTAxIDAuODg3NTQ1IDExLjIyMTMgMS4zNTcwMiAxMS41NTQ3IDEuNjAyNjlMMTEuNTY3NCAxLjYxMjExTDExLjYwNzUgMS42NDE4OEMxMS42NDI5IDEuNjY4MjggMTEuNjk1MyAxLjcwNzUyIDExLjc2MjMgMS43NTgxM0MxMS44OTY0IDEuODU5MzggMTIuMDg4NSAyLjAwNTk4IDEyLjMxOTMgMi4xODYxNUMxMi43ODE4IDIuNTQ3MTIgMTMuMzk1OSAzLjA0MDAyIDE0LjAwNzggMy41NzEzN0MxNC42MjM0IDQuMTA1OTYgMTUuMjE5NyA0LjY2NDc5IDE1LjY1NjIgNS4xNTg4NkMxNS42ODM4IDUuMTkwMTEgMTUuNzEwNSA1LjIyMDgyIDE1LjczNjQgNS4yNTA5OEwwLjk5OTUxMiA1LjI1MDk4QzAuNTg1Mjk4IDUuMjUwOTggMC4yNDk1MTIgNS41ODY3NyAwLjI0OTUxMiA2LjAwMDk4QzAuMjQ5NTEyIDYuNDE1MTkgMC41ODUyOTkgNi43NTA5OCAwLjk5OTUxMiA2Ljc1MDk4TDE1LjczMzggNi43NTA5OEMxNS43MDg4IDYuNzgwMTggMTUuNjgyOSA2LjgwOTkxIDE1LjY1NjIgNi44NDAxNEMxNS4yMTk3IDcuMzM0MjEgMTQuNjIzNCA3Ljg5MzAzIDE0LjAwNzggOC40Mjc2MkMxMy4zOTU5IDguOTU4OTggMTIuNzgxOCA5LjQ1MTg3IDEyLjMxOTMgOS44MTI4NEMxMi4wODg1IDkuOTkzMDIgMTEuODk2NCAxMC4xMzk2IDExLjc2MjMgMTAuMjQwOUMxMS42OTUzIDEwLjI5MTUgMTEuNjQyOSAxMC4zMzA3IDExLjYwNzUgMTAuMzU3MUwxMS41Njc0IDEwLjM4NjlMMTEuNTU0NyAxMC4zOTYzQzExLjIyMTMgMTAuNjQyIDExLjE1MDEgMTEuMTExNSAxMS4zOTU3IDExLjQ0NDlDMTEuNjQxNCAxMS43Nzg0IDEyLjExMTMgMTEuODQ5MyAxMi40NDQ4IDExLjYwMzdMMTIuNDQ4OCAxMS42MDA3TDEyLjQ2MDQgMTEuNTkyMkwxMi41MDM5IDExLjU1OThDMTIuNTQxOCAxMS41MzE2IDEyLjU5NjggMTEuNDkwNCAxMi42NjY1IDExLjQzNzdDMTIuODA1OSAxMS4zMzI0IDEzLjAwNDQgMTEuMTgxIDEzLjI0MjMgMTAuOTk1M0MxMy43MTczIDEwLjYyNDUgMTQuMzUzMiAxMC4xMTQzIDE0Ljk5MTMgOS41NjAyQzE1LjYyNTcgOS4wMDkzMyAxNi4yNzk0IDguNDAwMzUgMTYuNzgwMyA3LjgzMzI4QzE3LjAzMDEgNy41NTA2IDE3LjI1NzcgNy4yNjA2NyAxNy40MjcgNi45Nzk4NkMxNy41ODI5IDYuNzIxMTkgMTcuNzQ3NSA2LjM3NzIxIDE3Ljc0OTUgNi4wMDYyMiIgZmlsbD0iIzE2MTYxNiIvPgo8L3N2Zz4K"); position: absolute; inset-inline-end: 60px; } .calendars .calendars-nav .calendars-cmd-next { inset-inline-end: 10px; position: absolute; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjUwNDg4IDUuOTk5NTFDMC4yNTA0OTEgNi4zNzMwNyAwLjQxNjE0MiA2LjcxOTYzIDAuNTczMDA4IDYuOTc5ODZDMC43NDIyODQgNy4yNjA2OCAwLjk2OTkzMiA3LjU1MDYgMS4yMTk2NyA3LjgzMzI4QzEuNzIwNjcgOC40MDAzNSAyLjM3NDM2IDkuMDA5MzMgMy4wMDg3MiA5LjU2MDJDMy42NDY4MiAxMC4xMTQzIDQuMjgyNzEgMTAuNjI0NSA0Ljc1Nzc0IDEwLjk5NTNDNC45OTU2NSAxMS4xODEgNS4xOTQxMiAxMS4zMzI0IDUuMzMzNTMgMTEuNDM3N0M1LjQwMzI1IDExLjQ5MDQgNS40NTgyNSAxMS41MzE2IDUuNDk2MDcgMTEuNTU5OEw1LjUzOTY0IDExLjU5MjJMNS41NTEyIDExLjYwMDdMNS41NTUyMSAxMS42MDM3QzUuODg4NzEgMTEuODQ5MyA2LjM1ODY1IDExLjc3ODQgNi42MDQzMSAxMS40NDQ5QzYuODQ5OTYgMTEuMTExNSA2Ljc3ODc3IDEwLjY0MiA2LjQ0NTMgMTAuMzk2M0w2LjQzMjU4IDEwLjM4NjlMNi4zOTI1MyAxMC4zNTcxQzYuMzU3MTEgMTAuMzMwNyA2LjMwNDY4IDEwLjI5MTUgNi4yMzc2OSAxMC4yNDA5QzYuMTAzNjYgMTAuMTM5NiA1LjkxMTUxIDkuOTkzMDIgNS42ODA2OCA5LjgxMjg0QzUuMjE4MjEgOS40NTE4NyA0LjYwNDEyIDguOTU4OTggMy45OTIyMiA4LjQyNzYyQzMuMzc2NiA3Ljg5MzAzIDIuNzgwMyA3LjMzNDIxIDIuMzQzOCA2Ljg0MDE0QzIuMzE2MTkgNi44MDg4OSAyLjI4OTQ3IDYuNzc4MTggMi4yNjM2NSA2Ljc0ODAyTDE3LjAwMDUgNi43NDgwMUMxNy40MTQ3IDYuNzQ4MDEgMTcuNzUwNSA2LjQxMjIzIDE3Ljc1MDUgNS45OTgwMkMxNy43NTA1IDUuNTgzOCAxNy40MTQ3IDUuMjQ4MDEgMTcuMDAwNSA1LjI0ODAxTDIuMjY2MTkgNS4yNDgwMkMyLjI5MTIyIDUuMjE4ODEgMi4zMTcxIDUuMTg5MDkgMi4zNDM4IDUuMTU4ODZDMi43ODAzIDQuNjY0NzkgMy4zNzY2IDQuMTA1OTYgMy45OTIyMiAzLjU3MTM3QzQuNjA0MTIgMy4wNDAwMiA1LjIxODIxIDIuNTQ3MTIgNS42ODA2OCAyLjE4NjE1QzUuOTExNTEgMi4wMDU5OCA2LjEwMzY1IDEuODU5MzggNi4yMzc2OSAxLjc1ODEzQzYuMzA0NjggMS43MDc1MiA2LjM1NzExIDEuNjY4MjggNi4zOTI1MiAxLjY0MTg4TDYuNDMyNTcgMS42MTIxMUw2LjQ0NTMgMS42MDI2OUM2Ljc3ODc3IDEuMzU3MDIgNi44NDk5NiAwLjg4NzU0NCA2LjYwNDMgMC41NTQwNThDNi4zNTg2NCAwLjIyMDU1NiA1Ljg4ODcxIDAuMTQ5NjY2IDUuNTU1MjEgMC4zOTUzMjhMNS41NTEyIDAuMzk4Mjg4TDUuNTM5NjQgMC40MDY4NDFMNS40OTYwNyAwLjQzOTIyNkM1LjQ1ODI1IDAuNDY3NDIxIDUuNDAzMjUgMC41MDg1OTMgNS4zMzM1MyAwLjU2MTI2MkM1LjE5NDEyIDAuNjY2NTc0IDQuOTk1NjQgMC44MTgwMDkgNC43NTc3MyAxLjAwMzcxQzQuMjgyNzEgMS4zNzQ0OCAzLjY0NjgxIDEuODg0NjkgMy4wMDg3MiAyLjQzODhDMi4zNzQzNSAyLjk4OTY2IDEuNzIwNjYgMy41OTg2NSAxLjIxOTY3IDQuMTY1NzJDMC45Njk5MzIgNC40NDg0IDAuNzQyMjg0IDQuNzM4MzIgMC41NzMwMDcgNS4wMTkxNEMwLjQxNzA4NSA1LjI3NzggMC4yNTI0ODEgNS42MjE3OSAwLjI1MDUwNSA1Ljk5Mjc3IiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo="); } .calendars .calendars-month-row .calendars-month { border: 0; background-color: #fff; } .calendars .calendars-month-row .calendars-month .calendars-month-header { display: -webkit-box; display: -ms-flexbox; display: flex; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; gap: 10px; padding-block: 0px; background-color: #fff; -webkit-padding-start: 10px; padding-inline-start: 10px; padding-bottom: 15px; } .calendars .calendars-month-row .calendars-month .calendars-month-header select, .calendars .calendars-month-row .calendars-month .calendars-month-header input { border: 1px solid #fff; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; background-color: rgba(0, 0, 0, 0); color: var(--color-secondary); border-radius: 50px; padding-inline: 12px; } .calendars .calendars-month-row .calendars-month span { text-align: center; } .calendars .calendars-month-row .calendars-month thead { width: 100%; } .calendars .calendars-month-row .calendars-month thead th, .calendars .calendars-month-row .calendars-month thead a { background-color: #fff; color: #64748b; border: 0; text-align: center; padding: 0; } .calendars .calendars-month-row .calendars-month .calendars-selected { background-color: #1b8354; color: #fff; } .calendars .calendars-month-row .calendars-month .calendars-selected:hover { background-color: #166a45; } .calendars .calendars-month-row .calendars-month .calendars-today { border: 2px solid #1b8354; color: #1b8354; font-family: "IBMArabic-Bold"; } .calendars .calendars-month-row .calendars-month .calendars-today:hover { background-color: #dff6e7; } .calendars .calendars-month-row .calendars-month .table tr td, .calendars .calendars-month-row .calendars-month table tr td, .calendars .calendars-month-row .calendars-month .MsoNormalTable tr td, .calendars .calendars-month-row .calendars-month table tr td { padding: 7px; } .calendars .calendars-month-row .calendars-month tbody { width: 100%; } .calendars .calendars-month-row .calendars-month tbody tr td { background-color: #fff; border-color: #fff; color: #161616; font-family: "IBMArabic-Regular"; } .calendars .calendars-month-row .calendars-month tbody tr td a, .calendars .calendars-month-row .calendars-month tbody tr td span { background-color: rgba(0, 0, 0, 0); text-align: center; font-family: "IBMArabic-Regular"; color: #161616; padding: 5px 0px; border-radius: 50%; width: 50px; height: 50px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: inline-block; line-height: 2.5; } .calendars .calendars-month-row .calendars-month tbody tr td a:hover, .calendars .calendars-month-row .calendars-month tbody tr td span:hover { background-color: #e5e7eb; } .calendars .calendars-month-row .calendars-month tbody tr .calendars-other-month:hover { pointer-events: none; background-color: rgba(0, 0, 0, 0); } .calendars .calendars-ctrl { 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; background-color: var(--color-secondary); display: none; } .calendars .calendars-ctrl a.calendars-cmd { height: 3rem; width: 3rem; text-align: center; line-height: 3rem; padding: 0; } .calendars .calendars-ctrl a.calendars-cmd:hover { background-color: rgba(0, 0, 0, 0.12); } .nav-tabs:not(.card-tabs, .tabs-with-img, .media-center-tabs) { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 50px; margin-bottom: 30px; } .nav-tabs:not(.card-tabs, .tabs-with-img, .media-center-tabs) .nav-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; gap: 8px; white-space: nowrap; background-color: rgba(0, 0, 0, 0); color: #384250; font-family: "IBMArabic-Medium"; font-size: 1.25rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-color: rgba(0, 0, 0, 0); position: relative; text-align: center; padding: 15px 12px; position: relative; z-index: 10; -webkit-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0); transition: all 0.3s ease-in-out; } .nav-tabs:not(.card-tabs, .tabs-with-img, .media-center-tabs) .nav-link:after { content: ""; height: 4px; width: calc(100% - 24px); display: block; position: absolute; bottom: -1px; background-color: #161616; border-radius: 4px; z-index: 9; inset-inline-start: 13px; display: none; } @media (max-width: 991.98px) { .nav-tabs:not(.card-tabs, .tabs-with-img, .media-center-tabs) .nav-link { padding: 8px 24px 12px; font-size: 0.875rem; } } .nav-tabs:not(.card-tabs, .tabs-with-img, .media-center-tabs) .nav-link:hover { background-color: #f3f4f6; } .nav-tabs:not(.card-tabs, .tabs-with-img, .media-center-tabs) .nav-link:hover:after { display: block; } .nav-tabs:not(.card-tabs, .tabs-with-img, .media-center-tabs) .nav-link:active { background-color: #e5e7eb; } .nav-tabs:not(.card-tabs, .tabs-with-img, .media-center-tabs) .nav-link:active:after { display: block !important; } .nav-tabs:not(.card-tabs, .tabs-with-img, .media-center-tabs) .nav-link:focus { background-color: rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px 3px #161616; box-shadow: 0px 0px 0px 3px #161616; } .nav-tabs:not(.card-tabs, .tabs-with-img, .media-center-tabs) .nav-link:focus:after { display: none !important; } .nav-tabs:not(.card-tabs, .tabs-with-img, .media-center-tabs) .nav-link.active { font-family: "IBMArabic-Bold"; color: #161616; cursor: default; } .nav-tabs:not(.card-tabs, .tabs-with-img, .media-center-tabs) .nav-link.active:hover { background-color: rgba(0, 0, 0, 0); } .nav-tabs:not(.card-tabs, .tabs-with-img, .media-center-tabs) .nav-link.active:after { content: ""; height: 4px; width: calc(100% - 24px); display: block; position: absolute; bottom: 0px; background-color: #1b8354; border-radius: 4px; z-index: 9; inset-inline-start: 13px; display: block !important; } .widget .nav-tabs:not(.card-tabs, .tabs-with-img, .media-center-tabs) .nav-link.active { background-color: rgba(0, 0, 0, 0); border-bottom: 2px solid #fff; } .nav-tabs:not(.card-tabs, .tabs-with-img, .media-center-tabs) .nav-link.active svg { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } @media (max-width: 575.98px) { .nav-tabs:not(.card-tabs, .tabs-with-img, .media-center-tabs) { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 8px; border-radius: 20px; width: 100%; margin-bottom: 0; } } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { isolation: auto; } .nav-tabs { border-bottom: 0; position: relative; z-index: 1; } .nav-tabs:after { content: ""; height: 4px; width: 100%; display: block; position: absolute; bottom: 0px; background-color: #d2d6db; border-radius: 4px; } @media (max-width: 991.98px) { .nav-tabs:after { display: none; } } .card-tabs { border: 0; gap: 12px; padding-bottom: 24px; overflow-x: auto; overflow-y: hidden; } .card-tabs::-webkit-scrollbar { width: 12px; height: 12px; } .card-tabs::-webkit-scrollbar-thumb { background: #074d31; } .card-tabs::-webkit-scrollbar-track { background: #fff; } .card-tabs .nav-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .card-tabs .nav-item .nav-link { 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; padding: 24px; width: 100%; min-height: 160px; background-color: #fff; border: 1px solid #ebebeb; border-radius: 16px; } .card-tabs .nav-item .nav-link .icon { 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-negative: 0; flex-shrink: 0; } .card-tabs .nav-item .nav-link .icon img { display: block; height: 42px; } .card-tabs .nav-item .nav-link .title { color: #fff; display: none; font-family: "IBMArabic-Bold"; } .card-tabs .nav-item .nav-link::after { position: absolute; inset-block-end: -16px; inset-inline-start: 32px; content: ""; width: 0; height: 0; border-left: 16px solid rgba(0, 0, 0, 0); border-right: 16px solid rgba(0, 0, 0, 0); border-top: 16px solid var(--color-secondary); z-index: 2; display: none; } .card-tabs .nav-item .nav-link.active { background-color: var(--color-secondary); } .card-tabs .nav-item .nav-link.active .icon img, .card-tabs .nav-item .nav-link.active .icon svg { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .card-tabs .nav-item .nav-link.active .title { display: block; } .card-tabs .nav-item .nav-link.active::after { display: block; } .tabs-with-img { border: 0; gap: 0px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .tabs-with-img .nav-item .nav-link { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 8px; padding: 15px 12px; color: #384250; font-family: "IBMArabic-Medium"; } .tabs-with-img .nav-item .nav-link .icon { 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-negative: 0; flex-shrink: 0; } .tabs-with-img .nav-item .nav-link .icon img { display: block; height: 70px; width: 100%; } .tabs-with-img .nav-item .nav-link.active { font-family: "IBMArabic-Bold"; color: #161616; border-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); } .tabs-with-img .nav-item .nav-link.active .icon img, .tabs-with-img .nav-item .nav-link.active .icon svg { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .tabs-with-img .nav-item .nav-link.active .title { color: #161616; } .tabs-with-img .nav-item .nav-link.active::after { display: block; } .details-tab { overflow-x: visible; overflow-y: visible; background-color: rgba(0, 0, 0, 0); padding: 0; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: start !important; margin: 0; gap: 16px; } .details-tab .nav-item .nav-link { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: rgba(0, 0, 0, 0); color: #384250; border: 0; font-size: 0.875rem; white-space: nowrap; font-family: "IBMArabic-Medium"; } .details-tab .nav-item .nav-link .title { color: var(--color-secondary); font-family: "IBMArabic-Bold"; } .details-tab .nav-item .nav-link.active { color: var(--color-primary); } .details-tab .nav-item .nav-link.active .icon img, .details-tab .nav-item .nav-link.active .icon svg { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .details-tab .nav-item .nav-link.active .title { color: #fff; } .details-tab .nav-item .nav-link.active::after { display: block; } .nav-tabs.tabs-with-img:after { display: none; } .nav-tabs.tabs-with-img .active:after { content: ""; height: 4px; width: calc(100% - 24px); display: block; position: absolute; bottom: 0px; background-color: #1b8354 !important; border-radius: 4px; z-index: 9; inset-inline-start: 13px; } .nav-tabs.tabs-with-img .nav-link:after { content: ""; height: 4px; width: calc(100% - 0px); display: block; position: absolute; bottom: 0px; background-color: #161616; border-radius: 4px; z-index: 9; inset-inline-start: 0px; display: none; } .nav-tabs.tabs-with-img .nav-link:hover { background-color: #f3f4f6; border-color: rgba(0, 0, 0, 0); } .nav-tabs.tabs-with-img .nav-link:hover:after { display: block; } .nav-tabs.tabs-with-img .nav-link:focus { background-color: rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px 3px #161616; box-shadow: 0px 0px 0px 3px #161616; } .nav-tabs.tabs-with-img .nav-link:focus:after { display: none !important; } .nav-tabs.tabs-with-img .nav-link:active { background-color: #e5e7eb; } .nav-tabs.tabs-with-img .nav-link:active:after { display: block !important; } .programes #program_Categories li:nth-child(2) .nav-link { position: relative; -webkit-padding-start: 25px; padding-inline-start: 25px; } .programes #program_Categories li:nth-child(2) .nav-link:before { content: ""; background-image: url("/Style Library/UDesign/images/Entity_Icon.svg"); width: 20px; height: 20px; position: absolute; inset-inline-start: 0px; background-repeat: no-repeat; background-position: center; top: 18px; } .programes #program_Categories li:nth-child(3) .nav-link { position: relative; -webkit-padding-start: 25px; padding-inline-start: 25px; } .programes #program_Categories li:nth-child(3) .nav-link:before { content: ""; background-image: url("/Style Library/UDesign/images/Entity_Icon.svg"); width: 20px; height: 20px; position: absolute; inset-inline-start: 0px; background-repeat: no-repeat; background-position: center; top: 18px; } .programes .products-programs-card .about-card__body { min-height: 325px; } .programes .person { position: relative; -webkit-padding-start: 30px; padding-inline-start: 30px; } .programes .person:before { content: ""; background-image: url("/Style Library/UDesign/images/person.svg"); width: 20px; height: 20px; position: absolute; inset-inline-start: 10px; background-repeat: no-repeat; background-position: center; } .programes .bulding { position: relative; -webkit-padding-start: 30px; padding-inline-start: 30px; } .programes .bulding:before { content: ""; background-image: url("/Style Library/UDesign/images/bulding.svg"); width: 20px; height: 20px; position: absolute; inset-inline-start: 10px; background-repeat: no-repeat; background-position: center; } .programes .bg-img li:first-of-type .nav-link { position: relative; -webkit-padding-start: 30px; padding-inline-start: 30px; } .programes .bg-img li:first-of-type .nav-link:before { content: ""; background-image: url("/Style Library/UDesign/images/person.svg"); width: 20px; height: 20px; position: absolute; inset-inline-start: 10px; background-repeat: no-repeat; background-position: center; } .programes .bg-img li:last-of-type .nav-link { position: relative; -webkit-padding-start: 30px; padding-inline-start: 30px; } .programes .bg-img li:last-of-type .nav-link:before { content: ""; background-image: url("/Style Library/UDesign/images/bulding.svg"); width: 20px; height: 20px; position: absolute; inset-inline-start: 10px; background-repeat: no-repeat; background-position: center; } .programes .nav-link { font-size: 1rem !important; } .programes .nav-tabs { margin: 10px 0px !important; } .programes .inner-programTab .nav-link.active:after, .programes .inner-programTab .nav-link:hover:after { display: none !important; } .programes .inner-programTab .nav-tabs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; gap: 0; margin: 25px 0px !important; } .programes .inner-programTab .nav-tabs .active, .programes .inner-programTab .nav-tabs:focus { background-color: #0d121c !important; color: #fff !important; } .programes .inner-programTab .nav-tabs:after { display: none; } .programes .inner-programTab .nav-tabs li:first-child a { border-radius: 0px 12px 12px 0px; -webkit-border-start: 0; border-inline-start: 0; } [dir="ltr"] .programes .inner-programTab .nav-tabs li:first-child a { border-radius: 12px 0px 0px 12px !important; } .programes .inner-programTab .nav-tabs li:last-child a { border-radius: 12px 0px 0px 12px; -webkit-border-end: 0; border-inline-end: 0; } [dir="ltr"] .programes .inner-programTab .nav-tabs li:last-child a { border-radius: 0px 12px 12px 0px; } .programes .inner-programTab .nav-tabs a { font-size: 1.125rem; color: #161616; font-family: "IBMArabic-Regular"; background-color: #f3f4f6; padding: 15px 15px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-border-end: 1px solid #d2d6db; border-inline-end: 1px solid #d2d6db; text-decoration: none; } .programes .inner-programTab .nav-tabs a:hover { color: #161616; } .programes .inner-programTab .nav-tabs a:focus { color: #161616; -webkit-box-shadow: 0px 0px 0px 5px #161616 !important; box-shadow: 0px 0px 0px 5px #161616 !important; outline: 2px solid #fff !important; z-index: 99; } .programes .inner-programTab .nav-tabs a::after { display: none; } .programes .inner-card-wrapper { gap: 35px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 992px) { .programes .inner-card-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .programes .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(33.3333333333% - 25px); flex-basis: calc(33.3333333333% - 25px); height: auto; padding: 0; } @media (max-width: 992px) { .programes .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(50% - 40px); flex-basis: calc(50% - 40px); } } @media (max-width: 768px) { .programes .inner-card-wrapper .about-card { -ms-flex-preferred-size: calc(100% - 40px); flex-basis: calc(100% - 40px); } } .programes .inner-card-wrapper .about-card .description { -webkit-line-clamp: 3; } .tags { position: relative; } .tags ul { gap: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tags ul li { border: 2px solid #e5e7eb; border-radius: 4px; background-color: #f9fafb; padding: 5px 15px; color: #1f2a37; font-size: 0.75rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; position: relative; } .tags ul .active { border-color: #abefc6; color: #085d3a; background-color: #ecfdf3; } .tags ul .blue { border-color: #b2ddff; color: #1849a9; background-color: #eff8ff; } .media-center { position: relative; isolation: isolate; z-index: 2; } .media-center::before { position: absolute; inset: 0; content: ""; background: url("/Style Library/UDesign/images/arrow/media-center-bg.svg"); background-repeat: no-repeat; background-position: top; background-size: cover; z-index: -1; } .media-center .media-center-tabs { gap: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 60px; margin-bottom: 30px; } @media (max-width: 992px) { .media-center .media-center-tabs { margin-top: 15px; margin-bottom: 15px; } } .media-center .media-center-tabs .nav-link.active:after, .media-center .media-center-tabs .nav-link:hover:after { display: none; } .media-center .media-center-tabs .active, .media-center .media-center-tabs:focus { background-color: #0d121c; color: #fff; font-family: "IBMArabic-Regular"; } .media-center .media-center-tabs:after { display: none; } .media-center .media-center-tabs li:first-child button { border-radius: 0px 12px 12px 0px; -webkit-border-end: 0; border-inline-end: 0; } [dir="ltr"] .media-center .media-center-tabs li:first-child button { border-radius: 12px 0px 0px 12px; } @media (max-width: 576px) { .media-center .media-center-tabs li:first-child button { border-radius: 0; } [dir="ltr"] .media-center .media-center-tabs li:first-child button { border-radius: 0 !important; } } .media-center .media-center-tabs li:last-child button { border-radius: 12px 0px 0px 12px; -webkit-border-end: 0; border-inline-end: 0; } [dir="ltr"] .media-center .media-center-tabs li:last-child button { border-radius: 0px 12px 12px 0px; } @media (max-width: 576px) { .media-center .media-center-tabs li:last-child button { border-radius: 0; } } .media-center .media-center-tabs li:last-child button { -webkit-border-end: 1px solid rgba(0, 0, 0, 0) !important; border-inline-end: 1px solid rgba(0, 0, 0, 0) !important; } .media-center .media-center-tabs button { font-size: 1.125rem; color: #0d121c; font-family: "IBMArabic-Regular"; background-color: #f3f4f6; padding: 10px 15px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-border-end: 1px solid #d2d6db !important; border-inline-end: 1px solid #d2d6db !important; border-radius: 0; font-size: 1rem; border-color: #d2d6db !important; border: 0; } @media (max-width: 576px) { .media-center .media-center-tabs button { font-size: 13px; } } .media-center .media-center-tabs button:hover { color: #f3f4f6; background-color: #0d121c; } .media-center .media-center-tabs button::after { display: none; } .procedures .about-card { min-height: auto !important; } .procedures .about-card__body { min-height: 160px !important; height: auto !important; } .table-container .table-responsive::-webkit-scrollbar { width: 12px; height: 12px; } .table-container .table-responsive::-webkit-scrollbar-thumb { background: #074d31; } .table-container .table-responsive::-webkit-scrollbar-track { background: #fff; } .table, table, .MsoNormalTable, table { font-size: 0.875rem; background-color: #fff; border-color: #d2d6db; } .table thead, table thead, .MsoNormalTable thead, table thead { background-color: #f3f4f6; border-top: 0; border-radius: 0; } .table thead tr th, .table thead tr td, table thead tr th, table thead tr td, .MsoNormalTable thead tr th, .MsoNormalTable thead tr td, table thead tr th, table thead tr td { padding: 8px 16px; color: #384250; border-top: 0; white-space: normal; font-weight: normal; text-align: center; vertical-align: middle; min-width: 150px; } .table tr td, table tr td, .MsoNormalTable tr td, table tr td { padding: 4px 15px; color: var(--color-text-color); vertical-align: middle; font-size: 0.875rem; text-align: center; } .table tbody, table tbody, .MsoNormalTable tbody, table tbody { border-end-start-radius: 0; } .table tbody tr td, table tbody tr td, .MsoNormalTable tbody tr td, table tbody tr td { text-align: center; padding-block: 8px; } .table tbody tr:nth-child(even), table tbody tr:nth-child(even), .MsoNormalTable tbody tr:nth-child(even), table tbody tr:nth-child(even) { background-color: #f3f4f6; } .table tbody tr:last-of-type, table tbody tr:last-of-type, .MsoNormalTable tbody tr:last-of-type, table tbody tr:last-of-type { border-end-start-radius: 16px; } .table tbody tr:last-of-type td:first-of-type, table tbody tr:last-of-type td:first-of-type, .MsoNormalTable tbody tr:last-of-type td:first-of-type, table tbody tr:last-of-type td:first-of-type { border-end-start-radius: 16px; } .td-actions { 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; gap: 12px; } .td-actions .btn { position: relative; font-size: 1rem; -ms-flex-negative: 0; flex-shrink: 0; } .td-actions .btn.btn-icon { width: 32px; height: 32px; padding: 0; } .td-actions .btn.btn-icon.outline-secondary { border: 1px solid var(--color-secondary); } .td-actions .btn.btn-icon.outline-secondary:is(:hover, :active, :focus) { background-color: var(--color-secondary); } .td-actions .btn.btn-icon.outline-primary { border: 1px solid var(--color-primary); } .td-actions .btn.btn-icon.outline-danger { border: 1px solid var(--color-danger); } .td-actions .btn.btn-icon.outline-danger:is(:hover, :active, :focus) { background-color: var(--color-danger); } .td-actions .btn.btn-icon svg, .td-actions .btn.btn-icon img { width: 14px; } td[rowspan] { font-family: "IBMArabic-Bold", sans-serif; } .td-title { border-color: var(--color-border-color); } .td-title tr td:first-of-type { background-color: #fafafd; } .td-data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; padding: 4px; color: #161616; } .td-data svg { height: 20px; } .td-data img { height: 40px; height: 40px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; } .td-data.td-dropdown .dropdown-toggle::after { display: none; } @media (max-width: 991px) { .table thead, .with-rich-data .MsoNormalTable thead { display: none; } .table tr, .with-rich-data .MsoNormalTable tr { display: table; width: 100%; } .table tr td, .with-rich-data .MsoNormalTable tr td { display: table-row; position: relative; width: 100%; vertical-align: top; min-height: 36px; border-bottom: 1px solid rgba(131, 149, 183, 0.25) !important; } .table tr td:before, .with-rich-data .MsoNormalTable tr td:before { content: attr(data-th); border-left: 1px solid rgba(131, 149, 183, 0.25); display: table-cell; padding: 10px; width: 130px; line-height: 36px; } .table tr td .td-data, .table tr td p, .table tr td span, .with-rich-data .MsoNormalTable tr td .td-data, .with-rich-data .MsoNormalTable tr td p, .with-rich-data .MsoNormalTable tr td span { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px; } .table tr td .td-actions, .with-rich-data .MsoNormalTable tr td .td-actions { text-align: start; padding: 0 8px; } .table tr:nth-of-type(odd) > *, .with-rich-data .MsoNormalTable tr:nth-of-type(odd) > * { border-bottom: 1px solid rgba(131, 149, 183, 0.25) !important; } .table.no-responsive-bg-color tr td:first-child, .with-rich-data .MsoNormalTable.no-responsive-bg-color tr td:first-child { background-color: #fff; color: var(--color-primary); } .table.no-responsive-bg-color tr:not(:first-child) td:first-child, .with-rich-data .MsoNormalTable.no-responsive-bg-color tr:not(:first-child) td:first-child { background-color: #fff; color: var(--color-primary); border-top: 2px solid var(--color-border-color); } .table [dir="ltr"] .table td:before, .with-rich-data .MsoNormalTable [dir="ltr"] .table td:before { border-left: 0; border-right: 1px solid rgba(131, 149, 183, 0.25); } .with-rich-data .MsoNormalTable { display: block; width: 100% !important; } .with-rich-data .MsoNormalTable tr td::before { display: none; } } td.bg-green { background-color: #d4edda; color: #155724; } td.bg-yellow { background-color: #fff3cd; color: #856404; } td.bg-red { background-color: #f8d7da; color: #721c24; } .status { padding: 8px 24px; border-radius: 50px; font-size: 0.875rem; white-space: nowrap; font-family: "IBMArabic-Medium"; } .td-data .status { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .status.success { background-color: #d4edda; color: #155724; } .status.pending { background-color: #fff3cd; color: #856404; } .status.rejected { background-color: #f8d7da; color: #721c24; } .table-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; } .list-dropdown .dropdown-toggle { background-color: rgba(0, 0, 0, 0); border: 0; } .list-dropdown .dropdown-toggle::after { background-image: url("/Style Library/UDesign/images/arrow/arrow_black.svg"); width: 13px; height: 12px; background-repeat: no-repeat; background-size: contain; border: 0; margin-top: 10px; } .search-count { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; font-family: "HelveticaNeueLTArabic-Bold", sans-serif; } .search-count .title { font-size: 0.875rem; margin-bottom: 8px; } .search-count .counter { 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; width: 32px; height: 32px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 0.875rem; padding-bottom: 4px; background-color: #e5efe3; color: var(--color-primary); border-radius: 50%; } .table-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; } @media (max-width: 575.98px) { .table-footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .table-footer .items-number { color: #81abc2; white-space: nowrap; font-size: 0.875rem; } @media (max-width: 575.98px) { .table-footer .items-number { width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } } .MsoNormalTable { min-width: 100%; border-color: #d2d6db !important; } .MsoNormalTable th { color: #fff; border-color: #d2d6db !important; font-family: "HelveticaNeueLTArabic-Bold", sans-serif !important; } .MsoNormalTable th, .MsoNormalTable td { display: table-cell; border-color: #d2d6db !important; padding: 8px 16px !important; } .MsoNormalTable th *, .MsoNormalTable td * { margin: 0; } .download-actions-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 !important; margin: 0 !important; gap: 10px; } .download-actions-list__item .download-action { 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-align: center; -ms-flex-align: center; align-items: center; border-radius: 12px; color: var(--color-text-color); } .download-actions-list__item .download-action .download-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 12px; width: 100%; gap: 8px; border-radius: 8px; background-color: #fff; border: 1px solid #d2d6db; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .download-actions-list__item .download-action .download-btn img { -ms-flex-negative: 0; flex-shrink: 0; height: 28px; } .download-actions-list__item .download-action .download-btn .count { color: var(--color-text-color); font-size: 1rem; font-family: "IBMArabic-Bold"; } .download-actions-list__item .download-action .download-btn .icon svg { height: 16px; -webkit-margin-start: 16px; margin-inline-start: 16px; } .download-actions-list__item .download-action:is(:hover, :active, :focus) .download-btn { background-color: var(--color-secondary); color: #fff; border-color: var(--color-secondary); } .download-actions-list__item .download-action:is(:hover, :active, :focus) .count { color: #fff; } .download-actions-list__item .download-action:is(:hover, :active, :focus) img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .download-actions-list__item .download-action:is(:hover, :active, :focus) svg path { fill: #fff; } .partnership_tabel { border-radius: 25px; background-color: #fff; } .partnership_tabel .table { margin: 0; } .partnership_tabel .table-striped > tbody > tr:nth-child(odd) > td, .partnership_tabel .table-striped > tbody > tr:nth-child(odd) > th { background-color: #fff !important; --bs-table-accent-bg: #fff; color: #161616; } .partnership_tabel .table-striped > tbody > tr:nth-child(even) > td, .partnership_tabel .table-striped > tbody > tr:nth-child(even) > th { background-color: #f3f4f6 !important; --bs-table-accent-bg: #f3f4f6; color: #161616; } .partnership_tabel .table > :not(caption) > * > * { font-size: 18px; } @media (max-width: 991px) { .partnership_tabel .table > :not(caption) > * > * { width: 33%; font-size: 13px; padding: 10px 8px; } } .partnership_tabel .table > :not(:first-child) { border-top: 0; } .partnership_tabel .table tbody tr:last-of-type td:first-of-type, .partnership_tabel .MsoNormalTable tbody tr:last-of-type td:first-of-type { border-end-start-radius: 0; border: 0; } .partnership_tabel tbody, .partnership_tabel td, .partnership_tabel tfoot, .partnership_tabel th, .partnership_tabel thead, .partnership_tabel tr { border-color: #e0e9f0; } .partnership_tabel .table tbody tr td, .partnership_tabel .MsoNormalTable tbody tr td { text-align: start; font-size: 17px; font-family: "IBMArabic-Medium"; } @media (max-width: 991px) { .partnership_tabel .table tbody tr td, .partnership_tabel .MsoNormalTable tbody tr td { font-size: 15px; } } .partnership_tabel .table { border-radius: 25px 25px 0 0; overflow: hidden; } .partnership_tabel .table thead tr th, .partnership_tabel .table .table thead tr td, .partnership_tabel .table .MsoNormalTable thead tr th, .partnership_tabel .table .MsoNormalTable thead tr td { padding: 15px 30px; font-size: 18px; font-family: "IBMArabic-Bold"; text-align: start; } @media (max-width: 991px) { .partnership_tabel .table thead tr th, .partnership_tabel .table .table thead tr td, .partnership_tabel .table .MsoNormalTable thead tr th, .partnership_tabel .table .MsoNormalTable thead tr td { font-size: 15px; padding: 15px; text-align: center; } } .partnership_tabel .table tbody tr { font-family: "IBMArabic-Bold"; color: #1b8354; font-size: 16px; padding-bottom: 50px; } @media (max-width: 991px) { .partnership_tabel .table thead, .partnership_tabel .with-rich-data .MsoNormalTable thead { display: block; } .partnership_tabel .table tr, .partnership_tabel .with-rich-data .MsoNormalTable tr { display: table; width: 100%; } .partnership_tabel .table tr td, .partnership_tabel .with-rich-data .MsoNormalTable tr td { display: block; position: relative; width: 100%; vertical-align: top; min-height: 36px; border-bottom: 0; } .partnership_tabel .table tr td:before, .partnership_tabel .with-rich-data .MsoNormalTable tr td:before { content: attr(data-th); border-left: 1px solid rgba(131, 149, 183, 0.25); display: table-cell; padding: 10px; width: 130px; line-height: 36px; display: none; } .partnership_tabel .table tr td .td-data, .partnership_tabel .table tr td p, .partnership_tabel .table tr td span, .partnership_tabel .with-rich-data .MsoNormalTable tr td .td-data, .partnership_tabel .with-rich-data .MsoNormalTable tr td p, .partnership_tabel .with-rich-data .MsoNormalTable tr td span { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px; } .partnership_tabel .table tr td .td-actions, .partnership_tabel .with-rich-data .MsoNormalTable tr td .td-actions { text-align: start; padding: 0 8px; } .partnership_tabel .table tr td:first-child, .partnership_tabel .with-rich-data .MsoNormalTable tr td:first-child { background: var(--color-secondary); --bs-table-accent-bg: #1b8354; color: #fff; } .partnership_tabel .table tr td:first-child span, .partnership_tabel .with-rich-data .MsoNormalTable tr td:first-child span { color: #fff; } .partnership_tabel .table.no-responsive-bg-color tr td:first-child, .partnership_tabel .with-rich-data .MsoNormalTable.no-responsive-bg-color tr td:first-child { background-color: #fff; color: var(--color-primary); } .partnership_tabel .table.no-responsive-bg-color tr:not(:first-child) td:first-child, .partnership_tabel .with-rich-data .MsoNormalTable.no-responsive-bg-color tr:not(:first-child) td:first-child { background-color: #fff; color: var(--color-primary); border-top: 2px solid var(--color-border-color); } .partnership_tabel .table [dir="ltr"] .table td:before, .partnership_tabel .with-rich-data .MsoNormalTable [dir="ltr"] .table td:before { border-left: 0; border-right: 1px solid rgba(131, 149, 183, 0.25); } .partnership_tabel .with-rich-data .MsoNormalTable { display: table; width: 100% !important; } .partnership_tabel .with-rich-data .MsoNormalTable tr td::before { display: none; } } .table { margin: 0; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #fff !important; --bs-table-accent-bg: #fff; color: #161616; font-family: "IBMArabic-Regular"; } .tabla p { margin: 20px 0 !important; } .table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th { background-color: #f3f5f7 !important; --bs-table-accent-bg: #f3f5f7; color: #1b8354; color: #161616; font-family: "IBMArabic-Regular"; } .table > :not(caption) > * > * { padding: 20px 30px 50px 30px; font-size: 18px; } @media (max-width: 991px) { .table > :not(caption) > * > * { width: 33%; font-size: 13px; padding: 10px 8px; } } .table > :not(:first-child) { border-top: 0; } .table tbody tr:last-of-type td:first-of-type, .MsoNormalTable tbody tr:last-of-type td:first-of-type { border-end-start-radius: 0; border: 0; } tbody, td, tfoot, th, thead, tr { border-color: #d2d6db; } .table tbody tr td, .MsoNormalTable tbody tr td { text-align: start; font-size: 17px; font-family: "IBMArabic-Medium"; } @media (max-width: 991px) { .table tbody tr td, .MsoNormalTable tbody tr td { font-size: 15px; padding: 5px 0; -webkit-padding-start: calc(35% + 12px); padding-inline-start: calc(35% + 12px); } } @media (max-width: 992px) { table > :not(caption) > * { border-width: 0; } } .three-tr thead tr th, .three-tr .table thead tr td, .three-tr .MsoNormalTable thead tr th, .three-tr .MsoNormalTable thead tr td { width: 33.33%; } .table, table, .MsoNormalTable { border-radius: 8px; overflow: hidden; outline: 1px solid #ebebeb; } .table .three-tr thead tr th, .table .three-tr .table thead tr td, .table .three-tr .MsoNormalTable thead tr th, .table .three-tr .MsoNormalTable thead tr td, table .three-tr thead tr th, table .three-tr .table thead tr td, table .three-tr .MsoNormalTable thead tr th, table .three-tr .MsoNormalTable thead tr td, .MsoNormalTable .three-tr thead tr th, .MsoNormalTable .three-tr .table thead tr td, .MsoNormalTable .three-tr .MsoNormalTable thead tr th, .MsoNormalTable .three-tr .MsoNormalTable thead tr td { width: 33.33%; } .table thead tr th, .table .table thead tr td, .table .MsoNormalTable thead tr th, .table .MsoNormalTable thead tr td, table thead tr th, table .table thead tr td, table .MsoNormalTable thead tr th, table .MsoNormalTable thead tr td, .MsoNormalTable thead tr th, .MsoNormalTable .table thead tr td, .MsoNormalTable .MsoNormalTable thead tr th, .MsoNormalTable .MsoNormalTable thead tr td { padding: 15px 15px; font-size: 14px; border-radius: 0px; overflow: hidden; border-spacing: 0; border-collapse: separate; text-align: start; -webkit-border-end: 1px solid #d2d6db; border-inline-end: 1px solid #d2d6db; } @media (max-width: 991px) { .table thead tr th, .table .table thead tr td, .table .MsoNormalTable thead tr th, .table .MsoNormalTable thead tr td, table thead tr th, table .table thead tr td, table .MsoNormalTable thead tr th, table .MsoNormalTable thead tr td, .MsoNormalTable thead tr th, .MsoNormalTable .table thead tr td, .MsoNormalTable .MsoNormalTable thead tr th, .MsoNormalTable .MsoNormalTable thead tr td { font-size: 15px; padding: 15px; text-align: center; } } .table tbody tr, table tbody tr, .MsoNormalTable tbody tr { font-family: "IBMArabic-Bold"; color: #1b8354; font-size: 16px; padding-bottom: 50px; } @media (max-width: 991px) { .table thead, .with-rich-data .MsoNormalTable thead { display: block; } .table tr, .with-rich-data .MsoNormalTable tr { display: table; width: 100%; } .table tr td, .with-rich-data .MsoNormalTable tr td { display: block; position: relative; width: 100%; vertical-align: top; min-height: 36px; border-bottom: 0; } .table tr td:before, .with-rich-data .MsoNormalTable tr td:before { content: attr(data-th); border-left: 1px solid rgba(131, 149, 183, 0.25); display: table-cell; padding: 10px; width: 130px; line-height: 20px; display: none; position: absolute; right: 0; top: 50%; right: 0; -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); } .table tr td .td-data, .table tr td p, .table tr td span, .with-rich-data .MsoNormalTable tr td .td-data, .with-rich-data .MsoNormalTable tr td p, .with-rich-data .MsoNormalTable tr td span { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px; margin-bottom: 8px !important; } .table tr td .td-actions, .with-rich-data .MsoNormalTable tr td .td-actions { text-align: start; padding: 0 8px; } .table.no-responsive-bg-color tr td:first-child, .with-rich-data .MsoNormalTable.no-responsive-bg-color tr td:first-child { background-color: #fff; color: var(--color-primary); } .table.no-responsive-bg-color tr:not(:first-child) td:first-child, .with-rich-data .MsoNormalTable.no-responsive-bg-color tr:not(:first-child) td:first-child { background-color: #fff; color: var(--color-primary); border-top: 2px solid var(--color-border-color); } .table [dir="ltr"] .table td:before, .with-rich-data .MsoNormalTable [dir="ltr"] .table td:before { border-left: 0; border-right: 1px solid rgba(131, 149, 183, 0.25); } .with-rich-data .MsoNormalTable { display: table; width: 100% !important; } .with-rich-data .MsoNormalTable tr td::before { display: none; } } td p { margin-bottom: 0; } table thead { height: 59px; } @media (max-width: 992px) { table thead { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } } .documents-list { width: 100%; -webkit-padding-end: 8px; padding-inline-end: 8px; } .widget .documents-list { max-height: 150px; overflow-y: auto; } .widget .documents-list::-webkit-scrollbar { width: 4px; height: 4px; } .widget .documents-list::-webkit-scrollbar-thumb { background: #074d31; } .widget .documents-list::-webkit-scrollbar-track { background: #414e67; } .documents-list__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; gap: 12px; padding: 8px 0; } .documents-list__item:not(:last-child) { border-bottom: 1px solid #242e42; } .documents-list__item .item-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .documents-list__item .item-info .category { font-size: 0.75rem; } .documents-list__item .item-info .item-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 0.875rem; visibility: visible; color: var(--color-text-gray); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @supports not (-webkit-line-clamp: 2) { .documents-list__item .item-info .item-title { display: block; max-height: 42px; line-height: 1.5; } } .documents-list__item .download-btn { 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-negative: 0; flex-shrink: 0; width: 32px; height: 32px; flex-shrink: 0; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .documents-list__item .download-btn:hover { background-color: var(--color-primary); } .documents-list__item .download-btn svg { width: 16px; } .documents-list__item:hover .item-info .item-title { color: #fff; } .documents-list__item:hover .download-btn svg, .documents-list__item:hover .download-btn img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .error-container .error-img img { width: 100%; max-width: 550px; } .error-container .error-title { font-size: 2rem; margin: 0; } .error-container .error-desc { max-width: 60%; text-align: center; font-size: 1.25rem; } @media (max-width: 575.98px) { .error-container .error-desc { max-width: 100%; } } .error-page .error-content .ms-rtestate-field h2 { color: var(--color-primary); text-align: center; } .error-page .error-content .ms-rtestate-field p { text-align: center; } .error-page .error-content .ms-rtestate-field p a { color: var(--color-primary); } .error-page .error-content .ms-rtestate-field p a:hover { color: var(--color-secondary); } .tags-input { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; padding: 1rem !important; min-height: 130px; border: 1px solid var(--color-border-color); background-color: #fff; border-radius: 25px; } .tags-input__tag { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; background: var(--color-primary) !important; color: #fff !important; font-weight: normal; padding: 8px 16px !important; gap: 6px; border-radius: 25px; } .tags-input__tag-remove-btn { font-size: 18px !important; margin: 0 !important; } .tags-input__tag-remove-btn .sr-only { display: none; } .tags-input .tags-input__input-field { height: auto !important; } .timeline-item { width: 100%; } .timeline-item-header { position: relative; padding: 8px 10px 12px; -webkit-margin-end: 48px; margin-inline-end: 48px; height: 40px; margin-bottom: 8px; background-color: var(--color-secondary); } .timeline-item-header::before, .timeline-item-header::after { content: " "; position: absolute; top: 0; inset-inline-end: -16px; width: 0; height: 0; border-top: 20px solid #a1b2c8; border-bottom: 20px solid #a1b2c8; border-right: 16px solid var(--color-secondary); z-index: 2; -webkit-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } .timeline-item-header::after { inset-inline-end: -32px; border-right: 16px solid #a1b2c8; border-top: 20px solid #a1b2c8; border-bottom: 20px solid #a1b2c8; } .timeline-item-header .bg-arrow { position: absolute; top: 0; inset-inline-end: -48px; width: 0; height: 0; border-right: 16px solid #a1b2c8; border-top: 20px solid #f8fafe; border-bottom: 20px solid #f8fafe; z-index: 2; -webkit-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } .timeline-item-header .timeline-title { color: #fff; margin: 0; text-align: center; font-family: "IBMArabic-Bold", sans-serif; } .timeline-item-header.primary { background-color: var(--color-primary); } .timeline-item-header.primary::before, .timeline-item-header.primary::after { border-top: 20px solid #a3ca82; border-bottom: 20px solid #a3ca82; border-right: 16px solid var(--color-primary); } .timeline-item-header.primary::after { border-right: 16px solid #a3ca82; border-top: 20px solid #c4e2ae; border-bottom: 20px solid #c4e2ae; } .timeline-item-header.primary .bg-arrow { border-top: 20px solid #f8fafe; border-bottom: 20px solid #f8fafe; border-right: 16px solid #c4e2ae; } .timeline-item__body { padding-block: 24px; text-align: center; } .timeline-item__body .timeline-date { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; padding: 8px 16px 12px; background-color: #fff; font-size: 0.75rem; color: var(--color-gray-color); font-family: "IBMArabic-Bold", sans-serif; border-radius: 100px; -webkit-box-shadow: 0 0 20px rgba(114, 167, 66, 0.05); box-shadow: 0 0 20px rgba(114, 167, 66, 0.05); } .timeline-item__body .timeline-icon { 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; padding: 16px 0; } .timeline-item__body .timeline-icon::before { position: absolute; inset: 0; content: ""; width: 100%; height: 2px; margin: auto; background-color: var(--color-secondary); } .timeline-item__body .timeline-icon::after { content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; width: 26px; height: 26px; -ms-flex-negative: 0; flex-shrink: 0; border: 4px solid #fff; border-radius: 50%; background-color: var(--color-secondary); z-index: 2; } .timeline-item__body .timeline-title { font-size: 0.875rem; font-family: "IBMArabic-Bold", sans-serif; } .timeline-item.primary .timeline-item__header { background-color: var(--color-primary); } .timeline-item.primary .timeline-item__header::before, .timeline-item.primary .timeline-item__header::after { border-top: 20px solid #a3ca82; border-bottom: 20px solid #a3ca82; border-right: 16px solid var(--color-primary); } .timeline-item.primary .timeline-item__header::after { border-right: 16px solid #a3ca82; border-top: 20px solid #c4e2ae; border-bottom: 20px solid #c4e2ae; } .timeline-item.primary .timeline-item__header .bg-arrow { border-top: 20px solid #f8fafe; border-bottom: 20px solid #f8fafe; border-right: 16px solid #c4e2ae; } .timeline-item.primary .timeline-icon::before { background-color: var(--color-primary); } .timeline-item.primary .timeline-icon::after { background-color: var(--color-primary); } .search-popup { position: fixed; inset-inline: 0; inset-block-start: 0; z-index: 99999; opacity: 0; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; visibility: hidden; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); max-width: 1440px; margin: 0 auto; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .search-popup__container { position: relative; padding: 30px 25px; z-index: 2; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14); box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14); margin: auto; width: 60%; } @media (max-width: 992px) { .search-popup__container { width: 100%; } } .search-popup__container .section-header { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; margin-bottom: 25px !important; } @media (max-width: 991.98px) { .search-popup__container .section-header .header-actions { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .search-popup.open { opacity: 1; visibility: visible; -webkit-transform: translateY(65px); -ms-transform: translateY(65px); transform: translateY(65px); } .search-popup .section-title { color: #161616 !important; } .search-popup .section-title h3 { font-family: "IBMArabic-SemiBold"; font-size: 1.75rem; margin-bottom: 0; } .search-popup .close-popup { -webkit-margin-start: auto; margin-inline-start: 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; width: 28px; height: 28px; line-height: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .search-popup .close-popup img { width: 100%; height: 100%; } .search-popup .close-popup:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .site-search input { background-color: #fff !important; border: 1px solid #9da4ae !important; color: #384250 !important; font-family: "IBMArabic-Regular"; } .site-search input:focus { border: 1px solid #1b8354 !important; } .site-search input::-webkit-input-placeholder { color: #384250 !important; } .site-search input::-moz-placeholder { color: #384250 !important; } .site-search input:-ms-input-placeholder { color: #384250 !important; } .site-search input::-ms-input-placeholder { color: #384250 !important; } .site-search input::placeholder { color: #384250 !important; } .site-search .title { display: none; } .site-search .input-group { padding: 0px; } .site-search .input-group .btn { font-family: "IBMArabic-Medium"; } .swiper-button-next, .swiper-button-prev { 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; width: 50px; height: 50px; border-radius: 50%; outline: none; background-color: rgba(255, 255, 255, 0.5); background-repeat: no-repeat; background-size: 10px; background-position: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: none; } .swiper-button-next:after, .swiper-button-prev:after { display: none; } .swiper-button-next:hover, .swiper-button-prev:hover { background-color: #fff; } @media (max-width: 575.98px) { .hero-slider .swiper-button-next, .hero-slider .swiper-button-prev { display: none; } } .swiper-button-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.123' height='13.338' viewBox='0 0 8.123 13.338'%3E%3Cpath id='arrow' d='M13.338,7.4,6.669,0,0,7.4l.72.72,5.949-4.07,5.552,4.07Z' transform='translate(8.123) rotate(90)' fill='%23224e85'/%3E%3C/svg%3E%0A"); } [dir="ltr"] .swiper-button-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.123' height='13.338' viewBox='0 0 8.123 13.338'%3E%3Cpath id='arrow' d='M13.338.72l-6.669,7.4L0,.72.72,0,6.669,4.07,12.221,0Z' transform='translate(8.123) rotate(90)' fill='%23224e85'/%3E%3C/svg%3E%0A"); } .swiper-button-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.123' height='13.338' viewBox='0 0 8.123 13.338'%3E%3Cpath id='arrow' d='M13.338.72l-6.669,7.4L0,.72.72,0,6.669,4.07,12.221,0Z' transform='translate(8.123) rotate(90)' fill='%23224e85'/%3E%3C/svg%3E%0A"); } [dir="ltr"] .swiper-button-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.123' height='13.338' viewBox='0 0 8.123 13.338'%3E%3Cpath id='arrow' d='M13.338,7.4,6.669,0,0,7.4l.72.72,5.949-4.07,5.552,4.07Z' transform='translate(8.123) rotate(90)' fill='%23224e85'/%3E%3C/svg%3E%0A"); } .swiper-pagination { padding: 5px 0 0; } .swiper-pagination .swiper-pagination-bullet { position: relative; width: 22px; height: 22px; opacity: 1; background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .swiper-pagination .swiper-pagination-bullet::after { position: absolute; inset: 0; content: ""; width: 18px; height: 18px; margin: auto; background-color: #e5e7eb; border-radius: 50%; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: rgba(0, 0, 0, 0); } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after { background-color: var(--color-secondary); } .open-data .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: var(--color-tertiary); } .open-data .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after { background-color: var(--color-tertiary); } .section-footer .swiper-pagination { inset-inline-start: auto; inset-inline-end: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .hero-slider { height: 100%; } .hero-slider .swiper-wrapper { height: 100%; } .hero-slider .swiper-wrapper .swiper-slide { height: 100%; } .hero-slider .swiper-pagination { padding: 5px 0; bottom: 30px; } .hero-slider .swiper-pagination .swiper-pagination-bullet::after { background-color: #fff; opacity: 1; } .hero-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: rgba(0, 0, 0, 0); } .hero-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after { background-color: #1b8354; opacity: 1; } .open-data .hero-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: var(--color-tertiary); } .open-data .hero-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after { background-color: var(--color-tertiary); } .media-center .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after { background-color: #54c08a; } .sitemap ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none; gap: 1.25rem; padding: 0; margin: 0; } .sitemap ul a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; font-size: 0.875rem !important; font-weight: normal !important; color: #fff; background-color: var(--color-primary); text-decoration: none; z-index: 1; overflow: hidden; padding: 0.594rem 1.5rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 50px; transition: all 0.3s ease-in-out; } .sitemap ul a:is(:hover, :focus, :active) { background-color: #053622; color: #fff; } .sitemap ul li ul { position: relative; padding-top: 1.25rem; -webkit-padding-start: 5rem; padding-inline-start: 5rem; } .sitemap ul li ul::after { content: ""; position: absolute; top: 0; inset-inline-start: 2.5rem; width: 0.125rem; height: calc(100% - 20px); background-color: var(--color-border-color); } .sitemap ul li ul li { position: relative; } .sitemap ul li ul li::after { content: ""; position: absolute; top: 50%; inset-inline-start: -2.5rem; width: 2.5rem; height: 0.125rem; background-color: var(--color-border-color); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sitemap ul li ul li a { background-color: rgba(0, 0, 0, 0); color: var(--color-primary); border: 1px solid var(--color-primary); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sitemap ul li ul li a:is(:hover, :focus, :active) { background-color: var(--color-primary); color: #fff; } .site-map { font-family: "IBMArabic-Regular"; font-size: 1.125rem; -webkit-padding-start: 40px; padding-inline-start: 40px; padding-top: 0.9375rem; } .site-map ul { margin-bottom: 25px; } @media (max-width: 992px) { .site-map ul { inset-inline-start: 15px; } } .site-map ul li { position: relative; } .site-map ul li a { position: relative; inset-inline-start: -18px; color: #1b8354 !important; outline: 2px solid rgba(0, 0, 0, 0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .site-map ul li a:is(:hover) { color: #54c08a !important; text-decoration: underline !important; } .site-map ul li a:is(:hover) svg path { fill: var(--color-primary); } .site-map ul li a:is(:active, :focus) { color: #1b8354 !important; text-decoration: underline; outline: 2px solid #161616; } .site-map ul li a:is(:active, :focus) svg path { fill: var(--color-primary); } @media (max-width: 992px) { .site-map ul li a { -webkit-padding-start: 10px; padding-inline-start: 10px; } } .site-map ul li a:before { content: ""; background-image: url("/Style Library/UDesign/images/checked-siteMap.svg"); position: absolute; inset-inline-start: -45px; width: 20px; height: 20px; top: 50%; inset-inline-end: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: cover; background-position: center; } @media (max-width: 992px) { .site-map ul li a:before { inset-inline-start: -35px; } } .site-map ul li a > img { position: absolute; inset-inline-start: -25px; top: 8px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .site-map ul li > a { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .site-map ul li > a:is(:hover, :focus, :active) { text-decoration: underline !important; } .site-map ul li > a:is(:focus), .site-map ul li > a :active { color: #1b8354 !important; outline: 2px solid #161616; } .site-map ul ul li { margin: 10px 0; } .site-map ul ul li a { position: relative; inset-inline-start: 0px; position: relative; color: #161616 !important; outline: 2px solid rgba(0, 0, 0, 0); } .site-map ul ul li a:is(:focus) { color: #384250 !important; } .site-map ul ul li a:is(:hover) { color: #6c737f !important; } @media (max-width: 992px) { .site-map ul ul li a { -webkit-padding-start: 0px; padding-inline-start: 0px; } } .site-map ul ul li a:before { content: ""; background-color: #161616; position: absolute; inset-inline-start: -20px; width: 5px; height: 5px; border-radius: 50%; top: 50%; inset-inline-end: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media print { body { display: block !important; -webkit-box-orient: unset; -webkit-box-direction: unset; -ms-flex-direction: unset; flex-direction: unset; background-color: #fff; } * { position: static; -webkit-print-color-adjust: exact; print-color-adjust: exact; background-image: none !important; overflow: visible; } header, footer, .comments, .page-review, .review-answer, .content-footer, .page-header, .page-banner, .loader, .pagination-main, .nav-tabs, .floating-links, .back-top-btn, .about-details__header, .swiper-pagination, .section-footer, .swiper-button-next, .swiper-button-prev, .reason-wrapper { display: none !important; } img { max-width: 100% !important; } img, svg { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } .container { max-width: 100% !important; } [data-aos^="fade"][data-aos^="fade"] { opacity: 1; -webkit-transform: translate(0) !important; -ms-transform: translate(0) !important; transform: translate(0) !important; } main.inner-page { padding-block: 24px; } } @media (max-width: 767.98px) { .fc { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .fc .fc-header-toolbar { gap: 1rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } .fc .fc-header-toolbar > .fc-toolbar-chunk { position: relative; } .fc .fc-header-toolbar > .fc-toolbar-chunk:nth-child(2) { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } @media (max-width: 767.98px) { .fc .fc-header-toolbar > .fc-toolbar-chunk:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (max-width: 767.98px) { .fc .fc-header-toolbar > .fc-toolbar-chunk:nth-child(3) { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (max-width: 767.98px) { .fc .fc-header-toolbar > .fc-toolbar-chunk:first-of-type { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; position: absolute; inset-inline-end: 0; } } .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-group > .fc-button:first-of-type { border-inline-start-color: rgba(0, 0, 0, 0) !important; } .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-group > .fc-button:last-of-type { border-inline-end-color: rgba(0, 0, 0, 0) !important; } .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-group:has(.fc-prev-button) { gap: 140px; } .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-group .fc-prev-button, .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-group .fc-next-button { background: none !important; border: 0 !important; border-color: rgba(0, 0, 0, 0) !important; color: #161616 !important; padding-inline: 0 !important; } .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-today-button { position: absolute; right: 45px; left: 45px; margin: 0; border: 0; } .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary { border-top: 0; border-bottom: 0; border-color: #d2d6db; padding: 11px 20px; } .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:hover { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary, .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:disabled { background-color: rgba(0, 0, 0, 0); color: #161616; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:not(:disabled):active { background-color: #161616 !important; border-color: rgba(0, 0, 0, 0); color: #fff; } .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:not(:disabled):active { background-color: #161616; border-color: rgba(0, 0, 0, 0); color: #fff; } .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:disabled:hover { background-color: #f3f4f6 !important; border-color: rgba(0, 0, 0, 0); color: #161616 !important; } .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:disabled:hover::after { display: none; } .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-toolbar-title { color: #161616; } @media (max-width: 767.98px) { .fc .fc-header-toolbar { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 15px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .fc .fc-header-toolbar .fc-button:is(:hover, :active, :focus, .fc-button-active) { color: #fff; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: #161616; } .fc .fc-toolbar-title { color: var(--color-text-color); font-size: 1.375rem; font-family: "IBMArabic-Bold"; } .fc .fc-scrollgrid-sync-inner { min-height: 123px; height: 100%; } @media (max-width: 767.98px) { .fc .fc-scrollgrid-sync-inner { min-height: 95px; } } .fc .fc-col-header-cell-cushion { color: #606161; } .fc .fc-daygrid-day-number { font-family: "IBMArabic-Bold"; font-size: 1.125rem; color: #6c737f; padding: 0; } @media (max-width: 767.98px) { .fc .fc-daygrid-day-number { font-size: 0.9375rem; } } .fc .fc-daygrid-day-number:focus { color: #6c737f; } .fc .fc-non-business { border-radius: 8px; padding: 10px; background: none; } @media (max-width: 767.98px) { .fc .fc-daygrid-day-top { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .fc .fc-highlight { background-color: var(--color-success); border-radius: 16px; } .fc .fc-highlight .fc-daygrid-day-number { color: #fff; } .fc-daygrid-day-frame { background-color: #fff; border-radius: 8px; padding: 14px; } .fc-day-today .fc-daygrid-day-frame { background-color: var(--color-secondary); border-radius: 8px; } .fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-number { color: #fff; } .fc-timegrid-event-harness { inset-inline: 6px !important; } @media (max-width: 767.98px) { .fc-timegrid-event-harness { inset-inline: 2px !important; } } .fc-event { border: 0 !important; border-radius: 10px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fc-event .fc-event-main { color: #fff; padding: 4px 7px 5px; } .fc-event .fc-event-time { color: var(--color-text-color); background-color: #fff; padding: 3px 10px; border-radius: 97px; font-size: 12px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767.98px) { .fc-event .fc-event-time { padding: 3px 5px; white-space: pre-wrap; text-align: center; } } .fc-event .fc-daygrid-event-dot { display: none; } .fc-event:hover:is(:hover, :active, :focus) { background-color: var(--color-primary) !important; color: #fff; } .fc .fc-scrollgrid { border: 0; outline: none; -webkit-box-shadow: none; box-shadow: none; background: none; border-radius: 0; } .fc .fc-scrollgrid > thead { background: none !important; } .fc .fc-scrollgrid > thead > tr > th { border-radius: 0; border: 0; } .fc .fc-scrollgrid > thead > tr > th .fc .fc-scroller { overflow: auto !important; } .fc .fc-scrollgrid tbody > tr { background-color: rgba(0, 0, 0, 0) !important; border-color: rgba(0, 0, 0, 0); border: 0; } .fc .fc-scrollgrid tbody > tr > td { border: 0; border-radius: 0; } .fc .fc-scrollgrid tbody > tr > td .fc-scrollgrid-sync-table tbody tr { background-color: rgba(0, 0, 0, 0) !important; border-color: rgba(0, 0, 0, 0); border: 0; } .fc .fc-scrollgrid tbody > tr > td .fc-scrollgrid-sync-table tbody tr td { background: #fff; border-radius: 8px; border: 1px solid #e5e7eb; } .fc .fc-scrollgrid tbody > tr > td .fc-scrollgrid-sync-table tbody tr td .fc-day-number br { display: none; } .fc .fc-scrollgrid tbody > tr > td.fc-timegrid-slot { background: #fff; border-radius: 8px; border: 1px solid #e5e7eb; height: 123px; } @media (max-width: 767.98px) { .fc .fc-scrollgrid tbody > tr > td.fc-timegrid-slot { height: 105px; } } .fc .fc-scrollgrid tbody > tr > td.fc-timegrid-slot.fc-timegrid-slot-label { background: #f3fcf6; } .fc .fc-scrollgrid tbody > tr > td.fc-timegrid-divider { display: none; } .fc .fc-scrollgrid table { background-color: rgba(0, 0, 0, 0) !important; border-color: rgba(0, 0, 0, 0) !important; border-radius: 0 !important; outline: 0 !important; border: 0; border-spacing: 6px; border-collapse: separate; } @media (max-width: 767.98px) { .fc .fc-scrollgrid table { border-spacing: 0; border-collapse: collapse; } } .fc .fc-scrollgrid table colgroup col { width: 150px !important; } @media (max-width: 767.98px) { .fc .fc-scrollgrid table colgroup col { width: 65px !important; } } .fc .fc-scrollgrid table.fc-col-header .fc-col-header-cell { padding: 0; border-radius: 8px; border: 0; } @media (max-width: 767.98px) { .fc .fc-scrollgrid table.fc-col-header .fc-col-header-cell { border-radius: 0; border: 1px solid #e5e7eb; } } .fc .fc-scrollgrid table.fc-col-header thead { background-color: rgba(0, 0, 0, 0); height: 123px; } @media (max-width: 767.98px) { .fc .fc-scrollgrid table.fc-col-header thead { height: 95px; } } .fc .fc-scrollgrid table.fc-col-header thead tr { border: 0; } .fc .fc-scrollgrid table.fc-col-header thead .fc-col-header-cell .fc-scrollgrid-sync-inner { height: 100%; min-height: 100%; } .fc .fc-scrollgrid table.fc-col-header thead .fc-col-header-cell .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion { height: 100%; 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; background-color: #1b8354; color: #fff; font-size: 17px; padding: 14px; } @media (max-width: 767.98px) { .fc .fc-scrollgrid table.fc-col-header thead .fc-col-header-cell .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion { font-size: 14px; padding: 10px; } } @media (max-width: 575.98px) { .fc .fc-scrollgrid table.fc-col-header thead .fc-col-header-cell .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion { font-size: 12px; padding: 7px; } } .fc .fc-timeGridWeek-view table colgroup { display: none; } .fc .fc-timeGridWeek-view table colgroup col { width: 65px !important; } .card:has(.fc) { border: 0; } .fc-daygrid-day-bottom:empty { display: none; } .fc-direction-rtl .fc-timegrid-slot-label-frame { text-align: start; padding: 14px; } @media (max-width: 767.98px) { .fc-direction-rtl .fc-timegrid-slot-label-frame { padding: 10px; } } .fc .fc-timegrid-axis-cushion { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; max-width: 100%; -ms-flex-line-pack: center; align-content: center; padding: 14px; } @media (max-width: 767.98px) { .fc .fc-timegrid-axis-cushion { padding: 10px; } } .fc-timegrid-event-harness > .fc-timegrid-event { border-radius: 8px; overflow: hidden; } @media (max-width: 767.98px) { .fc-timegrid-event-harness > .fc-timegrid-event { bottom: auto; right: 4px; left: 4px; } } .fc-daygrid-day-events:after, .fc-daygrid-day-events:before, .fc-daygrid-day-frame:after, .fc-daygrid-day-frame:before, .fc-daygrid-event-harness:before { content: none; } .fc-media-screen .fc-timegrid-col-bg { left: 0; right: 0; top: 0; bottom: 0; } .fc-media-screen .fc-timegrid-col-events { margin: 0; } .fc .fc-daygrid-event { border-radius: 8px !important; } @media (max-width: 767.98px) { .fc-event .fc-event-main { padding: 6px 7px; } } @media (max-width: 767.98px) { .fc-event .fc-event-main .fc-event-main-frame { display: none; } } .fc .fc-timegrid-slot-label-cushion { padding: 0; } @media (max-width: 767.98px) { .fc-daygrid-day-frame { border-radius: 0 !important; } .fc .fc-scroller { overflow: auto !important; } } .fc-today-button { position: relative; } .fc-today-button::after { content: ""; width: 50%; height: 3px; background-color: #54c08a; display: block; top: auto; border-radius: 4px; position: absolute; bottom: 0; inset-inline-end: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .fc-icon-chevron-right:before { content: url("/Style Library/UDesign/images//arrow/right-arrow-black.svg"); } .fc-icon-chevron-left:before { content: url("/Style Library/UDesign/images//arrow/left-arrow-black.svg"); } .fc .fc-button .fc-icon, .fc-prev-button, .fc-next-button { font-size: 1.5em; vertical-align: middle; display: block; height: 32px; width: 40px; border-radius: 4px; -webkit-transition: all 0.3s; transition: all 0.3s; } .fc .fc-button .fc-icon:hover, .fc .fc-button .fc-icon:active, .fc-prev-button:hover, .fc-prev-button:active, .fc-next-button:hover, .fc-next-button:active { background-color: #f3f4f6; -webkit-box-shadow: none !important; box-shadow: none !important; color: #161616; border: 0; } .fc .fc-button .fc-icon:focus, .fc-prev-button:focus, .fc-next-button:focus { background-color: #e5e7eb; -webkit-box-shadow: none !important; box-shadow: none !important; color: #161616; border: 0; } .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:disabled:hover { background-color: #f3f4f6 !important; } .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:disabled:hover:after { display: none; } .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:disabled:focus { background-color: rgba(0, 0, 0, 0) !important; border: 2px solid #161616; } .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:disabled:focus:after { display: none; } button.fc-today-button.fc-button.fc-button-primary:hover { color: #161616 !important; } button.fc-today-button.fc-button.fc-button-primary:hover, button.fc-today-button.fc-button.fc-button-primary:active { background-color: #f3f4f6 !important; color: #161616 !important; } button.fc-today-button.fc-button.fc-button-primary:hover::after, button.fc-today-button.fc-button.fc-button-primary:active::after { display: none; } #calendar .fc-button-group button { background-color: #f3f4f6; } #calendar .fc-button-group button:hover { color: #161616; } #calendar .fc-button-group .fc-prev-button:active, #calendar .fc-button-group .fc-next-button:active { background-color: rgba(0, 0, 0, 0) !important; } #calendar .fc-button-group .fc-button-active:hover { color: #fff; } .details-page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .details-page .item-date:not(.colored) svg path { fill: #979da2; } .details-page .item-date:not(.colored) .date { color: #979da2; } .details-page .item-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; margin-bottom: 24px; } .details-page .item-header .item-title { color: var(--color-text-color); margin-bottom: 12px; font-family: "IBMArabic-Bold"; } .details-page .item-info p img { max-width: 100%; } .details-page .item-icon { 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; width: 60px; height: 60px; background-color: var(--color-border-color); border-radius: 10px; } .details-page .item-icon img { width: 32px; } .details-page .item-img { position: relative; display: inline-block; max-height: 600px; width: 100%; -webkit-margin-end: 24px; margin-inline-end: 24px; margin-bottom: 24px; background-color: var(--color-primary); border-radius: 24px; overflow: hidden; } @media (max-width: 767.98px) { .details-page .item-img { width: 100%; -webkit-margin-end: 0; margin-inline-end: 0; } } [dir="ltr"] .details-page .item-img { float: left; } .details-page .item-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .details-page .item-description, .details-page ul { display: block; padding-bottom: 32px; color: var(--color-text-gray); line-height: 1.7; } .details-page .item-description:only-child, .details-page ul:only-child { clear: none; } .card .details-page .item-description, .card .details-page ul { color: var(--color-text-color); } .programe-details iframe { width: 100%; -o-object-fit: cover; object-fit: cover; } .card .item-description, .card ul { color: var(--color-text-color); } .item-location { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; color: var(--color-primary); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .edit_mode .item-location { display: block; } .item-location svg { height: 18px; } .edit_mode .item-location .location { height: auto; } .details-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 16px; } .details-header .icon { 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-negative: 0; flex-shrink: 0; width: 70px; height: 70px; } .details-header .icon img { width: 100%; max-height: 100%; } .details-header .item-title { font-family: "IBMArabic-Bold"; margin: 0; color: #161616; font-size: 1.875rem; } .details-list li { margin-bottom: 12px; } :root { --base-color: #b4872d; --disable-background-color: #eceeef; } ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid var(--color-border-color) !important; border-radius: 25px !important; background-color: #fff; min-height: 45px; padding: 0.375rem 0.75rem !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important; background-repeat: no-repeat; background-position: calc(100% - 0.75rem) 1rem; background-size: 16px 12px; } ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn > span { position: relative; font-size: 0.875rem; padding: 0 !important; color: var(--color-text-color); 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; } ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn > span:last-of-type:not(.selected-item-container) { -webkit-margin-start: auto; margin-inline-start: auto; } ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item-container { font-size: 0.75rem; } ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret { position: relative !important; 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; display: none !important; -ms-flex-negative: 0; flex-shrink: 0; height: 28px !important; padding: 0 !important; width: 24px !important; inset-block-end: 0 !important; } ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret::before { position: relative !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 28px !important; height: 16px !important; top: 0 !important; border: 0 !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; } ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item { border: 1px solid var(--base-color) !important; -webkit-margin-end: 4px !important; margin-inline-end: 4px !important; background: var(--base-color) !important; border-radius: 25px !important; } ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item:hover { -webkit-box-shadow: none !important; box-shadow: none !important; } ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-down { border-top: 10px solid var(--color-border-color) !important; } ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-up { border-bottom: 10px solid var(--color-border-color) !important; } ng-multiselect-dropdown .multiselect-dropdown .disabled > span { background-color: var(--disable-background-color) !important; } ng-multiselect-dropdown .dropdown-list { border: 1px solid var(--color-border-color) !important; } ng-multiselect-dropdown .dropdown-list .filter-textbox { border-bottom: 1px solid #ccc; position: relative; padding: 10px; } ng-multiselect-dropdown .dropdown-list .filter-textbox input { height: auto; } ng-multiselect-dropdown .dropdown-list .filter-textbox input:focus { outline: none; } ng-multiselect-dropdown .multiselect-item-checkbox input[type="checkbox"]:focus + div:before, ng-multiselect-dropdown .multiselect-item-checkbox input[type="checkbox"]:hover + div:before { border-color: var(--base-color) !important; background-color: #fff; } ng-multiselect-dropdown .multiselect-item-checkbox input[type="checkbox"]:active + div:before { -webkit-transition-duration: 0s; transition-duration: 0s; } ng-multiselect-dropdown .multiselect-item-checkbox input[type="checkbox"] + div:before { color: var(--base-color) !important; border: 2px solid var(--base-color) !important; } ng-multiselect-dropdown .multiselect-item-checkbox input[type="checkbox"] + div:after { content: ""; background-color: var(--base-color) !important; } ng-multiselect-dropdown .multiselect-item-checkbox input[type="checkbox"]:disabled + div:before { border-color: #ccc; } ng-multiselect-dropdown .multiselect-item-checkbox input[type="checkbox"]:disabled:focus + div:before .multiselect-item-checkbox input[type="checkbox"]:disabled:hover + div:before { background-color: inherit; } ng-multiselect-dropdown .multiselect-item-checkbox input[type="checkbox"]:disabled:checked + div:before { background-color: #ccc; } ng-multiselect-dropdown .multiselect-item-checkbox input[type="checkbox"]:checked + div:after { content: ""; -webkit-transform: rotate(-45deg) scale(1); -ms-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1); -webkit-transition: -webkit-transform 200ms ease-out; transition: -webkit-transform 200ms ease-out; transition: transform 200ms ease-out; transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; } ng-multiselect-dropdown .multiselect-item-checkbox input[type="checkbox"]:checked + div:before { background: var(--base-color) !important; } ng-multiselect-dropdown .multiselect-item-checkbox input[type="checkbox"]:checked + div:after { -webkit-transform: rotate(-45deg) scale(1); -ms-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1); } @-webkit-keyframes borderscale { 50% { -webkit-box-shadow: 0 0 0 2px var(--base-color) !important; box-shadow: 0 0 0 2px var(--base-color) !important; } } @keyframes borderscale { 50% { -webkit-box-shadow: 0 0 0 2px var(--base-color) !important; box-shadow: 0 0 0 2px var(--base-color) !important; } } hijri-gregorian-datepicker .btn-sm { min-width: 100px; } hijri-gregorian-datepicker .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } hijri-gregorian-datepicker .form-group > label { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } hijri-gregorian-datepicker .form-group .input-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.625rem; font-size: 1rem; min-height: 45px; height: auto !important; padding-inline: 16px 4px; border: 1px solid #ced4da; color: var(--color-gray-color); border-radius: 25px !important; } hijri-gregorian-datepicker .form-group .form-control { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-padding-start: 0; padding-inline-start: 0; outline: none; background-color: rgba(0, 0, 0, 0) !important; -webkit-box-shadow: none; box-shadow: none; } hijri-gregorian-datepicker .form-group .form-control:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .is-invalid hijri-gregorian-datepicker .form-group .form-control { border-color: #dc3545; } .is-invalid hijri-gregorian-datepicker .form-group .form-control:focus { -webkit-box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.2); box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.2); } [dir="ltr"] hijri-gregorian-datepicker .form-group .form-control { background-position: right 15px center; } hijri-gregorian-datepicker .form-group .form-control.hijriInput { width: 100%; } hijri-gregorian-datepicker .input-group-append { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } hijri-gregorian-datepicker .input-group-append .btn { min-width: auto; white-space: nowrap; font-size: 0.875rem; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: var(--color-primary); border: 1px solid var(--color-primary); } hijri-gregorian-datepicker .input-group-append .btn:is(.focus, :hover) { background-color: var(--color-primary); color: #fff; -webkit-box-shadow: none; box-shadow: none; outline: none; } hijri-gregorian-datepicker .input-group-append .btn:first-child { border-start-start-radius: 1.5625rem !important; border-end-start-radius: 1.5625rem !important; border-start-end-radius: 0 !important; border-end-end-radius: 0 !important; } hijri-gregorian-datepicker .input-group-append .btn:last-child { border-start-end-radius: 1.5625rem !important; border-end-end-radius: 1.5625rem !important; border-start-start-radius: 0 !important; border-end-start-radius: 0 !important; } hijri-gregorian-datepicker .hijriInput { border-radius: 0.875rem; } hijri-gregorian-datepicker .ngb-dp-months { display: block; } hijri-gregorian-datepicker .ngb-dp-week { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } hijri-gregorian-datepicker .ngb-dp-header { background-color: #fff; padding-top: 8px; } hijri-gregorian-datepicker .ngb-dp-weekday, hijri-gregorian-datepicker .ngb-dp-week-number { font-style: normal !important; font-size: 0.75rem !important; } hijri-gregorian-datepicker .ngb-dp-weekdays { background-color: #fff; padding: 4px 0; border-bottom: 1px solid var(--color-border-color); } hijri-gregorian-datepicker .ngb-dp-weekdays .ngb-dp-weekday { color: var(--color-text-color); } hijri-gregorian-datepicker .ngb-dp-day .btn-light { border: 0 !important; } hijri-gregorian-datepicker .ngb-dp-day .btn-light:hover { background-color: var(--color-primary); } hijri-gregorian-datepicker .ngb-dp-today > .btn-light, hijri-gregorian-datepicker .ngb-dp-today [ngbDatepickerDayView] { background-color: var(--color-primary) !important; color: #fff; --bs-btn-color: #fff; --bs-btn-bg: color(primary); --bs-btn-hover-bg: color(primary); } hijri-gregorian-datepicker .ngb-dp-today > .btn-light:hover, hijri-gregorian-datepicker .ngb-dp-today [ngbDatepickerDayView]:hover { background-color: var(--color-primary); } ngb-datepicker { border-radius: 16px; border-color: #ced4da; } hijri-date-picker { border-radius: 16px; border: 0; } hijri-date-picker > div { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } hijri-date-picker { width: unset !important; } .ngb-dp-arrow .ngb-dp-navigation-chevron { border-color: var(--color-primary); } ngb-datepicker-navigation { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 8px; } ngb-datepicker-navigation .ngb-dp-arrow-btn { min-width: auto; height: auto !important; padding: 0 !important; } ngb-datepicker-navigation ngb-datepicker-navigation-select { gap: 8px; } ngb-datepicker-navigation ngb-datepicker-navigation-select select { min-width: 85px; } [ngbDatepickerDayView]:hover:not(.bg-primary), [ngbDatepickerDayView].active:not(.bg-primary) { background-color: var(--color-primary); color: #fff; } .dashboard-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 40px 16px 24px; } .dashboard-title .icon svg { height: 50px; } .dashboard .icon-card .icon { height: 60px; width: 60px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .dashboard .icon-card .icon svg { height: 60px; width: auto; max-width: 60px; } .dashboard .icon-card .icon svg path { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .dashboard .icon-card .icon svg path.stroke.primary { stroke: var(--color-secondary); } .theme-dark .dashboard .icon-card .icon svg path.stroke.primary { stroke: #fff; } .dashboard .icon-card .icon svg path.stroke-minus { stroke: #fff; } .theme-dark .dashboard .icon-card .icon svg path.stroke-minus { stroke: var(--color-secondary); } .dashboard .icon-card .icon svg path:not(.stroke).primary { fill: var(--color-secondary); } .theme-dark .dashboard .icon-card .icon svg path:not(.stroke).primary { fill: #fff; } .dashboard .icon-card .item-title { color: var(--color-text-color); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .dashboard .icon-card .item-description { display: block; max-width: 80%; margin: 0 auto; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 1rem; visibility: visible; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } @supports not (-webkit-line-clamp: 2) { .dashboard .icon-card .item-description { display: block; max-height: 48px; line-height: 1.5; } } @media (hover: hover) { .dashboard .icon-card { padding: 76px 24px 40px; } .dashboard .icon-card .icon, .dashboard .icon-card .item-title { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } .dashboard .icon-card .item-description { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); opacity: 0; visibility: hidden; } .dashboard .icon-card:is(:hover, :focus, :active) { padding: 40px 24px; } .dashboard .icon-card:is(:hover, :focus, :active) .icon, .dashboard .icon-card:is(:hover, :focus, :active) .item-title { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .dashboard .icon-card:is(:hover, :focus, :active) .item-description { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } } .dashboard .icon-card:is(:hover, :focus, :active) .icon svg path.stroke.primary { stroke: #fff; } .dashboard .icon-card:is(:hover, :focus, :active) .icon svg path.stroke-minus { stroke: var(--color-secondary); } .dashboard .icon-card:is(:hover, :focus, :active) .icon svg path:not(.stroke).primary { fill: #fff; } .form-container { padding: 24px 60px; background-image: -webkit-gradient( linear, left bottom, left top, from(#eafaff), color-stop(#f1fbff), color-stop(#fafeff), color-stop(90%, #ffffff) ); background-image: linear-gradient( to top, #eafaff, #f1fbff, #fafeff, #ffffff 90% ); border: 1px solid #e7e5f3; border-radius: 1.5rem; margin: 0 auto; -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.4); box-shadow: 0 0 20px rgba(255, 255, 255, 0.4); } .register .form-container { background-color: #fff; background-image: none; } @media (min-width: 992px) { .form-container { max-width: 75%; } .register .form-container { max-width: 85%; } } @media (max-width: 991.98px) { .form-container { padding: 24px 40px; } } @media (max-width: 575.98px) { .form-container { padding: 24px; } } .form-container__header .login-title { font-family: "IBMArabic-Bold"; } .login-form__footer .login-help-btn { color: var(--color-secondary); } .login-form__footer .login-help-btn:hover { color: var(--color-tertiary); } .login-form__footer .help-container { 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; gap: 8px; } .login-form__footer .help-btn { color: var(--color-tertiary); } .login-form__footer .help-btn:hover { color: var(--color-primary); } .illustartion-img img { width: 100%; max-width: 320px; } .login-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .validation-hint { color: red; } .required-badge { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; padding: 8px 16px; background-color: rgba(131, 149, 183, 0.15); border-radius: 100px; color: var(--color-gray-color); } .required-badge svg { height: 20px; } .required-badge span { font-size: 0.875rem; } .loader { position: fixed; background-color: #fff; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; 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; text-align: center; z-index: 999999999; -webkit-backdrop-filter: blur(40px) brightness(1); backdrop-filter: blur(40px) brightness(1); } .loading-text { top: 50% !important; } @-webkit-keyframes loaderSpinner { 0% { -webkit-transform: translateX(100px); transform: translateX(100px); } 50% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } 100% { -webkit-transform: translateX(100px); transform: translateX(100px); } } @keyframes loaderSpinner { 0% { -webkit-transform: translateX(100px); transform: translateX(100px); } 50% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } 100% { -webkit-transform: translateX(100px); transform: translateX(100px); } } .fade-out { -webkit-animation: fadeOut 1s; animation: fadeOut 1s; opacity: 0; visibility: hidden; } @-webkit-keyframes fadeOut { from { opacity: 1; visibility: visible; } to { opacity: 0; visibility: hidden; } } @keyframes fadeOut { from { opacity: 1; visibility: visible; } to { opacity: 0; visibility: hidden; } } .sort-container, .export-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } @media (max-width: 992px) { .sort-container, .export-container { margin: auto; } } .sort-container .title, .export-container .title { font-family: "IBMArabic-Bold", sans-serif; } .sort-container .dropdown-toggle, .export-container .dropdown-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; padding: 8px 16px; background-color: #fff; border-radius: 50px; border: 1px solid #cee7fa; -webkit-box-shadow: inset 0 0 10px rgba(179, 179, 179, 0.16); box-shadow: inset 0 0 10px rgba(179, 179, 179, 0.16); } .sort-container .dropdown-toggle::after, .export-container .dropdown-toggle::after { background-image: url("/Style Library/UDesign/images/arrow/arrow_black.svg"); width: 13px; height: 12px; background-repeat: no-repeat; background-size: contain; border: 0; margin-top: 10px; } .sort-container .dropdown-menu, .export-container .dropdown-menu { width: 100%; background-color: #fff; } .sort-container .dropdown-menu .dropdown-item, .export-container .dropdown-menu .dropdown-item { font-family: "IBMArabic-Medium"; border-radius: 0; } .action-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; } .action-group__item .action-link { 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; width: 34px; height: 34px; background-color: var(--color-primary); border-radius: 4px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4); box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4); } .action-group__item .action-link img, .action-group__item .action-link svg { height: 18px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .action-group__item .action-link:is(:hover) { background-color: rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4); box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4); } .action-group__item .action-link:is(:active) { -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4); box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0.4); } .action-group__item .action-link:is(:focus) { -webkit-box-shadow: 0px 0px 0px 2px #fff; box-shadow: 0px 0px 0px 2px #fff; background-color: rgba(0, 0, 0, 0); } .flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767.98px) { .flex-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .section-header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; width: 100%; margin-bottom: 32px; } .section-header .header-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 30px; } .section-header .header-info .section-title { display: -webkit-box; display: -ms-flexbox; display: flex; -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-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 8px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; color: var(--color-secondary); } .section-header .header-info .section-title svg { height: 24px; } .section-header .header-info .section-title .title { font-size: 2.1875rem; color: #fff; text-align: initial; font-family: "IBMArabic-Bold"; margin: 0; } @media (max-width: 767.98px) { .section-header .header-info .section-title .title { font-size: 1.375rem; } } .section-header .header-info .section-title .description { margin: 0; font-size: 1.25rem; text-align: justify; margin: 8px 0; color: rgba(255, 255, 255, 0.8); font-family: "IBMArabic-Medium"; } @media (max-width: 576px) { .section-header .header-info .section-title .description { font-size: 16px; } } .section-header .header-actions { -webkit-margin-start: auto; margin-inline-start: auto; } @media (max-width: 991.98px) { .section-header { -ms-flex-wrap: wrap; flex-wrap: wrap; -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; } .section-header .header-info { max-width: 100%; gap: 16px; } .section-header .header-info .section-title { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-header .header-actions { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; -webkit-margin-start: 0; margin-inline-start: 0; } } .sub-title { font-family: "IBMArabic-Bold"; } .section-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 0; } .decimal-rating { font-size: 1.5rem; } .decimal-rating [data-star] { text-align: left; font-style: normal; display: inline-block; position: relative; unicode-bidi: bidi-override; } .decimal-rating [data-star]::before { display: block; content: "âک…âک…âک…âک…âک…"; color: #e5e7eb; } .decimal-rating [data-star]::after { white-space: nowrap; position: absolute; top: 0; inset-inline-start: 0; content: "âک…âک…âک…âک…âک…"; width: 0; color: var(--color-secondary); overflow: hidden; height: 100%; } .decimal-rating [data-star^="0.1"]::after, .decimal-rating [data-star^=".1"]::after { width: 2%; } .decimal-rating [data-star^="0.2"]::after, .decimal-rating [data-star^=".2"]::after { width: 4%; } .decimal-rating [data-star^="0.3"]::after, .decimal-rating [data-star^=".3"]::after { width: 6%; } .decimal-rating [data-star^="0.4"]::after, .decimal-rating [data-star^=".4"]::after { width: 8%; } .decimal-rating [data-star^="0.5"]::after, .decimal-rating [data-star^=".5"]::after { width: 10%; } .decimal-rating [data-star^="0.6"]::after, .decimal-rating [data-star^=".6"]::after { width: 12%; } .decimal-rating [data-star^="0.7"]::after, .decimal-rating [data-star^=".7"]::after { width: 14%; } .decimal-rating [data-star^="0.8"]::after, .decimal-rating [data-star^=".8"]::after { width: 16%; } .decimal-rating [data-star^="0.9"]::after, .decimal-rating [data-star^=".9"]::after { width: 18%; } .decimal-rating [data-star^="1"]::after { width: 20%; } .decimal-rating [data-star^="1.1"]::after { width: 22%; } .decimal-rating [data-star^="1.2"]::after { width: 24%; } .decimal-rating [data-star^="1.3"]::after { width: 26%; } .decimal-rating [data-star^="1.4"]::after { width: 28%; } .decimal-rating [data-star^="1.5"]::after { width: 30%; } .decimal-rating [data-star^="1.6"]::after { width: 32%; } .decimal-rating [data-star^="1.7"]::after { width: 34%; } .decimal-rating [data-star^="1.8"]::after { width: 36%; } .decimal-rating [data-star^="1.9"]::after { width: 38%; } .decimal-rating [data-star^="2"]::after { width: 40%; } .decimal-rating [data-star^="2.1"]::after { width: 42%; } .decimal-rating [data-star^="2.2"]::after { width: 44%; } .decimal-rating [data-star^="2.3"]::after { width: 46%; } .decimal-rating [data-star^="2.4"]::after { width: 48%; } .decimal-rating [data-star^="2.5"]::after { width: 50%; } .decimal-rating [data-star^="2.6"]::after { width: 52%; } .decimal-rating [data-star^="2.7"]::after { width: 54%; } .decimal-rating [data-star^="2.8"]::after { width: 56%; } .decimal-rating [data-star^="2.9"]::after { width: 58%; } .decimal-rating [data-star^="3"]::after { width: 60%; } .decimal-rating [data-star^="3.1"]::after { width: 62%; } .decimal-rating [data-star^="3.2"]::after { width: 64%; } .decimal-rating [data-star^="3.3"]::after { width: 66%; } .decimal-rating [data-star^="3.4"]::after { width: 68%; } .decimal-rating [data-star^="3.5"]::after { width: 70%; } .decimal-rating [data-star^="3.6"]::after { width: 72%; } .decimal-rating [data-star^="3.7"]::after { width: 74%; } .decimal-rating [data-star^="3.8"]::after { width: 76%; } .decimal-rating [data-star^="3.9"]::after { width: 78%; } .decimal-rating [data-star^="4"]::after { width: 80%; } .decimal-rating [data-star^="4.1"]::after { width: 82%; } .decimal-rating [data-star^="4.2"]::after { width: 84%; } .decimal-rating [data-star^="4.3"]::after { width: 86%; } .decimal-rating [data-star^="4.4"]::after { width: 88%; } .decimal-rating [data-star^="4.5"]::after { width: 90%; } .decimal-rating [data-star^="4.6"]::after { width: 92%; } .decimal-rating [data-star^="4.7"]::after { width: 94%; } .decimal-rating [data-star^="4.8"]::after { width: 96%; } .decimal-rating [data-star^="4.9"]::after { width: 98%; } .decimal-rating [data-star^="5"]::after { width: 100%; } .decimal-rating.page-rating [data-star]::after { color: var(--color-secondary); } .hero { position: relative; background-color: var(--color-secondary); height: calc(100vh - 128px); padding: 0; min-height: 550px; } @media (max-width: 1200px) { .hero { min-height: auto; height: 100vh; margin-top: 150px; } } .hero__container { 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; height: 100%; padding-inline: 24px; } .hero-img { position: absolute; inset: 0; overflow: hidden; } .hero-img img, .hero-img video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .hero-img::before { position: absolute; inset: 0; content: ""; background: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.8)) ); background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100% ); z-index: 1; } .hero-caption { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 50%; z-index: 2; margin: 0 60px; } .hero-caption p { color: #fff; margin-bottom: 50px; text-shadow: 0 0 50px var(--color-secondary); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform 0.7s ease-in-out; transition: -webkit-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out; width: 100%; } @media (max-width: 767.98px) { .hero-caption p { width: 100%; word-break: break-all; } } @media (max-width: 1200px) { .hero-caption { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0; } } @media (max-width: 576px) { .hero-caption { margin: 0; } } .hero-caption .hero-title { color: #fff; font-family: "IBMArabic-SemiBold"; margin-bottom: 8px; text-shadow: 0 0 50px var(--color-secondary); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform 0.5s ease-in-out; transition: -webkit-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; opacity: 0; font-size: 3.125rem; line-height: 1.5; } @media (max-width: 1200px) { .hero-caption .hero-title { font-size: 2.1875rem; line-height: 1.7; } } @media (max-width: 991.98px) { .hero-caption .hero-title { font-family: "IBMArabic-Bold"; font-size: 1.5625rem; line-height: 1.7; } } .hero-caption .hero-description { color: #fff; margin-bottom: 24px; text-shadow: 0 0 50px var(--color-secondary); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: -webkit-transform 0.7s ease-in-out; transition: -webkit-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out; width: 100%; } @media (max-width: 767.98px) { .hero-caption .hero-description { width: 100%; } } .hero-caption .hero-action { border: 1px solid rgba(0, 0, 0, 0); color: #161616; font-size: 1.25rem; font-family: "IBMArabic-Medium"; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); background-color: #fff; opacity: 0; visibility: hidden; -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, -webkit-transform 1s ease-in-out; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, -webkit-transform 1s ease-in-out; transition: transform 1s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out; transition: transform 1s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out, -webkit-transform 1s ease-in-out; -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0) !important; box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0) !important; outline: 5px solid rgba(0, 0, 0, 0) !important; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .hero-caption .hero-action:is(:hover) { background-color: rgba(255, 255, 255, 0.8); } .hero-caption .hero-action:is(:active) { background-color: rgba(255, 255, 255, 0.6); -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0) !important; box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0) !important; outline: 2px solid rgba(0, 0, 0, 0) !important; } .hero-caption .hero-action:is(:focus) { background-color: #fff; -webkit-box-shadow: 0px 0px 0px 5px #fff !important; box-shadow: 0px 0px 0px 5px #fff !important; outline: 2px solid #161616 !important; } .swiper-slide-active .hero-title, .swiper-slide-active .hero-description, .swiper-slide-active .hero-action { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); opacity: 1; visibility: visible; } @-webkit-keyframes scale-background { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-background { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .about { position: relative; isolation: isolate; overflow: hidden; padding-top: 150px; } @media (max-width: 992px) { .about { padding-top: 60px; } } .about-img { 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; } .about-img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } @media (max-width: 992px) { .about-img img { width: 50%; } } .about-description { margin: 0; font-size: 1.3125rem; font-family: "IBMArabic-Medium"; width: 75%; color: #1b8354; } @media (max-width: 767.98px) { .about-description { text-align: center; font-size: 1rem; width: 100%; } } @media (max-width: 1200px) { .about-description { font-size: 1rem; width: 100%; } } .about-details .title { font-family: "IBMArabic-Bold"; } .about-details__header { 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; width: 100%; margin-bottom: 15px; } .about-details__header .header-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .about-details__header .header-container .nav-tabs { margin-top: 0; } .about-details__header .header-container .title { font-size: 2rem; color: #161616; } @media (max-width: 575.98px) { .about-details__header .header-container { width: 100%; } } .about-details__header .header-container .program-tab { color: #1b8354; } .about-details__header .header-container .program-img { width: 20px; height: 20px; } .about-details__header .header-container .apps-btn { border: 0; padding-inline: 0px; padding: 12px 15px; } .about-details__header .header-container .apps-btn svg { height: 20px; } .about-details__header .header-container .apps-btn span { color: var(--color-primary); font-family: "IBMArabic-Medium"; } .about-details__header .header-container .apps-btn:is(:hover, :active, :focus, :focus-within) svg path { fill: var(--color-secondary); } .about-details__header .header-container .apps-btn:is(:hover, :active, :focus, :focus-within) span { color: var(--color-secondary); } @media (max-width: 991.98px) { .about-details__header .header-container .apps-btn { background-color: #cee7fa; } } @media (max-width: 575.98px) { .about-details__header .header-container .apps-btn { width: 100%; } } @media (max-width: 991.98px) { .about-details__header .header-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 10px; background-color: rgba(0, 0, 0, 0); } .about-details__header .header-container .apps-btn { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .media-center { position: relative; background-color: #1b8354; isolation: isolate; padding: 150px 0; } @media (max-width: 992px) { .media-center { padding: 30px 0; } } .media-center .select-media { margin: 20px 0 50px 0; } .open-data { position: relative; background-color: rgba(0, 0, 0, 0); isolation: isolate; padding: 100px 0 0 0; } @media (max-width: 992px) { .open-data { padding: 20px 0; } } .open-data .section-header .section-title .title, .open-data .section-header .section-title .description { color: #161616; } .open-data .section-header .section-title .title { font-size: 2.1875rem; } .open-data .section-header .section-title .description { font-family: "IBMArabic-Regular"; } .date-time-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #161616; border-radius: 4px; overflow: hidden; font-size: 1.125rem; padding: 5px 15px; } @media (max-width: 992px) { .date-time-container { font-size: 1rem; } } .contact-us { position: relative; isolation: isolate; background-color: #ecfdf3; padding: 100px 0; } .contact-us .contact-us-title { font-size: 2.1875rem; color: #161616; font-family: "IBMArabic-Bold"; margin-bottom: 6.25rem; } @media (max-width: 992px) { .contact-us .contact-us-title { margin-bottom: 25px; text-align: center; } } .contact-us .description { min-height: 80px; } .contact-us .about-card__body { height: 80%; } .rw-conversation-container .rw-client, .rw-conversation-container .rw-header, .rw-conversation-container .rw-replies, .rw-conversation-container .rw-reply, .rw-conversation-container .rw-response, .rw-conversation-container .rw-title { font-family: "IBMArabic-Medium" !important; } .rw-widget-container { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; right: auto !important; height: auto !important; width: auto !important; inset-block-end: 90px !important; left: 24px !important; } .rw-widget-container .rw-launcher { position: relative; inset: 0 !important; width: 53px !important; height: 53px !important; background-color: #fff !important; -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.35); box-shadow: 0 0 50px rgba(0, 0, 0, 0.35); background-image: url("/Style Library/UDesign/images/sms-icon.svg"); background-position: center; background-repeat: no-repeat; background-size: 24px; } .rw-widget-container .rw-launcher .rw-open-launcher__container .rw-open-launcher { display: none; } .rw-widget-container.rw-chat-open { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .rw-widget-container.rw-chat-open .rw-launcher { background-image: none !important; background-color: var(--color-secondary) !important; } .rw-conversation-container .rw-message, .rw-group-message.rw-from-response { direction: ltr; } .rw-carousel-card-subtitle, .rw-carousel-card-title, .rw-message-text { text-align: right; direction: rtl; } .rw-reply { color: #fff !important; } .rw-conversation-container .rw-header.rw-with-subtitle .rw-avatar { top: 13px !important; left: 6px !important; } .rw-conversation-container .rw-title { font-size: 16px !important; margin: 0; position: absolute; left: 61px !important; font-weight: 700; line-height: 22px; } .rw-conversation-container .rw-header.rw-with-subtitle span { bottom: 9px; position: absolute; font-size: 15px; left: 61px !important; } .rw-conversation-container .rw-avatar { width: 45px !important; height: 45px !important; border-radius: 100%; margin-right: 6px; position: relative; bottom: 5px; } .rw-conversation-container .rw-client, .rw-conversation-container .rw-reply { border: #2b4e80 !important; background-color: #2b4e80 !important; } .rw-header.rw-with-subtitle { background-color: #f4f7f9; } .rw-conversation-container .rw-header-buttons { right: 0 !important; top: 30px; } .rw-conversation-container .rw-toggle-fullscreen { width: 25px !important; height: 25px !important; } .rw-conversation-container .rw-reply { padding: 8px 10px !important; } .rw-new-message { height: 35px !important; } @media screen and (min-width: 800px) { .rw-messages-container { height: 510px; } } @media screen and (max-width: 800px) { .rw-close-button { width: 16px !important; } } #XociaWidget { right: auto !important; height: auto !important; width: auto !important; inset-block-end: 40px !important; left: 24px !important; z-index: 999; } #XociaWidget button { position: relative; inset: 0 !important; background-color: #fff !important; -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.35); box-shadow: 0 0 50px rgba(0, 0, 0, 0.35); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.5' height='37.101' viewBox='0 0 24.5 37.101'%3E%3Cpath id='sign-language' d='M12302.784,5505.912a10.028,10.028,0,0,1-9.638-7.332.573.573,0,1,1,1.1-.3,8.88,8.88,0,0,0,8.537,6.491h4a8.867,8.867,0,0,0,8.856-8.859v-3.731a6.243,6.243,0,0,0-1.84-4.445l-4.9-4.9a.571.571,0,0,0-.807,0,3.086,3.086,0,0,0-.009,4.365c2.067,2.1,2.37,2.3,2.714,3.137a3.58,3.58,0,0,1,.271,1.367.57.57,0,0,1-.5.565,8.019,8.019,0,0,0-6.934,7.929.57.57,0,1,1-1.141,0,9.169,9.169,0,0,1,7.382-8.974,2.453,2.453,0,0,0-.655-1.236l-1.951-1.981a4.2,4.2,0,0,1-1.23-2.983,4.021,4.021,0,0,1,1.6-3.267v-9.273a2,2,0,0,0-4,0v16.856a.572.572,0,1,1-1.144,0v-14a2,2,0,0,0-4,0v14a.572.572,0,1,1-1.144,0v-9.715a1.714,1.714,0,0,0-3.428,0v13.715a.572.572,0,0,1-1.145,0v-13.715a2.859,2.859,0,0,1,4.569-2.285v-2a3.146,3.146,0,0,1,5.146-2.423v-.436a659.543,659.543,0,0,0,9.5-1.744,3.147,3.147,0,0,1,1.926,2.887v12.621l.683.683a7.372,7.372,0,0,1,2.177,5.251v3.734a10.013,10.013,0,0,1-10,10Zm6-32.29v7.929a1.71,1.71,0,0,1,.928.476l3.072,3.076v-11.48a2,2,0,0,0-4,0Zm-16,22.593v-.59a.572.572,0,0,1,1.145,0c0,.272-.007.377,0,.553a.573.573,0,0,1-.554.59h-.018A.576.576,0,0,1,12292.784,5496.215Z' transform='translate(-12292.534 -5469.061)' fill='%23224e85' stroke='%23224e85' stroke-width='0.5'/%3E%3C/svg%3E%0A"); background-position: center; background-size: 18px; } #XociaWidget #XociaWidgetStatment { display: none; opacity: 0; visibility: hidden; } #iframContainer { left: 0 !important; bottom: 150px !important; right: auto !important; background-color: #fff; border-radius: 16px; } #iframContainer iframe { border: 0; background-color: #fff; border-radius: 0 0 16px 16px; } .info-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; background-color: #f7f7f7; padding: 24px; border-radius: 100px; } .info-container .value { font-family: "IBMArabic-Bold"; } @media (max-width: 767.98px) { .info-container { border-radius: 24px; -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; } .info-container * { text-align: center; } } .details-grid__item .details-grid-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 24px; color: var(--color-secondary); border-bottom: 1px solid #9dd9ff; } .details-grid__item .details-grid-container.with-border { -webkit-border-end: 1px solid #9dd9ff; border-inline-end: 1px solid #9dd9ff; } .details-grid__item .details-grid-title { font-family: "IBMArabic-Bold"; } .details-grid__item .link { color: var(--color-success); font-family: "IBMArabic-Bold"; } .details-grid__item .link:hover { color: var(--color-primary); } .details-grid__item:last-of-type .details-grid-container { border-bottom: 0; } .gm-style .gm-style-iw-c { padding: 16px !important; border-radius: 16px; } .gm-style .gm-style-iw-c > button { top: 12px !important; left: 12px !important; } .branches-list { height: 100%; max-height: 720px; overflow-y: auto; -webkit-padding-end: 15px; padding-inline-end: 15px; padding-bottom: 25px; } .branches-list::-webkit-scrollbar-thumb { border-radius: 20px; padding: 10px; background: #b8eacb; height: 15px !important; border: 2px solid #e5e7eb !important; } .branches-list::-webkit-scrollbar-track { padding: 10px; border-radius: 20px; background: #f3f4f6 !important; height: 15px !important; border: 1px solid #e5e7eb; } .branches-list-card { padding: 16px; background-color: #fff; border-radius: 16px; -webkit-box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1); box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1); } .map .branches-list-card { padding: 0; border: 0; } .branches-list-card:not(:last-of-type) { margin-bottom: 30px; } .branches-list-card .item-title { font-family: "IBMArabic-Bold"; color: #384250; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .branches-list-card .branch-location, .branches-list-card .branch-time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-bottom: 8px; } .branches-list-card .branch-location img, .branches-list-card .branch-location svg, .branches-list-card .branch-time img, .branches-list-card .branch-time svg { width: 16px; } .branches-list-card .branch-location .title, .branches-list-card .branch-location a, .branches-list-card .branch-time .title, .branches-list-card .branch-time a { font-family: "IBMArabic-Medium"; font-size: 0.875rem; color: #384250; } .branches-list-card .card-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 8px; } .branches-list-card .card-actions .actions-btn { 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; width: 32px; height: 32px; -ms-flex-negative: 0; flex-shrink: 0; background-color: #f7f7f7; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .branches-list-card .card-actions .actions-btn img, .branches-list-card .card-actions .actions-btn svg { height: 16px; width: 16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .branches-list-card .card-actions .actions-btn:is(:hover, :active, :focus) { background-color: var(--color-primary); } .branches-list-card .card-actions .actions-btn:is(:hover, :active, :focus) img, .branches-list-card .card-actions .actions-btn:is(:hover, :active, :focus) svg { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .branches-list-card:is(:hover) { border-color: var(--color-primary); } .branches-list-card:is(:hover) .item-title { color: #384250; } .hint-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .hint-container .icon { -ms-flex-negative: 0; flex-shrink: 0; } .hint-container .icon svg, .hint-container .icon img { height: 24px; width: 24px; } .hint-container .icon.icon-lg svg, .hint-container .icon.icon-lg img { height: 40px; width: 40px; } .hint-container .link { color: var(--color-success); font-family: "IBMArabic-Bold"; -webkit-padding-start: 8px; padding-inline-start: 8px; } .hint-container .link:is(:hover, :active, :focus) { color: var(--color-primary); } .contact-list { background-color: #f5f5f5; border-radius: 20px; height: 100%; padding: 24px; } .contact-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .contact-list__item .item-title { margin: 0; font-family: "IBMArabic-Bold"; color: var(--color-secondary); } .contact-list__item .item-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; } .contact-list__item .item-content .icon { -ms-flex-negative: 0; flex-shrink: 0; } .contact-list__item .item-content .icon img, .contact-list__item .item-content .icon svg { width: 32px; height: 32px; margin-top: 8px; } .contact-list__item .item-content .info { color: var(--color-secondary); font-size: 0.875rem; } .contact-list__item:not(:last-of-type) { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #c2c2c2; } .popover { --bs-popover-max-width: 300px; --bs-popover-header-padding-y: 1rem; --bs-popover-border-color: #ebebeb; -webkit-box-shadow: 0 0 20px rgba(131, 149, 183, 0.15); box-shadow: 0 0 20px rgba(131, 149, 183, 0.15); } .popover .calender_item { padding: 0; } .popover .calender_item .item-title { font-family: "IBMArabic-Bold"; color: var(--color-text-color); } .popover .calender_item .item-date { margin-bottom: 8px; } .popover .calender_item .item-date span { color: #606161; font-size: 0.75rem; } .popover .calender_item .item-date .divider { background-color: #606161; } .popover .calender_item p { color: #606161; font-size: 0.875rem; margin-bottom: 12px; } .popover .calender_item a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; padding: 0.25rem 1rem 0.375rem; white-space: nowrap; text-align: center; position: relative; -webkit-box-shadow: none; box-shadow: none; outline: 0; font-family: inherit; font-family: "IBMArabic-Bold"; font-size: 0.875rem; border: 1px solid rgba(0, 0, 0, 0); border-radius: 50px; background-color: var(--color-primary); color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .popover .calender_item a:is(:hover, :active, :focus) { background-color: #053622; -webkit-box-shadow: none; box-shadow: none; } .search-result-list ul { list-style: none; padding: 0; margin: 0; } .search-result-list ul li { padding: 24px 16px; margin-top: 16px; border: 1px solid rgba(0, 0, 0, 0); background-color: #fff; border-radius: 16px; } .search-result-list ul li a, .search-result-list ul li a:visited { display: block; } .search-result-list ul li a strong, .search-result-list ul li a:visited strong { font-size: 1.125rem; color: var(--color-text-color); } .search-result-list ul li a:hover strong, .search-result-list ul li a:visited:hover strong { color: var(--color-primary); } .search-result-list ul li:hover { border-color: var(--color-primary); } .consulting-details .header-info { width: 60%; } @media (max-width: 992px) { .consulting-details .header-info { width: 100%; } } html[lang="en"] #servey { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2509803922); top: 0; right: 0; text-align: center; } html[lang="en"] .rt-class table { direction: ltr !important; text-align: left !important; } html[lang="en"] .full_screen { height: 100% !important; width: 100% !important; z-index: 999997; left: 0 !important; max-height: none !important; } html[lang="en"] .arabic__form { direction: ltr; text-align: center; font: normal normal normal 14px/21px KUffi; } html[lang="en"] #myModal_for_servey .custom-control2-label::before { left: 0; right: auto; top: 5px; } html[lang="en"] #myModal_for_servey .custom-control2-label::after { left: 0; right: auto; top: 5px; } html[lang="en"] #myModal_for_servey .custom-control2-label { padding-left: 25px; } html[lang="en"] #myModal_for_servey .custom-control2 img { width: 40px; height: 40px; margin-left: -15px !important; } html[lang="en"] #myModal_for_servey .custom-control-label::before, #myModal_for_servey .custom-control2-label::before { left: 0; right: auto; top: -15px !important; } html[lang="en"] #myModal_for_servey .custom-control-label::after, #myModal_for_servey .custom-control2-label::after { left: 0; right: auto; top: -15px !important; border-radius: 50%; } html[lang="en"] #myModal_for_servey .custom-control-label { padding-left: 0 !important; } html[lang="en"] #myModal_for_servey .custom-control img { width: 40px; height: 40px; margin-left: -15px !important; } html[lang="en"] .custom-control-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: 0rem !important; padding: 0 1em !important; } html[lang="ar"] #servey { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2509803922); top: 0; left: 0; text-align: center; } html[lang="ar"] .rt-class table { direction: rtl !important; text-align: right !important; } html[lang="ar"] .full_screen { height: 100% !important; width: 100% !important; z-index: 999997; right: 0 !important; max-height: none !important; } html[lang="ar"] .arabic__form { direction: rtl; text-align: center; font: normal normal normal 14px/21px KUffi; } html[lang="ar"] #myModal_for_servey .custom-control2-label::before { right: 0; left: auto; top: 5px; } html[lang="ar"] #myModal_for_servey .custom-control2-label::after { right: 0; left: auto; top: 5px; } html[lang="ar"] #myModal_for_servey .custom-control2-label { padding-right: 25px; } html[lang="ar"] #myModal_for_servey .custom-control2 img { width: 40px; height: 40px; margin-right: -15px !important; } html[lang="ar"] #myModal_for_servey .custom-control-label::before, #myModal_for_servey .custom-control2-label::before { right: 0; left: auto; top: -15px !important; } html[lang="ar"] #myModal_for_servey .custom-control-label::after, #myModal_for_servey .custom-control2-label::after { right: 0; left: auto; top: -15px !important; border-radius: 50%; } html[lang="ar"] #myModal_for_servey .custom-control-label { padding-right: 0 !important; } html[lang="ar"] #myModal_for_servey .custom-control img { width: 40px; height: 40px; margin-right: -15px !important; } html[lang="ar"] .custom-control-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 0rem !important; padding: 0 1em !important; } #servey form { background: #fff; margin: 80px auto; max-width: 45%; padding: 20px; border-radius: 5px; width: auto; display: inline-block; min-width: 400px; } #governmentagency { -webkit-appearance: none; -moz-appearance: none; appearance: none; } #cx_webchat_form_lastname { display: none !important; } .custom-radio2 .custom-control2-input:checked ~ .custom-control2-label::before { background-color: #2b4e80 !important; } .modal.show .form-control { font-size: 0.9rem; } .inner___logo { max-width: 40px; height: 40px; border-radius: 200px; } .custom-control2-inline { margin: 0 1.15em !important; } /*# sourceMappingURL=styles.min.css.map */ .input-with-icon { position: relative; border: 1px solid #9da4ae; border-radius: 5px; padding-top: 7px; } .input-with-icon input { padding-right: 30px; border: none; padding: 10px; border-radius: 5px; } .VidlangEN .Vid_icon { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); pointer-events: none; } .VidlangAR .Vid_icon { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); pointer-events: none; } #modalVidCall { position: fixed; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transform: scale(1.1); transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s; } #modalVidCall.show-modal-VidCall { opacity: 1; visibility: visible; transform: scale(1); transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; z-index: 100; } .VidlangEN #modalContentVidCall { position: absolute; top: 57%; right: 50%; transform: translate(50%, -50%); background-color: #fff; padding: 1rem 1.5rem; width: 40rem; border-radius: 8px; height: 82%; overflow: scroll; box-shadow: 0 32px 64px -12px rgba(16, 24, 40, 0.14); } .VidlangEN #closeButtonVidCall { float: right; width: 1.5rem; line-height: 1.5rem; text-align: center; cursor: pointer; background-color: #fff; font-size: 1.5rem; } .VidlangEN #closeButtonVidCall:hover { background-color: #a9a9a9; } .VidlangEN .VidCallBTN { text-align: left; } .VidlangEN .help-text { border-radius: 20px; height: 45px; width: 45px; border: 1px solid #000; background-color: transparent; cursor: pointer; outline: 0; } .VidlangEN #shadow { display: none; width: 100%; height: 100%; position: absolute; z-index: 3; background-color: #000; opacity: 0.6; } .VidlangEN .help.active { border-radius: 10px; } .VidlangEN .help { top: 80%; right: 90%; position: absolute; font-family: sans-serif; z-index: 10; font-size: 0; transform: translate(50%, -50%); color: #3b70bf; text-align: center; background-color: #326a9d; border-radius: 15px; width: 120px; height: 120px; } .VidlangEN .help.inactive:hover { cursor: pointer; } .VidlangEN .help > p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .VidlangEN .helpbox { position: inherit; width: 100%; } .VidlangEN.x { position: absolute; top: 5%; right: 92.5%; font-size: 20px; z-index: 10; } .VidlangEN .help-form { margin-top: 20px; margin-left: 2px; } .VidlangEN #VidCall-submit2 { margin-left: 10px !important; margin-top: 18px !important; } .VidlangEN .VidCall-btn { background-color: #204e84; color: #404040; margin-top: 10px; } .VidlangEN .VidCall-header-title { color: #1b8354; font-size: 15px; border-radius: 10px; direction: ltr; padding-left: 12px; } .VidlangEN .online-form-title-Agree { color: #000; direction: ltr; margin-left: 12px; } .VidlangEN .online-form-title { color: #161616; font-size: 14px; margin-bottom: 0; margin-top: 0; padding-right: 11px !important; padding-left: 12px !important; margin: 0 !important; margin-right: 20px !important; direction: ltr; } .VidlangEN .form-group-vid { margin-bottom: 10px; padding-left: 10px; padding-right: 10px; display: flex; direction: ltr; flex-direction: column; color: #161616; } .vid-option:hover { background-color: #808080 !important; } .vid-option { color: #1b8354; } .VidlangEN .form-group-vid input { font-size: 0.8rem; font-weight: 500; color: var(--text-dark); padding: 0.5rem; border: 2px solid var(--primary-lighter); border-radius: 0.3rem; height: 32px !important; width: 100%; padding-left: 30px; } .VidlangEN .form-group-vid label { font-size: 0.75rem; } .VidlangEN .VidCall-btn.btn-text-chat { color: #fff; } .modalContentVidCall-width { width: 90% !important; } @media only screen and (max-width: 768px) { .VidlangEN #modalContentVidCall { width: 90%; height: 90%; top: 50%; right: 50%; transform: translate(50%, -50%); padding: 1rem; overflow: scroll; } .VidlangEN .VidCall-header-title { font-size: 1.2rem; padding-left: 10px; } .VidlangEN .form-group-vid { padding-left: 5px; padding-right: 5px; } .VidlangEN .form-group-vid input { font-size: 0.8rem; height: 40px !important; } .VidlangEN #closeButtonVidCall { width: 2rem; line-height: 2rem; } .VidlangEN .help { top: 70%; right: 80%; width: 100px; height: 100px; } .VidlangEN .help > p { font-size: 0.8rem; } .VidlangEN .x { font-size: 1.5rem; } } .VidlangAR #modalContentVidCall { position: absolute; top: 57%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 1rem 1.5rem; width: 40rem; border-radius: 8px; height: 82%; overflow: scroll; box-shadow: 0 32px 64px -12px rgba(16, 24, 40, 0.14); } .VidlangAR #closeButtonVidCall { float: left; width: 1.5rem; line-height: 1.5rem; text-align: center; cursor: pointer; background-color: #fff; font-size: 1.5rem; } .VidlangAR #closeButtonVidCall:hover { background-color: #a9a9a9; } .VidlangAR .VidCallBTN { text-align: right; margin-right: -4px; } .VidlangAR .help-text { border-radius: 20px; height: 45px; width: 45px; border: 1px solid #000; background-color: transparent; cursor: pointer; outline: 0; } .VidlangAR #shadow { display: none; width: 100%; height: 100%; position: absolute; z-index: 3; background-color: #000; opacity: 0.6; } .VidlangAR .help.active { border-radius: 10px; } .VidlangAR .help { top: 80%; left: 90%; position: absolute; font-family: sans-serif; z-index: 10; font-size: 0; transform: translate(-50%, -50%); color: #3b70bf; text-align: center; background-color: #326a9d; border-radius: 15px; width: 120px; height: 120px; } .VidlangAR .help.inactive:hover { cursor: pointer; } .VidlangAR .help > p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .VidlangAR .helpbox { position: inherit; width: 100%; } .VidlangAR.x { position: absolute; top: 5%; left: 92.5%; font-size: 20px; z-index: 10; } .VidlangAR .help-form { margin-top: 20px; margin-right: 15px; } .VidlangAR #VidCall-submit2 { margin-right: 10px !important; margin-top: 18px !important; } .VidlangAR .VidCall-btn { background-color: #204e84; color: #404040; margin-top: 10px; } .VidlangAR .VidCall-header-title { color: #1b8354; font-size: 15px; border-radius: 10px; direction: rtl; padding-right: 20px; } .VidlangAR .online-form-title-Agree { color: #000; margin: 0 !important; margin-right: 8px !important; direction: rtl; } .VidlangAR .online-form-title { color: #161616; margin-right: 20px !important; direction: rtl; } .VidlangAR .form-group-vid { margin-bottom: 10px; padding-left: 10px; padding-right: 10px; display: flex; direction: rtl; flex-direction: column; } .VidlangAR .form-group-vid input { font-size: 0.8rem; font-weight: 500; color: var(--text-dark); padding: 0.5rem; border: 2px solid var(--primary-lighter); border-radius: 0.3rem; height: 32px !important; width: 100%; padding-right: 30px; } .VidlangAR.form-group-vid label { font-size: 0.75rem; color: #161616 !important; } .VidlangAR .VidCall-btn.btn-text-chat { color: #fff; } @media only screen and (max-width: 768px) { .VidlangAR #modalContentVidCall { width: 90% !important; height: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 1rem; overflow: scroll; } .VidlangAR .VidCall-header-title { font-size: 1.2rem; padding-right: 20px; } .VidlangAR .form-group-vid { padding-left: 5px; padding-right: 5px; color: #161616; } .VidlangAR .form-group-vid input { font-size: 0.8rem; height: 40px !important; padding-right: 30px !important; } .VidlangAR #closeButtonVidCall { width: 2rem; line-height: 2rem; } .VidlangAR .help { top: 70%; left: 80%; width: 100px; height: 100px; } .VidlangAR .help > p { font-size: 0.8rem; } .VidlangAR .x { font-size: 1.5rem; } } .page-title { color: var(--color-text-color); } ==================================================================== Candidate Detail Section ==================================================================== ***/ .candidate-detail-section { position: relative; } .candidate-detail-section .upper-box { position: relative; background-image: url('../images/bg-4.png'); background-repeat: no-repeat; background-position: center; background-size: cover; background-size: cover; padding: 40px 0 30px; /* -webkit-animation: 5s linear 0s normal none infinite animate; -moz-animation: 5s linear 0s normal none infinite animate; -ms-animation: 5s linear 0s normal none infinite animate; -o-animation: 5s linear 0s normal none infinite animate; animation: 2s linear 0s normal none infinite animate; */ } .candidate-detail-section.style-three .upper-box { padding: 70px 0 30px; } .candidate-detail-outer { padding: 50px 0 50px; } /* Candidate block Five */ .candidate-block-five { position: relative; margin-bottom: 11px; } .candidate-block-five .inner-box { position: relative; display: flex; justify-content: space-between; align-items: center; border-radius: 8px; transition: all 300ms ease; } .candidate-block-five .inner-box .content { position: relative; padding-right: 140px; min-height: 100px; display: flex; justify-content: center; flex-direction: column; } .candidate-block-five .inner-box .btn-box { position: relative; display: flex; } .candidate-block-five .image { position: absolute; right: 0; top: 0; width: 120px; height: 120px; overflow: hidden; border-radius: 50%; margin: 0 auto 20px; } .candidate-block-five .image img { width: 100%; } .candidate-block-five .name { position: relative; display: block; font-weight: 500; font-size: 1.8em; line-height: 35px; color: #202124; margin-bottom: 10px; } .candidate-block-five .name a { color: #3e4e7b; } .candidate-block-five .candidate-info { position: relative; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 5px; list-style: none; } .candidate-block-five .candidate-info li { position: relative; font-size: 14px; line-height: 22px; color: #636363; font-weight: 400; padding-right: 25px; margin-bottom: 5px; margin-left: 30px; } .upper-box2 .candidate-block-five .candidate-info li { color: #fff; } .candidate-block-five .candidate-info li .icon { position: absolute; right: 0; top: 0; font-size: 18px; line-height: 22px; color: #ae8343; } .candidate-block-five .candidate-info li .icon { position: absolute; right: 0; top: 0; font-size: 18px; line-height: 22px; color: #325381; } .upper-box2 .candidate-block-five .candidate-info li .icon { position: absolute; right: 0; top: 0; font-size: 18px; line-height: 22px; color: #ae8343; } .candidate-block-five .candidate-info li a { color: #696969; } .candidate-block-five .candidate-info li.designation { display: block; font-size: 0.99em; color: #B18645; line-height: 19px; padding-right: 0; font-family: var(--font-secondary); } .candidate-block-five .post-tags { position: relative; display: flex; flex-wrap: wrap; } .candidate-block-five .post-tags li { position: relative; background: #C8D6EB; border-radius: 30px; font-size: 14px; line-height: 20px; color: #1967D2; padding: 5px 20px; border-radius: 20px; margin-left: 10px; list-style: none } .candidate-block-five .post-tags li a { color: #325381; } .candidate-block-five .post-tags li.colored { background-color: #34A853; color: #ffffff; } .candidate-block-five .bookmark-btn { height: 50px; width: 50px; line-height: 50px; text-align: center; font-size: 16px; cursor: pointer; color: #fff; border-radius: 7px; background: linear-gradient(-45deg, #bf9352 1%, #966c2d 100%); transition: all 300ms ease; margin-right: 20px; border: 0px; } .candidate-block-five .option-box { position: relative; display: flex; align-items: center; } .candidate-block-five .btn-box .theme-btn { min-width: 220px; } /* Candidate block Six */ .candidate-block-six { position: relative; } .candidate-block-six .inner-box { position: relative; text-align: center; } .candidate-block-six .image { width: 100px; height: 100px; overflow: hidden; border-radius: 50%; margin: 0 auto 20px; } .candidate-block-six .image img { width: 100%; } .candidate-block-six .name { position: relative; display: block; font-weight: 500; font-size: 26px; line-height: 35px; color: #202124; margin-bottom: 10px; } .candidate-block-six .name a { color: #202124; } .candidate-block-six .designation { display: block; font-size: 14px; color: #1967D2; line-height: 19px; margin-bottom: 22px; } .candidate-block-six .content { position: relative; display: flex; justify-content: space-between; } .candidate-block-six .post-tags { position: relative; display: flex; flex-wrap: wrap; align-items: center; } .candidate-block-six .post-tags li { position: relative; display: block; background: #D3E1F5; border-radius: 30px; font-size: 14px; line-height: 20px; color: #1967D2; padding: 5px 20px; border-radius: 20px; margin: 5px 0; margin-right: 10px; } .candidate-block-six .post-tags li a { display: block; color: #1967D2; } .candidate-block-six .post-tags li.colored { background-color: #34A853; color: #ffffff; } .candidate-block-six .btn-box { position: relative; display: flex; } .candidate-block-six .candidate-info { position: relative; display: flex; align-items: center; flex-wrap: wrap; } .candidate-block-six .candidate-info li { position: relative; font-size: 14px; line-height: 22px; color: #696969; font-weight: 400; padding-left: 25px; margin-top: 5px; margin-bottom: 5px; margin-right: 30px; } .candidate-block-six .candidate-info li .icon { position: absolute; left: 0; top: 0; font-size: 18px; line-height: 22px; color: #696969; } .candidate-block-six .candidate-info li a { color: #696969; } .candidate-block-six .bookmark-btn { height: 50px; width: 50px; line-height: 50px; text-align: center; font-size: 16px; cursor: pointer; color: #1967D2; border-radius: 7px; background: rgba(25, 103, 210, 0.07); transition: all 300ms ease; margin-left: 20px; } .candidate-block-six .option-box { position: relative; display: flex; align-items: center; } .candidate-block-six .btn-box .theme-btn { min-width: 220px; } .candidate-detail-section .sidebar-widget { margin-bottom: 30px; } .candidate-detail-section .contact-widget .form-group input, .candidate-detail-section .contact-widget .form-group textarea { background-color: #ffffff; padding-right: 12px; font-family: var(--font-general); font-size: 0.8em; } .candidate-detail-section .contact-widget .form-group textarea { min-height: 130px; } .candidate-detail-section .contact-widget .widget-content .default-form .form-group { margin-bottom: 20px; } candidate-detail-section .upper-box { position: relative; background-image: url(../images/icons/bg-4.png); background-repeat: no-repeat; background-position: center; background-size: cover; background-size: cover; padding: 80px 0 30px; } .resume-outer { position: relative; margin-bottom: 30px; } .resume-outer .upper-title { position: relative; display: flex; align-items: center; justify-content: space-between; } .resume-outer .upper-title h4 { font-weight: 500; font-size: 21px; line-height: 24px; color: #a17637; margin-bottom: 25px; } .add-info-btn { position: relative; font-size: 13px; line-height: 20px; color: #1967D2; font-weight: 400; display: flex; align-items: center; color: #d93025; } .add-info-btn .icon { display: flex; align-items: center; justify-content: center; height: 25px; width: 25px; font-weight: 900; font-size: 10px; border-radius: 50%; margin-right: 10px; background: #f9e0df; color: #d93025; border-radius: 60px; } .resume-block { position: relative; } .resume-block .inner { position: relative; padding-right: 60px; z-index: 1; padding-bottom: 60px; } .resume-block .inner:before { position: absolute; right: 14px; top: 5px; bottom: 0; z-index: -1; border-right: 2px dashed rgba(217, 48, 37, 0.15); content: ""; } .resume-block:last-child .inner { padding-bottom: 30px; } .resume-block:last-child .inner:before { display: none; } .resume-block .name { position: absolute; left: 0; top: 5px; display: block; height: 30px; width: 30px; line-height: 30px; font-size: 12px; text-align: center; border-radius: 50%; background: #f9e0df; color: #d93025; z-index: 2; } .resume-block .title-box { position: relative; display: flex; align-items: flex-start; margin-bottom: 30px; } .resume-block .info-box { position: relative; margin-left: 20px; } .resume-block .info-box h3 { font-weight: 500; font-size: 1.14em; line-height: 22px; color: #202124; } .resume-block .info-box span { font-size: 16px; line-height: 22px; color: #d93025; } .resume-block .edit-box { display: flex; align-items: center; } .resume-block .edit-box .year { position: relative; font-size: 13px; padding: 5px 20px; line-height: 15px; color: #D93025; font-weight: 500; border-radius: 20px; background: rgba(217, 48, 37, 0.15); color: #d93025; } .resume-block .edit-btns { position: relative; display: flex; margin-right: 20px; } .resume-block .edit-btns button { position: relative; width: 30px; height: 30px; line-height: 30px; text-align: center; background: rgba(25, 103, 210, 0.07); border-radius: 8px; margin-right: 10px; min-width: auto; color: #1967d2; } .resume-outer.theme-blue .resume-block .edit-box .year, .resume-outer.theme-blue .resume-block .name { background: #eff4fc; color: #1967d2; } .resume-outer.theme-blue .resume-block .info-box span { color: #1967d2; } .resume-outer.theme-yellow .resume-block .edit-box .year, .resume-outer.theme-yellow .resume-block .name { background: #fef2d9; color: #f9ab00; } .resume-outer.theme-yellow .resume-block .info-box span { color: #f9ab00; } .resume-block .name { position: absolute; right: 0; top: 5px; display: block; height: 30px; width: 30px; line-height: 30px; font-size: 12px; text-align: center; border-radius: 50%; background: #f9e0df; color: #d93025; z-index: 2; } .resume-block .title-box { position: relative; display: flex; align-items: flex-start; margin-bottom: 30px; } .resume-block .info-box { position: relative; margin-right: 20px; } .resume-block .info-box span { font-size: 16px; line-height: 22px; color: #d93025; } .resume-block .edit-box { display: flex; align-items: center; } .resume-block .edit-box .year { position: relative; font-size: 13px; padding: 5px 20px; line-height: 15px; color: #D93025; font-weight: 500; border-radius: 20px; background: rgba(217, 48, 37, 0.15); color: #d93025; } .resume-block .edit-btns { position: relative; display: flex; margin-left: 20px; } .resume-block .edit-btns button { position: relative; width: 30px; height: 30px; line-height: 30px; text-align: center; background: rgba(25, 103, 210, 0.07); border-radius: 8px; margin-right: 10px; min-width: auto; color: #1967d2; } .resume-outer.theme-blue .resume-block .edit-box .year, .resume-outer.theme-blue .resume-block .name { background: #eff4fc; color: #1967d2; } .resume-outer.theme-blue .resume-block .info-box span { color: #1967d2; } .resume-outer.theme-yellow .resume-block .edit-box .year, .resume-outer.theme-yellow .resume-block .name { background: #fef2d9; color: #f9ab00; } .resume-outer.theme-yellow .resume-block .info-box span { color: #f9ab00; } .btn-style-one { position: relative; text-align: center; white-space: nowrap; color: #ffffff; background-color: #325381; font-size: 15px; line-height: 20px; border-radius: 8px; font-weight: 400; padding: 18px 35px 15px 35px; border: 0px; } .candidate-detail-section .sidebar-widget { margin-bottom: 30px; } .sidebar-widget { position: relative; padding: 30px 30px 30px; background: #F5F7FC; border-radius: 8px; margin-bottom: 40px; } .candidate-block-five .post-tags { position: relative; display: flex; flex-wrap: wrap; } .job-overview .icon { position: absolute; right: 0; top: 0; height: 30px; width: 30px; background-repeat: no-repeat; background-position: center; } p { font-family: var(--font-secondary); } .pattern-layer-position2 { top: -100px; right: -140px; z-index: 1; } .pattern-layer-position3 { top: 123px; left: -115px; z-index: 1; } .social-media-widget .social-links a { font-size: 14px; line-height: 26px; color: #696969; margin-right: 17px; transition: all 300ms ease; } h4.widget-title { font-size: 0.99em; } .candidate-detail-outer p { font-size: 1.0em; } .job-overview h5 { font-size: 0.9em; margin-bottom: 0px; } .job-overview h5 { font-weight: 500; font-size: 16px; line-height: 22px; color: #385986; } .job-overview span { font-size: 15px; line-height: 15px; font-family: var(--font-secondary); } .resume-block { font-family: var(--font-secondary); font-size: 0.92em; } .job-overview { list-style: none; } .job-overview li { } .resume-outer .upper-title h4 { font-weight: 500; font-size: 1.1em; line-height: 24px; color: #0d5da5; margin-bottom: 25px; padding: 9px 25px; background: #d3dcf0; border-radius: 8px; box-shadow: 0 0 11px 1px rgb(25 64 140 / 10%); } .job-overview { position: relative; } .job-overview .icon { position: relative; right: 0; top: 0; height: 30px; width: 30px; background-repeat: no-repeat; background-position: center; color: #1F4EAC; float: right; } .job-overview li { padding-right: 31px; }