[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} html{scroll-behavior:smooth} body{color:#5d5d5d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; color:#24163c;font-size:16px;font-family: KumbhSans-Regular; /*letter-spacing: -0.3px;*/ background: #fff; overflow-x: hidden; } a{color:#3498db;text-decoration:none;color:hsl(262deg 46% 16% / 37%);color:#fe6102} a:hover{color:#5faee3;text-decoration:none;color:#24163c;color:#dd5300} a:focus-visible {outline: 0;} img,svg{max-width:100%} p { color: #030303; line-height: 1.6; } .row {--bs-gutter-x: 2rem;} .text-orange { color: #F25E25; } .text-orange.card-text { color: #F25E25; } ol li {margin-bottom: 8px;} .mt-5rem { margin-top: 5rem!important; } @font-face { font-family: KumbhSans-Bold; src: url(../fonts/KumbhSans-Bold.ttf); } @font-face { font-family: KumbhSans-Regular; src: url(../fonts/KumbhSans-Regular.ttf); } .position-relative{ position: relative; } /*-------------------------------------------------------------- # Back to top button --------------------------------------------------------------*/ .back-to-top { position: fixed; visibility: hidden; opacity: 0; right: 15px; bottom: 15px; z-index: 996; background: #00c753; /* background: #f8f8f8; */ background: #55882f; width: 40px; height: 40px; border-radius: 4px; transition: all 1s; border: 1px solid #c9c9c9; border-radius: 50%; } .back-to-top:before { margin-right: 7px; content: ''; display: inline-block; width: 9px; height: 9px; border-top: 4px solid #fff; border-right: 4px solid #fff; transform: rotate(318deg); margin-left: 8px; margin-top: 2px; } .back-to-top:hover{background:linear-gradient(204 deg,#6decbb,#1f4ccc);color:#fff;transition:all 1s} .back-to-top.active{visibility:visible;opacity:1} /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ #header{z-index:997;transition:all .5s;padding: 0 0 0px 0;position:fixed;width:100%;background: #fff;flex-wrap: wrap;} /*#header > .container{padding:5px 0px}*/ .logo { flex: 0 0 100%; max-width: 200px; } #header.bgoverlay { transform: translateY(-120px); background: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } header.header-scrolled{box-shadow:0 2px 15px hsl(0deg 0% 0% / 10%);background:linear-gradient(304deg,#6decbb,#1f4ccc)} #header .logo h1{font-size:30px;margin:0;padding:0;line-height:1;font-weight:700;letter-spacing:1px} #header .logo h1 a,#header .logo h1 a:hover{color:#222;text-decoration:none} #header .logo img{padding:0;margin:0;max-height:62px} .logo a{display:inline-block} .header-top { background: #004f32; background: #00c753; background: #55882f; color: #fff; width: 100%; margin-bottom: 10px; padding: 5px; } .header-top-info { display: flex; justify-content: space-between; } .header-top-info a { display: inline-block; font-size: 15px; color: #fff; font-weight: 500; /*margin-right: 40px;*/ } .headIcon svg { width: 20px; height: 20px; margin-right:5px ; fill: #fff; } /*@media(min-width: 1200px){ .navbar { flex: 0 0 100%; max-width: calc(100% - 200px); } }*/ /*-------------------------------------------------------------- # Navigation Menu --------------------------------------------------------------*/ /** * Desktop Navigation */ .navbar{padding:0} .navbar li{position:relative} .navbar a, .navbar a:focus { display: flex; align-items: center; padding: 26px 15px; font-weight: 400; color: #333; white-space: nowrap; transition: .3s; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; position: relative; font-weight: 600; } .navloginBtn a:before{ visibility: hidden; } .navbar a.nav-link.navloginBtn, .navloginBtn a { color: #fff; background: #F96703; /* border: solid 1px rgb(36 22 60 / 0%); */ /* padding: 9px 15px; */ /* border-radius: 8px; */ /* border: 0px; */ -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #F96703; font-weight: 500; text-transform: uppercase; line-height: 27px; /*letter-spacing: 2.41px;*/ padding: 11px 28px 11px 28px; padding: 10px 28px 8px 28px; border-radius: 30px; } .navbar a.nav-link.navloginBtn:hover, .navbar li.navloginBtn:hover a, .navbar li.navloginBtn a:focus{ -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 0.9; box-shadow: 8px 12px 16px 0 rgb(0 0 0 / 12%); color: #fff; background: #fe6102;padding: 11px 28px 11px 28px; } .navIcon{margin-right:.5rem} .navbar .dropdown ul a svg{position:absolute;border-radius:50%;left:20px;width:40px;height:40px;top:10px} /*.nav-link:before{content:"";display:block;width:calc(100% - 29px);height:2px;background:#00c753; background: #78a927; background: #55882f;position:absolute;bottom:4px;transform:scale(0);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin:auto}*/ .MainMenu li:hover>.nav-link:before ,.nav-link.active:before{transform:scale(1);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin:auto} .navbar a.nav-link.navloginBtn:hover:before {transform: scale(0);} .navbar a i,.navbar a:focus i{font-size:12px;line-height:0;margin-left:5px} .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a { color: #fe6711; } .navbar .getstarted,.navbar .getstarted:focus{padding:8px 20px;color:#fff;border-radius:8px;border:solid .5px #fff} .navbar .getstarted:hover,.navbar .getstarted:focus:hover{color:#3375c7;background:#fff} .navbar .dropdown ul { display: block; position: absolute; left: 30px; top: calc(100% + 60px); margin: 0; /* padding: 25px 10px; */ z-index: 99; opacity: 0; visibility: hidden; background: #fff; /* box-shadow: 0 0 30px rgb(127 137 161 / 25%); */ transition: .3s; border-radius: 8px; left: 0; width: 340px; box-shadow: rgb(67 90 111 / 42%) 0px 0px 1.5px, rgb(67 90 111 / 30%) 0px 2px 4px -2px; border-radius: 10px; } .navbar .dropdown ul li:not(:last-child){ min-width: 200px; /* padding: 15px 10px 0; */ border-bottom: 1px solid hsl(0deg 2% 76% / 25%); } .dropDownMenuHeading{padding:10px 20px;font-size:14px;color:#1f1f1f;line-height:1.25;opacity:.72;padding-left:20px;margin-bottom:0} .navbar .dropdown ul a{padding: 20px 20px 15px 20px;font-size:14px;color:#1f1f1f;line-height: 1.25;flex-wrap:wrap;opacity:.72;} .nav-link-description{opacity:.48;margin:5px 0 0;white-space:break-spaces} .navbar .dropdown ul a i{font-size:12px} .navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover > a{color:#000;opacity:1} .navbar .dropdown:hover > ul{opacity:1;/* top: 80px; */top: calc(100% + 0px);visibility:visible} .navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden} .navbar .dropdown .dropdown ul { top: 10px; left: 100%; /*transition: none;*/ } .navbar .dropdown .dropdown:hover > ul{opacity:1; top: 0px;left:100%;visibility:visible;/*transition: none;*/} .navbar .dropdown .dropdown .nav-link:after{margin-left:auto; transform: rotate(-90deg) !important;} /*.navbar .dropdown ul a::before{content:'';display:block;background-image:linear-gradient(315deg,#6decbb,#1f4ccc);position:absolute;border-radius:50%;left:20px;width:40px;height:40px;top:10px}*/ @media (max-width: 1366px) { /*.navbar .dropdown .dropdown ul{left:-90%}*/ /*.navbar .dropdown .dropdown:hover > ul{left:-100%}*/ } /** * Mobile Navigation */ .mobile-nav-toggle{color:#222;font-size:28px;cursor:pointer;display:none;line-height:0;transition:.5s} .mobile-nav-toggle.bi-x{color:#fff} .cross-icon{position:relative;width:26px;height:26px;display:block} .cross-icon:before,.cross-icon:after{position:absolute;left:11px;content:' ';height:18px;width:2px;background-color:#000;top:4px} .cross-icon:before{transform:rotate(45deg)} .cross-icon:after{transform:rotate(-45deg)} .navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:rgba(9,9,9,0.9);transition:.3s;z-index:999} .navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px} .navbar-mobile ul{display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;border-radius:8px;background-color:#fff;overflow-y:auto;transition:.3s} .navbar-mobile a,.navbar-mobile a:focus{padding:10px 20px;font-size:15px;color:#222} /*.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover > a{color:#55882f}*/ .navbar-mobile .getstarted,.navbar-mobile .getstarted:focus{margin:15px} .navbar-mobile .dropdown ul{position:static;display:none;margin:10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:#fff;box-shadow:0 0 30px rgba(127,137,161,0.25)} .navbar-mobile .dropdown ul li{min-width:200px} .navbar-mobile .dropdown ul a{padding:10px 20px} .navbar-mobile .dropdown ul a i{font-size:12px} .navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul li:hover > a{color:#3498db} .navbar li.dropdown:hover .nav-link:after { transform: rotate(180deg); } .feature-sub-toggle {display: none;} .navbar-mobile .dropdown > .dropdown-active{display:block} .dropdown > .nav-link:after { content: ''; display: inline-block; /* width: 7px; height: 7px; border-top: 1px solid #333; border-left: 1px solid #333;*/ /*transform: rotate(224deg);*/ margin-left: 9px; position: relative; background: none; top: -2px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; height: 0; width: 0; border-left: 4px solid rgba(0,0,0,0); border-right: 4px solid rgba(0,0,0,0); border-top: 4px solid #374957; } @media (min-width: 1200px) { .navbar .headerMenu { margin-right: 2%; display: flex; justify-content: space-between; width: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .navbar ul,.navbar ul div{margin:0;padding:0;display:flex;list-style:none;align-items:center} } @media (max-width: 1199px) { .mobile-nav-toggle{display:block} .navbar ul{display:none} .navbar-mobile ul{display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;border-radius:8px;background-color:#fff; overflow-y:auto;transition:.3s} .mobile-nav-toggle #hamburger{width:30px;fill:#333} .mobile-nav-toggle .cross-icon:before,.mobile-nav-toggle .cross-icon:after{background-color:#fff;height:26px;width:3px} .mobile-nav-toggle.bi-x #hamburger{display:none} .mobile-nav-toggle .cross-icon{display:none} .mobile-nav-toggle.bi-x .cross-icon{display:block} .dropdown .nav-link:after { content: ''; display: flex; width: 10px; height: 10px; /* border-top: 2px solid #333; */ /* border-left: 2px solid #333; */ /* transform: rotate(222deg); */ margin-top: 7px; position: absolute; top: 6px; right: 24px; background-color: transparent; } .dropdown ul .nav-link:after{visibility: hidden;} .navbar-mobile .dropdown ul {width: calc(100% - 40px);padding: 0px 0;margin: 10px 20px;position: relative;top: auto;left: 0;height: auto;overflow: unset;bottom: auto;list-style: none;box-shadow: none;background: #fdfdfd;} /*.navbar .dropdown .dropdown ul{left: 0;}*/ .dropDownMenu { border: 1px solid hsl(0deg 2% 76% / 25%); } .navbar .dropdown .dropdown ul { left: 0; visibility: visible; margin: 0; border: 1px solid hsl(0deg 2% 76% / 25%); } .navbar-mobile .dropdown ul a{justify-content:flex-start;padding-left:70px; padding: 14px 20px;} .nav-link-description{flex:0 0 100%} .navbar-mobile a,.navbar-mobile a:focus{font-size:1rem;font-weight:500;color:#333} .header-top {overflow: hidden; max-width: 100vw;} .header-top-info {overflow-x: auto;} .header-top-info::-webkit-scrollbar { display: none; } .header-top-info a {flex: 0 0 auto;margin-right: 30px;} .navbar a.nav-link.navloginBtn {background: #55882f;color: #fff;border-color: #55882f;padding: 10px 20px;} /*.MainMenu li:hover .nav-link:before, .nav-link.active:before {transform: rotate(222deg) scale(1);}*/ .navloginBtn .nav-link { color: #fff; border-radius: 0; } .navbar .dropdown .dropdown .nav-link:after { margin-left: auto; transform: rotate(0deg) !important; visibility: visible; margin-top: 15px; } .navbar .dropDownMenu.dropdown-active .dropdown .nav-link:after + ul.dropDownMenu.dropdown-active { transform: rotate(180deg) !important; } .MainMenu > li { border-bottom: 1px solid hsl(0deg 2% 76% / 25%); } .navbar .dropdown .dropdown > ul,.navbar .dropdown .dropdown:hover > ul { opacity: 1; top: 0px; left: 0%; visibility: visible; margin: 20px auto; /* transition: none; */ } .navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a { color: #fe6102; } } body.fixed {overflow: hidden;} /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ #footer { background: #21202B; /* padding: 30px 0; */ color: #fff; /* margin-top: -260px; */ padding: 60px 0 40px; color:#fff; position: relative; overflow: hidden; } #footer hr{ margin: 4rem 0 1rem;} .contact-about p,.copyright{font-size:.8rem;opacity: 0.7;} #footer .footer-links a{padding-left:25px;-webkit-transition:all .1s ease;transition:all .1s ease;color:#fff;transition:ease all .5s;display:inline-block;text-decoration:none;font-size:.9rem; font-size: .8rem; position: relative;opacity: 0.7;} #footer .footer-links a:first-child{padding-left:0} #footer .footer-links a:hover{-webkit-transition: all .1s ease;transition: all .1s ease;color: #c3c3c3;} .footerLogoWrap{margin-right:auto} .footerLogo { margin: 0 0 1.2rem; margin-bottom: 1rem; display: inline-block; } .footerLogo img{width: 144px;} .footerNavWrapper{display:flex;flex-wrap:wrap;justify-content:space-between} .footerNavWrap{flex: 0 0 auto;position: relative;} .footerNavWrap p { opacity: 0.7; color: #fff; } .footerNavTitle { color: #fff; font-size: 1rem; margin: 0 0 1.2rem; position: relative; font-size: 1.3rem; margin-bottom: 1.5rem; position: relative; padding: 0 0 0.5rem 0; font-family: 'Noto Serif', serif; } .footerNavWrap:first-child { display: flex; flex-flow: column; justify-content: space-between; flex: 0 0 25%; } .footerNavWrap:last-child { background: hsl(22deg 99% 53% / 63%); display: flex; justify-content: center; align-items: center; color: #fff; background: #F48E53; border-radius: 10px; position: relative; text-align: center; z-index: 4; flex: 0 0 300px; } .footerNavWrap:last-child .illustRightFooter { position: absolute; right: -34%; top: -17%; transition: ease all .5s; } .footerNavWrap:last-child:hover .illustRightFooter { right: -25%; top: 0%; transition: ease all .5s; } .footerNavWrap:last-child .footerText { color: #fff; } .illustLeftFooter { position: absolute; left: -7%; top: 24%; } .footerNavWrap:last-child span{ font-size: 2rem;} .footerNavList{list-style-type:none;padding:0;margin:0;line-height:1.5} .footerNavList li{margin-bottom:.5em} .footerNavList a { -webkit-transition: all .1s ease; transition: all .1s ease; color: #fff; transition: ease all .5s; display: inline-block; text-decoration: none; font-size: 1.1rem; /*opacity: 0.8;*/ color: #C3C3C3; padding-bottom: 10px; } .footerNavList a:hover{-webkit-transition: all .1s ease;transition: all .1s ease;color: #c3c3c3;opacity: 1;color: #fff;} .socialWrap{display:flex;flex-wrap:wrap;padding:0;margin:0;list-style:none; /* justify-content: flex-end;*/} .socialList{margin-right:20px;margin-bottom:10px;-webkit-transition:transform .2s ease-in-out;transition:transform .2s ease-in-out} .socialList:hover{transform:scale(1.3);-webkit-transition:transform .2s ease-in-out;transition:transform .2s ease-in-out} .footerNavWrap .socialList { border-radius: 50%; width: 40px; height: 40px; display: inline-flex; justify-content: center; align-items: center; background: #fff; } @media (min-width:768px){ /* #footer .footer-links a:not(:first-child):before { content: ''; display: block; width: 5px; height: 5px; background: #fff; border-radius: 50%; position: absolute; left: 10px; top: 56%; transform: translate(-50%,-50%); }*/ .deskBlock { display: block; } .text-md-right { text-align: right; } } @media (max-width:1199px){ .illustLeftFooter { width: 10%; } .footerNavWrap:last-child { flex: 0 0 260px; } .footerNavWrap:last-child .illustRightFooter { right: -14%; top: -5%; width: 37%; } } @media (max-width:991px){ .socialWrap { justify-content: center; margin: 1rem auto; } .illustLeftFooter { width: 10%; } .footerNavWrap { flex: 0 0 100%; margin-bottom: 1rem; } .footerNavWrap:first-child, .footerNavWrap:last-child { flex: 0 0 85%; text-align: center; margin: 30px auto; } .footer-links { justify-content: center; display: flex; margin: 30px 0; } .footerNavWrap:last-child { height: 200px; } .order-xs-2 { order: 2!important; } .footerNavTitle { margin: 0 0 0.5rem; border-bottom: 1px solid hsl(0deg 0% 100% / 25%); padding-bottom: 0.5rem; position: relative;font-size: 1.1rem; } .footerNavTitle:before { content: ''; display: flex; width: 10px; height: 10px; border-top: 2px solid #fff; border-left: 2px solid #fff; position: absolute; top: 6px; right: 10px; transform: rotate(222deg); opacity: 0.5; } .footerNavList { display: none;margin: 1rem 0 0;} #footer .footer-links a { padding-left: 0; text-align: center; flex: 1 0 0; font-size: 1rem; } } @media (max-width:767px){ .socialList:last-child {margin-right:0} #footer hr { margin: 1rem 0 1rem; /*display: none;*/ } .footerNavWrap:last-child .illustRightFooter { position: absolute; right: -12%; top: 0%; transition: ease all .5s; width: 28%; } .footerNavWrap:last-child .deskBlock { display: block; } .footerNavWrap:last-child span { font-size: 2.5rem; } .footerNavWrap:last-child .footerText { color: #fff; font-size: 1.5rem; } .footerNavWrap:last-child:hover .illustRightFooter { right: -9%; top: 8%; transition: ease all .5s; } } /* Banner */ .bannerSlider { height: 550px; } .illustLeft { position: absolute; top: 28%; left: 4%; z-index: 1; } .illustRight { position: absolute; top: 20%; right: 10%; z-index: 1; } .circle.big { width: 140px; height: 140px; /* left: 84px; */ /* top: 312px; */ background: #FE6711; display: block; border-radius: 50%; } .circle.small { width: 50px; height: 50px; /* left: 84px; */ /* top: 312px; */ background: #009BA5; display: block; border-radius: 50%; transform: translateY(20px); } .illustRight .circle.small { width: 32px; height: 32px; /* left: 84px; */ /* top: 312px; */ background: #009BA5; display: block; border-radius: 50%; /*transform: translateY(20px);*/ } .sliderContent { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; text-align: center; width: 90%; z-index: 1; } .sliderContentHeading { font-family: 'Noto Serif', serif; font-size: 4rem; margin-bottom: 4rem; position: relative; line-height: 100px; } .innerPage .sliderContentHeading{ margin-bottom:0 ; } .sliderContentHeading:before { content: ''; display: block; background: url(../images/headingBorder.svg); position: absolute; top: 50%; left: 50%; width: 37%; width: 445px; height: 36px; background-repeat: no-repeat; transform: translate(-50%,-30%); background-size: contain; z-index: -1; top: 90%; } .innerPage .sliderContentHeading:before { top: 90%; } .bannerSlider .swiper-slide { position: relative; box-shadow: 8px 12px 16px 0 rgb(0 0 0 / 12%); } .bannerSlider .swiper-slide:before { content: ''; display: block; width: 100%; height: 100%; background: #000; position: absolute; opacity: 0.5; } .bannerSlider .sliderContentHeading { font-size: 3.5rem; text-shadow: 3px 3px 4px hsl(0deg 0% 0% / 40%); } .sliderContent p { font-size: 1.2rem; margin: 1.5rem auto 2rem auto; margin: 0.5rem auto 2rem auto; width: 70%; color: #fff; text-shadow: 3px 3px 4px hsl(0deg 0% 0% / 40%); } .sliderContent .topHeading { font-size: 1.2rem; padding: 0px 0px 0px 0px; margin: 0rem auto 0rem auto; text-align: center; } .btnWrap .commnbtn { margin: 0 5px; } .commnbtn { background: #F96703; -webkit-transition: all .3s ease; color: #fff; transition: all .3s ease; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #F96703; font-weight: 500; line-height: 1; /* letter-spacing: 2.41px; */ padding: 15px 30px 13px 30px; border-radius: 26px; font-size: 1.1rem; display: inline-block; } .commnbtn:hover { box-shadow: 8px 12px 16px 0 rgb(0 0 0 / 12%); background: #e15b00; transition: all .3s ease;color: #fff;transform: scale(1.1); } .commnbtn.light { background: #E9E7E6; color: #F96703; border-color: #E9E7E6; } .commnbtn.light:hover { color: #fff; background: #e15b00; border-color: #e15b00;transform: scale(1.1); } .bannerSliderNav { display: flex; justify-content: space-between; align-items: center; margin:2rem 0; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); z-index: 1; } .bannerSec { position: relative; padding-top: 0; overflow: hidden; max-height: 600px } .bannerSec:before { content: ''; display: block; width: 100%; height: 100%; background: #000; position: absolute; opacity: 0.45; z-index: 1; } .bannerSec img { display: block; object-fit: cover; top: 70px; position: relative; width: 100%; height: auto; } .swiper-button-disabled{opacity: 0.5;} /* Short Description */ .home .shortDescp { background: #FFF6F1; position: relative; z-index: 1; } .home .shortDescpWrap { margin-top: -150px; } .shortDescp { padding: 60px 0; } .heading-container { margin-bottom: 2.5rem; } .topHeading { color: #F25E25; font-size: 1rem; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; } .commonHeading { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; line-height: 42px; font-weight: 700; font-style: normal; color: #0B0B0C; font-size: 32px; font-family: 'Noto Serif', serif; } .shortDescpWrap {--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); justify-content: space-between; } .shortDescpList { flex: 0 0 auto; width: 31%; padding: 20px 25px 20px 20px; text-align: center; box-shadow: 0px 14px 20px 11px rgb(222 216 216 / 25%); border-radius: 10px; margin-bottom: 40px; background: #fff; } .shortDescpContent { color: #696969; line-height: 1.8; } .shortDescpTop { display: flex; /*flex-wrap: wrap;*/ align-items: center; margin-bottom: 15px; position: relative; } .shortDescpIcon { /* flex: 0 0 100%; */ /* max-width: 55px; */ /* height: 64px; */ /* margin-right: 10px; */ /* display: flex; */ /* align-items: center; */ margin: auto; } .shortDescpIcon img { height: 55px; display: block; margin: auto; } .shortDescpHeding { color: #101010; font-family: 'Noto Serif', serif; margin-bottom: 12px; font-size: 1.2rem; } .shortDescpContent p { color: #000; line-height: 1.4; margin-bottom: 0; /*min-height: 201px;*/ } .LearnMoreBtn { display: inline-block; position: relative; color: #00c753; color: #55882f; font-family: 'Noto Serif', serif; margin-top: 1rem; } .LearnMoreBtn:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: currentColor; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .LearnMoreBtn:hover{ color: #00c753; color: #478318; } .LearnMoreBtn:hover:before { width: 0; } /* */ .imageTextSec { padding: 60px 0; background-color: #F8F8F8; background: #FFF6F1; } .imageTextSecList { color: #696969; line-height: 1.8; } .imageTextSecList li { position: relative; padding-left: 30px; } .imageTextSecImg img{height: auto;} .illustLeftImageTextSec { position: absolute; left: 0; } /* projectSec */ .projectSec { padding: 60px 0; background-color: #F8F8F8; background: #fff; } .projectSec .card-body { /* position: absolute; */ /* top: 50%; */ /* left: 50%; */ /* transform: translate(-52%, -50%); */ color: #fff; /* width: 100%; */ /* height: 100%; */ text-align: center; z-index: 0; } .projectSec .card { border: 12px solid #f1f1f1; box-shadow: none; } .projectSec .card img { display: block; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; width: 100%; height: 100%; text-align: center; } .projectSec .card-title:after { content: ''; display: block; width: 48px; height: 2px; background: #fff; margin: 1.5rem auto 0rem auto; } .projectSec .card-title { color: #fff; font-family: 'Noto Serif', serif; margin-bottom: 1.8rem; font-size: 1.8rem; } .projectSec .card-text { color: #fff; /* line-height: 1.8; */ margin-bottom: 0px; font-size: 1rem; line-height: 1.6; /* font-weight: 400; */ text-shadow: 0px 0px 1px hsl(0deg 0% 0% / 40%); } /* */ .teamSec { background: #FAF7F5; padding: 60px 0; } .card .socialWrap { justify-content: center; padding: 20px 0; position: relative; } .card .socialWrap:before { content: ''; display: block; background: #E9E7E6; width: 75%; height: 1px; position: absolute; top: -7%; } .card .socialList a { border: 1px solid #000; border-radius: 450%; width: 40px; height: 40px; display: inline-flex; justify-content: center; align-items: center; } .teamSec .card-img-Wrap { height: 405px; overflow: hidden; } /* Counter */ .counterSec { background: #fff; padding: 60px 0; } .counterWrap {--bs-gutter-x: 1.5rem; /*--bs-gutter-y: 0;*/ display: flex; flex-wrap: wrap; /* margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); */ justify-content: space-between; /*margin: 3rem 0 0;*/ } .count-box { flex: 0 0 100%; max-width: 31%; /* border-style: dashed; */ /* border-width: 0px 2px 0px 0px; */ /* border-color: #E0E0E5; */ transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin: 0px 0px 0px 0px; padding: 30px; border-radius: 16px; } .count-box:nth-child(1) { background: #F3EADE; } .count-box:nth-child(2) { background: #F5CCB4; } .count-box:nth-child(3) { background: #FFFDDF; } .purecounterWrap { color: #030303; font-size: 3.2rem; line-height: 3rem; font-family: 'Noto Serif', serif; } .count-box p { color: #030303; font-size: 15px; font-weight: 700; margin: 0.8rem auto 0; } .commonBtn { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #00c753; border-color: #55882f; font-weight: 500; text-transform: uppercase; line-height: 27px; letter-spacing: 2.41px; color: #fff; background: #00c753; background: #55882f; padding: 11px 28px 11px 28px; display: inline-block; margin: 2rem 0 2rem; } .commonBtn:hover { background: #00c753; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 0.9; box-shadow: 8px 12px 16px 0 rgb(0 0 0 / 12%); color: #fff; background: #478318; } /* */ .articlesSec { padding: 60px 0; background-color: #fff; position: relative; } .articlesSec:before { background: url(../images/patch.svg), url(../images/patch.svg); content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: top left , bottom -40% right; z-index: 0; } .card-img-tag-top { position: absolute; top: 10px; left: 10px; z-index: 6; width: calc(100% - 20px); display: flex; } .card-img-tag-top span { /* width: 60px; */ /* height: 24px; */ /* margin: 0 308px 100px 16px; */ padding: 4px 11px 2px 12px; /* opacity: 0.24; */ border-radius: 4px; background-color: #5BCDB7; color: #fff; display: flex; font-size: 0.8rem; margin-right: 4px; align-items: center; border-radius: 16px; } .card { box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 11%); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; border: 0; border-radius: 0;height: 100%; } /*.card-img-Wrap { padding: 0px 0px 30px 0px; }*/ .card-title { color: #101010; font-family: 'Noto Serif', serif; margin-bottom: 15px; /*text-align: center;*/ position: relative; } /*.card-img-top { border-radius: 0; } .card-img-Wrap { height: 275px; } .card-img-Wrap .card-img-top { display: block; object-fit: cover; }*/ .card-img-top { border-radius: 0; } .articlesSec .card-img-Wrap,.blogListPage .card-img-Wrap { height: 275px; overflow: hidden; } .card-img-Wrap .card-img-top { display: block; object-fit: cover; width: 100%; height: 100%; } .card-body .topHeading .iconUser { width: 13px; /* vertical-align: middle; */ display: inline-block; margin-right: 7px; transform: translate(0px, -2px); } .card-text { color: #030303; line-height: 1.8; margin-bottom: 0px; } .card-body { padding: 16px 16px 22px 16px; display: flex; flex-flow: column; } .card-bottom { margin-top: auto; } /* Testimonials */ /* Inner page */ .innerbannerSec { background-color: #eff0f2; background-repeat: no-repeat; background-position: center center; background-size: cover !important; height: 350px; position: relative; } .innerbannerSec:before { content: ''; display: block; width: 100%; height: 100%; background: #000; position: absolute; opacity: 0.34; } .innerbannerSecContent { position: absolute; top: 50%; } .innerbannerSecContent h1 { font-size: 2.5rem; color: #fff; margin-bottom: 1.5rem; } .breadcrumb-list { display: flex; align-items: center; justify-content: flex-start; overflow-x: auto; list-style-type: none; margin: 0; padding-inline-start: 0; color: #afafaf; } .icon-right-lt { width: 8px; height: 8px; display: inline-block; position: relative; border-top: 2px solid #afafaf; border-right: 2px solid #afafaf; transform: rotate(45deg); transition: all .3s ease-in-out; background: 0 0; margin: 0 10px 0 6px; font-size: 0; padding: 0; } .breadcrumb-item a, .breadcrumb-item span { font-size: 1rem; text-decoration: none; color: #fff; display: inline-flex; } .breadcrumb-item:last-child span { color: #fff; } .breadcrumb-item+.breadcrumb-item::before { font-size: 0; } .innerContentSec { padding: 80px 0; background: #FFF6F1; position: relative; } .innerContentSec .container{ position: relative; z-index: 1; } .innerContentSec:before { content: ''; display: block; background: url(../images/HopeModel.svg); width: 456px; height: 578px; position: absolute; right: -10%; top: 1%; background-size: cover; z-index: 1; } /*.illustRightImageTextSec { position: absolute; right: -10%; top: 0; }*/ .jumbotron { color: #FE6711; padding: 25px 20px; background: #FFE9D7; border-radius: 10px; margin: 2rem 0; } .table td { background: #fff; border-color: #000; color: #000; } .table-bordered>:not(caption)>*{border-color: #000;} /* Side Scroll Top BTN */ .scroll{position:fixed;bottom:4%;text-decoration:none;transform:rotate(-90deg);right:0;right:-11px;color:#00c753; color: #55882f;font-size:1rem;display:flex;align-items:center;flex-flow:row-reverse;z-index: 1;visibility: hidden;opacity: 0;} .scroll-downs{position:relative;margin:auto 15px;width:24px;height:35px;transform:rotate(90deg)} .mousey{width:2px;padding:5px 8px 0;height:23px;border:2px solid #00c753; border-color: #55882f;border-radius:25px;opacity:.75;box-sizing:content-box} .scroller{width:2px;height:8px;border-radius:25%;background-color:#00c753; background-color: #55882f;animation-name:scroll;animation-duration:2.2s;animation-timing-function:cubic-bezier(.15,.41,.69,.94);animation-iteration-count:infinite;margin-left:1px} .scroll.active {visibility: visible;opacity: 1;} @keyframes scroll { 0%{opacity:0} 10%{transform:translateY(0);opacity:1} 100%{transform:translateY(10px);opacity:0} } /* */ /* .table { border: 1px rgba(84, 84, 111, 0.5) solid; } .table-striped>tbody>tr:nth-of-type(odd)>* { background: rgba(0,0,0,.025); } */ .table>:not(caption)>*>* { padding: 7px 15px; padding: 15px 15px; } /* Meet Our Team */ .card.fullWidth { flex-flow: row; } .card.fullWidth .card-img-Wrap { flex: 0 0 100%; max-width: 30%; } .card.fullWidth .card-body { padding: 16px 16px 22px 16px; display: flex; flex-flow: column; flex-wrap: wrap; flex: 0 0 100%; max-width: 70%; padding: 20px 30px; } .card.fullWidth .card-body .socialWrap { justify-content: flex-start; padding: 00px 0; } .card.fullWidth .card-img-Wrap .card-img-top { display: block; object-fit: cover; width: 100%; height: 100%; } .card.fullWidth .card-body .socialWrap:before { visibility: hidden; } .card.fullWidth .card-title { color: #101010; font-family: 'KumbhSans-Regular'; margin: 10px 0px 20px; font-weight: bold; position: relative; font-size: 1.6rem; } .card.fullWidth .card-text { font-size: 0.9rem; } .pl-16 { padding-left: 16px; } ul.customDots { list-style: none; position: relative; padding-left: 18px; } ul.customDots li { position: relative; margin-bottom: 8px; } ul.customDots li:before { content: ''; display: block; width: 10px; height: 10px; background: #000; border-radius: 50%; position: absolute; left: -18px; top: 5px; } .tesimonialsList { text-align: left; background: #fff; /* border-radius: 5px; */ padding: 80px 100px; /* box-shadow: 0px 0px 10px 5px rgb(47 85 212 / 10%); */ box-shadow: 4.33px 2.5px 7px rgb(0 0 0 / 8%); margin-top: 15px; margin-bottom: 15px; text-align: center; background-image: url(../images/quotation-marks.png),url(../images/quotation-marks1.png); background-repeat: no-repeat; background-position: top 10% left 6%,bottom 10% right 6%; } .testimonial-title .card-text { font-size: 0.9rem; } .tesimonialsList .title { font-style: normal; font-size: 1.8rem; line-height: 32px; color: #101010; font-weight: bold; margin: 1.2rem auto; } .testimonial-title { margin-top: 1.5rem; } .testimonial-title-pic { /* position: absolute; */ /* top: 3px; */ /* left: 0; */ /* z-index: 1; */ width: 120px; height: 120px; background: center center no-repeat; background-size: cover; border-radius: 50%; margin: 0 auto 2rem; } /*.testimonial-slider { top: 55%; width: 92%;}*/ .testimonial-slider { display: flex; justify-content: space-between; align-items: center; margin: 2rem 0; position: absolute; top: 50%; left: 50%; width: 103%; top: 55%; width: 103%; transform: translate(-50%, -50%); z-index: 1; } .swiper-button-disabled { opacity: 0; } .swiper-next svg, .swiper-prev svg { width: 40px; height: 40px; margin: 0 10px; cursor: pointer; border-radius: 50%; background: #fff; fill: #fe6711; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25)); padding: 8px; } .swiper-prev:hover svg, .swiper-next:hover svg { /* background: #fe6711; fill: #fff; border-color: #fe6711;*/ filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5)); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .swiper-next { transform: rotate(180deg); } .developmentHopeModel,.testimonyHopeModel { margin-bottom: 3rem; } .developmentHopeModelArrow ,.testimonyHopeModelArrow { top: 40%; } .form-control, textarea.form-control { width: 100%; height: 54px; background-color: #fff; border: 1px solid #fff; font-size: 16px; line-height: 26px; color: #8d8b99; margin-bottom: 25px; padding: 15px 25px; border-radius: 0; } textarea.form-control { height: auto; } .form-control:focus { color: #212529; background-color: #fff6f1; border-color: #000; outline: 0; box-shadow: 0 0 0 0.25rem hsl(26deg 87% 91% / 24%); } button.btn-submit { background: #F96703; /*font-size: 18px;*/ display: inline-block; padding: 19px 28px 15px 28px; border-radius: 24px; transition: 0.5s; border: 0px solid #3498db; position: relative; color: #fff; line-height: 1; margin-top: 1.2rem; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } button.btn-submit:hover{ opacity: 0.9; box-shadow: 8px 12px 16px 0 rgb(0 0 0 / 12%); color: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .image-upload { width: 100%; height: 100%; position: relative; text-align: center; background: #fff; overflow: hidden; margin-bottom: 1rem; margin-bottom: 25px; display: flex; justify-content: center; align-items: center; color: #000; height: 185px; } .item-wrapper form img { margin-bottom: 20px; width: auto; height: auto; max-height: 400px; width: auto; border-radius: 5px; overflow: hidden; } .image-upload img { height: 100%!important; width: auto!important; border-radius: 0px; margin: 0 auto; } .image-upload i { font-size: 6em; color: #ccc; } .image-upload input { cursor: pointer; opacity: 0; height: 100%; width: 100%; z-index: 10; position: absolute; top: 0; left: 0; } .item-wrapper input { height: 43px; line-height: 43px; border: 1px solid #ddd; border-radius: 4px; margin-bottom: 20px; } .dplay-tbl { display: flex; justify-content: center; width: 70%; margin: auto; align-items: center; text-align: left; } .dplay-tbl .frame { margin-right: 14px; margin-top: -15px; } .dplay-tbl small { opacity: 0.6; } /* Contact Us */ .shortDescpWrap.contactWrap .shortDescpList { width: 25%; } .shortDescpWrap.contactWrap .jumbotron { width: 42%; margin: 0 0 40px 0 ; } .shortDescpWrap.contactWrap .jumbotron svg { margin-left: auto; display: block; } .shortDescpWrap.contactWrap .shortDescpTop { margin-bottom: 5px; } .shortDescpWrap.contactWrap .shortDescpContent a{color: #000;} .map iframe { width: 100%; position: relative; z-index: 1; /*margin-top: -80px;*/ margin-bottom: 60px; } /* Donation */ .donateCounter {--bs-gutter-x: 2rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; /* margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x));*/ justify-content: space-between; } .minus, .add { flex: 0 0 100%; max-width: 16%; background: #fff; text-align: center; height: 80px; font-size: 4rem; line-height: 1; display: flex; justify-content: center; align-items: center; border-radius: 10px; font-weight: bold; cursor: pointer; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .donationVal { flex: 0 0 100%; max-width: 63%; position: relative; } .donationVal input { width: 100%; height: 100%; border: 0; border-radius: 10px; font-size: 2.5rem; text-align: center; padding-top: 5px; opacity: 0; width: 0; height: 0; padding: 0; position: absolute; } .donationValStatic { font-size: 2.5rem; text-align: center; padding-top: 5px; width: 100%; height: 100%; border: 0; border-radius: 10px; font-size: 2.5rem; text-align: center; padding-top: 5px; background: #fff; display: flex; justify-content: center; align-items: center; } .minus:hover, .add:hover{ box-shadow: 8px 12px 16px 0 rgb(0 0 0 / 12%); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .nav-tabs.donateFrequency { border:0px } .nav-item { width: 50%; background: #fff; } .nav-tabs.donateFrequency .nav-link { width: 100%; font-size: 1.3rem; color: #000; font-weight: 600; height: 65px; border: 0px; } .nav-tabs.donateFrequency .nav-tabs .nav-item.show .nav-link, .nav-tabs.donateFrequency .nav-link.active{ background: #fe6711; color:#fff; border-radius:0; } .nav-tabs.donateFrequency .nav-link:hover { background: #f48e53; color:#fff; border-radius:0; color:#fff; border-radius:0; } .selectDonation { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 3rem 0; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; /* margin-top: calc(-1 * var(--bs-gutter-y)); */ /* margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x));*/ } .selectDonation .form-check { flex: 1 0 0; /* height: 240px; */ display: flex; justify-content: center; align-items: center; background: #fff; max-width: 18%; font-size: 2rem; font-weight: bold; padding: 0; border-radius: 10px; } .selectDonation input { position: absolute; visibility: hidden; width: 0; height: 0; } .selectDonation label {width: 100%;height: 100%;display: block;padding: 50px 20px;border-radius: 10px;text-align: center; cursor: pointer; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .selectDonation label:hover,.selectDonation input:checked + label{ color: #fff; background-color: #FE6711; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .payMethod { display: flex; } .payMethod .form-check { margin-right: 2rem; font-weight: bold; } .payMethod .form-check label{ cursor: pointer; } .payMethod .form-check-input:checked { background-color: #fe6711; border-color: #fe6711; } .payMethod .form-check-input { width: 1em; height: 1em; margin-top: 0.2em; } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem hsl(22deg 99% 53% / 25%); } /*-------------------------------------------------------------- # Responsive --------------------------------------------------------------*/ @media (max-width: 1199px) { main{overflow: hidden;} .bannerSec img { top: 62px; height: 100%; } } @media (max-width: 991px) { .shortDescpWrap{justify-content: center;margin: auto;} .shortDescpList { margin: 10px 2%; width: 46%; } .bannerSec { height: 600px; } .innerPage .bannerSec { height: 400px; } .sliderContentHeading { font-size: 3rem; margin-bottom: 3rem; line-height: 90px; } .illustLeft { left: 2%; } .circle.big { width: 80px; height: 80px;} .circle.small { width: 30px; height: 30px; } .teamSec .card-img-Wrap { height: 248px; } .card .socialWrap { margin: 0 auto;} .purecounterWrap { font-size: 2rem; } .count-box p { font-size: 12px; } .innerContentSec:before {top: -3%;} .shortDescpWrap.contactWrap .jumbotron { width: 100%; margin: 0 0 20px 0; } .shortDescpWrap.contactWrap .shortDescpList { width: 46%; } .selectDonation .form-check { flex: 0 0 100%; max-width: 48%; margin-bottom: 25px; } .illustLeftFooter { position: absolute; left: -16%; top: 6%; width: 33%; } } @media (max-width: 767px) { .count-box { flex: 0 0 90%; margin: 1rem auto; max-width: 100%; } .purecounterWrap { font-size: 2.8rem; } .heading-container.faqs{margin: 0;} .commonHeading {font-size: 28px;} #header {box-shadow: 0 2px 15px hsl(0deg 0% 0% / 10%);} /*.bannerSec { position: relative; margin-top: 112px; }*/ .sliderContentHeading { font-size: 2.5rem; margin-bottom: 2.5rem; line-height: 60px; } .illustLeft { left: -9%; } .illustRight { right: 1%; } .sliderContentHeading:before { width: 250px; } .bannerSlider img { height: 550px; display: block; object-fit: cover; } .shortDescpList { width: 100%; } .shortDescp,.imageTextSec,.projectSec,.teamSec,.counterSec,.articlesSec,.innerContentSec { padding: 40px 10px;} .articlesSec .card-img-Wrap,.blogListPage .card-img-Wrap { height: 260px; } .innerContentSec:before { width: 0; height: 0; } .imgWrapper { margin: 2rem 0; } form .col { flex: 0 0 100%; } .card.fullWidth { flex-wrap: wrap; } .card.fullWidth .card-img-Wrap,.card.fullWidth .card-body { max-width: 100%; height: auto; } .card.fullWidth .card-img-Wrap .card-img-top { height: auto; } .tesimonialsList { padding: 60px 30px; background-position: top 3% left 6%,bottom 3% right 6%; background-size: 15%; } .dplay-tbl { width: 80%; } .dplay-tbl small { margin-top: 10px; display: inline-block; } .payMethod { flex-wrap: wrap; } .payMethod .form-check { flex: 0 0 100%; margin-bottom: 1rem; } .selectDonation .form-check { font-size: 1.5rem; } .nav-tabs.donateFrequency .nav-link {font-size: 1rem;} .minus, .add { max-width: 20%; font-size: 3rem;} .donationVal { max-width: 50%; } .navbar .dropdown ul a { font-size: 12px; opacity: 0.8; } .shortDescpWrap.contactWrap .shortDescpList { width: 100%; } .form-control, textarea.form-control { font-size: 13px; padding: 15px 25px; } .form-control::-webkit-input-placeholder { /* Edge */ font-size: 13px; } .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size: 13px; } .form-control::placeholder { font-size: 13px; } } @media (max-width: 320px) { .bannerSec { height: 500px; } .innerPage .bannerSec { height: 300px; } .sliderContentHeading { font-size: 1.8rem; margin-bottom: 1.8rem; line-height: 50px; } .illustLeft { left: -14%; } .sliderContentHeading:before { width: 200px; height: 20px; top: 36%; } .commnbtn { padding: 15px 20px 13px 20px; font-size: 1rem; } }