[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)}.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19F}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}@font-face {
font-family: IRANSans;
font-style: normal;
font-weight: 700;
src: url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/eot/IRANSansWeb_Bold.eot);
src: url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/eot/IRANSansWeb_Bold.eot?#iefix)
format('embedded-opentype'),
url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/woff2/IRANSansWeb_Bold.woff2) format('woff2'),
url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/woff/IRANSansWeb_Bold.woff) format('woff'),
url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/ttf/IRANSansWeb_Bold.ttf) format('truetype');
}
@font-face {
font-family: IRANSans;
font-style: normal;
font-weight: 500;
src: url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/eot/IRANSansWeb_Medium.eot);
src: url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/eot/IRANSansWeb_Medium.eot?#iefix)
format('embedded-opentype'),
url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/woff2/IRANSansWeb_Medium.woff2) format('woff2'),
url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/woff/IRANSansWeb_Medium.woff) format('woff'),
url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/ttf/IRANSansWeb_Medium.ttf) format('truetype');
}
@font-face {
font-family: IRANSans;
font-style: normal;
font-weight: 300;
src: url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/eot/IRANSansWeb_Light.eot);
src: url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/eot/IRANSansWeb_Light.eot?#iefix)
format('embedded-opentype'),
url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/woff2/IRANSansWeb_Light.woff2) format('woff2'),
url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/woff/IRANSansWeb_Light.woff) format('woff'),
url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/ttf/IRANSansWeb_Light.ttf) format('truetype');
}
@font-face {
font-family: IRANSans;
font-style: normal;
font-weight: 200;
src: url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/eot/IRANSansWeb_UltraLight.eot);
src: url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/eot/IRANSansWeb_UltraLight.eot?#iefix)
format('embedded-opentype'),
url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/woff2/IRANSansWeb_UltraLight.woff2) format('woff2'),
url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/woff/IRANSansWeb_UltraLight.woff) format('woff'),
url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/ttf/IRANSansWeb_UltraLight.ttf) format('truetype');
}
@font-face {
font-family: IRANSans;
font-style: normal;
font-weight: 400;
src: url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/eot/IRANSansWeb.eot);
src: url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/eot/IRANSansWeb.eot?#iefix)
format('embedded-opentype'),
url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/woff2/IRANSansWeb.woff2) format('woff2'),
url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/woff/IRANSansWeb.woff) format('woff'),
url(//www.100startups.ir/wp-content/themes/100startups/assets/fonts/IRANSans/ttf/IRANSansWeb.ttf) format('truetype');
} html {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
margin: 0;
font-family: IRANSans;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
body::-webkit-scrollbar {
width: 10px;
}
body::-webkit-scrollbar-track {
background: var(--white);
}
body::-webkit-scrollbar-thumb {
background-color: var(--light-purple);
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
ol,
ul {
list-style: none;
} a {
text-decoration: none;
color: black;
}
a:active,
a:hover {
outline: 0;
text-decoration: none;
}
img {
vertical-align: middle;
image-rendering: -webkit-optimize-contrast;
}
input,
textarea,
select,
button {
font-family: IRANSans;
}
textarea {
width: 100%;
resize: vertical;
border: 1px solid #d3d3d3;
border-radius: 3px;
outline: none;
padding: 10px;
transition: all 0.3s ease;
}
input {
width: 100%;
height: 38px;
border: 1px solid #d3d3d3;
outline: none;
background-color: var(--white);
padding: 10px;
border-radius: 3px;
transition: all 0.3s ease;
}
input:disabled {
color: #a4a4a4;
}
input[type='radio'] {
width: auto;
}
input:focus,
textarea:focus {
border: 1px solid var(--black);
}
input[type='checkbox'] {
width: auto;
cursor: pointer;
height: inherit;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
-webkit-appearance: none;
-moz-appearance: none;
}
input[type='search'] {
-webkit-appearance: none;
-moz-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
button {
background-color: var(--black);
border: none;
color: var(--white);
padding: 0 15px;
height: 33px;
line-height: 33px;
border-radius: 3px;
font-size: 13px;
outline: none;
cursor: pointer;
transition: all 0.3s ease;
}
button:hover {
background-color: var(--light-purple);
}
label {
font-size: 13px;
display: block;
flex-direction: row;
padding-bottom: 5px;
color: #969595;
}
select {
width: 100%;
background-color: #fff;
border: 1px solid lightgrey;
border-radius: 3px;
outline: none;
padding: 0 10px;
height: 38px;
}
svg {
vertical-align: middle;
}
.dropdown-menubar {
display: none; 
border: 1px solid #ccc;
margin-top: 5px;
padding: 10px;
margin-right: 500px;
background-color: #f9f9f9;
} :root {
--black: #000000;
--white: #ffffff;
--grey: #202124;
--light-grey: #5f6368;
--blog-light-grey: #989898;
--blog-grey: #505050;
--very-light-grey: #faf9fe;
--background: #ededed;
--orange: #f5b410;
--light-blue: #4a90e2;
--light-purple: #b5b5c3;
--red: #ac0a00;
--green: #01d466;
--vivid-green: #04d7a2;
--light-green: #c9f7f5;
--dark-purple: #1d214e;
--dark-soft-purple: #283252;
--pink: #fd356f;
}
.color-black {
color: var(--black);
}
.color-white {
color: var(--white);
}
.color-grey {
color: var(--grey);
}
.color-light-grey {
color: var(--light-grey);
}
.color-b-light-grey {
color: var(--blog-light-grey);
}
.color-blog-grey {
color: var(--blog-grey);
}
.color-very-light-grey {
color: var(--very-light-grey);
}
.color-background {
color: var(--background);
}
.color-orange {
color: var(--orange);
}
.color-light-blue {
color: var(--light-blue);
}
.color-light-purple {
color: var(--light-purple);
}
.color-red {
color: var(--red);
}
.color-green {
color: var(--green);
}
.color-vivid-green {
color: var(--vivid-green);
}
.color-light-green {
color: var(--light-green);
}
.color-dark-purple {
color: var(--dark-purple);
}
.color-dark-soft-purple {
color: var(--dark-soft-purple);
}
.color-pink {
color: var(--pink);
}
.bg-white {
background-color: var(--white);
}
.bg-light-grey {
background-color: var(--background);
} .container-fluid {
width: 100%;
}
.colm1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.colm2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.colm2-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.colm3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.colm4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.colm5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.colm6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.colm7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.colm8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.colm9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.colm10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.colm11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.colm12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
} .flex-row-ce-center {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.flex-row-ce {
display: flex;
flex-direction: row;
justify-content: center;
}
.flex-row-fs-center {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.flex-row-fs-end {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
}
.flex-row-fs-stretch {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
}
.flex-row-fs {
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.flex-row-baseline {
display: flex;
flex-direction: row;
align-items: baseline;
}
.flex-row-fe-center {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}
.flex-row-fe {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.flex-row-sa-center {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
.flex-row-sa {
display: flex;
flex-direction: row;
justify-content: space-around;
}
.flex-row-sb-center {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.flex-row-sb {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.flex-row-sb-stretch {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
}
.flex-row-se-center {
display: flex;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
}
.flex-row-se {
display: flex;
flex-direction: row;
justify-content: space-evenly;
} .flex-column {
display: flex;
flex-direction: column;
}
.flex-column-ce-center {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.flex-column-ce {
display: flex;
flex-direction: column;
justify-content: center;
}
.flex-column-ce-fs {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.flex-column-fs-center {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.flex-column-fs {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.flex-column-fe-center {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
}
.flex-column-fe {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.flex-column-sa-center {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
}
.flex-column-sa {
display: flex;
flex-direction: column;
justify-content: space-around;
}
.flex-column-sb-center {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.flex-column-sb {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.flex-column-sb-stretch {
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: stretch;
}
.flex-column-se-center {
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
}
.flex-column-se {
display: flex;
flex-direction: column;
justify-content: space-evenly;
} .flex-wrap {
flex-wrap: wrap;
}
.flex-no-wrap {
flex-wrap: nowrap;
} .flex-grow-0 {
flex-grow: 0;
}
.flex-grow-1 {
flex-grow: 1;
}
.flex-grow-2 {
flex-grow: 2;
}
.flex-grow-3 {
flex-grow: 3;
}
.flex-grow-4 {
flex-grow: 4;
}
.flex-grow-5 {
flex-grow: 5;
} .font-s-5 {
font-size: 5px;
}
.font-s-10 {
font-size: 10px;
}
.font-s-11 {
font-size: 11px;
}
.font-s-12 {
font-size: 12px;
}
.font-s-13 {
font-size: 13px;
}
.font-s-14 {
font-size: 14px;
}
.font-s-15 {
font-size: 15px;
}
.font-s-16 {
font-size: 16px;
}
.font-s-17 {
font-size: 17px;
}
.font-s-18 {
font-size: 18px;
}
.font-s-19 {
font-size: 19px;
}
.font-s-20 {
font-size: 20px;
}
.font-s-21 {
font-size: 21px;
}
.font-s-22 {
font-size: 22px;
}
.font-s-23 {
font-size: 23px;
}
.font-s-24 {
font-size: 24px;
}
.font-s-25 {
font-size: 25px;
}
.font-s-26 {
font-size: 26px;
}
.font-s-27 {
font-size: 27px;
}
.font-s-28 {
font-size: 28px;
}
.font-s-29 {
font-size: 29px;
}
.font-s-30 {
font-size: 30px;
}
.font-s-35 {
font-size: 35px;
}
.font-s-40 {
font-size: 40px;
}
.font-s-45 {
font-size: 45px;
}
.font-s-50 {
font-size: 50px;
}
.font-s-55 {
font-size: 55px;
}
.font-s-60 {
font-size: 60px;
}
.font-w-100 {
font-weight: 100;
}
.font-w-200 {
font-weight: 200;
}
.font-w-300 {
font-weight: 300;
}
.font-w-400 {
font-weight: 400;
}
.font-w-500 {
font-weight: 500;
}
.font-w-600 {
font-weight: 600;
}
.font-w-700 {
font-weight: 700;
}
.font-w-800 {
font-weight: 800;
}
.font-w-900 {
font-weight: 900;
} .pad-5 {
padding: 5px;
}
.pad-10 {
padding: 10px;
}
.pad-15 {
padding: 15px;
}
.pad-20 {
padding: 20px;
}
.pad-25 {
padding: 25px;
}
.pad-30 {
padding: 30px;
}
.pad-35 {
padding: 35px;
}
.pad-40 {
padding: 40px;
}
.pad-45 {
padding: 45px;
}
.pad-50 {
padding: 50px;
}
.pad-r-5 {
padding-right: 5px;
}
.pad-r-10 {
padding-right: 10px;
}
.pad-r-15 {
padding-right: 15px;
}
.pad-r-20 {
padding-right: 20px;
}
.pad-r-25 {
padding-right: 25px;
}
.pad-r-30 {
padding-right: 30px;
}
.pad-r-35 {
padding-right: 35px;
}
.pad-r-40 {
padding-right: 40px;
}
.pad-r-45 {
padding-right: 45px;
}
.pad-r-50 {
padding-right: 50px;
}
.pad-r-55 {
padding-right: 55px;
}
.pad-r-60 {
padding-right: 60px;
}
.pad-r-65 {
padding-right: 65px;
}
.pad-r-70 {
padding-right: 70px;
}
.pad-r-100 {
padding-right: 100px;
}
.pad-l-5 {
padding-left: 5px;
}
.pad-l-10 {
padding-left: 10px;
}
.pad-l-15 {
padding-left: 15px;
}
.pad-l-20 {
padding-left: 20px;
}
.pad-l-25 {
padding-left: 25px;
}
.pad-l-30 {
padding-left: 30px;
}
.pad-l-35 {
padding-left: 35px;
}
.pad-l-40 {
padding-left: 40px;
}
.pad-l-45 {
padding-left: 45px;
}
.pad-l-50 {
padding-left: 50px;
}
.pad-l-55 {
padding-left: 55px;
}
.pad-l-60 {
padding-left: 60px;
}
.pad-l-65 {
padding-left: 65px;
}
.pad-l-70 {
padding-left: 70px;
}
.pad-l-100 {
padding-left: 100px;
}
.pad-b-5 {
padding-bottom: 5px;
}
.pad-b-10 {
padding-bottom: 10px;
}
.pad-b-15 {
padding-bottom: 15px;
}
.pad-b-20 {
padding-bottom: 20px;
}
.pad-b-25 {
padding-bottom: 25px;
}
.pad-b-30 {
padding-bottom: 30px;
}
.pad-b-35 {
padding-bottom: 35px;
}
.pad-b-40 {
padding-bottom: 40px;
}
.pad-b-45 {
padding-bottom: 45px;
}
.pad-b-50 {
padding-bottom: 50px;
}
.pad-b-55 {
padding-bottom: 55px;
}
.pad-b-60 {
padding-bottom: 60px;
}
.pad-b-70 {
padding-bottom: 70px;
}
.pad-b-100 {
padding-bottom: 100px;
}
.pad-t-5 {
padding-top: 5px;
}
.pad-t-10 {
padding-top: 10px;
}
.pad-t-15 {
padding-top: 15px;
}
.pad-t-20 {
padding-top: 20px;
}
.pad-t-25 {
padding-top: 25px;
}
.pad-t-30 {
padding-top: 30px;
}
.pad-t-35 {
padding-top: 35px;
}
.pad-t-40 {
padding-top: 40px;
}
.pad-t-45 {
padding-top: 45px;
}
.pad-t-50 {
padding-top: 50px;
}
.pad-t-55 {
padding-top: 55px;
}
.pad-t-60 {
padding-top: 60px;
}
.pad-t-70 {
padding-top: 70px;
}
.pad-t-100 {
padding-top: 100px;
}
.mar-5 {
margin: 5px;
}
.mar-10 {
margin: 10px;
}
.mar-15 {
margin: 15px;
}
.mar-20 {
margin: 20px;
}
.mar-25 {
margin: 25px;
}
.mar-30 {
margin: 30px;
}
.mar-35 {
margin: 35px;
}
.mar-40 {
margin: 40px;
}
.mar-45 {
margin: 45px;
}
.mar-50 {
margin: 50px;
}
.mar-r-5 {
margin-right: 5px;
}
.mar-r-10 {
margin-right: 10px;
}
.mar-r-15 {
margin-right: 15px;
}
.mar-r-20 {
margin-right: 20px;
}
.mar-r-25 {
margin-right: 25px;
}
.mar-r-30 {
margin-right: 30px;
}
.mar-r-35 {
margin-right: 35px;
}
.mar-r-40 {
margin-right: 40px;
}
.mar-r-45 {
margin-right: 45px;
}
.mar-r-50 {
margin-right: 50px;
}
.mar-r-55 {
margin-right: 55px;
}
.mar-r-60 {
margin-right: 60px;
}
.mar-l-5 {
margin-left: 5px;
}
.mar-l-10 {
margin-left: 10px;
}
.mar-l-15 {
margin-left: 15px;
}
.mar-l-20 {
margin-left: 20px;
}
.mar-l-25 {
margin-left: 25px;
}
.mar-l-30 {
margin-left: 30px;
}
.mar-l-35 {
margin-left: 35px;
}
.mar-l-40 {
margin-left: 40px;
}
.mar-l-45 {
margin-left: 45px;
}
.mar-l-50 {
margin-left: 50px;
}
.mar-l-55 {
margin-left: 55px;
}
.mar-l-60 {
margin-left: 60px;
}
.mar-b-5 {
margin-bottom: 5px;
}
.mar-b-10 {
margin-bottom: 10px;
}
.mar-b-15 {
margin-bottom: 15px;
}
.mar-b-20 {
margin-bottom: 20px;
}
.mar-b-25 {
margin-bottom: 25px;
}
.mar-b-30 {
margin-bottom: 30px;
}
.mar-b-35 {
margin-bottom: 35px;
}
.mar-b-40 {
margin-bottom: 40px;
}
.mar-b-45 {
margin-bottom: 45px;
}
.mar-b-50 {
margin-bottom: 50px;
}
.mar-b-55 {
margin-bottom: 55px;
}
.mar-b-60 {
margin-bottom: 60px;
}
.mar-b-70 {
margin-bottom: 70px;
}
.mar-t-5 {
margin-top: 5px;
}
.mar-t-10 {
margin-top: 10px;
}
.mar-t-15 {
margin-top: 15px;
}
.mar-t-20 {
margin-top: 20px;
}
.mar-t-25 {
margin-top: 25px;
}
.mar-t-30 {
margin-top: 30px;
}
.mar-t-35 {
margin-top: 35px;
}
.mar-t-40 {
margin-top: 40px;
}
.mar-t-45 {
margin-top: 45px;
}
.mar-t-50 {
margin-top: 50px;
}
.mar-t-55 {
margin-top: 55px;
}
.mar-t-60 {
margin-top: 60px;
} .hide {
display: none;
}
.show {
display: block;
}
.flex {
display: flex;
}
.rtl {
direction: rtl;
}
.ltr {
direction: ltr;
}
.overflow {
overflow: hidden;
}
.clearfix {
zoom: 1;
}
.clearfix:before,
.clearfix:after {
content: '\0020';
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {
clear: both;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.full-width {
width: 100%;
}
.height100vh {
min-height: 100vh;
}
.height-100 {
height: 100%;
}
.sections-min-height {
min-height: 80vh;
}
.align-justify {
text-align: justify;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.align-left {
text-align: left;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.image-responsive img {
width: 100%;
height: auto;
}
.margin-auto {
margin: 0 auto;
}
.pointer {
cursor: pointer;
}
.wrapper section.bg-section {
overflow: hidden;
}
.section-title {
text-align: center;
padding-bottom: 60px;
}
.section-title-text {
font-size: 30px;
z-index: 1;
position: relative;
}
.section-title-text::before {
content: '';
position: absolute;
width: 100%;
height: 40%;
background-color: rgb(93 180 183 / 46%);
bottom: 0;
left: 0;
z-index: -1;
}
.section-title-sign {
vertical-align: middle;
}
.link-as-button {
display: inline-block;
background-color: var(--black);
color: var(--white);
font-size: 13px;
padding: 5px 15px;
border-radius: 3px;
transition: all 0.3s ease;
cursor: pointer;
}
.link-as-button:hover {
background-color: var(--light-purple);
}
.link-as-button-2-filled {
display: inline-block;
background-color: rgb(1 212 102 / 20%);
color: var(--green);
font-size: 14px;
font-weight: 600;
padding: 10px 30px;
border-radius: 50px;
transition: all 0.3s ease;
cursor: pointer;
}
.link-as-button-2-filled:hover {
background-color: var(--green);
color: var(--white);
}
.link-as-button-2-filled-pink {
display: inline-block;
background-color: var(--pink);
color: var(--white);
font-size: 14px;
font-weight: 600;
padding: 10px 30px;
border-radius: 50px;
border: 2px solid transparent;
transition: all 0.3s ease;
cursor: pointer;
}
.link-as-button-2-filled-pink:hover {
background-color: transparent;
border: 2px solid var(--pink);
color: var(--pink);
}
.link-as-button-2-filled-green {
display: inline-block;
background-color: var(--green);
color: var(--white);
font-size: 14px;
font-weight: 600;
padding: 10px 30px;
border-radius: 50px;
border: 2px solid transparent;
transition: all 0.3s ease;
cursor: pointer;
}
.link-as-button-2-filled-green:hover {
background-color: transparent;
border: 2px solid var(--green);
color: var(--green);
}
.link-as-button-2-outline {
display: inline-block;
border: 2px solid var(--green);
color: var(--dark-purple);
font-size: 14px;
font-weight: 600;
padding: 10px 30px;
border-radius: 50px;
transition: all 0.3s ease;
cursor: pointer;
}
.link-as-button-2-outline:hover {
border: 2px solid var(--dark-purple);
background-color: var(--dark-purple);
color: var(--white);
}
.link-as-button-filled-black {
background-color: var(--black);
border: none;
color: var(--white);
padding: 0 15px;
height: 33px;
line-height: 33px;
border-radius: 3px;
font-size: 13px;
outline: none;
cursor: pointer;
transition: all 0.3s ease;
}
.link-as-button-filled-black:hover {
background-color: var(--light-purple);
}
.tooltip {
background: var(--black);
font-size: 12px;
color: #fff;
display: block;
border-radius: 3px;
opacity: 0;
pointer-events: none;
position: absolute;
width: 80px;
padding: 5px 0;
text-align: center;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: scale(0.6) translateY(10px);
-webkit-transition: all 0.4s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
-moz-transition: all 0.4s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
-ms-transition: all 0.4s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
-o-transition: all 0.4s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
transition: all 0.4s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
-webkit-box-shadow: 2px 2px 6px rgb(0 0 0 / 28%);
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
box-shadow: 2px 2px 6px rgb(0 0 0 / 28%);
z-index: 100;
}
.tooltip.top {
bottom: 150%;
right: -60%;
}
.tooltip.left {
transform: translateX(20px);
top: -3%;
left: -87px;
padding: 10px 0;
}
.tooltip.bottom {
width: 130px;
top: 150%;
right: -155%;
padding: 10px 8px;
text-align: justify;
line-height: 1.5;
}   .tooltip.top::after {
border-left: solid transparent 7px;
border-right: solid transparent 7px;
border-top: solid var(--black) 7px;
bottom: -7px;
content: '';
height: 0;
left: 42%;
position: absolute;
}
.tooltip.left::after {
border-left: solid var(--black) 7px;
border-bottom: solid transparent 5px;
border-top: solid transparent 5px;
bottom: 10px;
content: '';
height: 0;
right: -7px;
position: absolute;
z-index: 10;
}
.tooltip.bottom::after {
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 8px solid var(--black);
content: '';
top: -8px;
right: 45%;
position: absolute;
z-index: 10;
}
.tooltip-wrapper:hover .tooltip {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: scale(1) translateY(0px);
}
.tooltip-wrapper:hover .tooltip.left {
transform: translateX(0);
}
.margin-auto {
margin: 0 auto;
} button,
.back-link,
.back-link.add-agent,
.link-as-button-filled-black,
ul.pagination li a.current,
ul.pagination li span.current {
background-color: #41b983 !important;
}
button:hover,
.back-link:hover,
.back-link.add-agent:hover,
.link-as-button-filled-black:hover {
background-color: #41b983;
box-shadow: rgb(65 185 131 / 42%) 0px 14px 26px -12px, rgb(0 0 0 / 12%) 0px 4px 23px 0px, rgb(65 185 131 / 20%) 0px 8px 10px -5px;
}
.order1 {
order: 1;
}
.order2 {
order: 2;
}
.order3 {
order: 3;
} .d-block {
display: block;
}
.toggle-box {
left: 5px;
top: -13px;
padding: 0 5px;
font-size: 20px;
background-color: #ededed;
cursor: pointer;
transition: 0.4s;
}
.arrow-icon {
transition: 0.4s;
}
.toggle-box.active {
top: -18px;
}
.toggle-box.active .arrow-icon {
top: -10px;
transform: rotate(180deg);
}
.error-shaba {
color: red;
font-size: 11px;
}
.image-result {
width: 40px;
height: 40px;
border-radius: 50%;
margin-left: 10px;
overflow: hidden;
}
.image-result img {
width: 100%;
height: 100%;
object-fit: contain;
}
#error-pitch {
color: red;
font-size: 11px;
}
.get-user-activity .activity-user {
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}
.get-activity.load,
.get-user-activity.load {
filter: blur(3px);
}
.activity-user {
font-size: 13px;
}
.activity-user span {
font-size: 11px;
color: #a5a5a5;
}
.last-3-months {
color: #a5a5a5;
}
.user-avatar {
text-align: center;
width: 40px;
height: 40px;
}
.hide {
display: none;
}
.show {
display: block;
}
.line-height-1 {
line-height: 1;
}
.line-height-2 {
line-height: 2;
}
.cursor-default {
cursor: default;
}
section#panel-sections {
min-height: calc(100vh - 66px);
background-color: var(--background);
padding-bottom: 50px;
}
section#panel-sections.login-register-section {
min-height: 100vh;
}
.form-row.dark-form-row {
background-color: #fafafa;
}
.form-section-title span {
display: inherit;
padding-bottom: 10px;
border-bottom: 1px solid #e3e3e3;
}
.popup-message-row {
display: block;
border-bottom: 1px solid #eee;
}
.popup-message-row:hover {
background: #f5f5f5;
}
.remove-agent {
left: -5px;
top: 20px;
}
li.title-submenu {
flex: 0 0 100% !important;
padding: 10px 0;
border: 0;
text-align: right;
}
.alter-table {
font-size: 13px;
font-weight: 400;
display: block;
padding-bottom: 5px;
color: #969595;
} .linkbtn{
background-color: #41b983;
border: none;
color: var(--white);
padding: 0 15px;
height: 33px;
line-height: 33px;
border-radius: 3px;
font-size: 13px;
outline: none;
cursor: pointer;
transition: all 0.3s ease;
}
.linkbtn2{
background-color: transparent !important;
border: 1px solid #d3d3d3;
color: #000;
padding: 0 15px;
height: 33px;
line-height: 33px;
border-radius: 3px;
font-size: 13px;
outline: none;
cursor: pointer;
transition: all 0.3s ease;
}
.linkbtn2:hover{
box-shadow: unset !important;
}
.paaslink {
margin-top: 4px;
transition: 0.4s;
}
.paaslink a{
color: #fff;
font-size: 11px;
border: 1px solid #fff;
padding: 0 4px;
border-radius: 3px;
background: #ffffff2e;
margin-top: 8px;
transition: 0.4s;
}
.paaslink a:hover{
box-shadow: 0 0 12px -5px #ffffff;
}
.grid2{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 6px;
justify-content: center;
}
.bg-gr {
background: #f7f7f7;
}
.step-row {
margin: 30px 0 30px;
}
.progress-nav {
display: flex;
align-items: center;
list-style: none;
margin: 0 auto;
}
.progress-nav li {
display: block;
width: 25%;
height: 4px;
background-color: #4cb743;
line-height: 1.2;
color: #4cb743;
position: relative
}
.progress-nav li:before {
display: flex;
align-items: center;
justify-content: center;
content: "";
width: 18px;
height: 18px;
margin: auto;
background-color: #4cb743;
border: 4px solid #4cb743;
color: #fff;
background-image: url(https://brand.workingsolutions.com/components/images/check-solid-white.svg);
background-position: center;
background-repeat: no-repeat;
font-weight: 700;
font-size: 8px;
border-radius: 50%;
position: absolute;
top: -7px;
right: 0;
left: 0;
background-size: 100%;
}
.progress-nav li.active {
background-color: #34a3d4;
color: #34a3d4
}
.progress-nav li.failed-step {
background-color: #f44336;
color: #f44336
}
.progress-nav li.active:before {
content: "";
width: 18px;
height: 18px;
background-color: #fff;
border: 4px solid #34a3d4;
top: -7px;
}
.progress-nav li.failed-step:before {
content: "";
width: 18px;
height: 18px;
background-color: #fff;
border: 4px solid #f44336;
top: -7px;
}
.progress-nav li.active~li {
background-color: #b4b3b3;
color: #b4b3b3
}
.progress-nav li.active~li:before {
content: "";
width: 14px;
height: 14px;
background-color: #b4b4b4;
border-color: #b4b4b4;
top: -5px;
background-image: none
}
.progress-nav li a {
color: currentColor;
font-size: 12px;
width: 100%;
font-weight: 900;
position: absolute;
bottom: calc(100% + 15px);
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center
}
.info-step {
color: currentColor;
font-size: 12px;
font-weight: 500;
position: absolute;
bottom: -30px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
width: 100%;
} .preloading {
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 100;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, 0.831);
visibility: hidden;
}
.preloader-chasing-squares {
width: 50px;
height: 50px;
line-height: 19px;
}
.preloader-chasing-squares .square {
display: inline-block;
width: 15px;
height: 15px;
opacity: 1;
background: #666;
}
.preloader-chasing-squares .square {
animation: focusfade 2.8s infinite;
}
.preloader-chasing-squares .square:nth-child(2) {
animation-delay: 0.7s;
}
.preloader-chasing-squares .square:nth-child(3) {
animation-delay: 2.1s;
}
.preloader-chasing-squares .square:nth-child(4) {
animation-delay: 1.4s;
}
@keyframes focusfade {
0% {
opacity: 0.5;
background: #000;
}
30% {
opacity: 0.5;
background: #666;
}
60% {
opacity: 0;
}
75% {
opacity: 0;
}
100% {
opacity: 0.5;
background: #000;
}
} table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
table thead {
border-bottom: 2px solid #dbdbdb;
}
table.sortable thead {
border-bottom: 1px solid #dbdbdb;
}
table th {
font-weight: 500;
font-size: 14px;
color: #283252;
padding: 5px 10px;
text-align: inherit;
}
table.sortable th {
padding: 15px 20px;
}
table.sortable th:not(:last-child) {
border-left: 1px solid #dbdbdb;
}
table.sortable .sort-head-text {
display: block;
line-height: 1.2;
cursor: pointer;
}
table.sortable .sort-head-text::before,
table.sortable .sort-head-text::after {
content: '';
height: 0;
width: 0;
position: absolute;
left: 4px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
opacity: 0.2;
}
table.sortable .sort-head-text::before {
border-top: 4px solid #000;
bottom: 0px;
}
table.sortable .sort-head-text::after {
border-bottom: 4px solid #000;
border-top: 4px solid transparent;
top: 0px;
}
table tr:not(:last-child) {
border-bottom: 1px solid #dbdbdb;
}
table tbody tr:hover {
background-color: #f8f9fc;
}
table td {
font-size: 13px;
padding: 12px;
color: #a2a5b9;
}
table.sortable td {
padding: 15px 20px;
max-width: 310px;
}
table td img {
display: block;
}
.table-status {
padding-right: 15px;
position: relative;
}
.table-status::before {
content: '';
position: absolute;
width: 7px;
height: 7px;
top: 7px;
right: 0;
border-radius: 100%;
}
.status-busy::before {
background-color: #e62864;
}
.status-offline::before {
background-color: #a2a5b9;
}
.status-available::before {
background-color: #05d69e;
}
.table-label {
padding: 0px 10px;
border-radius: 100px;
color: #fff;
}
.label-working {
background-color: #0398e2;
}
.label-online {
background-color: #05d69e;
}
.label-offline {
background-color: #f5f5f5;
color: #a2a5b9;
}
.label-suspended {
background-color: #e62864;
}
ul.table-action-list li {
display: inline-block;
}
ul.table-action-list li:not(:last-child) {
margin-left: 15px;
} .container.panel-container {
width: 1370px;
max-width: 1370px;
}
.sun {
position: absolute;
border: 2.5px solid #ffffff;
border-radius: 50%;
width: 28px;
height: 28px;
left: -10px;
bottom: -3px;
background: #41b983;
}
.result-box {
background: #fff;
width: 100%;
box-shadow: 0 0 10px -5px rgb(69 65 78 / 20%);
border-radius: 5px;
position: absolute;
font-size: 14px;
z-index: 9;
max-height: 300px;
overflow: auto;
}
.result-box ul li {
border-bottom: 1px solid #f3f3f3;
padding: 10px 20px;
}
.panel-main-box.loggedIn {
padding-right: 270px;
transition: all 0.2s ease;
}
.panel-main-box.toggle-width {
padding-right: 66px;
}
.user-access-aside {
position: fixed;
width: 270px;
height: 100%;
top: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
border-left: 1px solid var(--background);
transition: all 0.2s ease;
}
.user-access-aside.toggle-width {
width: 66px;
}
.user-access-item {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.user-access-text {
opacity: 1;
min-width: 150px;
}
.user-access-text.toggle-visibility {
opacity: 0;
}
.panel-top-menu {
flex-grow: 1;
}
ul.top-user-menu li .sub-menu-title,
ul.top-user-menu li a {
color: #999999;
border-radius: 8px;
border: 1px solid transparent;
display: block;
transition: all 0.3s;
width: 100px;
cursor: pointer;
}
ul.top-user-menu li .sub-menu-title.active,
ul.top-user-menu li a.active {
background: #fff;
border-color: #e6e6e6;
box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
color: #41b983;
}
ul.top-user-menu li .sub-menu-title.active svg path,
ul.top-user-menu li .sub-menu-title.active #Rectangle-7,
ul.top-user-menu li a.active svg path,
ul.top-user-menu li a.active #Rectangle-7 {
fill: #41b983;
}
ul.top-user-menu li .sub-menu-title:hover:not(.active),
ul.top-user-menu li a:hover:not(.active) {
background: hsl(0 0% calc(93% + 4%));
}
.sub-menu-panel {
background: #fff;
width: 190px;
left: 50%;
transform: translate(-50%, 30px);
z-index: 99;
border: 1px solid hsl(0 0% calc(93% - 3%));
box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
transition: all 0.4s;
border-radius: 6px;
display: none;
}
.sub-menu-panel.active {
display: block;
}
.sub-menu-panel li:not(:last-child) {
margin-bottom: 6px;
}
.sub-menu-panel li a {
color: #b1b3c4;
width: 100% !important;
}
.sub-menu-panel li:hover a {
color: #41b983;
background: transparent !important;
}
.sub-menu-panel li:hover a svg path {
fill: #41b983;
}
.link-as-button.detail-message-button {
padding: 3px 15px;
background-color: var(--green);
border-radius: 9px;
}
.link-as-button.detail-data-button {
padding: 3px 15px;
background-color: var(--red);
border-radius: 9px;
}
.startup-details {
border-bottom: 1px solid #e5e5e5;
}
.startup-activity {
line-height: 17px;
}
.startup-activity-text,
.details-item-title-left {
color: #b5b5c3;
}
.startup-details-item {
line-height: 17px;
}
.user-active-sign {
width: 12px;
height: 12px;
border-radius: 100px;
background-color: #1bc5bd;
top: -2px;
left: -3px;
border: 2px solid #fff;
}
.side-sub-menu {
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
} .panel-tooltip {
position: absolute;
top: -50%;
right: 10px;
width: max-content;
font-size: 12px;
border-radius: 100px;
padding: 2px 5px;
background-color: #41b983;
color: #ffffff;
text-align: center;
opacity: 0;
visibility: hidden;
transform: translate(50%, 0);
transition: all 0.3s ease;
}
.panel-tooltip-wrapper:hover .panel-tooltip {
opacity: 1;
visibility: visible;
top: -120%;
} .go-home {
font-size: 13px;
text-align: center;
padding-top: 20px;
line-height: 1;
}
.go-home a {
color: #a2a5b9;
transition: color 0.3s;
}
.go-home a:hover {
color: #41b983;
}
.go-home a:hover svg path,
.go-home a:hover #Rectangle {
fill: #41b983;
}
#login-register,
#confirm {
min-height: 100vh;
}
.auth-box {
max-width: 430px;
}
.auth-logo-box {
width: 80px;
height: auto;
}
.auth-inner {
background-color: var(--white);
border-radius: 5px;
box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 16%);
width: 430px;
}
.auth-box-title {
color: var(--grey);
}
.auth-label,
.accept-terms-text {
color: var(--light-grey);
}
.accept-terms-text a,
.no-account-text p {
color: var(--light-blue);
}
.recover-password {
color: var(--light-blue);
} .panel-big-header {
display: flex;
justify-content: space-between;
height: 80px;
padding: 0 20px;
}
.panel-header-logo {
display: flex;
align-items: center;
flex: 0 0 20%;
}
.panel-header-menu {
display: flex;
align-items: center;
flex: 0 0 60%;
}
.panel-header-menu ul {
display: flex;
flex: 1;
justify-content: space-between;
}
.panel-header-menu ul li {
text-align: center; }
.panel-header-menu ul li a {
display: flex;
flex-direction: column;
justify-content: center;
height: 60px;
padding: 0 12px;
color: #999999;
border-radius: 4px;
transition: all 0.3s ease;
}
.panel-header-menu ul li a:hover {
background-color: #f7f7f7;
}
.panel-header-menu ul li a.active {
box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
border: 1px solid #e6e6e6;
color: #339f6e;
}
.panel-header-menu ul li a.active svg {
stroke: #339f6e;
}
.panel-header-menu ul li a.active:hover {
background-color: #ffffff;
}
.panel-header-menu ul li a span,
.panel-header-menu ul li span {
font-size: 13px;
}
.panel-header-menu ul li.bigger-item {
min-width: 115px;
}
.menu-item-img {
line-height: 0;
}
.menu-item-text {
line-height: 20px;
}
.panel-header-access {
display: flex;
align-items: center;
flex: 0 0 20%;
justify-content: flex-end;
}
.panel-header-access .access-middle {
margin: 0 20px;
}
.header-user-access {
position: relative;
} .user-info {
display: flex;
align-items: center;
background-color: #fafafa;
padding: 20px 15px;
}
.user-info-text {
padding-right: 15px;
}
.user-info-name,
.access-item-title {
display: block;
font-size: 15px;
font-weight: 500;
color: #283252;
line-height: 1.2;
margin-bottom: 5px;
}
.user-info-role,
.access-item-desc {
display: block;
font-size: 13px;
color: #a2a5b9;
line-height: 1;
}
.user-access-list {
padding: 15px 0;
}
.user-access-list ul li a {
display: flex;
align-items: center;
padding: 10px;
transition: all 0.3s ease;
}
.user-access-list ul li a:hover {
background-color: #f5f5f5;
}
.access-item-text {
padding-right: 10px;
}
.user-access-logout {
border-top: 1px solid #ededed;
padding: 15px;
} .messages-link {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px;
border-bottom: 1px solid #eeeeee;
}
.messages-box-title {
font-size: 13px;
color: #a2a5b9;
display: inline-block;
}
.see-all-messages {
font-size: 13px;
color: #41b983;
}
.messages-list {
padding: 15px;
}
.messages-list ul li a {
display: flex;
align-items: center;
}
.messages-list ul li:not(:last-child) {
padding-bottom: 20px;
}
.message-item-text {
padding-right: 10px;
}
.message-item-content {
margin-bottom: 5px;
}
.message-item-user {
font-size: 12px;
font-weight: 500;
color: #283252;
display: inline-block;
line-height: 1.2;
}
.message-item-title {
font-size: 10px;
color: #283252;
max-width: 100px;
display: inline-block;
vertical-align: sub;
line-height: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.message-item-hour {
font-size: 11px;
color: #a2a5b9;
display: inline-block;
line-height: 1;
font-weight: 300;
}
.header-popup {
position: absolute;
left: 0px;
margin-top: 20px;
box-shadow: 0 5px 16px rgb(0 0 0 / 5%);
background-color: #ffffff;
border: 1px solid #ededed;
border-radius: 4px;
min-width: 260px;
opacity: 0;
visibility: hidden;
z-index: 100;
} .portfolio-menu {
display: block !important;
}
.portfolio-menu li a {
flex-direction: row;
}
.header-sub-menu.header-sub-menu-p {
justify-content: flex-start;
}
.header-popup.show-element {
opacity: 1;
visibility: visible;
}
.header-popup.user-profile-box {
min-width: 245px;
left: -5px;
}
.header-popup.header-sub-menu {
min-width: 350px;
left: -120px;
}
.header-popup.header-sub-menu::before {
display: none;
}
.header-user-actions img {
border-radius: 100px;
}
.header-sub-menu {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
ul.header-sub-menu li {
flex: 0 0 50%;
max-width: inherit;
}
ul.header-sub-menu li:nth-child(even) {
border-right: 1px solid #ebebeb;
}
ul.header-sub-menu li:not(:nth-last-child(-n + 2)) {
border-bottom: 1px solid #ebebeb;
}
ul.header-sub-menu li a {
height: 75px;
}
.messages-link,
.user-feedback-title {
border-bottom: 1px solid #eeeeee;
}
.messages-link-title {
color: #a2a5b9;
display: inline-block;
}
.all-messages-link {
color: #41b983;
display: inline-block;
}
.feedback-text {
color: #a2a5b9;
} .user-messages-icon::before,
.user-notifications-icon::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 8px;
border-radius: 50px;
}
.user-messages-icon::before {
background-color: tomato;
box-shadow: 0px 2px 4px -1px tomato;
}
.user-notifications-icon::before {
background-color: var(--green);
box-shadow: 0px 2px 4px -1px var(--green);
}
.popup {
background-color: #fff;
min-width: 300px;
opacity: 0;
visibility: hidden;
top: 46px;
left: -20px;
box-shadow: 0 0 15px 1px rgb(69 65 78 / 20%);
border-radius: 7px;
z-index: 1000;
}
.popup.user-profile-popup {
min-width: 245px;
top: 50px;
left: -15px;
}
.red-back {
background-color: #94babb;
}
.gold-back {
background-color: khaki;
}
.popup.is-visible ,
.popup.show-element {
opacity: 1;
visibility: visible;
}
.popup::before {
content: '';
position: absolute;
top: -9px;
left: 23px;
border-bottom: 9px solid #0162e8;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
}
.user-messages-title {
padding: 15px;
background-color: #0162e8;
border-radius: 7px 7px 0 0;
}
.messages-popup-title {
color: var(--white);
}
.messages-popup-unread {
opacity: 0.6;
color: var(--white);
}
.popup-message-name {
color: var(--white);
}
.popup-mesage-desc {
color: #535384;
}
.popup-message-dateTime {
color: #535384;
}
.see-all-messages a {
color: var(--light-blue);
}
.see-all-messages {
border-top: 1px solid #e5e5e5;
border-radius: 0 0 7px 7px;
background-color: #f6f6fb;
} .popup-messages-wrapper::-webkit-scrollbar {
width: 3px;
}
.popup-messages-wrapper::-webkit-scrollbar-track {
background: var(--white);
}
.popup-messages-wrapper::-webkit-scrollbar-thumb {
background-color: var(--light-purple);
}
.popup-messages-wrapper .popup-message-inner:not(:last-child) {
border-bottom: 1px solid #e5e5e5;
}
.user-avatar img {
border-radius: 50px;
width: 40px;
height: 40px;
}
.popup-list-wrapper ul li:not(:last-child) {
border-bottom: 1px solid #e5e5e5;
}
.popup-list-text {
color: var(--grey);
}
.panel-bottom-menu {
position: fixed;
width: 100%;
height: 7%;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.bottom-menu-wrapper {
height: 100%;
}
.second-menu-item {
margin-right: -50px;
}
.fourth-menu-item {
margin-left: -45px;
}
.panel-bottom-menu svg.bottom-menu-back {
filter: drop-shadow(0 -1px 6px rgba(0, 0, 0, 0.2));
position: absolute;
right: 50%;
bottom: 0;
height: 100%;
transform: translateX(50%);
z-index: -1;
}
.panel-bottom-menu svg.bottom-menu-back path {
fill: #ffffff;
fill-rule: evenodd;
}
.bottom-menu-item.centered-item {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -125%);
padding: 0;
background-color: #fff;
width: 50px;
height: 50px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 70px;
border: 1px solid #bfc1cd;
} .dashboard-item {
padding: 10px;
}
.dashboard-item-inner {
padding: 20px 0;
background-color: #fff;
border-radius: 7px;
border: 1px solid #dddddd;
}
.dashboard-item-inner:hover .dashboard-item-text {
color: var(--black);
}
.dashboard-item-text {
font-size: 20px;
font-weight: 600;
color: #b1b1b1;
transition: all 0.3s ease;
}
.bottom-item-inner {
border-radius: 7px;
}
.dashboard-item-back1 {
background-color: #c9f7f5;
}
.dashboard-item-back2 {
background-color: #ffe2e5;
}
.dashboard-item-back3 {
background-color: #eee5ff;
}
.dashboard-item-back4 {
background-color: #fff4de;
}
.bottom-item-text {
color: #3f4254;
}
.bottom-desc-box {
line-height: 15px;
}
.bottom-item-desc {
color: #626262;
}
nav.panel-card-list ul li {
font-size: 13px;
padding-bottom: 10px;
}
nav.panel-card-list ul li,
nav.panel-card-list ul li span {
color: #838383;
} .panel-sections-info {
margin-bottom: 30px;
}
.panel-section-title {
font-size: 20px;
font-weight: 500;
}
.panel-section-total {
font-size: 13px;
font-weight: 300;
color: #959595;
}
.panel-search-button {
height: 38px;
line-height: 36px;
}
.panel-section-content {
background-color: #fff;
box-shadow: -20px 0px 30px 0px rgb(82 63 105 / 5%);
padding: 30px;
border-radius: 10px;
}
.panel-content {
background-color: #fff;
box-shadow: -20px 0px 30px 0px rgb(82 63 105 / 5%);
border-radius: 10px;
}
.panel-table-image img {
width: 50px;
height: auto;
border-radius: 50%;
}
.panel-table-operation ul li {
display: inline-block;
padding: 0 5px;
}
.user-drawer-avatar img {
width: 100px;
height: 100px;
} .panel-table-wrapper {
border-radius: 5px;
border: 1px solid #e6e6e6;
background-color: #ffffff;
} .send-message-title {
color: var(--grey);
}
.drop-down {
transition: all 0.4s ease-out;
overflow: hidden;
display: none;
}
.drop-down.active {
display: block;
}
.profile-title {
border-bottom: 2px solid #c3c3c3;
}
.profile-title span {
color: var(--grey);
}
.profile-avatar {
border-radius: 100px;
border: 2px dashed #c3c3c3;
}
.profile-form-content {
padding: 30px 100px;
}
.back-link {
background-color: var(--black);
border: none;
color: var(--white);
padding: 0 15px;
height: 33px;
line-height: 33px;
border-radius: 3px;
font-size: 13px;
outline: none;
cursor: pointer;
transition: all 0.3s ease;
}
.back-link:hover {
background-color: var(--light-purple);
}
.uploadlogo,
.avatar-base64 {
display: none;
}
.panel-startup-search {
padding: 11px 16px;
}
.form-select-arrow {
top: 33px;
left: 10px;
}
.message-user-avatar img {
border-radius: 100px;
}
.conversation-head {
background-color: #b0e3cc;
height: 170px; padding-right: 200px;
border-radius: 15px;
}
.conversation-head-img {
position: absolute;
top: -30px;
right: -35px;
transform: rotate(-7deg);
}
.reply-message-dropdown {
box-shadow: 0px 0px 40px -20px rgb(0 0 0);
}
.message-reply {
transform: rotateY(180deg);
}
.message-reply-text {
width: 85px;
}
.replied-message-text {
height: 25px;
display: inline-block;
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.conversation-list {
border-right: 2px solid #c7c7c7;
padding-right: 15px;
}
.message-user-avatar {
z-index: 1;
}
.message-user-avatar img {
border: 2px solid #c7c7c7;
}
.message-user-avatar::before {
content: '';
position: absolute;
top: 50%;
right: -54px;
width: 15px;
height: 15px;
border: 2px solid #c7c7c7;
border-radius: 100px;
transform: translateY(-50%);
background-color: #ededed;
}
.message-user-avatar::after {
content: '';
position: absolute;
top: 50%;
right: -39px;
width: 40px;
height: 2px;
transform: translateY(-50%);
background-color: #c7c7c7;
z-index: -1;
}
.message-user-avatar.reply-message::before {
right: -84px;
border: 2px solid #c7c7c7;
background-color: #1294fb;
}
.message-user-avatar.reply-message::after {
right: -70px;
width: 70px;
}
.message-file-label {
border: 2px dashed #d3d3d3;
padding: 5px 15px;
border-radius: 5px;
cursor: pointer;
}
.message-file-appended {
border: 2px solid #d3d3d3;
padding: 7px 10px;
border-radius: 5px;
cursor: pointer;
font-size: 13px;
color: #969595;
}
.delete-message-file {
width: 20px;
height: 20px;
background-color: #e62864;
text-align: center;
line-height: 21px;
color: #ffffff;
border-radius: 50px;
top: -10px;
right: -7px;
} .new-message-user-avatar img {
border-radius: 50px;
}
.new-message-box {
width: 100%;
}
.new-message-box.left {
margin-right: auto;
} .drawer {
position: fixed;
z-index: 1000;
inset: 0;
display: flex;
flex-direction: row;
justify-content: flex-end;
height: 100vh;
max-height: 100vh;
visibility: hidden;
}
.drawer.is-visible {
visibility: visible;
}
.drawer-overlay {
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: hsla(0, 0%, 0%, 0.5);
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 0.3s, opacity 0.3s;
}
.drawer.is-visible .drawer-overlay {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.drawer-content {
flex: 0 0 25%;
position: relative;
z-index: 100;
background-color: var(--white);
box-shadow: 0px 0px 20px 3px rgb(0 0 0 / 40%);
transition: all 0.3s 0.12s;
transform: translateX(100%);
}
.drawer.is-visible .drawer-content {
transform: translateX(0);
}
.srawer-content-inner {
height: 100%;
}
.drawer-close {
background-color: #f3f6f9;
width: 25px;
height: 25px;
border-radius: 70px;
display: inline-block;
cursor: pointer;
text-align: center;
}
.drawer-close span {
color: var(--light-grey);
}
.user-drawer-avatar img {
border-radius: 70px;
}
.user-drawer-access {
border-top: 1px solid #ebebeb;
}
.drawer-access-icon {
display: inline-block;
background-color: #ebebeb;
border-radius: 70px;
width: 40px;
height: 40px;
text-align: center;
line-height: 50px;
}
.drawer-access-title {
color: var(--grey);
}
.drawer-access-desc {
color: var(--light-grey);
} footer#panel {
max-height: 41px;
border-top: 1px solid #ebedf3;
}
.panel-footer-wrapper {
padding: 10px 0;
font-size: 14px;
}
.panel-footer-copyright span {
color: #a7a7a7;
}
.panel-footer-menu ul li {
display: inline-block;
}
.panel-footer-menu ul li:not(:last-child) {
padding-right: 10px;
}
.panel-footer-menu ul li a {
color: #a7a7a7;
} #crop,
#cropPoster {
margin-top: 30px;
}
#crop {
font-family: iransans;
text-align: center;
background-color: black;
color: #fff;
padding: 5px;
border-radius: 3px;
cursor: pointer;
}
.croppie-container {
margin: 5px auto;
}
.crop-image {
width: 220px;
height: 250px;
padding-bottom: 20px;
}
#avatar {
position: absolute;
width: 0;
overflow: hidden;
padding: 0;
border: 0;
}
.avatar-box {
position: relative;
display: flex;
width: 90px;
height: 90px;
border: 2px dashed #ded0cd66;
cursor: pointer;
margin: 0 auto;
padding: 8px;
margin-bottom: 20px;
}
.avatar-box img {
margin: 0 auto;
border-radius: 100%;
}
.popup-frame {
display: none;
background-color: rgba(0, 0, 0, 0.7);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1000;
}
.popup-bg,
.resize-frame {
background-color: #fff;
border-radius: 5px;
border: 1px solid #ebeced;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
position: relative;
}
.resize-frame {
width: 262px;
margin: 0 auto;
top: 20%;
}
.popup-btn {
width: 100%;
padding: 13px 15px;
color: #fff;
border: none;
border-radius: 3px;
outline: 0;
background-color: #27ae60;
}
.closeicon {
cursor: pointer;
font-size: 30px;
position: absolute;
top: -10px;
} .social-media-box .social-item:not(:nth-child(3n)) {
padding-right: 15px;
}
.remove-item {
width: 20px;
height: 20px;
background-color: black;
color: #fff;
text-align: center;
line-height: 20px;
border-radius: 70px;
top: -7px;
left: -8px;
font-family: cursive;
font-size: 12px;
}
.empty-warning {
color: var(--red);
} .link-team {
border-color: #41b983;
background: #41b983;
color: #fcfcfc;
padding: 8px 22px;
border-radius: 20px;
transition: all 0.4s;
}
.link-team:hover {
box-shadow: 0 14px 26px -12px hsl(153deg 48% 49% / 42%), 0 4px 23px 0 #0000001f, 0 8px 10px -5px hsl(153deg 48% 49% / 20%);
border-color: #219561;
background: #219561;
}
.card-min-height {
min-height: 385px;
}
.panel-card-inner {
box-shadow: 0 2px 4px rgb(0 25 60 / 8%);
background-color: var(--white);
border-radius: 18px;
width: 100%; }
.panel-card-additem {
background-color: #2c8cff;
color: var(--white);
display: inline-block;
border-radius: 4px;
}
.card-title-icon {
display: inherit;
width: 30px;
height: 30px;
text-align: center;
line-height: 32px;
background-color: #e9e9e9;
border-radius: 50px;
}
.active-person {
background-color: var(--light-green);
color: var(--green);
padding: 2px 20px;
border-radius: 100px;
}
.person-card-media ul li {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 100px;
margin: 0 10px;
text-align: center;
background-color: #d9eaff;
}
.person-card-avatar img {
border-radius: 100px;
}
.panel-banner-inner {
background-color: #ffda9e;
}
.panel-banner-button {
background-color: #db5437;
color: #fff;
padding: 10px;
border-radius: 15px;
display: inline-block;
}
.panel-banner-title {
color: #403d38;
}
.conversation-box {
margin-bottom: 26px;
overflow: hidden;
border: 1px solid #ebedf3;
}
.conversation-box .head-table {
padding: 12px 20px;
background-color: #f3f6f9;
}
.conversation-date {
font-size: 13px;
}
.conversation-message {
font-size: 14px;
text-align: justify;
}
.head-table {
padding: 20px 30px;
display: flex;
justify-content: space-between;
}
.content-table {
overflow-x: auto;
padding: 26px 30px;
}
.title-table {
color: #181c32;
font-size: 17px;
font-weight: 500;
line-height: 1.5;
}
.subtitle-table {
display: block;
font-size: 12px;
color: #b5b5c3;
font-weight: 500;
}
.card {
position: relative;
background-color: #fff;
box-shadow: -20px 0px 30px 0px rgb(82 63 105 / 5%);
border-radius: 14px;
}
.card-alert {
position: fixed;
width: 20%;
bottom: 50px;
left: 50px;
border-radius: 10px;
padding: 25px;
}
.card-alert.hide-alert {
display: none;
}
.card-alert.success {
background-color: #4caf50;
}
.card-alert.error {
background-color: #f55153;
}
.card-alert.informative {
background-color: #2896f3;
}
.card-alert.warning {
background-color: #fbc107;
}
.close-alert {
transform: rotate(45deg);
}
.alert-title {
color: var(--white);
}
.message-notification {
padding: 25px;
border-radius: 10px;
}
.message-notification.hide-message {
display: none;
}
.message-notification span,
.message-notification p {
color: var(--white);
}
.message-notification.error {
background-color: #f55153;
}
.message-notification.information {
background-color: #2896f3;
}
.message-notification.success {
background-color: #4caf50;
}
.message-notification.warning {
background-color: #fbc107;
}
.list-value {
border: 1px solid lightgrey;
background: #fff;
border-radius: 3px;
padding: 0 10px;
min-height: 44px;
margin-bottom: 0;
}
.list-add {
display: none;
border: 1px solid lightgray;
background: #fff;
}
.list-add.show-element {
display: block;
}
.list-add li {
cursor: pointer;
font-size: 14px;
padding: 10px;
}
.list-add li:hover {
background-color: #ebedf3;
}
.list-add::-webkit-scrollbar {
width: 5px;
}
.list-add::-webkit-scrollbar-track {
background: var(--white);
}
.list-add::-webkit-scrollbar-thumb {
background-color: var(--light-purple);
}
.item-ok span {
cursor: pointer;
padding: 0 !important;
margin-left: 10px !important;
border-left: none !important;
}
.item-ok {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
border: none !important;
font-size: 13px !important;
background-color: #f1f3ff !important;
border-radius: 4px !important;
margin: 5px !important;
padding: 5px 10px !important;
position: relative !important;
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
vertical-align: bottom !important;
white-space: nowrap !important;
} .body-part {
width: 40px;
height: 40px;
}
.star {
color: red;
}
.title-excel {
background: #217346;
text-align: center;
color: #fff;
padding: 5px 0;
}
.excel-table {
overflow: auto;
}
.excel-table .table-grid th {
background-color: #e6e6e6;
color: #444444;
}
.excel-table .table-grid td,
.excel-table .table-grid th {
padding: unset;
min-width: unset;
max-width: unset;
width: 120px;
border: 1px solid #cdcdcd;
}
.excel-table textarea,
.excel-table select,
.excel-table input {
border-color: transparent;
height: 26px;
padding: 0 5px;
}
.unread td,
.unread td .status-message {
font-weight: 600 !important;
}
.message-sidebar {
margin-left: 30px;
}
.table-grid tr,
.table-grid thead {
border-bottom: 1px solid #ebedf3;
}
.table-grid td,
.table-grid th {
text-align: center;
padding: 20px 10px;
font-size: 14px;
max-width: 480px;
min-width: 135px;
}
.table-grid td img {
text-align: center;
}
.table-grid th {
color: #b5b5c3;
font-weight: 400;
}
.table-info-text {
color: #b5b5c3;
}
.startup-status-text.inssd {
color: #8950fc;
background-color: #eee5ff;
padding: 3px 10px;
border-radius: 100px;
}
.startup-status-text.ssd {
color: #f64e60;
background-color: #ffe2e5;
padding: 3px 10px;
border-radius: 100px;
}
#map {
height: 415px;
width: 435px;
}
.w-65 {
width: 65%;
}
.drop-action { color: white;
height: 30px;
width: 30px;
font-size: 16px;
cursor: pointer;
}
.drop-action:hover,
.drop-action:focus {
border-radius: 9999px;
cursor: pointer;
transition: all 0.3s;
background-color: hsl(232deg 95% 93%);
}
.action-list-opener {
display: inline-block;
}
.popup.action-list {
top: 35px;
left: -60px;
}
.popup.action-list::before {
display: none;
}
.action-list {
background-color: var(--white);
padding: 10px 15px;
border-radius: 5px;
z-index: 10;
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 17%);
min-width: 150px;
}
.border-b {
border-bottom: 1px solid hsl(0deg 0% 86%);
} .modal-content.user-modal {
width: 55%;
}
.modal-content.user-modal2 {
width: 95%;
}
.timeline {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 10px;
}
.timeline-wrapper .timeline:not(:last-child)::before {
content: '';
position: absolute;
top: 48px;
right: 141px;
height: 97%;
width: 2px;
background: #cfcfcf;
z-index: 0;
}
.timeline-date-wrapper {
width: 110px;
text-align: center;
}
.timeline-date {
font-size: 13px;
color: #8589a3;
}
.timeline-dot {
width: 14px;
height: 14px;
border-radius: 100px;
margin: 0 25px;
}
.timeline-dot.unread {
border: 2px solid #f82a5e;
}
.timeline-dot.read {
border: 2px solid #cfcfcf;
}
.timeline-user-avatar img {
border-radius: 100px;
}
.timeline-box {
flex: 1;
}
.timeline-box-inner {
display: flex;
flex-direction: row;
align-items: center;
}
.card-inner {
background-color: #ffffff;
padding: 20px;
border: 1px solid #e6e6e6;
border-radius: 5px;
}
.timeline-user-dot {
width: 8px;
height: 8px;
border-radius: 100px;
margin-left: 15px;
}
.timeline-user-dot.unread {
background-color: #f82a5e;
}
.timeline-user-dot.read {
background-color: #cfcfcf;
}
.timeline-details {
flex-grow: 1;
padding-right: 10px;
}
.timeline-startup-name {
font-size: 14px;
color: #283252;
font-weight: 500;
}
.timeline-text {
font-size: 14px;
color: #8589a3;
}
.timeline-hour {
color: #a2a5b9;
font-size: 12px;
}
.timeline-actions ul li {
display: inline-block;
}
.timeline-actions ul li:not(:last-child) {
margin-left: 10px;
}
.btn-score {
background: #00b2ff;
color: #fff;
padding: 10px;
}
.position-score {
position: sticky;
top: 30px;
} .timeline-startup-name {
height: 21px;
}  .menu-item-arrow {
position: absolute;
top: 24%;
left: 15px;
transition: all 0.3s ease;
}
.side-menu-item.has-children.active .menu-item-arrow {
transform: rotateX(180deg);
} .modal-toggler-button {
position: fixed;
bottom: 20px;
left: 20px;
background-color: #41b983;
border-radius: 100px;
text-align: center;
width: 40px;
height: 40px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
cursor: pointer;
overflow: hidden;
transition: all 0.4s ease;
}
.modal-toggler-button.message-modal-button:hover {
width: 160px;
}
.modal-toggler-icon {
transition: all 0.4s ease;
}
.modal-toggler-text {
opacity: 0;
visibility: hidden;
width: 0;
transition: opacity ease, visibility ease, width 0.4s ease;
}
.modal-toggler-button:hover {
width: 130px;
}
.modal-toggler-button:hover .modal-toggler-icon {
padding-left: 5px;
}
.modal-toggler-button:hover .modal-toggler-text {
opacity: 1;
visibility: visible;
width: 75px;
transition: opacity 0.1s ease 0.3s, visibility 0.1s ease 0.3s, width 0.3s ease;
}
.modal-toggler-button.message-modal-button:hover .modal-toggler-text {
width: 105px;
} .user-tooltip-box {
width: 300px;
right: 0;
bottom: 40px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.user-info-tooltip {
background-color: #ffffff;
border: 1px solid #e3e3e3;
border-radius: 5px;
font-size: 13px;
padding: 15px;
}
.startup-user:hover .user-tooltip-box {
opacity: 1;
visibility: visible;
}
.user-tooltip-location,
.user-tooltip-desc {
color: #a2a5b9;
font-weight: 300;
}
.user-area-text {
color: #41b983;
}
.user-tooltip-list ul li {
display: inline-block;
}
.user-tooltip-list ul li:not(:last-child) {
padding-left: 10px;
}
.add-startup-user {
width: 40px;
height: 40px;
border: 1px dashed #a7a7a7;
border-radius: 70px;
color: #a7a7a7;
text-align: center;
line-height: 40px;
margin-bottom: 15px;
}
.add-startup-wrapper .roles-checkbox label {
color: #000;
} .scroll-new {
overflow-y: scroll;
}
.scroll-new::-webkit-scrollbar {
display: none;
}
.logo-img {
width: 55px;
height: 55px;
border-radius: 50%;
}
.status-badge {
padding: 4px 12px;
border-radius: 15px;
display: inline-block;
font-size: 12px;
color: white;
text-align: center;
}
.completion_information {
background-color: #FFD700;
}
.checking {
background-color: #FFA500;
}
.introduction {
background-color: #1E90FF;
}
.business {
background-color: #32CD32;
}
.financial {
background-color: #8A2BE2;
}
.rate {
background-color: #FF69B4;
}
.investment_network {
background-color: #20B2AA;
}
.event {
background-color: #FF8C00;
}
.contract {
background-color: #008000;
}
.portfolio {
background-color: #4682B4;
}
.failed_expert {
background-color: #DC143C;
}
.investment_rejection {
background-color: #B22222;
}
.archive {
background-color: #808080;
}
.pending {
background-color: #FFD700;
}
.investment_committee {
background-color: #FF4500;
}
.p_active {
background-color: #228B22;
}
.p_sale {
background-color: #D2691E;
}
.p_defeated {
background-color: #A52A2A;
}
.p_exit {
background-color: #4CAF50;
}
.p_suspension {
background-color: #FF6347;
}
.status-badge.introduction {
background-color: #2896f3;
}
.status-badge.business {
background-color: #d13ad6;
}
.status-badge.financial {
background-color: #85e4a5;
}
.status-badge.rate {
background-color: #af92e6;
}
label.error {
color: red;
font-size: 11px;
float: left;
margin-top: -60px;
}
textarea.error+.error {
margin-top: 0;
}
input.error {
border-color: red;
}
.flex-status {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.close-btn {
left: 20px;
top: 20px;
}
.label-result,
.startup-result,
.invoice-result,
.revenue-result {
width: 100%;
position: absolute;
background-color: #fefefe;
border-radius: 0px 0px 10px 10px;
border: 1px solid #d3d3d3;
display: none;
min-width: 20%;
}
.revenue-result ul li {
font-size: 14px;
}
.label-result ul li:hover,
.startup-result ul li:hover,
.invoice-result ul li:hover,
.revenue-result ul li:hover {
background-color: #0162e8;
color: rgb(255, 255, 255);
}
.mentor-svg-icon {
width: 30px;
height: 30px;
border-radius: 50%;
background: #f3f6f9;
transition: 0.2s;
}
.mentor-svg-icon.reject-leader.active,
.mentor-svg-icon.reject-leader:hover,
.mentor-svg-icon.reject-leader-second:hover {
background: #f64e60;
}
.mentor-svg-icon.leader-approval.active,
.mentor-svg-icon.leader-approval:hover {
background: #1bc5bd;
}
.mentor-svg-icon.leader-fake.active,
.mentor-svg-icon.leader-fake:hover {
background: brown;
}
.mentor-svg-icon.leader-pending:active,
.mentor-svg-icon.leader-pending:hover {
background: #ffa800;
}
.mentor-svg-icon.leader-respit:active,
.mentor-svg-icon.leader-respit:hover {
background: #673AB7;
}
.mentor-svg-icon.reject-leader.active svg rect,
.mentor-svg-icon.reject-leader:hover svg rect,
.mentor-svg-icon.reject-leader-second:hover svg path,
.mentor-svg-icon.leader-pending:hover svg path,
.mentor-svg-icon.leader-respit:hover svg path,
.mentor-svg-icon.leader-approval.active svg path,
.mentor-svg-icon.leader-approval:hover svg path ,
.mentor-svg-icon.leader-fake.active svg path,
.mentor-svg-icon.leader-fake:hover svg path {
fill: #fff;
}
.list-value {
display: flex;
flex-wrap: wrap;
}
.list-add {
height: 200px;
overflow: auto;
}
.item-ok {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
margin: 5px;
padding: 0;
padding-left: 20px;
position: relative;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
white-space: nowrap;
}
.item-ok span {
padding: 0 7px;
border-left: 1px solid gray;
margin-left: 5px;
}
.selected {
background-color: gray;
}  @media (max-width: 767px) {
.mobile-column {
flex-direction: column;
}
.mobile-hide {
display: none;
}
.mobile-show {
display: block;
}
.colm6-mobile {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.pad-0-mobile {
padding: 0;
}
.pad-t-0-mobile {
padding-top: 0;
}
.pad-r-0-mobile {
padding-right: 0;
}
.pad-b-0-mobile {
padding-bottom: 0;
}
.pad-l-0-mobile {
padding-left: 0;
} .header-container-fluid {
overflow: inherit !important;
}
.popup.user-profile-popup-mobile {
min-width: 200px;
left: 0;
}
.popup.user-profile-popup-mobile::before {
left: 8px;
}
.mobile-side-menu {
position: fixed;
background-color: white;
width: 60%;
height: 100%;
inset: 0;
z-index: 1000;
transform: translateX(120%);
transition: all 0.4s ease;
box-shadow: 1px 0 25px 7px rgb(0 0 0 / 35%);
}
.mobile-side-menu.show-element {
transform: translateX(0);
}
.mobile-menu-logo {
text-align: center;
padding: 30px 0;
border-bottom: 1px solid #d5d5d5;
}
.panel-mobile-navigation ul li {
padding: 5px 15px;
line-height: 15px;
font-size: 14px;
}
.mobile-menu-backDrop {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
inset: 0;
z-index: 20;
transition: all 0.4s ease;
opacity: 0;
visibility: hidden;
}
.mobile-menu-backDrop.show-element {
opacity: 1;
visibility: visible;
}
.menu-back-drop {
position: fixed;
width: 40%;
height: 100%;
top: 0;
left: 0;
z-index: 100;
display: none;
}
.menu-back-drop.show-element {
display: block;
} .progress-startup-body {
padding-bottom: 30px;
} .add-startup-wrapper {
overflow: hidden;
}
.profile-form-content {
padding: 20px;
} .timeline-wrapper .timeline::before {
display: none;
}
.timeline-box-inner {
justify-content: flex-end;
flex-wrap: wrap;
}
.timeline-actions {
padding-top: 20px;
}
.timeline-details {
width: calc(100% - 65px);
}
.panel-section-content.message-wrapper {
overflow-x: unset;
}
.message-filter-box {
padding-top: 20px;
}
.message-access-item {
padding: 0 0 10px 0;
}
.select-message-section {
padding: 0 0 10px 0;
} table.sortable th {
min-width: 150px;
} .modal-toggler-button {
bottom: 50px;
}
.startup-instagram {
overflow-wrap: break-word;
}
.align-left {
margin-left: 20px;
}
.btn-workshop {
font-size: 10px;
}
.panel-car-title {
display: flex;
justify-content: center;
padding: 10px;
}
.container-fluid {
width: 100%;
}
.form-section-title span {
display: flex;
justify-content: center;
}
.add-startup-user {
margin-bottom: 15px;
}
#load-edit {
overflow-x: scroll;
}
#load-edit-content {
overflow: hidden;
}
.panel-card-inner {
overflow: hidden;
overflow-x: scroll;
}
.number-balance {
font-size: 20px;
} .btn-dashboard-investor {
margin-top: 30px;
}
.seperator-card {
overflow-x: scroll;
}
.card-body {
padding: 40px;
}
} @media (min-width: 768px) and (max-width: 991px) {
.tablet-hide {
display: none;
}
.tablet-show {
display: block;
}
.flex-wrap-tablet {
flex-wrap: wrap;
} .header-container-fluid {
overflow: inherit !important;
}
.popup.user-profile-popup-mobile {
min-width: 200px;
left: 0;
}
.popup.user-profile-popup-mobile::before {
left: 8px;
}
.panel-section-content {
overflow-x: scroll;
}
.panel-bottom-menu svg.bottom-menu-back {
height: 130%;
}
.bottom-menu-item.centered-item {
top: 30%;
}
.mobile-side-menu {
position: fixed;
background-color: white;
width: 60%;
height: 100%;
inset: 0;
z-index: 1000;
transform: translateX(120%);
transition: all 0.4s ease;
box-shadow: 1px 0 25px 7px rgb(0 0 0 / 35%);
}
.mobile-side-menu.show-element {
transform: translateX(0);
}
.mobile-menu-logo {
text-align: center;
padding: 30px 0;
border-bottom: 1px solid #d5d5d5;
}
.panel-mobile-navigation ul li {
padding: 12px 15px;
line-height: 15px;
font-size: 14px;
}
.mobile-menu-backDrop {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
inset: 0;
z-index: 20;
transition: all 0.4s ease;
opacity: 0;
visibility: hidden;
}
.mobile-menu-backDrop.show-element {
opacity: 1;
visibility: visible;
}
.menu-back-drop {
position: fixed;
width: 60%;
height: 100%;
top: 0;
left: 0;
z-index: 100;
display: none;
}
.menu-back-drop.show-element {
display: block;
} .panel-section-content.message-wrapper {
overflow-x: unset;
}
.message-filter-box {
padding-top: 20px;
}
.panel-card-additem {
font-size: 15px;
}
.btn-workshop {
font-size: 12px;
}
.panel-car-title {
display: flex;
justify-content: center;
padding: 15px;
}
.add-startup-user {
margin-bottom: 15px;
}
label {
font-size: 11px;
}
.flex-row-fs-center {
font-size: 8px;
}
.number-balance {
font-size: 20px;
}
.panel-card-inner {
overflow: hidden;
} .btn-dashboard-investor {
margin-top: 20px;
}
.seperator-card {
overflow: hidden;
}
}
@media print {
.print-item,
header {
display: none !important;
}
}
.unsetover {
overflow: unset!important;
} body.single header#header {
position: inherit;
top: inherit;
}
header#header {
z-index: 100;
background-color: var(--white);
}
.aparat-big-circle {
fill: var(--black);
stroke: var(--white);
stroke-width: 25;
stroke-miterlimit: 10;
}
.aparat-four-circles {
fill: #fcfcfc;
}
.logo img {
width: auto;
height: 55px;
}
.header-navigation {
padding-left: 30px;
}
ul.header-menu li,
ul.social-media-list li {
display: inline-block;
}
ul.header-menu li:not(:last-child) {
padding-right: 15px;
}
ul.header-menu li a {
font-size: 14px;
color: var(--black);
}
.social-media {
padding-right: 30px;
}
ul.social-media-list,
ul.social-media-list li {
height: 18px;
}
ul.social-media-list li svg {
width: 18px;
height: 18px;
}
ul.social-media-list li {
display: inline-block;
padding-right: 10px;
}
ul.social-media-list li.header-last-media {
padding-right: 20px;
}
ul.social-media-list li.header-last-media {
border-right: 1px solid #ddd;
}
ul.social-media-list li.header-user-icon path#Mask {
opacity: 1;
}
.bg2 {
background-color: #faf9fe !important;
}
.bg1 {
background-color: #fff !important;
}
.authentication a {
display: inline-block;
background-color: var(--black);
color: var(--white);
font-size: 13px;
padding: 5px 10px;
border-radius: 3px;
}
.header-user-text {
vertical-align: top;
display: inline-block;
padding-top: 1px;
}
.header-user-access {
position: absolute;
background-color: #fff;
left: 0;
top: 45px;
width: 135px;
border-radius: 3px;
border: 1px solid #e1e1e1;
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transform-origin: center;
z-index: 100;
opacity: 0;
visibility: hidden;
transform: scale(0.5);
}
.header-user-access.show-access {
opacity: 1;
visibility: visible;
transform: scale(1);
}
.user-access-text {
color: var(--grey);
}
.user-access-item {
line-height: 10px;
}
.header-access-logout {
border-top: 1px solid #d9d9d9;
}
.user-logout-text {
color: var(--black);
} .countdown {
direction: ltr;
margin-top: 16px;
}
.countdown ul {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: 8px;
}
.countdown li {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 12px;
}
.countdown li span {
display: flex;
justify-content: center;
align-items: center;
width: 28px;
height: 28px;
margin-bottom: 8px;
border-radius: 10px;
background-color: white;
box-shadow: 0 4px 14px 1px rgba(0, 0, 0, 0.16);
font-size: 16px;
font-family: "Digital Numbers";
color: #484848;
}
.fund-list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: 16px;
margin-bottom: 80px;
}
.fund-overlay span {
font-weight: 700;
color: #1d214e;
font-size: 14px;
}
.fund-overlay {
z-index: 999;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
border-radius: 12px;
background: linear-gradient(280deg, #ececec9c, #ececec94);
filter: opacity(0.98);
}
.fund-blur {
filter: blur(2px);
}
.fund-body {
position: relative;
padding: 15px;
border-radius: 12px;
box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .1);
overflow: hidden;
background-color: #fff; height: 170px;
}
.content .fund-seprator {
margin: 8px 0;
background-image: unset;
}
.fund-logo {
width: 110px;
height: 110px;
position: absolute;
background-color: #f1f5fb;
top: -15px;
left: -15px;
clip-path: circle(67% at 30% 31%);
z-index: 99;
}
.content .fund-logo {
background: linear-gradient(180deg, rgb(175 214 126 / 14%) 0%, rgb(130 204 228 / 13%) 100%);
}
.fund-logo img {
border-radius: 50%;
}
.fund-name {
font-size: 20px;
font-weight: 700;
color: #1d214e;
padding-bottom: 4px;
}
.fund-header {
position: relative;
padding-top: 8px;
padding-right: 24px;
}
.fund-type {
z-index: 9;
position: absolute;
padding: 0 10px;
border-radius: 30px;
background-color: #edeff2;
height: 30px;
top: 5px;
font-size: 14px;
font-weight: 500;
color: rgba(0, 48, 146, .6);
display: flex;
justify-content: center;
align-items: center;
}
.fund-owner2,
.fund-owner {
margin-bottom: 4px;
color: rgba(0, 21, 64, .6);
font-size: 14px;
font-weight: 400;
}
.fund-owner2 {
margin-bottom: 24px;
font-size: 11px;
}
.owner-key,
.owner-val {
font-size: 12px;
}
.owner-val {
margin-right: 5px;
}
.finance-info-title {
font-size: 12px;
font-weight: 400;
color: rgba(0, 21, 64, .6);
}
.finance-info-num {
font-size: 13px;
font-weight: 700;
color: #1d214e;
}
.finance-info-unit {
font-size: 12px;
color: rgba(0, 21, 64, .6);
}
.btn-req-dis,
.btn-req {
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px;
height: 32px;
border-radius: 24px;
border: 1px solid rgba(0, 0, 0, .15);
cursor: pointer;
}
.btn-req-dis {
background: #e5e5e57d;
filter: blur(1px);
}
.btn-req-title {
font-size: 10px;
font-weight: 600;
margin: 0 6px;
display: inline-block;
}
.fund-seprator {
margin: 15px 0;
height: 1px;
transform: rotate(-1turn);
opacity: .2;
background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, .7) 26%, #000 50%, rgba(0, 0, 0, .7) 73%, transparent);
}
.fund-report>div {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 4px;
margin-bottom: 4px;
}
.report-key {
font-size: 12px;
font-weight: 400;
color: rgba(0, 21, 64, .6);
}
.report-val-text {
font-size: 14px;
font-weight: 700;
color: #1d214e;
}
.report-val-unit {
font-size: 12px;
color: rgba(0, 21, 64, .6);
}
.fund-banner {
margin: 16px 0;
padding: 15px 10%;
min-height: 172px;
border-radius: 24px; background: linear-gradient(90deg, #75c9eb, rgb(100 181 161 / 52%) 59.8%, #afd67b); }
.fund-banner .report-key {
font-size: 14px;
}
.fund-banner .report-val-text {
font-size: 16px;
}
.fund-banner-vector svg {
position: absolute;
top: 0;
left: 0;
display: block;
height: 101%;
clip-path: circle(69% at 30% 65%);
}
.fund-banner a {
color: #5e4583;
}
.fund-banner-content {
display: flex;
flex-direction: column;
gap: 8px;
align-items: flex-start;
width: auto;
}
.fund-banner-title {
font-weight: bolder;
display: flex;
align-items: center;
gap: 10px;
}
.fund-banner-text {
display: flex;
gap: 10px;
flex-direction: row;  width: 100%;
}
.fund-banner-info .fund-seprator {
width: 100%;
margin-bottom: 0;
}
.fund-banner-info .fund-report {
width: 100%;
}
.fund-banner-text-key {
font-size: 12px;
font-weight: normal;
line-height: 25px;
white-space: nowrap;
}
.fund-banner-text-val {
font-size: 18px;
font-weight: bolder;
line-height: 25px;
white-space: nowrap;
}
.fund-banner-link {
background-color: #432d92;
color: #f2f2f2;
border-radius: 8px;
height: 32px;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
display: flex;
min-width: 138px;
justify-content: center;
padding: 1px;
width: 155px;
align-items: center;
}
.grid-finance {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 14px;
grid-row-gap: 0px;
}
figure.logofund {
margin-left: 4px;
background: #f1f5fb;
border-radius: 50%;
width: 30px;
height: 30px;
overflow: hidden; display: flex;
justify-content: center;
align-items: center;
}
figure.logofund img {
border-radius: 50%;
} .funding-btn {
position: absolute;
padding: 10px 32px;
box-shadow: 0 0px 15px -3px rgba(0, 0, 0, .1);
color: #1d214e;
text-decoration: none;
text-transform: uppercase;
overflow: hidden;
border-radius: 3px;
font-weight: 600;
font-size: 14px;
line-height: 1;
border: 2px solid transparent;
transition: 0.4s;
}
.funding-btn span:nth-child(1) {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 2px;
background: linear-gradient(to right, #75c9eb, #afd67b);
animation: animate1 2s linear infinite;
}
@keyframes animate1 {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
.funding-btn span:nth-child(2) {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 1.5px;
background: linear-gradient(to bottom, #75c9eb, #afd67b);
animation: animate2 2s linear infinite;
animation-delay: 1s;
}
@keyframes animate2 {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(100%);
}
}
.funding-btn span:nth-child(3) {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 1.5px;
background: linear-gradient(to left, #75c9eb, #afd67b);
animation: animate3 2s linear infinite;
}
@keyframes animate3 {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
.funding-btn span:nth-child(4) {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 1.5px;
background: linear-gradient(to top, #75c9eb, #afd67b);
animation: animate4 2s linear infinite;
animation-delay: 1s;
}
@keyframes animate4 {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(-100%);
}
}
.funding-btn:hover {
transition: 0.5s; background: #aed57d29;
border: 2px solid #aed57d;
color: #01d466;
}
.funding-btn:hover span {
transition: 0.5s;
animation: none;
background: transparent;
}
.intro-min-height {
min-height: 55vh;
}
.left-intro-shape {
top: 20%;
left: -200px;
width: 377px;
height: 400px;
z-index: 9;
}
.right-intro-shape {
bottom: 0;
right: -200px;
width: 377px;
height: 400px;
z-index: -1;
}
.intro-image-wrapper {
align-self: flex-end;
}
.intro-text-wrapper {
align-self: flex-end;
}
.intro-image img {
border-radius: 20px;
}
.intro-image {
height: 375px;
background: #1d2351;
border-radius: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.intro-image::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: #01d466;
inset: 0;
border-radius: 20px;
z-index: -1;
transform: rotate(-5deg);
}
.intro-vector-top {
top: 50px;
right: -120px;
}
.intro-vector-top svg path {
fill: var(--light-blue);
}
.intro-vector-bottom {
bottom: -145px;
right: 135px;
}
.intro-vector-bottom svg circle {
fill: #ff5722;
}
.intro-top-title {
color: var(--green);
}
.intro-main-title {
font-size: clamp(35px, 2.1vw, 50px);
color: var(--dark-purple);
}
.intro-description p {
color: var(--blog-grey);
}
.intro-statistic-wrapper {
padding-top: 75px;
}
.statistic-box {
flex-basis: 27%;
color: var(--dark-purple);
}
.statistic-image svg {
vertical-align: middle;
}
.statistic-number span {
font-size: 4vw;
}
.statistic-text {
align-self: flex-end;
}
.statistic-text span {
color: #878787;
} .investors-chart-tooltip path.investors-chart-tooltip-box {
fill: #4c4c4c;
}
.chart-investor-box {
padding-top: 300px;
margin-bottom: 50px;
}
.chart-investor-box2 {
padding-top: 100px;
}
.chart-investor-wrapper2 .highcharts-container,
.chart-investor-wrapper .highcharts-container {
height: 425px !important;
}
.chart-column-image {
transition: all 0.4s ease;
}
.highcharts-data-labels.highcharts-series-0.highcharts-column-series.highcharts-color-0.highcharts-tracker {
transform: translate(54px, 20px);
}
.chart-column-image:hover {
transform: translate(-30px, -60px) scale(2) !important;
}
.chart-column-image.big-image {
transform: translate(-30px, -60px) scale(2) !important;
}
#chart-investor,
#chart-investor .highcharts-container,
#chart-investor svg {
overflow: inherit !important;
}
.chart-investor-wrapper2 svg rect.highcharts-background,
.chart-investor-wrapper svg rect.highcharts-background {
fill: transparent;
}
.chart-investor-text {
top: -50px;
left: 0;
z-index: 10;
}
.chart-investor-title span {
color: var(--dark-purple);
}
.chart-investor-desc p {
color: var(--blog-grey);
}
.chart-investor-wrapper2 g.highcharts-tooltip path.highcharts-tooltip-box,
.chart-investor-wrapper g.highcharts-tooltip path.highcharts-tooltip-box {
fill: #01d466;
}
.chart-investor-wrapper2 g.highcharts-tooltip text,
.chart-investor-wrapper g.highcharts-tooltip text {
color: #ffffff !important;
fill: #ffffff !important;
}
.chart-investor-wrapper2 g.highcharts-series.highcharts-series-1.highcharts-column-series.highcharts-color-1.highcharts-tracker rect,
.chart-investor-wrapper g.highcharts-series.highcharts-series-1.highcharts-column-series.highcharts-color-1.highcharts-tracker rect {
fill: #01d466;
}
.chart-investor-wrapper2 g.highcharts-series.highcharts-series-0.highcharts-column-series.highcharts-tracker rect,
.chart-investor-wrapper g.highcharts-series.highcharts-series-0.highcharts-column-series.highcharts-tracker rect {
fill: #d1d2d4;
}
.chart-investor-wrapper2 text.highcharts-axis-title,
.chart-investor-wrapper2 g.highcharts-grid.highcharts-yaxis-grid,
.chart-investor-wrapper2 g.highcharts-axis.highcharts-xaxis,
.chart-investor-wrapper2 text.highcharts-credits,
.chart-investor-wrapper2 g.highcharts-legend.highcharts-no-tooltip,
.chart-investor-wrapper2 g.highcharts-axis-labels.highcharts-yaxis-labels,
.chart-investor-wrapper text.highcharts-axis-title,
.chart-investor-wrapper g.highcharts-grid.highcharts-yaxis-grid,
.chart-investor-wrapper g.highcharts-axis.highcharts-xaxis,
.chart-investor-wrapper text.highcharts-credits,
.chart-investor-wrapper g.highcharts-legend.highcharts-no-tooltip,
.chart-investor-wrapper g.highcharts-axis-labels.highcharts-yaxis-labels {
display: none;
}
.left-chart-shape {
bottom: 0;
left: -200px;
width: 377px;
height: 400px;
z-index: -1;
}
.intro-chart-wrapper {
background-image: url(//www.100startups.ir/wp-content/themes/100startups/assets/images/bgpt1.svg);
background-position: -200px 150px;
background-repeat: no-repeat;
background-size: 377px;
}
.highcharts-data-label-hidden {
opacity: 1;
} section#content-statistics {
background-color: var(--background);
}
.statistics-wrapper {
padding: 75px 0;
}
.statistics-number {
font-size: 50px;
font-weight: 700;
}
.statistics-text {
padding-left: 10px;
}
.first-statistics-text {
font-size: 12px;
font-weight: 400;
}
.second-statistics-text {
font-size: 18px;
font-weight: 400;
}
.second-statistics-box,
.third-statistics-box {
padding-left: 50px;
}
.third-statistics-box {
border-left: 1px solid #979797;
}
.third-statistic-box {
z-index: 1;
}
.third-statistisc-text {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
line-height: 50px;
color: #4a90e2;
font-size: 50px;
font-weight: 700;
}
.third-diff-text {
line-height: 15px;
font-size: 16px;
color: #888888;
font-weight: 400;
} .event-container-fluid {
background-image: url(//www.100startups.ir/wp-content/themes/100startups/assets/images/bgpt2.svg);
background-position: -200px 300px;
background-repeat: no-repeat;
background-size: 377px;
}
.event-wrapper {
padding-top: 100px;
}
.left-event-shape {
bottom: 0;
left: -200px;
width: 377px;
height: 400px;
z-index: -1;
}
.right-event-shape {
top: 0;
right: -200px;
width: 377px;
height: 400px;
z-index: 9;
}
.left-event-shape svg path {
fill: #d1d2d4;
}
.right-event-shape svg path {
fill: #def6e5;
}
.event-text-wrapper {
padding-top: 150px;
}
.event-rotate {
transform: rotate(45deg);
}
.event-box-outer {
max-width: 225px;
max-height: 225px;
width: 215px;
height: 215px;
cursor: pointer;
transition: all 0.6s ease;
}
.event-box-inner:hover .event-title {
opacity: 1;
visibility: visible;
}
.event-box-inner {
max-width: 222px;
max-height: 215px;
width: 210px;
height: 205px;
overflow: hidden;
border-radius: 30px;
border: 2px solid var(--green);
transition: all 0.6s ease;
}
.event-box-inner:hover {
transform: scale(1.2) !important;
}
.event-box-inner::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
inset: 0;
border-radius: 30px;
background-color: rgb(1 212 102 / 70%);
opacity: 0;
visibility: hidden;
z-index: 1;
transition: all 0.6s ease;
}
.event-box-inner:hover {
box-shadow: 8px 8px 20px -8px #01d466;
}
.event-box-inner:hover::before {
opacity: 1;
visibility: visible;
}
.event-box-image {
position: absolute;
width: 266px;
height: 266px;
top: -33px;
left: -30px;
}
.event-box-image img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-45deg);
}
.event-side-text h2 {
color: var(--grey);
}
.event-side-desc p {
color: var(--light-grey);
}
.event-title {
transform: rotate(-45deg);
inset: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
z-index: 2;
opacity: 0;
visibility: hidden;
transition: all 1s ease;
}
.event-title a,
.event-title span {
color: var(--white);
} section#content-portfolio {
background-color: var(--very-light-grey);
}
.portfolio-container-fluid {
z-index: 1;
}
.left-tree-vector {
bottom: 0;
left: 0;
width: 377px;
height: 400px;
z-index: -1;
}
.left-tree-vector svg,
.right-tree-vector svg {
width: 100%;
opacity: 0.5;
}
.left-tree-vector svg path,
.right-tree-vector svg path {
fill: #63b4a0;
}
.right-tree-vector {
top: 70px;
right: -179px;
width: 377px;
height: 400px;
z-index: -1;
}
.portfolio-left-text {
color: var(--green);
}
.portfolio-left-title {
color: var(--dark-purple);
line-height: 1.2;
}
.portfolio-left-desc {
color: var(--blog-light-grey);
}
.portfolio-right-box {
display: grid;
height: 400px;
grid-template-rows: calc(100% / 4) calc(100% / 4) calc(100% / 4) calc( 100% / 4);
grid-template-columns: calc(100% / 4) calc(100% / 4) calc(100% / 4) calc( 100% / 4);
grid-gap: 10px;
}
.portfolio-box-inner {
background-color: var(--white);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 30px;
box-shadow: 0 0 30px 0 rgb(0 0 0 / 25%);
}
.portfolio-box-inner img {
border-radius: 15px;
}
.portfolio-box-inner-1 {
grid-row-start: 1;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 3;
}
.portfolio-box-inner-1 img {
width: 110px;
height: auto;
}
.portfolio-box-inner-2 img,
.portfolio-box-inner-3 img,
.portfolio-box-inner-4 img,
.portfolio-box-inner-5 img,
.portfolio-box-inner-6 img,
.portfolio-box-inner-7 img,
.portfolio-box-inner-8 img {
width: 55px;
height: auto;
}
.portfolio-box-inner-2 {
grid-row: 1;
grid-column: 3;
}
.portfolio-box-inner-3 {
grid-row: 2;
grid-column: 3;
}
.portfolio-box-inner-4 {
grid-row: 2;
grid-column: 4;
}
.portfolio-box-inner-5 {
grid-row: 3;
grid-column: 2;
}
.portfolio-box-inner-6 {
grid-row: 3;
grid-column: 3;
}
.portfolio-box-inner-7 {
grid-row: 3;
grid-column: 4;
}
.portfolio-box-inner-8 {
grid-row: 4;
grid-column: 3;
} .news-title-text {
color: var(--green);
}
.news-small-time span {
color: var(--blog-light-grey);
}
.news-small-title span {
color: var(--grey);
}
.news-small-excerpt {
max-height: 85px;
}
.news-small-excerpt p {
font-size: 14px;
color: var(--blog-light-grey);
}
.news-small-link a {
color: var(--grey);
}
.news-big-image img {
border-radius: 15px;
}
.news-big-image::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / 20%);
border-radius: 15px;
}
.news-big-text {
bottom: 0;
left: 0;
width: 100%;
}
.news-big-time,
.news-big-title span {
color: var(--white);
}
.news-big-title a {
color: var(--white);
}
.news-big-excerpt p {
font-size: 14px;
color: var(--white);
height: 40px;
overflow: hidden;
}
.news-memphis-vectors {
width: 20%;
height: 50%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.memphis-vectors-right {
top: 0;
right: 0;
}
.memphis-vectors-left {
bottom: -150px;
left: 0;
}
.memphis-items {
flex-basis: 50%;
}
.memphis-items svg path,
.memphis-items svg circle,
.memphis-items svg rect {
opacity: 0.3;
} .cafe-box-title {
color: var(--green);
}
.cafe-box-desc {
color: var(--dark-purple);
}
.sign-box-image::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient( 180deg, rgba(1, 212, 102, 0.47102591036414565) 0%, rgba(1, 212, 102, 0) 100%);
border-radius: 100px;
}
.cafe-diffrent-color {
color: var(--green);
}
.sign-box-image img {
height: 400px;
object-fit: cover;
border-radius: 100px 100px 0 100px;
}
.sign-box-info {
bottom: 0;
right: 0;
background-color: #1e214e;
height: 36%;
width: 36%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 40px 40px 0 40px;
}
.sign-info-time {
border-bottom: 1px solid #323232;
}
.sign-info-time span {
color: var(--white);
}
.sign-info-category a {
color: var(--green);
}
.sign-box-title h3 {
line-height: 1.3;
color: var(--dark-purple);
}
.sign-box-excerpt p {
color: var(--dark-purple);
}
.fund-logo {
object-fit: contain;
}
.cafe-container-fluid::before {
content: '';
position: absolute;
width: 50px;
height: 50px;
bottom: 100px;
right: 181px;
border-radius: 14px;
transform: rotate(45deg);
background-color: var(--green);
}
.cafe-container-fluid::after {
content: '';
position: absolute;
width: 100px;
height: 100px;
bottom: 75px;
right: 100px;
border-radius: 20px;
transform: rotate(45deg);
background-color: var(--light-blue);
}
.cafe-left-box::before {
content: '';
position: absolute;
width: 100px;
height: 100px;
bottom: 125px;
left: -245px;
border-radius: 20px;
transform: rotate(45deg);
z-index: 1;
border: 8px solid var(--green);
background-color: var(--white);
}
.cafe-left-box::after {
content: '';
position: absolute;
width: 50px;
height: 50px;
bottom: 150px;
left: -280px;
border-radius: 14px;
transform: rotate(45deg);
z-index: -1;
border: 8px solid var(--light-blue);
} .leaders-container-fluid {
background-image: url(//www.100startups.ir/wp-content/themes/100startups/assets/images/bgpt3.svg);
background-position: -200px 150px;
background-repeat: no-repeat;
background-size: 320px;
}
.leaders-column {
transform: rotateZ(-45deg);
}
.leaders-text span {
color: var(--grey);
}
.leaders-desc p {
color: var(--light-grey);
}
.item {
border-radius: 10px;
max-width: 100px;
max-height: 100px;
overflow: hidden;
transition: all 0.3s ease;
}
.item:hover {
transform: scale(1.2) !important;
}
.item:hover::before {
width: 100%;
height: 100%;
opacity: 0.8;
}
.item:hover .leader-box-details {
opacity: 1;
visibility: visible;
}
.item::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 20px;
height: 20px;
background-color: var(--green);
z-index: 1;
transition: all 0.3s ease;
}
.leaders-column .item:not(:last-child) {
margin-bottom: 10px;
}
.leader-box-image {
overflow: hidden;
}
.leader-box-image img {
width: 150px;
height: auto;
max-width: none;
transform: rotateZ(45deg) translateX(-46px);
}
.leader-box-details {
opacity: 0;
visibility: hidden;
top: 0;
left: 0;
transform: rotate(45deg);
transition: all 0.5s ease;
z-index: 2;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.leader-name,
.leader-social-media,
.leader-role {
line-height: 15px;
}
.leader-name span,
.leader-role span {
color: var(--white);
}
.leader-social-media ul li {
display: inline-block;
padding: 0 5px;
}
.leader-social-media ul li svg {
fill: #fff;
}
.leaders-vector {
bottom: -125px;
left: 66px;
z-index: -1;
}
.leaders-vector svg {
width: 300px;
height: 300px;
}
.leaders-vector svg path {
fill: var(--light-blue);
} .investors-inner {
background: linear-gradient( 90deg, rgb(2 94 233 / 60%) 0%, rgb(26 216 116 / 60%) 100%);
border-radius: 30px;
box-shadow: 0px 10px 36px -17px #415bed;
}
.investors-inner-box {
padding: 54px 0;
}
.investor-image img {
height: 100px;
width: 100px;
object-fit: contain;
border-radius: 10px;
overflow: hidden;
background: #fff;
padding: 5px;
}
.investors-memphis-bottom {
right: 370px;
bottom: -50px;
z-index: -1;
} section#archive {
background-color: var(--background);
}
.archive-wrapper {
padding: 60px 0;
}
.archive-card {
padding: 10px;
}
.archive-card-inner {
box-shadow: 0px 0px 10px -3px #afafaf;
border-radius: 10px;
}
.archive-card-image img {
border-radius: 10px 10px 0 0;
}
.archive-card-content {
padding: 20px;
background-color: var(--white);
border-radius: 0 0 10px 10px;
}
.archive-card-title a {
color: var(--black);
font-weight: 700;
font-size: 20px;
}
.archive-card-excerpt {
max-height: 115px;
overflow: hidden;
margin: 15px 0;
}
.archive-card-excerpt p {
font-size: 13px;
color: #545454;
}
.archive-card-link a {
font-size: 15px;
color: var(--light-blue);
} .search-box {
padding: 75px 0;
background: var(--background);
}
.search-box-title {
font-size: 30px;
}
.search-input-wrapper {
position: relative;
margin-top: 20px;
}
.search-page-input {
background-color: transparent;
font-size: 20px;
text-indent: 30px;
color: #858585;
font-weight: 100;
padding: 0;
border-radius: 0;
border: none;
border-bottom: 2px solid #b1b1b1;
}
.search-input-icon {
position: absolute;
top: -3px;
left: 0;
height: 100%;
}
.search-result-wrapper {
padding: 60px 0;
}
input.search-page-input:focus {
border: none;
border-bottom: 2px solid #b1b1b1;
} section#single {
z-index: 1000;
background-color: var(--background);
}
.single-wrapper {
padding-top: 50px;
}
.single-image img {
border-radius: 15px; }
.single-content {
padding-bottom: 50px;
}
.single-category span a {
color: var(--grey);
}
.single-post-title {
font-size: clamp(40px, 3vw, 60px);
color: var(--grey);
}
.single-fixed-access {
position: sticky;
top: 40px;
}
.box-avatar-event {
height: 140px;
background-color: #fff;
border-radius: 3px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: 1px solid #ddd;
}
.box-avatar-event img {
width: auto;
height: 100px;
max-width: 125px;
object-fit: contain;
}
.rectangle-event-avatar img {
width: auto;
height: 100px;
max-width: 125px;
object-fit: contain;
}
.single-content-list ul li {
position: relative;
width: 35px;
height: 19px;
border-right: 1px solid #c1c1c1;
border-left: 1px solid #c1c1c1;
margin-bottom: 25px;
text-align: center;
}
.single-content-list ul li::before,
.single-content-list ul li::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.single-content-list ul li::before {
transform: rotate(60deg);
border-left: 1px solid #c1c1c1;
border-right: 1px solid #c1c1c1;
}
.single-content-list ul li::after {
border-left: 1px solid #c1c1c1;
border-right: 1px solid #c1c1c1;
transform: rotate(-60deg);
}
.single-date-time {
color: var(--light-grey);
}
.single-time-text {
border-right: 1px solid #5f6368;
}
.single-author-avatar img {
border-radius: 70px;
}
.single-author-role {
color: var(--light-grey);
}
.modal-content.single-modal-share {
overflow: inherit;
} .single-content-text a {
position: relative;
}
.single-content-text a[href*='http'] {
position: relative;
color: #2643df;
padding: 0 5px;
z-index: 1;
}
.single-content-text a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
width: 100%;
height: 30%;
background-color: #a5b3ff;
transition: all 0.4s ease;
}
.single-content-text a:hover::after {
height: 100%;
}
.single-content-text p {
margin-bottom: 1.4211em;
line-height: 2.2;
}
.single-content-text h2,
.single-content-text h3 {
margin-bottom: 16px;
margin-top: 52px;
}
.single-content-text h2 {
font-size: 22px;
font-weight: 700;
margin-bottom: 16px;
margin-top: 52px;
}
.single-content-text h2:first-child {
margin-top: 0;
}
.single-content-text h3 {
font-size: 20px;
font-weight: 600;
}
.single-content-text .wp-block-image img,
.single-content-text img {
width: 100%;
height: auto;
}
.single-content-text ul {
list-style: inherit;
margin-right: 1.17647em;
} .single-list-number {
position: absolute;
top: -15px;
left: -2px;
background-color: var(--black);
color: var(--white);
width: 20px;
font-size: 11px;
height: 20px;
line-height: 21px;
border-radius: 50px;
z-index: 1;
}
.single-content-tags {
margin-top: 15px;
padding-top: 30px;
border-top: 1px solid #c1c1c1;
}
.single-content-tags span {
font-weight: 700;
}
.single-content-tags a {
font-size: 13px;
color: var(--white);
background-color: var(--black);
padding: 2px 10px;
border-radius: 3px;
margin: 0 5px;
}
.modal-share-image img {
width: auto;
height: 250px;
}
.link-copied {
left: 12px;
background-color: var(--black);
padding: 3px 0;
color: var(--white);
border-radius: 4px;
text-align: center;
position: absolute;
width: 80px;
top: -40px;
opacity: 0;
visibility: hidden;
}
.link-copied::after {
content: '';
position: absolute;
bottom: -10px;
right: 38%;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid var(--black);
}
.link-copied.copied-alert {
animation: note 570ms ease-in-out forwards;
transform-origin: center 60px;
}
.modal-info-text {
padding: 50px;
}
.modal-info-title {
font-size: 23px;
}
.modal-info-date {
font-size: 14px;
padding: 20px 0;
}
.modal-info-other {
padding-bottom: 20px;
}
.modal-info-other ul li {
display: inline-block;
width: 24%;
}
.modal-info-other ul li h6:first-child {
font-size: 14px;
padding-bottom: 5px;
}
.modal-info-tags h6 {
font-size: 14px;
}
.info-tags {
padding-top: 5px;
}
.info-tags a {
font-size: 13px;
color: var(--white);
background-color: var(--black);
padding: 2px 10px;
border-radius: 3px;
}
.info-tags a:not(:first-child) {
margin: 0 5px;
}
.single-content-comment {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #c1c1c1;
}
@keyframes note {
0% {
opacity: 0;
visibility: hidden;
transform: scale(0.1) rotate(30deg) translateY(50px) rotateX(90deg);
}
50% {
transform: rotate(-10deg);
opacity: 1;
visibility: visible;
}
70% {
transform: rotate(3deg);
opacity: 1;
visibility: visible;
}
100% {
transform: scale(1);
opacity: 1;
visibility: visible;
}
} .event-info-box.event-info {
padding-bottom: 0;
}
.single-content-info,
.single-content-register {
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #c1c1c1;
}
.single-content-register {
padding-top: 30px;
}
.event-top-info {
height: 500px;
position: relative;
overflow: hidden;
}
.event-background-image {
position: absolute;
width: 100%;
height: 100%;
}
.event-background-image img {
width: 100%;
height: 100%;
object-fit: cover;
filter: blur(50px) brightness(0.9);
}
.event-info-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.single-event-image img {
width: 100%;
height: 400px;
object-fit: cover;
border-radius: 0 5px 5px 0;
}
.info-overlay-content {
background-color: #fff;
border-radius: 5px 0 0 5px;
}
.overlay-content-text p {
max-height: 70px;
overflow: hidden;
}
.overlay-content-status {
border: 1px solid #2e2e2e;
padding: 5px 10px;
display: inline-block;
border-radius: 5px;
}
.event-overlay-share span {
vertical-align: sub;
}
.event-bottom-details h3,
.event-bottom-details strong {
padding: 30px 0 15px 0;
display: block;
}
.event-bottom-details p {
text-align: justify;
}
.event-place iframe {
width: 100%;
height: 450px;
}
.title-faq {
height: 2.5em;
width: 75%;
margin-left: 12.5%;
background: #6bba70;
color: #fff;
text-align: center;
padding-top: 0.5em;
transform: rotate(-1deg);
box-shadow: 3px 5px 2px #999;
}
.faq li {
font-weight: 500;
font-size: 16px;
border: 1px solid #ccc;
padding: 5px;
border-radius: 4px;
margin-bottom: 15px;
}
.faq li.question:nth-child(even) {
background: #ddd;
}
.faq li.question {
cursor: pointer;
display: flex;
align-items: center;
}
.faq li.answer {
border: none;
display: none;
font-size: 16px;
color: #000000;
padding: 5px 10px;
font-weight: 400;
}
.faq li i {
display: inline-block;
font-size: 20px;
padding-left: 10px;
transition: 0.4s;
}
.faq li.active i {
transform: rotate(-90deg);
}
.faq li.answer.show-first {
display: list-item;
}
.news-event-box {
display: block;
width: 100%;
}
.author-news {
color: #666666;
font-size: 14px;
line-height: 1;
margin-top: 20px;
}
.sperator-author-news {
margin: 0 10px;
width: 1px;
background: #666666;
}
.title-new-event a {
font-weight: 500;
color: #333333;
margin-top: 15px;
text-align: justify;
line-height: 22px;
max-width: 90%;
height: 44px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
transition: 0.4s;
}
.title-new-event:hover a {
color: #000;
}
.excerpt-news-event {
height: 85px;
color: #666666;
font-size: 14px;
text-align: justify;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
margin-top: 12px;
}
.news-event-box img {
height: 220px;
}
.modal-copy-button {
padding: 0 15px;
}
.event-sections-title h6 {
font-size: 36px;
color: #212121;
line-height: 52px;
padding-bottom: 20px;
font-weight: 700;
text-align: center;
position: relative;
margin-bottom: 15px;
}
.event-sections-title h6:before {
position: absolute;
content: '';
left: 50%;
margin-left: -45px;
bottom: 8px;
width: 48px;
height: 1px;
background-color: #e91e63;
}
.event-sections-title h6:after {
position: absolute;
content: '';
left: 50%;
margin-left: -30px;
bottom: 2px;
width: 48px;
height: 1px;
background-color: #e91e63;
} .related-posts-wrapper {
border-top: 1px solid #c1c1c1;
}
.related-post-title a {
color: var(--grey);
}
.related-post-image img {
height: 260px;
object-fit: cover;
border-radius: 25px;
}
.related-post-title a {
color: var(--grey);
} section#not-found-section {
background: #d5dbff;
}
.not-found-wrapper {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.not-found-image img {
height: 300px;
}
.not-found-content {
text-align: center;
}
.not-found-number {
font-size: 100px;
}
.not-found-text {
font-size: 23px;
}
.not-found-back {
padding-top: 20px;
}
.go-back-button button,
.go-home-button a {
background-color: transparent !important;
color: var(--black);
border: 2px solid #3f3d56;
padding: 0 15px;
border-radius: 3px;
font-size: 14px;
cursor: pointer;
height: 33px;
line-height: 33px;
display: inline-block;
} .tabs {
position: relative;
}
.tabs ul {
display: flex;
}
.tabs ul li {
color: #777;
padding: 10px 20px;
position: relative;
transition: 0.3s ease-in-out;
cursor: pointer;
border-radius: 50px;
}
.tabs ul li.active {
color: white;
background: #41b983;
} .modal {
position: fixed;
z-index: 1000;
inset: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
max-height: 100vh;
visibility: hidden;
}
.modal.is-visible {
visibility: visible;
}
.modal-overlay {
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: hsla(0, 0%, 0%, 0.5);
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 0.3s, opacity 0.3s;
}
.modal.is-visible .modal-overlay {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.modal-content {
position: relative;
width: 40%;
max-height: 80%;
z-index: 100;
background-color: #fff;
border-radius: 10px;
box-shadow: 0px 0px 20px 3px rgb(0 0 0 / 40%);
transition: all 0.3s 0.12s;
transform: translateY(-10%);
opacity: 0;
overflow-y: scroll;
}
.modal.is-visible .modal-content {
transform: translateY(0);
opacity: 1;
}
.modal-close {
position: absolute;
top: 15px;
left: 8px;
transform: rotate(45deg);
}
.modal-share-image {
text-align: center;
margin-top: -50px;
}
.modal-share-image img {
border-radius: 10px;
}
.modal-share-details {
padding: 25px;
}
.modal-share-title {
text-align: center;
}
.modal-share-list {
text-align: center;
padding-top: 20px;
}
.modal-share-list ul li {
display: inline-block;
margin: 0 20px;
}
.share-post-icon,
.modal-close {
cursor: pointer;
}
.modal-share-link h6 {
padding: 20px 0;
font-size: 14px;
color: var(--light-blue);
}
.modal-share-copy {
font-size: 13px;
background-color: #e3e3e3;
padding: 10px;
border-radius: 5px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.copy-button {
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
}
.copy-hide {
display: none;
} .blog-navigation {
background-color: #eee;
}
.blog-navigation-inner ul li {
display: inline-block;
}
.blog-navigation-inner ul li a {
font-size: 20px;
font-weight: 600;
}
.featured-blog-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.featured-item-1 {
grid-area: 1 / 1 / 3 / 3;
}
.featured-item-2 {
grid-area: 1 / 3 / 2 / 4;
}
.featured-item-3 {
grid-area: 1 / 4 / 2 / 5;
}
.featured-item-4 {
grid-area: 2 / 3 / 3 / 4;
}
.featured-item-5 {
grid-area: 2 / 4 / 3 / 5;
}
.article-blog-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.article-item-1 {
grid-area: 1 / 1 / 3 / 3;
}
.article-item-2 {
grid-area: 1 / 3 / 2 / 4;
}
.article-item-3 {
grid-area: 1 / 4 / 2 / 5;
}
.article-item-4 {
grid-area: 2 / 3 / 3 / 4;
}
.article-item-5 {
grid-area: 2 / 4 / 3 / 5;
}
.blog-post-details {
color: var(--blog-light-grey);
}
.featured-item-title,
.article-item-title {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
padding: 20px;
font-size: 18px;
background-image: linear-gradient(to bottom, transparent, rgb(0 0 0 / 75%));
}
.featured-item-title a,
.article-item-title a {
color: #fff;
}
.latest-blog-title a {
color: var(--grey);
}
.latest-blog-summary {
max-height: 60px;
}
.latest-blog-summary p {
font-size: 13px;
}
.blog-sections-title {
border-bottom: 2px solid #dbdbdb;
}
.blog-sections-title::after {
content: '';
position: absolute;
bottom: -5px;
left: 0;
width: 70px;
height: 8px;
background-color: #bec8ff;
}
.blog-post-time {
border-right: 1px solid var(--blog-light-grey);
}
.blog-post-excerpt p {
color: var(--blog-grey);
}
.more-featured-text {
display: block;
border-bottom: 1px solid #e1e1e1;
}
.featured-text {
color: var(--light-blue);
}
.featured-item-image {
height: 100%;
}
.featured-item-image img {
height: 100%;
object-fit: cover;
}
.latest-blog-excerpt p {
max-height: 50px;
overflow: hidden;
}
.latest-blog-image img {
height: 278px;
object-fit: cover;
border-radius: 25px;
}
.blog-picked-image img {
height: 180px;
}
.interview-blog-content {
border-left: 1px solid #dbdbdb;
}
.interview-blog-item:hover .interview-item-time::before {
background-color: var(--black);
}
.interview-item-time::before {
content: '';
position: absolute;
top: 5px;
left: -28px;
width: 15px;
height: 15px;
border-radius: 50px;
background-color: #dbdbdb;
transition: all 0.3s ease;
}
.blog-signcafe-image img {
max-height: 205px;
object-fit: cover;
}
.blog-signcafe-details {
position: absolute;
bottom: 0;
left: 0;
font-size: 13px;
padding: 10px;
width: 100%;
background-image: linear-gradient(to bottom, transparent, rgb(0 0 0 / 75%));
}
.blog-signcafe-details a {
color: var(--white);
} .pagination-box {
padding: 20px 10px;
} ul.pagination li {
display: inline-block;
}
ul.pagination li a,
ul.pagination li span {
font-size: 12px;
font-weight: bold;
color: var(--black);
border-radius: 100px;
width: 30px;
height: 30px;
display: inline-block;
text-align: center;
line-height: 31px;
}
ul.pagination li a.current,
ul.pagination li span.current {
color: var(--white);
background-color: var(--black);
}
ul.pagination li a:hover {
background-color: #ffffff;
} .page-content-wrapper {
min-height: calc(100vh - 524px);
}
.page-wrapper {
height: 100vh;
max-height: 100vh;
overflow: hidden;
}
.page-image {
height: 100%;
border-right: 2px solid #999999;
}
.page-image img {
height: 80%;
}
.page-right-box {
background-color: #cfd9dc;
overflow-y: scroll;
}
.page-right-box::-webkit-scrollbar {
width: 0;
}
.page-text {
text-align: justify;
}
.contact-us-text,
.contact-email,
.contact-phone,
.page-social-media {
text-align: center;
}
.contact-email {
padding-top: 15px;
}
.contact-phone {
padding: 10px 0;
}
.contact-email,
.contact-phone {
font-size: 16px;
font-weight: 500;
color: var(--black);
}
.contact-email a {
color: var(--black);
}
.page-social-media ul li {
display: inline-block;
margin: 0 5px;
} .fund-logo {
object-fit: contain;
}
ul.commentlist li {
margin-bottom: 20px;
}
ul.commentlist li ul.children {
padding-left: 50px;
margin-top: 20px;
}
.comment-avatar {
padding-right: 20px;
}
.comment-avatar img {
border-radius: 70px;
}
.comment-like path {
stroke: var(--black);
}
.comment-auther-name,
.comment-text,
.comment-time,
.comment-like-number {
padding-right: 10px;
}
.comment-info {
padding: 5px 0;
}
.comment-view-replies {
padding-left: 70px;
}
.comment-view-replies::before {
content: '';
position: absolute;
width: 50px;
height: 1px;
background-color: var(--black);
top: 9px;
left: 0;
}
form.comment-form {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
position: relative;
}
input.comment-body,
input.commenter-name,
input.commenter-email {
background-color: transparent;
border: 1px solid #c1c1c1;
border-radius: 3px;
padding: 10px;
}
.commenter-name-box {
flex: 0 0 50%;
padding: 0 5px 5px 0;
}
.commenter-email-box {
flex: 0 0 50%;
padding: 0 0 5px 5px;
}
.commenter-body-box {
flex: 0 0 100%;
padding-top: 5px;
}
p.form-submit {
position: absolute;
bottom: 0;
right: 0;
height: 37px;
line-height: 37px;
padding: 0 15px;
cursor: pointer;
}
p.form-submit input.submit {
background-color: transparent;
cursor: pointer;
border: none;
padding: 0;
}
h3#reply-title {
font-size: 16px;
font-weight: 400;
padding-top: 15px;
}
a.comment-reply-link {
color: var(--light-blue);
}
a#cancel-comment-reply-link {
color: var(--light-blue);
padding-left: 10px;
}
.single-content-text {
text-align: justify;
} #investorspie text.highcharts-credits {
display: none;
}
.investors-pie-chart {
background-image: url(//www.100startups.ir/wp-content/themes/100startups/assets/images/bgpt1.svg);
background-position: 112% 50px;
background-repeat: no-repeat;
background-size: 377px;
}
.investors-pie-wrapper {
background-image: url(//www.100startups.ir/wp-content/themes/100startups/assets/images/bgpt2.svg);
background-position: -200px 200px;
background-repeat: no-repeat;
background-size: 377px;
}
.box-avatar-event.investors-avatar {
height: 140px;
background-color: #d1d1d1;
border-radius: 3px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
} .about-seeds-inner {
height: 500px;
}
.about-seeds-text {
display: inherit;
flex: 1;
justify-content: center;
align-items: center;
background-color: #21295c;
}
.seeds-text-wrapper {
display: inherit;
flex-direction: column;
width: calc(55%);
}
.invest-now-text {
background-color: #27aae1;
padding: 2px 5px;
border-radius: 5px 5px 5px 5px;
}
.about-seeds-background {
flex: 1;
background-image: url(//www.100startups.ir/wp-content/themes/100startups/assets/images/grow.jpg);
background-position: top;
background-repeat: no-repeat;
background-size: cover;
}
.about-seeds-shape {
position: absolute;
left: -153px;
top: 0;
height: 100%;
border-style: solid;
border-width: 31.25rem 0px 0px 9.6rem;
border-color: transparent transparent transparent rgb(33, 41, 92);
transform: rotateY(180deg);
}
.seeds-statistics-wrapper {
background-color: #f4f6f8;
}
.seeds-statistics-inner {
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 0;
}
.seeds-statistics-icon {
border-radius: 70px;
}
.seeds-item-box {
border: 1px solid #dfe3e8;
border-radius: 3px;
}
.follow-button {
background-color: #ffffff;
border: 1px solid #b7b7b7;
border-radius: 5px;
position: absolute;
top: 10px;
right: 10px;
padding: 3px 7px;
}
.follow-button.no-position {
position: initial;
top: initial;
right: initial;
bottom: initial;
left: initial;
}
.seed-small-logo {
top: 100%;
left: 4.5%;
z-index: 10;
margin-top: -2.5rem;
border: 1px solid #dfe3e8;
border-radius: 3px;
}
.seed-small-logo img {
width: 80px;
height: 80px;
object-fit: cover;
}
.seed-labels-wrapper {
padding-top: 30px;
display: flex;
align-items: center;
}
.seed-label {
font-size: 13px;
background-color: #27aae1;
padding: 2px 10px;
border-radius: 70px;
margin-left: 5px;
}
.seed-info {
border-top: 1px solid #dfe3e8;
}
.seed-info-wrapper {
display: flex;
align-items: center;
}
.seed-info-first,
.seed-info-second {
border-left: 1px solid #dfe3e8;
} section#seed-background {
background-color: #189ea7; height: 320px; display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 25px;
grid-row-gap: 0px;
}
.seed-intro-logo {
position: absolute;
right: 0;
top: -40px;
}
.seed-intro-logo img {
width: 100px;
height: 100px;
object-fit: cover;
border: 1px solid #a3a3a3;
border-radius: 3px;
}
.seed-intro-name {
padding: 15px 120px 0 0;
}
.seed-progress-background {
background-color: #dfe3e9;
border-radius: 3px;
z-index: 1;
}
.seed-progress-text {
color: #222f39;
}
.seed-progress-overlay {
position: absolute;
width: 70%;
height: 100%;
background-color: #8cc542;
border-radius: 3px;
top: 0;
right: 0;
z-index: -1;
}
ul.seed-details-list li {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 10px;
}
ul.seed-details-list li>div:first-of-type {
flex-basis: 25%;
}
ul.seed-details-list li>div:first-of-type span {
color: #7a8288;
}
ul.seed-details-list li>div:last-of-type {
flex-grow: 1;
}
ul.seed-details-list li .details-list-sector span {
background: #ededed;
font-size: 14px;
padding: 2px 5px;
border-radius: 3px;
margin-left: 10px;
}
.seed-highlights-box {
background-color: #dfe3e9;
padding: 20px 35px;
border-radius: 3px;
}
ul.highlights-list {
list-style: disc;
}
ul.highlights-list li {
display: list-item;
font-size: 15px;
font-weight: 500;
}
ul.highlights-list li:not(:first-child) {
padding-top: 10px;
} .tab-buttons-item {
border-bottom: 2px solid transparent;
}
.tab-buttons-item.active {
border-color: #dfe3e9;
} .team-member-avatar,
.investors-member-avatar,
.discusion-avatar,
.discusion-comment-avatar {
padding: 2px;
border: 1px solid #dfe3e9;
border-radius: 100px;
}
.team-member-avatar img,
.investors-member-avatar img {
width: 80px;
height: 80px;
border-radius: 100px;
}
.discusion-avatar img,
.discusion-comment-avatar img {
width: 50px;
height: 50px;
object-fit: cover;
border-radius: 100px;
}
.discusion-comment-box {
border: 1px solid #dfe3e9;
border-radius: 3px;
}
.create-discusion {
border-top: 1px solid #dfe3e9;
}
.drawer-toggler-heading,
.drawer-toggler-heading,
.drawer-toggler-heading {
padding: 10px;
line-height: 1.2;
}
.drawer-content-box {
max-height: 0;
overflow: hidden;
transition: all 0.4s ease;
}
.drawer-content-box.is-visible {
max-height: 200vh;
} .footer-logo-image img {
width: 150px;
}
.footer-about {
padding: 0 130px;
background-color: #fff;
}
.footer-about-text {
color: var(--dark-purple);
}
.footer-email {
color: var(--green);
}
.footer-phone {
color: var(--dark-purple);
}
.footer-newsletter {
background-color: #fff;
}
.newsletter-wrapper {
background-color: var(--white);
box-shadow: 0px 0px 20px 15px #e9e9e9;
border-radius: 30px 30px 0 0;
}
.newsletter-left-half {
color: var(--dark-purple);
}
.newsletter-right-half {
color: var(--green);
}
.newsletter-label {
color: var(--dark-purple);
}
.newsletter-input {
padding: 5px 10px;
}
.footer-location-map::before {
content: '';
width: 15%;
height: 100%;
z-index: 999;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(90deg, rgb(255 255 255 / 99%) 50%, rgba(250, 249, 254, 0) 100%);
}
.footer-location-map iframe {
width: 100%;
border: none !important;
}
.footer-location-map iframe .gmnoprint,
.footer-location-map .gmnoscreen,
.footer-location-map .gm-style-cc {
display: none;
}
.nemad {
padding: 10px;
border-radius: 25px;
border: 1px solid #e0e0e2;
}
.loader {
background-image: url(//www.100startups.ir/wp-content/themes/100startups/assets/images/loading.gif);
width: 25px;
height: 25px;
background-size: contain;
position: absolute;
left: 10px;
top: 50%;
transform: translate(0, -50%);
display: none;
}
.loader-btn {
display: none;
width: 18px;
height: 18px;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
border-top-color: #fff;
margin-left: 10px;
animation: spin 1s 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(360deg);
}
}
#scroll-to-top {
position: fixed;
bottom: 110px;
right: 36px;
width: 40px;
height: 40px;
background-color: var(--dark-purple);
border-radius: 100px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease;
z-index: 100;
}
#scroll-to-top.visible {
opacity: 1;
visibility: visible;
}
.grid4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
#content-sign-cafe {
height: 600px ;
}
.sec-head h2 {
margin: 0 0 8px;
font-size: 28px;
color: #0b1220;
}
.sec-head p {
margin: 0 0 24px;
color: #475569
}
.h-marquees {
display: grid;
grid-template-rows: auto auto;
gap: 20px;
width: 100%;
opacity: 0;  padding: 0px 70px;
}
.h-marquees.show {
opacity: 1;
transform: translateX(0);
}
.h-row {
position: relative;
overflow: hidden;
-webkit-mask-image: linear-gradient(to left, transparent 0, black 60px, black calc(100% - 60px), transparent 100%);
mask-image: linear-gradient(to left, transparent 0, black 60px, black calc(100% - 60px), transparent 100%);
padding-block: 10px;
}
.h-track {
display: flex;
gap: 16px;
width: fit-content;
}
.h-row.left .h-track {
animation: moveLeft 150s linear infinite;
}
.h-row.right .h-track {
animation: moveRight 150s linear infinite;
}
.h-row:hover .h-track {
animation-play-state: paused;
cursor: pointer;
}
@keyframes moveLeft {
0% {
transform: translateX(0);
}
100% {
transform: translateX(50%);
}
}
@keyframes moveRight {
0% {
transform: translateX(50%);
}
100% {
transform: translateX(0);
}
}
.card-funder {
position: relative;
overflow: hidden;
padding: 16px;
border-radius: 16px;
background: linear-gradient(#fff, #fff) padding-box,
linear-gradient(135deg, #1CCECC, #a7cacc, #AFD67B, #c0d3a6) border-box;
border: 2px solid transparent;
transition: transform .25s ease, box-shadow .25s ease;
direction: rtl;
min-width: 450px;
flex: 0 0 450px
}
.card-funder .orn {
position: absolute;
left: 0;
top: -70px;
width: 150px;
height: 380px !important;
background-repeat: no-repeat;
background-size: 100% 100%;
opacity: .9;
pointer-events: none;
z-index: 0;
-webkit-mask-image: linear-gradient(to right, black 80px, transparent 140px);
mask-image: linear-gradient(to right, black 80px, transparent 140px);
}
.card-funder .orn svg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
}
.card-funder>*:not(.orn) {
position: relative;
z-index: 1;
} .funder-row {
display: flex;
align-items: center;
gap: 30px;
margin-block-end: 10px;
margin-right: 10px;
}
.funder-logo {
inline-size: 30px;
block-size: 30px;
border-radius: 50%;
overflow: hidden;
border: 1px solid #e2e8f0;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.funder-logo img {
inline-size: 100%;
block-size: 100%;
object-fit: cover
}
.funder-name {
margin: 0;
font-size: 18px;
font-weight: 800;
color: #0b1220;
letter-spacing: .2px
}
.funder-sub {
margin: 2px 0 0;
font-size: 12.5px;
color: #475569
}
.funder-cont {
display: flex;
flex-direction: column;
gap: 5px;
}
.person-row {
display: flex;
align-items: center;
gap: 12px;
margin-block-end: 12px;
}
.person-photo {
inline-size: 56px;
block-size: 56px;
border-radius: 12px;
overflow: hidden;
flex: 0 0 56px;
border: 1px solid #e2e8f0;
background: #f8fafc;
display: flex;
align-items: center;
justify-content: center;
}
.person-photo img {
inline-size: 100%;
block-size: 100%;
object-fit: cover
}
.person-meta {
display: flex;
flex-direction: column;
gap: 5px;
}
.person-name {
margin: 0;
font-size: 18px;
font-weight: 700;
color: #0b1220
}
.person-sub {
margin: 2px 0 0;
font-size: 12.5px;
color: #475569
}
.divider {
height: 1px;
background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15), rgba(0, 0, 0, .3), rgba(0, 0, 0, .15), rgba(0, 0, 0, 0));
margin: 10px 0 12px;
}
.info-grid-funder {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.info-funder {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 12px;
border-radius: 14px;
background: rgba #ffffffd9 (255, 255, 255, .85); min-width: 0;
}
.info-funder .icon-funder {
inline-size: 34px;
block-size: 34px;
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #f1f5f9, #ffffff);
border: 1px solid #e5eaf1;
flex: 0 0 34px;
}
.info-funder .icon-funder svg {
inline-size: 18px;
block-size: 18px;
display: block;
opacity: .9;
}
.info-funder .textd {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
line-height: 1.6;
gap: 5px;
}
.info-funder .label-funder {
font-size: 11.5px;
color: #64748b;
font-weight: 600;
white-space: normal;
overflow-wrap: anywhere;
}
.info-funder .value-funder {
font-size: 13px;
color: #0f172a;
font-weight: 800;
letter-spacing: .2px;
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
}
@media (max-width: 991px) {
.card-funder {
width: 300px;
}
}
@media (max-width: 480px) {
.card-funder {
width: 260px;
}
.card-funder .orn-svg {
width: 86px;
}
.cards-banner-fund {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
gap: 14px;
}
} .content-box {
position: relative; }
.content {
position: absolute;
top: 0;
transform: translateY(0);
left: 0;
width: 100%;
height: 50%;
opacity: 0;
transition: opacity 1s ease-in-out;
padding: 15px;
overflow: hidden;
box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .1);
background: linear-gradient(252deg, rgb(175 214 126 / 8%) 0%, rgb(130 204 228 / 8%) 100%);
border-radius: 100px;
}
.content:nth-child(2n+1) {
transform: translateY(0);
}
.content:nth-child(2n) {
transform: translateY(100%);
margin-top: 16px;
}
.content.active {
opacity: 1;
}
.dots-container {
display: flex;
justify-content: center;
align-items: center;
}
.dot {
width: 6px;
height: 6px;
background-color: #bbbbbb87;
border-radius: 50%;
margin: 0 5px;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 30px;
}
.dot.active {
background-color: #82cce4;
}
.colorp {
color: #5f6368;
}
.banner-fund {
width: min(1200px, 95%);
background: linear-gradient(135deg, #fefefe, #e9fcff);
border-radius: 24px;
padding: 36px 24px;
box-shadow: 0 8px 24px rgba(0, 0, 0, .05);
text-align: center;
position: relative;
overflow: hidden;
margin: 60px auto;
}
.banner-fund::before {
content: "";
position: absolute;
inset: -100px auto auto -100px;
width: 300px;
height: 300px;
border-radius: 50%;
background: radial-gradient(circle, rgba(30, 202, 157, .12), transparent 70%);
filter: blur(12px);
}
.banner-fund::after {
content: "";
position: absolute;
inset: auto -120px -120px auto;
width: 280px;
height: 280px;
border-radius: 50%;
background: radial-gradient(circle, rgba(42, 174, 224, .12), transparent 70%);
filter: blur(12px);
}
.banner-fund h2 {
font-size: 21px;
font-weight: 800;
margin: 0 0 22px;
color: #1f2937
}
.title-accent-fund {
width: 56px;
height: 3px;
background: #1eca9d;
border-radius: 999px;
margin: 8px auto 22px;
opacity: .9
}
.cards-banner-fund {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 14px;
}
.card-banner-fund {
display: flex;
align-items: center;
gap: 12px;
background: rgba(255, 255, 255, .55);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(0, 0, 0, .05);
border-radius: 14px;
padding: 14px;
text-align: right;
box-shadow: 0 4px 14px rgba(0, 0, 0, .04);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.icon-banner-fund {
width: 40px;
height: 40px;
flex-shrink: 0;
display: grid;
place-items: center;
border-radius: 10px;
background: rgba(30, 202, 157, .06);
border: 1px solid rgba(30, 202, 157, .20);
}
.icon-banner-fund svg {
width: 20px;
height: 20px;
stroke: #0f172a;
fill: none;
stroke-width: 1.6
}
.text-banner-fund {
display: flex;
flex-direction: column;
gap: 4px
}
.label-banner-fund {
font-size: 13px;
color: #64748b;
}
.value-banner-fund {
font-size: 20px;
font-weight: 800;
color: #0f172a;
white-space: nowrap
}
.reveal {
opacity: 0;
transform: translateY(40px)
}
.reveal.in-view {
opacity: 1;
transform: none;
transition: opacity .6s ease, transform .6s ease
}
.cards-banner-fund .card-banner-fund.reveal.in-view:nth-child(1) {
transition-delay: .15s
}
.cards-banner-fund .card-banner-fund.reveal.in-view:nth-child(2) {
transition-delay: .30s
}
.cards-banner-fund .card-banner-fund.reveal.in-view:nth-child(3) {
transition-delay: .45s
}
.cards-banner-fund .card-banner-fund.reveal.in-view:nth-child(4) {
transition-delay: .60s
}
.value-banner-fund .unit-banner-fund {
margin-right: 6px;
color: #64748b;
font-weight: 400;
}
.fund-benefits {
margin-top: 80px;
padding: 0;
list-style: none;
font-size: 14px;
line-height: 1.5;
}
.fund-benefits li {
position: relative;
padding-right: 28px;
margin-bottom: 10px;
color: #5f6368;
font-weight: 500;
}
.fund-benefits li::before {
content: "✔";
position: absolute;
right: 0;
top: 0;
color: #01d466;
font-size: 16px;
font-weight: bold;
}
.card-funder{
width: 450px;
min-width: 450px;
flex: 0 0 450px;
} @media screen and (min-width: 1400px){
#content-sign-cafe{ height: auto; margin-bottom: 100px; }
.banner-fund{
width: min(1280px, 95%);
padding: 40px 28px;
border-radius: 26px;
}
.cards-banner-fund{
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
}
.sec-head h2{ font-size: 30px; }
.sec-head p{ font-size: 15px; }
.card-funder{
width: 480px;
min-width: 480px;
flex: 0 0 480px;
border-radius: 18px;
padding: 18px;
}
.h-row{
-webkit-mask-image: linear-gradient(to left, transparent 0, black 90px, black calc(100% - 90px), transparent 100%);
mask-image: linear-gradient(to left, transparent 0, black 90px, black calc(100% - 90px), transparent 100%);
}
} @media (min-width: 1200px) and (max-width: 1399px){
.banner-fund{
width: min(1200px, 95%);
padding: 36px 24px;
}
.cards-banner-fund{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.card-funder{
width: 450px;
min-width: 450px;
flex: 0 0 450px;
}
.sec-head h2{ font-size: 28px; }
} @media (min-width: 1025px) and (max-width: 1199px){
.banner-fund{
width: min(1100px, 95%);
padding: 32px 20px;
border-radius: 22px;
}
.cards-banner-fund{
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
.card-funder{
width: 410px;
min-width: 410px;
flex: 0 0 410px;
padding: 14px;
}
.funder-name, .person-name{ font-size: 17px; }
.h-track{ gap: 14px; }
} @media (min-width: 992px) and (max-width: 1024px){
#content-sign-cafe{ height: auto; }
.banner-fund{
width: min(980px, 95%);
padding: 30px 18px;
}
.cards-banner-fund{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.card-funder{
width: 380px;
min-width: 380px;
flex: 0 0 380px;
padding: 14px;
}
.h-row{
-webkit-mask-image: linear-gradient(to left, transparent 0, black 55px, black calc(100% - 55px), transparent 100%);
mask-image: linear-gradient(to left, transparent 0, black 55px, black calc(100% - 55px), transparent 100%);
}
.value-banner-fund{ font-size: 18px; }
} @media (min-width: 768px) and (max-width: 991px){
#content-sign-cafe{ height: auto; }
.banner-fund{
width: 95%;
padding: 28px 16px;
margin: 40px auto;
border-radius: 20px;
}
.cards-banner-fund{
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.sec-head h2{ font-size: 24px; }
.sec-head p{ font-size: 13.5px; }
.card-funder{
width: 320px;
min-width: 320px;
flex: 0 0 320px;
border-radius: 16px;
padding: 12px;
}
.funder-row{ gap: 18px; margin-right: 6px; }
.person-photo{ inline-size: 52px; block-size: 52px; flex: 0 0 52px; }
.funder-name, .person-name{ font-size: 16px; }
.info-grid-funder{
grid-template-columns: 1fr;
}
.h-row{
padding-block: 8px;
-webkit-mask-image: linear-gradient(to left, transparent 0, black 40px, black calc(100% - 40px), transparent 100%);
mask-image: linear-gradient(to left, transparent 0, black 40px, black calc(100% - 40px), transparent 100%);
}
.h-row.left .h-track,
.h-row.right .h-track{
animation-duration: 120s;
}
} @media (max-width: 767px){
.banner-fund{
width: 94%;
padding: 22px 14px;
margin: 30px auto;
border-radius: 18px;
}
.banner-fund h2{ font-size: 18px; margin-bottom: 16px; }
.title-accent-fund{ margin: 6px auto 16px; }
.cards-banner-fund{
grid-template-columns: 1fr;
gap: 10px;
}
.card-banner-fund{
padding: 12px;
gap: 10px;
}
.value-banner-fund{ font-size: 18px; white-space: normal; }
.sec-head h2{ font-size: 22px; }
.sec-head p{ font-size: 13px; margin-bottom: 18px; }
.h-marquees{ gap: 14px; }
.card-funder{
width: 280px;
min-width: 280px;
flex: 0 0 280px;
padding: 12px;
}
.card-funder .orn{
width: 120px;
top: -60px;
height: 320px !important;
}
.ord3{
order: 1;
}
.funder-name, .person-name{ font-size: 15px; }
.funder-sub, .person-sub{ font-size: 12px; }
.info-grid-funder{ grid-template-columns: 1fr; }
.info-funder{ padding: 10px; border-radius: 12px; }
.info-funder .icon-funder{ inline-size: 32px; block-size: 32px; flex: 0 0 32px; }
} @media only screen and (max-width: 480px){
.card-funder{
width: 260px;
min-width: 260px;
flex: 0 0 260px;
}
.person-photo{
inline-size: 48px;
block-size: 48px;
flex: 0 0 48px;
border-radius: 10px;
}
.funder-logo{
inline-size: 28px;
block-size: 28px;
}
.h-track{ gap: 12px; }
.h-row.left .h-track,
.h-row.right .h-track{
animation-duration: 110s;
}
.fund-benefits{
margin-top: 40px;
font-size: 13px;
}
.dot{ margin-top: 20px; }
} #content-event .event-wrapper{
align-items: center !important; 
}
#content-event .event-images-box{
display:flex;
justify-content:center;
}
.event-card-wrapper{
display:flex;
flex-direction:column;
align-items:center;
width:100%;
}
.event-card-hero{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
}
.event-card-cards{
position: relative;
width: 330px;
height: 470px;
perspective: 1000px;
direction: rtl;
}
.event-card-cards-content{
position:absolute;
inset:0;
transform-style:preserve-3d;
transform-origin:center !important;
transition: transform 1s cubic-bezier(.77,0,.175,1);
}
.event-card-item{
position:absolute;
inset:0;
display:grid;
grid-template-rows:50% 1fr;
border-radius:14px;
overflow:hidden;
background:#fff;
box-shadow:0 8px 25px rgba(0,0,0,.12);
transform-style:preserve-3d;
}
.event-card-link{ display:block; height:100%; }
.event-card-img{
width:100%;
height:100%; 
object-fit:cover;
display:block;
transition: transform .8s cubic-bezier(.2,.8,.2,1);
}
.event-card-item:hover .event-card-img{ transform: scale(1.04); }
.event-card-info{
padding:8px;
margin:6px 8px 10px;
display:flex;
flex-direction:column;
gap:6px;
overflow:hidden;
}
.event-card-row{
display:flex;
align-items:center;
gap:8px;
padding:8px 6px;
background:#fff;
border:1px solid #e9e9e9;
border-radius:10px;
box-shadow:0 1px 0 rgba(0,0,0,.03);
}
.event-card-ico{
width:26px;
height:26px;
flex:0 0 26px;
display:grid;
place-items:center;
background:#f8fafc;
border:1px solid #e5e7eb;
border-radius:8px;
}
.event-card-ico svg{ width:15px; height:15px; opacity:.9; }
.event-card-title{
margin:0;
font-weight:800;
font-size:15px;
line-height:1.4;
letter-spacing:.1px;
}
.event-card-muted{
color:#666;
font-size:12.5px;
line-height:1.5;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.event-card-item:hover{ box-shadow:0 14px 40px rgba(0,0,0,.16); }
.event-card-dots{
position: relative;
display:flex;
justify-content:center;
gap:10px;
margin-top: 45px; 
z-index: 10;
margin-bottom: 40px;
}
.event-card-dot{
width:8px;
height:8px;
border-radius:50%;
background:#ccc;
cursor:pointer;
transition: transform .3s, background .3s;
}
.event-card-dot.is-active{
background:#01d466;
transform:scale(1.2);
}
.event-card-side{
opacity:0;
transform: translateY(18px);
transition: opacity .9s cubic-bezier(.2,.8,.2,1),
transform .9s cubic-bezier(.2,.8,.2,1);
will-change: transform, opacity;
}
.event-card-side.is-inview{ opacity:1; transform: translateY(0); }
.event-card-side.is-inview h2::after{ opacity:1; transform: scaleX(1); }
.event-card-side .event-side-desc{
opacity:0;
transform: translateY(12px);
transition: opacity .9s cubic-bezier(.2,.8,.2,1),
transform .9s cubic-bezier(.2,.8,.2,1);
transition-delay:.12s;
}
.event-card-side.is-inview .event-side-desc{ opacity:1; transform: translateY(0); }
.event-card-side a{
opacity:0;
transform: translateY(10px);
transition: opacity .9s cubic-bezier(.2,.8,.2,1),
transform .9s cubic-bezier(.2,.8,.2,1);
transition-delay:.22s;
}
.event-card-side.is-inview a{ opacity:1; transform: translateY(0); }
.event-card-anim{
opacity:0;
transform: translateY(24px) scale(.98);
filter: blur(6px);
transition: opacity 1.05s cubic-bezier(.2,.8,.2,1),
transform 1.05s cubic-bezier(.2,.8,.2,1),
filter 1.05s cubic-bezier(.2,.8,.2,1);
will-change: transform, opacity, filter;
}
.event-card-anim.is-inview{
opacity:1; filter: blur(0);
}
.mob-card{
padding: 1px;
}
.event-card-anim .event-card-item{
opacity:0;
transition: opacity .9s cubic-bezier(.2,.8,.2,1);
}
.event-card-anim.is-inview .event-card-item{ opacity:1; }
.event-card-anim.is-inview .event-card-item:nth-child(1){ transition-delay:.05s; }
.event-card-anim.is-inview .event-card-item:nth-child(2){ transition-delay:.18s; }
.event-card-anim.is-inview .event-card-item:nth-child(3){ transition-delay:.31s; } :root{
--ink:#0f172a;
--g:#68c65c;
--b:#2bb0ed;
--radius:22px;
--shadow: 0 26px 86px rgba(2,6,23,.16);
--shadow-soft: 0 14px 44px rgba(2,6,23,.11);
--node-bg: rgba(255,255,255,.88);
--node-line: rgba(15,23,42,.08);
} .lb-stage{
position:relative;
height:min(640px,78vh);
overflow:hidden;
isolation:isolate;
opacity:0;
transform:translateY(14px) scale(.99);
filter:blur(10px);
}
.lb-stage::before{
content:"";
position:absolute;
inset:-140px;
background:
radial-gradient(14px 14px at 18% 24%, rgba(43,176,237,.11), transparent 62%),
radial-gradient(16px 16px at 82% 22%, rgba(104,198,92,.11), transparent 62%),
radial-gradient(18px 18px at 76% 78%, rgba(43,176,237,.08), transparent 66%),
radial-gradient(14px 14px at 26% 76%, rgba(104,198,92,.08), transparent 66%);
opacity:.70;
pointer-events:none;
} .lb-featured{
position:absolute;
inset:50% auto auto 50%;
transform:translate(-50%,-50%);
width:min(630px,82%);
height:min(420px,68%);
border-radius: calc(var(--radius) + 12px);
overflow:hidden;
text-decoration:none;
color:#fff;
z-index:3;
background:#0b1220;
border:1px solid rgba(15,23,42,.08);
box-shadow: var(--shadow);
transition: transform .25s ease, box-shadow .25s ease;
}
.lb-featured::before{
content:"";
position:absolute; inset:0;
border-radius:inherit;
pointer-events:none;
padding:1px;
background: linear-gradient(135deg, rgba(104,198,92,.75), rgba(43,176,237,.75));
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity:.42;
}
.lb-featured:hover{ transform:translate(-50%,-50%) scale(1.012); box-shadow:0 34px 110px rgba(2,6,23,.18); }
.lb-featured__media{ position:relative; width:100%; height:100%; }
.lb-featured__bg{ position:absolute; inset:0; transform:scale(1.06); will-change:opacity, transform, filter; }
.lb-bg-a{ opacity:1; }
.lb-bg-b{ opacity:0; transform:scale(1.16); }
.lb-featured__glow{
position:absolute; inset:-60px;
background:
radial-gradient(560px 360px at 22% 30%, rgba(104,198,92,.20), transparent 64%),
radial-gradient(560px 360px at 82% 66%, rgba(43,176,237,.18), transparent 64%);
opacity:.55;
mix-blend-mode: screen;
pointer-events:none;
}
.lb-featured__overlay{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(2,6,23,.02), rgba(2,6,23,.90)); pointer-events:none; }
.lb-featured__grain{
position:absolute; inset:0;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.10'/%3E%3C/svg%3E");
mix-blend-mode: overlay;
opacity:.22;
pointer-events:none;
}
.lb-featured__content{
position:absolute; inset:0;
display:flex; flex-direction:column; justify-content:flex-end;
gap:10px;
padding:clamp(18px,2.6vw,30px);
}
.lb-featured__title{ margin:0; font-size:clamp(18px,2.1vw,26px); line-height:1.55; font-weight:1000; letter-spacing:-.25px; text-shadow:0 14px 44px rgba(2,6,23,.45); }
.lb-featured__desc{ margin:0; max-width:62ch; font-size:13px; line-height:2.0; color:rgba(255,255,255,.86); }
.lb-cta{ margin-top:6px; width:fit-content; font-weight:1000; font-size:13px; color:rgba(255,255,255,.92); position:relative; padding-bottom:7px; }
.lb-cta::after{
content:""; position:absolute; right:0; bottom:0;
width:100%; height:2px;
background:linear-gradient(90deg, rgba(104,198,92,.95), rgba(43,176,237,.92), rgba(0,0,0,0));
opacity:.80;
} .lb-node{
position:absolute;
width:min(320px,54vw);
border-radius:18px;
text-decoration:none;
color:var(--ink);
z-index:2;
background: var(--node-bg);
border:1px solid rgba(15,23,42,.07);
box-shadow: var(--shadow-soft);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
display:flex;
gap:12px;
align-items:flex-start;
padding:14px;
transform:
translate3d(var(--x,0px), var(--y,0px), 0)
rotate(var(--r, 0deg))
scale(var(--s, 1));
transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
} .lb-node::before{
content:"";
position:absolute; inset:0;
border-radius:inherit;
pointer-events:none;
padding:1px;
background: linear-gradient(90deg,
rgba(104,198,92,.52),
rgba(43,176,237,.52)
);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity:1;
} .lb-node::after{
content:"";
position:absolute; inset:-40px;
pointer-events:none;
opacity:.55;
filter: blur(6px);
}
.lb-node__thumb{
width:62px;
height:62px;
border-radius:18px;
flex:0 0 auto;
background-size:cover;
background-position:center;
border:1px solid rgba(15,23,42,.07);
position:relative;
overflow:hidden;
}
.lb-node__thumb::after{
content:"";
position:absolute; inset:0;
opacity:.9;
pointer-events:none;
}
.lb-node__body{ position:relative; z-index:1; min-width:0; display:flex; flex-direction:column; gap:8px; padding-top:2px; }
.lb-node__title{
margin:0;
font-size:14px;
line-height:1.85;
font-weight:1000;
letter-spacing:-.12px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
overflow:hidden;
}
.lb-node__desc{
margin:0;
font-size:12.3px;
line-height:2.0;
color: rgba(15,23,42,.60);
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
overflow:hidden;
min-height: calc(12.3px * 2.0 * 2);
}
.lb-node:hover{
--s:1.03;
border-color: rgba(43,176,237,.16);
}
.lb-node.is-source{
border:1px solid transparent;
background:
rgba(255,255,255,.92) padding-box,
linear-gradient(135deg, rgba(104,198,92,.95), rgba(43,176,237,.95)) border-box;
box-shadow: 0 30px 110px rgba(2,6,23,.16);
}
.lb-node.is-source::before{ opacity:0; }
.lb-node.is-source::after{ opacity:.72; } .living-blog.is-in .lb-stage{ animation: lbStageIn .85s cubic-bezier(.2,.9,.2,1) .06s forwards; }
.living-blog.is-in .lb-node{
opacity:0;
filter:blur(10px);
transform: translate3d(var(--x,0px), calc(var(--y,0px) + 16px), 0) rotate(var(--r, 0deg)) scale(.98);
animation: lbNodeIn .8s cubic-bezier(.2,.9,.2,1) var(--d, .18s) both;
}
.living-blog.is-in .lb-featured{ animation: lbFeaturedIn .8s cubic-bezier(.2,.9,.2,1) .12s both; }
.living-blog.is-in .lb-featured__content{ animation: lbTextIn .8s cubic-bezier(.2,.9,.2,1) .18s both; }
@keyframes lbStageIn{ to{ opacity:1; transform:translateY(0) scale(1); filter:blur(0);} }
@keyframes lbFeaturedIn{
0%{ transform:translate(-50%,-50%) scale(.97); opacity:0; filter:blur(10px); }
100%{ transform:translate(-50%,-50%) scale(1); opacity:1; filter:blur(0); }
}
@keyframes lbTextIn{ from{ opacity:0; transform:translateY(10px);} to{ opacity:1; transform:translateY(0);} }
@keyframes lbNodeIn{
to{
opacity:1;
filter:blur(0);
transform: translate3d(var(--x,0px), var(--y,0px), 0) rotate(var(--r,0deg)) scale(var(--s,1));
}
} .lb-featured.is-swapping #lbFeaturedContent{ animation: lbSwapText .68s cubic-bezier(.2,.9,.2,1); }
.lb-featured.is-swapping .lb-bg-a{ animation: lbBgOut .68s cubic-bezier(.2,.9,.2,1); }
.lb-featured.is-swapping .lb-bg-b{ animation: lbBgIn .68s cubic-bezier(.2,.9,.2,1); }
@keyframes lbSwapText{
0%{ opacity:1; transform:translateY(0); filter:blur(0); }
35%{ opacity:0; transform:translateY(10px); filter:blur(6px); }
65%{ opacity:0; transform:translateY(-8px); filter:blur(8px); }
100%{ opacity:1; transform:translateY(0); filter:blur(0); }
}
@keyframes lbBgOut{ 0%{ opacity:1; transform:scale(1.06);} 100%{ opacity:0; transform:scale(1.14);} }
@keyframes lbBgIn{ 0%{ opacity:0; transform:scale(1.18);} 100%{ opacity:1; transform:scale(1.08);} } @media (max-width: 820px){
.lb-stage{ opacity:1; transform:none; filter:none; height:auto; padding:16px; }
.lb-featured{ position:relative; inset:auto; transform:none; width:100%; height:auto; }
.lb-featured__media{ height:320px; }
.lb-node{ position:relative; width:100%; margin-top:12px; transform:none !important; }
}
@media (prefers-reduced-motion: reduce){
.lb-node, .lb-featured{ transition:none !important; }
.living-blog.is-in .lb-stage,
.living-blog.is-in .lb-node,
.living-blog.is-in .lb-featured{ animation:none !important; }
.lb-featured.is-swapping #lbFeaturedContent,
.lb-featured.is-swapping .lb-bg-a,
.lb-featured.is-swapping .lb-bg-b{ animation:none !important; }
.lb-stage{ opacity:1 !important; transform:none !important; filter:none !important; }
.lb-node{ opacity:1 !important; filter:none !important; }
}  .footer-meta {
border-top: 1px solid #e5e7eb;
padding: 10px 0px;
display: flex;
gap: 16px;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.footer-meta-right {
display: flex;
gap: 14px;
align-items: center;
flex-wrap: wrap;
font-size: 12px;
color: #6b7280;
}
.footer-chip {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 12px;
color: #6b7280;
}
.footer-meta a {
font-size: 12px;
color: #6b7280;
}
.footer-copy {
font-size: 12px;
color: #6b7280;
}
.footer-lang {
border: 1px solid #e5e7eb;
background: #ffffff;
border-radius: 20px;
padding: 4px 10px;
font-size: 12px;
}
.flex-column-ico-footer {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
}
.flex-col-center {
display: flex;
justify-content: center;
gap: 5px;
}@media (max-width: 767px) {
.single-post-title {
font-size: 18px;
}
.single-author-info{
font-size: 14px;
}
.grid-kariz {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
grid-gap: 8px !important;
margin-bottom: 8px !important;
}
.container.panel-container,
.container {
width: 100% !important;
margin: 0 auto !important;
padding: 0 15px !important;
}
.container.panel-container {
max-width: unset !important;
}
.colm12-mobile {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.mobile-hide {
display: none;
}
.mobile-show {
display: block;
}
.chart-column-image {
display: none;
}
.font-s-13-mobile {
font-size: 13px;
}
.pad-l-15-mobile {
padding-left: 15px;
}
.pad-t-10-mobile {
padding-top: 10px;
}
.pad-t-30-mobile {
padding-top: 30px;
}
.mar-t-10-mobile {
margin-top: 10px;
}
.mar-0-mobile {
margin: 0 !important;
}
.pad-15-mobile {
padding: 15px;
}
.pad-b-30-mobile {
padding-bottom: 30px;
}
.font-s-10-mobile {
font-size: 10px;
}
.mar-t-15-mobile{
margin-top: 15px;
}
.flex-wrap-mobile {
flex-wrap: wrap;
}
.invest-item {
align-items: flex-start;
}
.mar-t-40-mobile {
margin-top: 40px;
}
.fund-banner-text-val {
font-size: 16px;
}
.fund-banner {
padding: 15px 5px;
}
.fund-banner .report-val-text {
font-size: 14px;
}
.fund-banner .fund-report {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 4px;
}
.fund-list {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-finance {
grid-template-columns: repeat(1, 1fr);
}
absolute-mobile {
position: absolute;
}
.four-grid-mobile {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.six-grid-mobile {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.two-grid-mobile {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.flex-column-center-mobile {
display: flex !important;
flex-direction: column;
}
.flex-column-right-mobile {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.grid-6-mobile {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-bottom: 15px;
} .grid-4-mobile {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
grid-template-rows: repeat(2, 1fr) !important;
grid-column-gap: 0px !important;
grid-row-gap: 0px !important;
justify-content: end !important;
align-items: start !important;
align-content: center !important;
justify-items: center !important;
}
.grid-4-mobile-cost {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
grid-template-rows: repeat(2, 1fr) !important;
grid-column-gap: 0px !important;
grid-row-gap: 0px !important;
justify-content: center;
align-items: end;
align-content: center;
justify-items: stretch;
}
.flex-column-center-mobile-m {
display: flex !important;
flex-direction: column;
justify-content: flex-end;
align-content: space-around;
flex-wrap: wrap;
align-items: flex-start;
margin: 0px;
}
.flex-column-center-mobile-sa {
display: flex !important;
flex-wrap: nowrap;
align-content: center;
align-items: stretch;
flex-direction: column;
justify-content: space-around;
}
.flex-column-right-mobile{
display: flex !important
;
flex-direction: column;
align-content: flex-start;
justify-content: space-evenly;
align-items: stretch;
}
.flex-row-center-mobile {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
flex-direction: row;
}
.flex-row-center-st-mobile {
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: row;
align-items: flex-start;
}
.flex-row-reverse-mobile {
display: flex !important;
flex-direction: row-reverse;
}
.flex-column-reverse-mobile {
display: flex;
flex-direction: column-reverse;
justify-content: flex-end;
align-items: stretch;
flex-wrap: wrap;
align-content: stretch;
}
.grid-st-mobile {
display: grid;
grid-template-rows: 1fr;
grid-column-gap: 15px;
grid-row-gap: 0px;
grid-template-columns: 0.6fr 2fr;
}
.mar-b-10-mobile {
margin-bottom: 10px;
}
.mar-t-10-mobile {
margin-top: 10px;
}
.mar-0-mobile{
margin: 0;
}
.mar-b-15-mobile{
margin-bottom: 15px;
}
.pad-10-mobile {
padding: 10px;
}
.width-100-mobile {
width: 100%;
}
table.sortable-mobile {
overflow: hidden;
overflow-x: scroll;
}
.pad-10-mobile {
padding: 10px;
}
.pad-10-tablet {
padding: 10px;
}
.mar-t-10-mobile {
margin-top: 10px;
}
.mar-b-20-mobile {
margin-bottom: 20px;
}
.overflow-hidden-mobile {
overflow: hidden;
}
.overflow-fixed-mobile {
overflow: unset;
position: fixed;
}
.relative-mobile {
position: relative;
}
.pad-t-20-mobile {
padding-top: 20px;
}
.profile-form-content-mobile {
padding: 10px 0px;
} header#header {
overflow: inherit;
}
.mobile-side-menu {
position: fixed;
background-color: white;
width: 60%;
height: 100%;
inset: 0;
z-index: 1000;
transform: translateX(120%);
transition: all 0.4s ease;
box-shadow: 1px 0 25px 7px rgb(0 0 0 / 35%);
}
.mobile-side-menu.show-element {
transform: translateX(0);
}
.mobile-menu-logo {
text-align: center;
padding: 30px 0;
border-bottom: 1px solid #d5d5d5;
}
.mobile-menu-logo img {
height: 70px;
}
.mobile-navigation ul li {
padding: 12px 15px;
line-height: 15px;
font-size: 14px;
}
.menu-back-drop {
position: fixed;
width: 40%;
height: 100%;
top: 0;
left: 0;
z-index: 100;
display: none;
}
.menu-back-drop.show-element {
display: block;
}
#why-100 .why100-container{
gap: 5px !important;
} .intro-image img,
.intro-image {
height: auto !important;
}
.intro-image::before {
width: 99%;
height: 99%;
}
.intro-text {
padding: 30px;
}
.intro-statistic-wrapper {
justify-content: center;
padding-top: 0;
}
.intro-image-wrapper {
order: 1;
}
.intro-text-wrapper {
order: 2;
}
.statistic-box {
flex-basis: 100%;
}
.statistic-number span {
font-size: 14vw;
}
.chart-investor-box {
padding-top: 0;
margin-bottom: 50px;
}
#content-sign-cafe {
height: auto !important;
} 
.card-funder {
min-width: 350px !important;
flex: 0 0 350px !important;
}
.h-row-right  {  
display: none !important;
}
.pad-mob-top {
padding-top: 10px !important;
} .event-text-wrapper {
padding: 0;
}
.event-images-box {
padding-top: 50px;
}
.event-bottom-other {
padding-top: 70px;
}
.sign-box-right {
padding: 50px 0 0 0;
}
.event-box-image {
position: inherit;
width: inherit;
height: inherit;
top: inherit;
left: inherit;
}
.event-box-inner .event-title {
inset: inherit;
opacity: 1;
visibility: visible;
bottom: 0;
background: #01d466;
width: 100%;
}
.event-box-image img,
.event-title {
transform: rotate(0);
}
.event-box-inner {
max-width: 100%;
max-height: 220px;
width: 100%;
height: fit-content;
}
.event-box-inner:hover {
transform: unset;
}
.event-box-outer {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.event-rotate {
transform: rotate(0);
}
.info-overlay-wrapper {
padding: 15px 0;
}
.overlay-content-text p {
max-height: unset;
} .sign-box-image img {
border: 3px solid #01d466;
} .portfolio-image-wrapper {
padding-top: 30px;
}
.portfolio-mobile-inner {
flex-basis: 120px;
border-radius: 15px;
padding: 10px 0;
}
.portfolio-box-inner img {
width: 65px;
height: auto;
}
.portfolio-box-inner-1 img,
.portfolio-box-inner-2 img,
.portfolio-box-inner-3 img,
.portfolio-box-inner-4 img,
.portfolio-box-inner-5 img,
.portfolio-box-inner-6 img,
.portfolio-box-inner-7 img,
.portfolio-box-inner-8 img {
width: 100%;
height: auto;
}
.portfolio-right-box {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.portfolio-box-inner-1 {
grid-row-start: 1;
grid-column-start: 1;
grid-row-end: 2;
grid-column-end: 2;
}
.portfolio-box-inner-2 {
grid-row-start: 1;
grid-column-start: 2;
grid-row-end: 2;
grid-column-end: 3;
}
.portfolio-box-inner-3 {
grid-row-start: 1;
grid-column-start: 3;
grid-row-end: 2;
grid-column-end: 4;
}
.portfolio-box-inner-4 {
grid-row-start: 1;
grid-column-start: 4;
grid-row-end: 2;
grid-column-end: 5;
}
.portfolio-box-inner-5 {
grid-row-start: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-column-end: 2;
}
.portfolio-box-inner-6 {
grid-row-start: 2;
grid-column-start: 2;
grid-row-end: 3;
grid-column-end: 3;
}
.portfolio-box-inner-7 {
grid-row-start: 2;
grid-column-start: 3;
grid-row-end: 3;
grid-column-end: 4;
}
.portfolio-box-inner-8 {
grid-row-start: 2;
grid-column-start: 4;
grid-row-end: 3;
grid-column-end: 5;
}
.portfolio-title {
text-align: center;
padding-bottom: 50px;
} .news-without-image-1 {
order: 2;
padding: 30px 0;
border-top: 1px solid var(--blog-light-grey);
border-bottom: 1px solid var(--blog-light-grey);
}
.news-without-image-3 {
order: 3;
padding-top: 30px;
}
.news-with-image {
order: 1;
padding: 0 0 30px 0;
}
.news-big-title {
padding-bottom: 0;
}
.newsletter-wrapper {
background-color: var(--white);
box-shadow: 0px 0px 20px 15px #e9e9e9;
border-radius: 30px;
margin: 20px 0 20px 0;
} .leaders-inner-wrapper {
flex-direction: column;
}
.leader-box-image img {
transform: rotateZ(0) translateX(-40px) translateY(0px);
}
.leader-box-details {
transform: rotate(0);
}
.leaders-inner-wrapper .leaders-column:not(:last-child) {
margin-bottom: 10px;
}
.leaders-column {
display: flex;
flex-direction: row;
justify-content: flex-start;
transform: rotateZ(0);
}
.leaders-column .item:nth-child(2) {
margin: 0 10px;
}
.leaders-column .item {
margin-bottom: 0;
} .investors-inner-box {
flex-wrap: wrap;
justify-content: space-evenly;
padding: 50px 0;
}
.investor-image {
flex: 0 0 35%;
max-width: none;
padding-bottom: 25px;
}
.investor-image-4,
.investor-image-5 {
padding-bottom: 0;
}
.blog-sections-title::after {
width: 150px;
} .conversation-head {
text-align: center;
} .article-blog-box,
.latest-blog-box {
padding: 0;
}
.blog-signcafe-wrapper .blog-signcafe-item:not(:last-child) {
padding-bottom: 30px;
}
.blog-signcafe-image img {
max-height: initial;
}
.blog-signcafe-item {
padding: 0;
}
.featured-blog-wrapper,
.article-blog-wrapper {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 0 15px;
}
.featured-blog-wrapper .featured-blog-item:not(:last-child),
.article-blog-wrapper .article-blog-item:not(:last-child) {
margin-bottom: 20px;
} .blog-navigation-inner ul li {
display: block;
margin: 10px;
}
.link-as-button {
display: flex;
justify-content: center;
background-color: var(--black);
color: var(--white);
font-size: 13px;
padding: 5px 15px;
border-radius: 3px;
transition: all 0.3s ease;
cursor: pointer;
} .intro-min-height {
min-height: auto !important;
}
.intro-main-title {
text-align: center;
}
.card-alert {
width: 95%;
left: 0;
right: 0;
margin: 0 auto;
}
.sections-min-height {
min-height: auto;
padding: 50px 0;
}
.event-container-fluid::before,
.event-container-fluid::after,
.event-box-inner::before,
.portfolio-container-fluid::before,
.portfolio-container-fluid::after,
.sign-box-image::before,
.cafe-container-fluid::before,
.cafe-container-fluid::after,
.cafe-left-box::before,
.cafe-left-box::after,
.news-memphis-vectors {
display: none;
}
.footer-about {
padding: 0 40px 40px;
background-color: var(--very-light-grey);
}
.intro-chart-wrapper,
.event-container-fluid {
background-image: none;
}
.intro-wrapper {
background-position: right;
}
.auth-box {
width: 100%;
}
.auth-inner {
width: 100%;
}
.form-search-row {
padding: 0 0 15px 0;
}
.panel-section-content {
overflow-x: scroll;
}
.grid-intro {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 30px;
}
.grid-intro2 {
grid-area: 2 / 1 / 3 / 3
}
.flex-center-colm {
justify-content: center;
flex-direction: column;
align-items: center;
}
.statistic-text {
padding-right: 0;
text-align: center;
align-self: center;
}
.container.single-container {
padding: 0 25px;
}
.modal-content {
width: 90%;
}
.modal-share-image img {
width: auto;
height: auto;
max-width: 250px;
}
.event-top-info,
.event-info-overlay,
.event-background-image {
position: inherit;
}
.event-info-overlay {
transform: inherit;
}
.info-overlay-wrapper {
flex-direction: column;
}
.info-overlay-wrapper,
.event-top-info {
height: inherit;
}
.event-background-image {
display: none;
}
.info-overlay-content {
text-align: center;
}
.event-access,
.workshop-access {
justify-content: center;
}
#scroll-to-top {
bottom: 20px;
left: 15px;
right: inherit;
}
.share-link-text {
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
}
.investors-pie-chart,
.investors-pie-wrapper {
background-image: none;
}
.link-as-button-2-outline {
display: flex;
justify-content: center;
} #load-content {
overflow-x: scroll;
}
table.sortable {
overflow: scroll;
} .modal-share-list ul li {
margin: 0 10px;
} .about-seeds-inner {
height: auto;
}
.seeds-text-wrapper {
width: calc(100%);
}
.about-seeds-background,
.about-seeds-text {
height: 300px;
}
.seeds-statistics-icon img {
height: 55px;
} .seed-grow-progress {
font-size: 16px;
}
.seed-intro-name {
padding: 70px 0 0 0;
}
.seed-highlights-box.drawer-content-box {
padding: 0;
}
.seed-highlights-box.drawer-content-box.is-visible {
padding: 20px 35px;
}
} @media (min-width: 768px) and (max-width: 991px) {
.container.panel-container,
.container {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 15px !important; }
.container.panel-container {
max-width: unset !important;
}
.colm12-tablet {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.colm6-tablet {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.tablet-hide {
display: none;
}
.tablet-show {
display: block;
}
.sign-box-left{
margin-top: 50px;
}
.intro-wrapper {
height: auto;
background-position: right;
}
.intro-text {
padding: 30px;
}
.sections-min-height {
min-height: 100vh;
}
.relative-tablet {
position: relative;
}
.absolute-tablet {
position: absolute;
}
.pad-20-tablet {
padding: 20px;
}
.h-row-right{
display: none !important;
} .fund-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 16px;
margin-bottom: 80px;
}
.sections-min-height {
min-height: auto;
padding: 50px 0;
}
.event-container-fluid::before,
.event-container-fluid::after,
.event-box-inner::before,
.portfolio-container-fluid::before,
.portfolio-container-fluid::after,
.sign-box-image::before,
.cafe-container-fluid::before,
.cafe-container-fluid::after,
.cafe-left-box::before,
.cafe-left-box::after,
.news-memphis-vectors {
display: none;
}
.pad-mob-top {
padding-top: 10px !important;
}
.mobile-side-menu {
position: fixed;
background-color: white;
width: 40%;
height: 100%;
inset: 0;
z-index: 1000;
transform: translateX(120%);
transition: all 0.4s ease;
box-shadow: 1px 0 25px 7px rgb(0 0 0 / 35%);
}
.mobile-side-menu.show-element {
transform: translateX(0);
}
.mobile-menu-logo {
text-align: center;
padding: 30px 0;
border-bottom: 1px solid #d5d5d5;
}
.mobile-menu-logo img {
width: 80px;
height: auto;
}
.mobile-navigation ul li {
padding: 12px 15px;
line-height: 15px;
font-size: 14px;
}
#scroll-to-top {
bottom: 20px;
left: 35px;
right: inherit;
}
.menu-back-drop {
position: fixed;
width: 60%;
height: 100%;
top: 0;
left: 0;
z-index: 100;
display: none;
}
.statistic-number span {
font-size: 13vw;
color: #01d466;
}
.menu-back-drop.show-element {
display: block;
}
.investors-pie-chart,
.investors-pie-wrapper {
background-image: none;
}
.statistic-box {
flex-basis: 100%;
}
.mar-slider-mob {
margin-top: 0px !important;
} .event-container-fluid {
background-image: none;
}
.event-box-outer {
max-width: 245px;
}
.event-images-box {
padding-top: 50px;
}
.sign-box-right {
padding: 0px 0 0 0;
}
.event-box-image img,
.event-title {
transform: rotate(0);
}
.event-box-outer {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.event-rotate {
transform: rotate(0);
} .event-text-wrapper {
padding: 0;
}
.chart-investor-box {
padding-top: 200px;
} .news-without-image-1 {
order: 2;
padding: 30px 0;
border-top: 1px solid var(--blog-light-grey);
border-bottom: 1px solid var(--blog-light-grey);
}
.news-without-image-3 {
order: 3;
padding-top: 30px;
}
.news-with-image {
order: 1;
padding: 0 0 30px 0;
}
.news-big-title {
padding-bottom: 0;
}
.newsletter-wrapper {
background-color: var(--white);
box-shadow: 0px 0px 20px 15px #e9e9e9;
border-radius: 30px;
margin: 20px 0 20px 0;
} .leader-box-image img {
transform: rotateZ(0) translateX(30px) translateY(-18px) !important;
}
.leader-box-details {
transform: rotate(0);
}
.leaders-column {
transform: rotateZ(0);
}
.flex-row-sb-center {
justify-content: space-around;
}
.blog-sections-title::after {
width: 350px;
}
table.sortable {
overflow: scroll;
}
#load-content {
overflow-x: scroll;
} .investors-inner-box {
flex-wrap: wrap;
justify-content: space-evenly;
padding: 50px 0;
}
.investor-image {
flex: 0 0 13%;
max-width: none;
padding-bottom: 25px;
} .investor-image img {
width: 100%;
} .conversation-head {
padding-right: 180px;
} .portfolio-image-wrapper {
padding-top: 30px;
}
.portfolio-mobile-inner {
flex-basis: 40%;
border-radius: 15px;
padding: 20px 0;
}
.portfolio-box-inner img {
width: 55px;
height: auto;
}
.portfolio-box-inner-1 img,
.portfolio-box-inner-2 img,
.portfolio-box-inner-3 img,
.portfolio-box-inner-4 img,
.portfolio-box-inner-5 img,
.portfolio-box-inner-6 img,
.portfolio-box-inner-7 img,
.portfolio-box-inner-8 img {
width: 100%;
height: auto;
}
.portfolio-right-box {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.portfolio-box-inner-1 {
grid-row-start: 1;
grid-column-start: 1;
grid-row-end: 2;
grid-column-end: 2;
}
.portfolio-box-inner-2 {
grid-row-start: 1;
grid-column-start: 2;
grid-row-end: 2;
grid-column-end: 3;
}
.portfolio-box-inner-3 {
grid-row-start: 1;
grid-column-start: 3;
grid-row-end: 2;
grid-column-end: 4;
}
.portfolio-box-inner-4 {
grid-row-start: 1;
grid-column-start: 4;
grid-row-end: 2;
grid-column-end: 5;
}
.portfolio-box-inner-5 {
grid-row-start: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-column-end: 2;
}
.portfolio-box-inner-6 {
grid-row-start: 2;
grid-column-start: 2;
grid-row-end: 3;
grid-column-end: 3;
}
.portfolio-box-inner-7 {
grid-row-start: 2;
grid-column-start: 3;
grid-row-end: 3;
grid-column-end: 4;
}
.portfolio-box-inner-8 {
grid-row-start: 2;
grid-column-start: 4;
grid-row-end: 3;
grid-column-end: 5;
}
.overflow-unset-tablet {
overflow: unset;
}
}
.overflow-hidden-tablet {
overflow: hidden;
} @media (min-width: 992px) and (max-width: 1199px) {
.fund-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 8px;
margin-bottom: 80px;
}
.grid-finance {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 14px;
grid-row-gap: 0px;
}
.report-val-text {
font-size: 12px;
}
.report-key {
font-size: 10px;
}
.container {
width: 980px;
max-width: 980px;
margin: 0 auto;
padding: 0 15px;
}
.laptop-hide {
display: none;
}
.laptop-show {
display: block;
}
.sections-min-height {
min-height: 100vh;
}
.colm9-laptop {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.colm12-laptop {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.colm6-laptop {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
} .statistic-number span {
font-size: 7vw;
}
.intro-vector-top {
display: none;
}
.intro-wrapper {
padding-top: 70px;
} .event-container-fluid {
overflow: hidden;
}
.intro-wrapper {
background-position: right;
}
.h-marquees{
gap: 100px !important;
} .portfolio-box-inner img {
width: 100%;
height: auto;
}
.portfolio-mobile-inner {
flex-basis: 21%;
border-radius: 15px;
padding: 35px;
} .seeds-text-wrapper {
width: calc(90%);
}
.newsletter-wrapper {
background-color: var(--white);
box-shadow: 0px 0px 20px 15px #e9e9e9;
border-radius: 30px;
margin: 20px 0 20px 0;
}
} @media (min-width: 1200px) and (max-width: 1300px) {
.fund-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 16px;
margin-bottom: 80px;
}
.grid-finance {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 14px;
grid-row-gap: 0px;
}
.report-val-text {
font-size: 12px;
}
} @media (min-width: 1200px) and (max-width: 1400px) {
.grid-finance {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 14px;
grid-row-gap: 0px;
}
.container {
width: 1170px;
max-width: 1170px;
margin: 0 auto;
padding: 0 15px;
}
.lg-laptop-hide {
display: none;
}
.lg-laptop-show {
display: block;
}
.sections-min-height {
min-height: 100vh;
}
.colm7-lg-laptop {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.event-container-fluid {
background-position: -200px 235px;
}
.intro-wrapper {
padding-top: 70px;
}
.newsletter-wrapper {
background-color: var(--white);
box-shadow: 0px 0px 20px 15px #e9e9e9;
border-radius: 30px;
margin: 20px 0 20px 0;
}
.pad-0-mobile {
padding: 0px;
}
} @media (min-width: 1400px) {
.grid-finance {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 14px;
grid-row-gap: 0px;
}
.container {
width: 1370px;
max-width: 1370px;
margin: 0 auto;
padding: 0 15px;
}
.intro-min-height {
min-height: 60vh;
}
.container.panel-container {
width: 1370px;
max-width: 1370px;
}
.newsletter-wrapper {
background-color: var(--white);
box-shadow: 0px 0px 20px 15px #e9e9e9;
border-radius: 30px;
margin: 20px 0 20px 0;
}
} @media (min-width: 2560px) {
.sections-min-height {
min-height: 60vh;
}
.newsletter-wrapper {
background-color: var(--white);
box-shadow: 0px 0px 20px 15px #e9e9e9;
border-radius: 30px;
margin: 20px 0 20px 0;
}
} @media (max-width: 380px){
.event-card-cards{
width: 92vw;
perspective: 850px;
}
.event-card-item{
border-radius: 12px;
} .mob-card{
overflow-x: hidden;
padding:50px 10px ;
}
}
@media (min-width: 768px){
.event-card-cards{
width: 360px;      
max-width: 360px;
perspective: 1100px;
} .mob-card{
overflow-x: hidden;
padding:50px 10px ;
}
}
@media (min-width: 1024px){
.event-card-wrapper{
padding-inline: 24px;
}
.event-card-cards{
width: 380px;
max-width: 380px;
perspective: 1200px;
}
}
@media (prefers-reduced-motion: reduce){
.event-card-side,
.event-card-side .event-side-desc,
.event-card-side a,
.event-card-anim,
.event-card-img,
.event-card-item{
transition:none !important;
transform:none !important;
opacity:1 !important;
filter:none !important;
}
}.datepicker-plot-area {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.datepicker-plot-area .datepicker-time-view .down-btn,
.datepicker-plot-area .datepicker-time-view .up-btn {
transition: all 100ms ease;
}
.datepicker-plot-area .datepicker-day-view .table-days td.disabled span,
.datepicker-plot-area .datepicker-year-view .year-item-disable,
.datepicker-plot-area .datepicker-month-view .month-item-disable {
border-radius: 0;
}
.datepicker-plot-area .datepicker-time-view .down-btn,
.datepicker-plot-area .datepicker-time-view .up-btn {
border-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.datepicker-plot-area .datepicker-time-view .down-btn {
border-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.datepicker-plot-area,
.datepicker-plot-area .datepicker-time-view>.time-segment {
border-radius: 0;
}
.datepicker-plot-area .datepicker-day-view .table-days td span,
.datepicker-plot-area .datepicker-year-view .year-item,
.datepicker-plot-area .datepicker-month-view .month-item,
.datepicker-plot-area .datepicker-navigator .pwt-btn-next,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
border-radius: 0;
}
.datepicker-plot-area {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.datepicker-plot-area .datepicker-day-view .table-days td span,
.datepicker-plot-area .datepicker-year-view .year-item,
.datepicker-plot-area .datepicker-month-view .month-item,
.datepicker-plot-area .datepicker-day-view .table-days td.disabled span,
.datepicker-plot-area .datepicker-year-view .year-item-disable,
.datepicker-plot-area .datepicker-month-view .month-item-disable,
.datepicker-plot-area .datepicker-time-view>.time-segment,
.datepicker-plot-area .datepicker-time-view .down-btn,
.datepicker-plot-area .datepicker-time-view .up-btn,
.datepicker-plot-area .datepicker-time-view input,
.datepicker-plot-area .datepicker-navigator .pwt-btn-next,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev,
.datepicker-plot-area .toolbox .pwt-btn-submit,
.datepicker-plot-area .toolbox .pwt-btn-calendar,
.datepicker-plot-area .toolbox .pwt-btn-today {
cursor: pointer;
}
.datepicker-plot-area .datepicker-day-view .table-days td span,
.datepicker-plot-area .datepicker-year-view .year-item,
.datepicker-plot-area .datepicker-month-view .month-item {
font: 14px;
background-color: #fff;
color: #333;
border: 0;
text-shadow: none;
}
.datepicker-plot-area .datepicker-day-view .table-days td.disabled span,
.datepicker-plot-area .datepicker-year-view .year-item-disable,
.datepicker-plot-area .datepicker-month-view .month-item-disable {
background-color: #f1f1f1;
color: #ccc;
border: none;
text-shadow: none;
cursor: default;
}
.datepicker-plot-area .datepicker-day-view .table-days td.today span {
background-color: #333;
color: #fff;
border: 0;
text-shadow: none;
}
.datepicker-plot-area .datepicker-day-view .table-days td span.other-month {
background-color: "";
color: #ccc;
border: none;
text-shadow: none;
}
.datepicker-plot-area .datepicker-day-view .table-days td.selected span,
.datepicker-plot-area .datepicker-year-view .year-item.selected,
.datepicker-plot-area .datepicker-month-view .month-item.selected {
background-color: #005299;
color: #fff;
border: none;
text-shadow: 1px 1px 1px #000;
}
.datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover,
.datepicker-plot-area .datepicker-day-view .table-days td span:hover,
.datepicker-plot-area .datepicker-year-view .year-item:hover,
.datepicker-plot-area .datepicker-month-view .month-item:hover {
background-color: #007be6;
color: #fff;
border: 0;
text-shadow: none;
}
.datepicker-container {
display: block;
position: absolute;
z-index: 100000;
top: 0;
direction: ltr;
}
.datepicker-container.pwt-hide {
display: none;
}
.datepicker-plot-area {
box-sizing: border-box;
overflow: hidden;
min-height: 70px;
display: block;
width: 200px;
min-width: 200px;
padding: 3px;
position: absolute;
font: 12px tahoma;
border: 1px solid #ccc;
background-color: #fff;
}
.datepicker-plot-area.datepicker-state-only-time {
padding: 0;
}
.datepicker-plot-area table,
.datepicker-plot-area th,
.datepicker-plot-area td {
border: 0;
background: none;
}
.datepicker-plot-area * {
text-align: center;
color: #333;
}
.datepicker-plot-area .datepicker-day-view,
.datepicker-plot-area .datepicker-month-view,
.datepicker-plot-area .datepicker-year-view {
display: block;
width: 100%;
float: left;
min-height: 200px;
margin: 0;
}
.datepicker-plot-area-inline-view {
display: block;
width: 100%;
position: static;
float: left;
}
.datepicker-plot-area .datepicker-time-view {
display: block;
float: left;
width: 100%;
padding: 5px;
background: #f9f9f9;
border-top: 1px solid #f1f1f1;
}
.datepicker-plot-area .datepicker-time-view>.time-segment {
display: block;
width: 22%;
float: left;
overflow: hidden;
}
.datepicker-plot-area .datepicker-time-view>.time-segment:hover .down-btn,
.datepicker-plot-area .datepicker-time-view>.time-segment:hover .up-btn {
font-weight: bold;
}
.datepicker-plot-area .datepicker-time-view .divider {
display: block;
width: 3%;
height: 60px;
line-height: 60px;
float: left;
overflow: hidden;
font: 12px bold;
}
.datepicker-plot-area .datepicker-time-view .divider span {
height: 60px;
line-height: 60px;
}
.datepicker-plot-area .datepicker-time-view .down-btn,
.datepicker-plot-area .datepicker-time-view .up-btn {
display: block;
float: left;
width: 100%;
margin: 0;
height: 20px;
line-height: 22px;
color: #ccc;
}
.datepicker-plot-area .datepicker-time-view .down-btn:hover,
.datepicker-plot-area .datepicker-time-view .up-btn:hover {
background-color: rgba(250, 250, 250, 0.3);
color: #807f7f;
}
.datepicker-plot-area .datepicker-time-view input {
display: block;
width: 90%;
margin: 0 5%;
height: 20px;
padding: 0;
outline: none;
border: none;
background: transparent;
}
.datepicker-plot-area.datepicker-state-only-time .datepicker-time-view {
padding: 0 5px;
margin: 0;
}
.datepicker-plot-area.datepicker-state-only-time .datepicker-time-view>.time-segment,
.datepicker-plot-area.datepicker-state-only-time .datepicker-time-view>.divider {
padding: 5px 0;
}
.datepicker-plot-area.datepicker-state-no-meridian .datepicker-time-view>.time-segment {
width: 31.33%;
}
.datepicker-plot-area.datepicker-state-no-meridian .datepicker-time-view>.meridian-divider {
display: none;
}
.datepicker-plot-area.datepicker-state-no-second .datepicker-time-view>.time-segment {
width: 31.33%;
}
.datepicker-plot-area.datepicker-state-no-second .datepicker-time-view>.second-divider {
display: none;
}
.datepicker-plot-area.datepicker-state-no-meridian.datepicker-state-no-second .datepicker-time-view>.time-segment {
width: 48%;
}
.datepicker-plot-area.datepicker-state-no-meridian.datepicker-state-no-second .datepicker-time-view>.second-divider,
.datepicker-plot-area.datepicker-state-no-meridian.datepicker-state-no-second .datepicker-time-view>.meridian-divider {
display: none;
}
.datepicker-plot-area .datepicker-day-view .table-days {
width: 100%;
float: left;
direction: rtl;
}
.datepicker-plot-area .datepicker-day-view .table-days td {
width: 14.2%;
height: 26px;
padding: 0;
margin: 0;
position: relative;
}
.datepicker-plot-area .datepicker-day-view .table-days td .alter-calendar-day {
font-style: normal;
position: absolute;
font-size: 8.5px;
bottom: 0;
right: 2px;
color: #f1f1f1;
}
.datepicker-plot-area .datepicker-day-view .table-days td span {
display: block;
width: 100%;
height: 26px;
line-height: 26px;
padding: 0;
margin: 0;
}
.datepicker-plot-area .datepicker-day-view .month-grid-box {
display: block;
width: 100%;
float: right;
min-height: 180px;
margin: 8px 0;
}
.datepicker-plot-area .datepicker-day-view .month-grid-box .header {
display: block;
width: 100%;
float: left;
padding-bottom: 8px;
}
.datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row {
display: block;
width: 100%;
height: 25px;
float: left;
}
.datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row-cell {
display: block;
width: 14.2%;
height: 25px;
float: right;
line-height: 25px;
font: 11px;
font-weight: bold;
color: #333;
}
.datepicker-plot-area .datepicker-year-view,
.datepicker-plot-area .datepicker-month-view {
padding-top: 10px;
}
.datepicker-plot-area .datepicker-year-view .year-item,
.datepicker-plot-area .datepicker-month-view .month-item {
display: block;
width: 33.333333%;
margin: 2px 0 0;
float: right;
height: 42px;
line-height: 42px;
}
.datepicker-plot-area .datepicker-navigator {
display: block;
width: 100%;
float: left;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
display: block;
float: left;
height: 28px;
line-height: 28px;
font-weight: bold;
background-color: rgba(250, 250, 250, 0.1);
color: #333;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch:hover,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover {
background-color: rgba(250, 250, 250, 0.3);
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next {
display: block;
width: 15%;
float: left;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch {
display: block;
width: 66%;
margin: 0 2%;
float: left;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
display: block;
width: 15%;
float: left;
}
.datepicker-plot-area .toolbox {
display: block;
float: left;
width: 100%;
margin-top: 5px;
}
.datepicker-plot-area .toolbox .pwt-btn-submit,
.datepicker-plot-area .toolbox .pwt-btn-calendar,
.datepicker-plot-area .toolbox .pwt-btn-today {
background-color: rgba(250, 250, 250, 0.1);
float: right;
display: block;
font-weight: bold;
font-size: 11px;
height: 24px;
line-height: 24px;
white-space: nowrap;
margin: 0 auto;
margin-left: 5px;
padding: 0 5px;
min-width: 50px;
}
.datepicker-plot-area .toolbox .pwt-btn-submit:hover,
.datepicker-plot-area .toolbox .pwt-btn-calendar:hover,
.datepicker-plot-area .toolbox .pwt-btn-today:hover {
background-color: rgba(250, 250, 250, 0.3);
}
.datepicker-plot-area .datepicker-navigator {
display: block;
width: 100%;
float: left;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
display: block;
float: left;
height: 28px;
line-height: 28px;
font-weight: bold;
background-color: rgba(250, 250, 250, 0.1);
color: #333;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch:hover,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover {
background-color: rgba(250, 250, 250, 0.3);
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next {
display: block;
width: 15%;
float: left;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch {
display: block;
width: 66%;
margin: 0 2%;
float: left;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
display: block;
width: 15%;
float: left;
}
.datepicker-container.pwt-mobile-view {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
overflow: hidden;
transition: all 1s;
}
.datepicker-container.pwt-mobile-view.pwt-hide {
top: 100vh;
height: 0;
}
.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .pwt-btn-submit {
color: #fff;
background: #ccc;
}
.datepicker-container.pwt-mobile-view .datepicker-plot-area {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.datepicker-container.pwt-mobile-view .datepicker-plot-area .table-days td,
.datepicker-container.pwt-mobile-view .datepicker-plot-area .table-days td span {
height: 44px;
line-height: 44px;
font-size: 14px;
}
.datepicker-container.pwt-mobile-view .datepicker-plot-area .datepicker-year-view .year-item,
.datepicker-container.pwt-mobile-view .datepicker-plot-area .datepicker-month-view .month-item {
height: 70px;
line-height: 70px;
}
.datepicker-container.pwt-mobile-view .datepicker-plot-area [class*="pwt-btn"] {
height: 48px;
line-height: 48px;
}
.datepicker-container.pwt-mobile-view .datepicker-plot-area .pwt-btn-today {
float: left;
}
.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time {
background: rgba(0, 0, 0, 0.7);
border: 0;
padding-top: 60%;
}
.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .pwt-btn-submit {
margin-right: 5px;
}
.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view input {
height: 40px;
line-height: 40px;
font-size: 24px;
margin: 5px 0;
}
.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .divider,
.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .divider span {
font-size: 16px;
display: block;
height: 144px;
line-height: 144px;
}
.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .down-btn,
.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .up-btn {
height: 48px;
line-height: 48px;
}
.datepicker-container.pwt-mobile-view .datepicker-time-view input {
height: 32px;
line-height: 34px;
font-size: 18px;
}
.datepicker-container.pwt-mobile-view .datepicker-time-view .divider,
.datepicker-container.pwt-mobile-view .datepicker-time-view .divider span {
height: 120px;
line-height: 120px;
}
.datepicker-container.pwt-mobile-view .datepicker-time-view .down-btn,
.datepicker-container.pwt-mobile-view .datepicker-time-view .up-btn {
height: 40px;
line-height: 40px;
}.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane>svg,
.leaflet-pane>canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
} .leaflet-tile::selection {
background: transparent;
} .leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
} .leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}  .leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom; touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
} .leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane {
z-index: 400;
}
.leaflet-tile-pane {
z-index: 200;
}
.leaflet-overlay-pane {
z-index: 400;
}
.leaflet-shadow-pane {
z-index: 500;
}
.leaflet-marker-pane {
z-index: 600;
}
.leaflet-tooltip-pane {
z-index: 650;
}
.leaflet-popup-pane {
z-index: 700;
}
.leaflet-map-pane canvas {
z-index: 100;
}
.leaflet-map-pane svg {
z-index: 200;
}
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
} .leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
} .leaflet-fade-anim .leaflet-tile {
will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
} .leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
} .leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane>svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane>svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; pointer-events: auto;
} .leaflet-container {
background: #ddd;
outline: 0;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-container a.leaflet-active {
outline: 2px solid orange;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255, 255, 255, 0.5);
} .leaflet-container {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
} .leaflet-bar {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
} .leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
} .leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(//www.100startups.ir/wp-content/themes/100startups/assets/styles/images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(//www.100startups.ir/wp-content/themes/100startups/assets/styles/images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
} .leaflet-default-icon-path {
background-image: url(//www.100startups.ir/wp-content/themes/100startups/assets/styles/images/marker-icon.png);
} .leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0, 0, 0, 0.2);
background-clip: padding-box;
} .leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: right;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4;
}
.leaflet-popup-content p {
margin: 18px 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
} .leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}  .leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-clickable {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
} .leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
#map,#event-place {
width: 100%;
}
#event-place{
height: 415px;
}
.leaflet-popup-content-wrapper {
width: 100%;
}
.leaflet-control-attribution.leaflet-control {
visibility: hidden;
}.viewbox-footer,.viewbox-header{margin:10px}.viewbox-container{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:700}.viewbox-body{position:absolute;top:50%;left:50%;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.6);-moz-box-shadow:0 0 10px rgba(0,0,0,.6);box-shadow:0 0 10px rgba(0,0,0,.6);overflow:auto}.viewbox-content{margin:10px;width:300px;height:300px}.viewbox-content .viewbox-image{width:100%;height:100%}.viewbox-button-default{cursor:pointer;height:64px;width:64px}.viewbox-button-default>svg{width:100%;height:100%;background:inherit;fill:inherit;pointer-events:none;transform:translateX(0)}.viewbox-button-default{fill:#999}.viewbox-button-default:hover{fill:#fff}.viewbox-button-close{position:absolute;top:10px;right:10px;z-index:9}.viewbox-button-next,.viewbox-button-prev{position:absolute;top:50%;height:128px;width:128px;margin:-64px 0 0;z-index:9}.viewbox-button-next{right:10px}.viewbox-button-prev{left:10px}.viewbox-container .loader{widows:100%;position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px}.viewbox-container .loader *{margin:0;padding:0}.viewbox-container .loader .spinner{width:50px;height:50px;position:relative;margin:0 auto}.viewbox-container .loader .double-bounce1,.viewbox-container .loader .double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#999;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.viewbox-container .loader .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}