@import url(https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.min.css); @import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,600;0,700;1,400&family=Urbanist:wght@400;700&display=swap); [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]{-webkit-backface-visibility:hidden;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)} /* Theme Name: Assemble Theme URI: www.strafecreative.co.uk Author: Strafe Creative Author URI: www.strafecreative.co.uk Description: Framework designed and built by Strafe Creative Version: 1.0.0 */ /*************** * Config * ***************/ /* @font-face */ /********** * Grid * **********/ /********** * Social * **********/ /** * Swiper 9.1.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 16, 2023 */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color:#007aff; } .swiper, swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide, swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color:#fff; } .swiper-lazy-preloader-black { --swiper-preloader-color:#000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size:44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 0.2s transform, 0.2s top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s right; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; -ms-touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; font-family: "object-fit:contain"; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; touch-action: none; } .swiper .swiper-notification, swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } /*************** * Grid * * Refer to the strafe boilerplate github for more info https://github.com/strafe-creative/assemble#grid-system ***************/ @media (max-width: 768px) { .is-hidden-mobile:not(.columns) { display: none !important; } } @media (max-width: 768px) { .is-hidden-mobile.columns { position: absolute !important; top: -9999px !important; left: -9999px !important; } } @media (max-width: 768px) { .is-not-hidden-mobile:not(.columns) { display: block !important; } } @media (max-width: 768px) { .is-not-hidden-mobile.columns { position: relative !important; top: 0 !important; left: 0 !important; } } @media (min-width: 768px) { .is-hidden-:not(.columns) { display: none !important; } } @media (min-width: 768px) { .is-hidden-.columns { position: absolute !important; top: -9999px !important; left: -9999px !important; } } @media (min-width: 768px) { .is-not-hidden-:not(.columns) { display: block !important; } } @media (min-width: 768px) { .is-not-hidden-.columns { position: relative !important; top: 0 !important; left: 0 !important; } } @media (min-width: 768px) { .is-hidden-tablet:not(.columns) { display: none !important; } } @media (min-width: 768px) { .is-hidden-tablet.columns { position: absolute !important; top: -9999px !important; left: -9999px !important; } } @media (min-width: 768px) { .is-not-hidden-tablet:not(.columns) { display: block !important; } } @media (min-width: 768px) { .is-not-hidden-tablet.columns { position: relative !important; top: 0 !important; left: 0 !important; } } @media (min-width: 1024px) { .is-hidden-desktop:not(.columns) { display: none !important; } } @media (min-width: 1024px) { .is-hidden-desktop.columns { position: absolute !important; top: -9999px !important; left: -9999px !important; } } @media (min-width: 1024px) { .is-not-hidden-desktop:not(.columns) { display: block !important; } } @media (min-width: 1024px) { .is-not-hidden-desktop.columns { position: relative !important; top: 0 !important; left: 0 !important; } } @media (min-width: 1440px) { .is-hidden-widescreen:not(.columns) { display: none !important; } } @media (min-width: 1440px) { .is-hidden-widescreen.columns { position: absolute !important; top: -9999px !important; left: -9999px !important; } } @media (min-width: 1440px) { .is-not-hidden-widescreen:not(.columns) { display: block !important; } } @media (min-width: 1440px) { .is-not-hidden-widescreen.columns { position: relative !important; top: 0 !important; left: 0 !important; } } .swiper-initialized .columns.swiper-wrapper { flex-wrap: nowrap !important; width: auto; } .columns { display: block; margin-left: -1rem; margin-right: -1rem; margin-top: -1rem; } .columns.is-multiline { flex-wrap: wrap; } .columns.is-mobile { display: flex; } .columns.is-vcentered { align-items: center; } .columns.is-centered { justify-content: center; } .columns.is-gapless { margin-left: 0; margin-right: 0; margin-top: 0; } .columns.is-gapless > .column { padding: 0; } .columns.is-gapless:not(:last-child) { margin-bottom: 1.5rem; } .columns.is-gapless:last-child { margin-bottom: 0; } @media (min-width: 768px) { .columns { display: flex; } } .column { display: block; padding: 1rem; flex-basis: 0; flex-grow: 1; flex-shrink: 1; } .columns.is-mobile > .column.is-narrow { flex: none; } .columns.is-mobile > .column.is-full { width: 100%; flex: none; } .columns.is-mobile > .column.is-three-quarters { width: 75%; flex: none; } .columns.is-mobile > .column.is-two-thirds { width: 66.6666%; flex: none; } .columns.is-mobile > .column.is-half { width: 50%; flex: none; } .columns.is-mobile > .column.is-one-third { width: 33.3333%; flex: none; } .columns.is-mobile > .column.is-one-quarter { width: 25%; flex: none; } .columns.is-mobile > .column.is-one-fifth { width: 20%; flex: none; } .columns.is-mobile > .column.is-two-fifths { width: 40%; flex: none; } .columns.is-mobile > .column.is-three-fifths { width: 60%; flex: none; } .columns.is-mobile > .column.is-four-fifths { width: 80%; flex: none; } .columns.is-mobile > .column.is-offset-three-quarters { margin-left: 75%; } .columns.is-mobile > .column.is-offset-two-thirds { margin-left: 66.6666%; } .columns.is-mobile > .column.is-offset-half { margin-left: 50%; } .columns.is-mobile > .column.is-offset-one-third { margin-left: 33.3333%; } .columns.is-mobile > .column.is-offset-one-quarter { margin-left: 25%; } .columns.is-mobile > .column.is-offset-one-fifth { margin-left: 20%; } .columns.is-mobile > .column.is-offset-two-fifths { margin-left: 40%; } .columns.is-mobile > .column.is-offset-three-fifths { margin-left: 60%; } .columns.is-mobile > .column.is-offset-four-fifths { margin-left: 80%; } .columns.is-mobile > .column.is-0 { width: 0%; flex: none; } .columns.is-mobile > .column.is-offset-0 { margin-left: 0%; } .columns.is-mobile > .column.is-1 { width: 8.3333333333%; flex: none; } .columns.is-mobile > .column.is-offset-1 { margin-left: 8.3333333333%; } .columns.is-mobile > .column.is-2 { width: 16.6666666667%; flex: none; } .columns.is-mobile > .column.is-offset-2 { margin-left: 16.6666666667%; } .columns.is-mobile > .column.is-3 { width: 25%; flex: none; } .columns.is-mobile > .column.is-offset-3 { margin-left: 25%; } .columns.is-mobile > .column.is-4 { width: 33.3333333333%; flex: none; } .columns.is-mobile > .column.is-offset-4 { margin-left: 33.3333333333%; } .columns.is-mobile > .column.is-5 { width: 41.6666666667%; flex: none; } .columns.is-mobile > .column.is-offset-5 { margin-left: 41.6666666667%; } .columns.is-mobile > .column.is-6 { width: 50%; flex: none; } .columns.is-mobile > .column.is-offset-6 { margin-left: 50%; } .columns.is-mobile > .column.is-7 { width: 58.3333333333%; flex: none; } .columns.is-mobile > .column.is-offset-7 { margin-left: 58.3333333333%; } .columns.is-mobile > .column.is-8 { width: 66.6666666667%; flex: none; } .columns.is-mobile > .column.is-offset-8 { margin-left: 66.6666666667%; } .columns.is-mobile > .column.is-9 { width: 75%; flex: none; } .columns.is-mobile > .column.is-offset-9 { margin-left: 75%; } .columns.is-mobile > .column.is-10 { width: 83.3333333333%; flex: none; } .columns.is-mobile > .column.is-offset-10 { margin-left: 83.3333333333%; } .columns.is-mobile > .column.is-11 { width: 91.6666666667%; flex: none; } .columns.is-mobile > .column.is-offset-11 { margin-left: 91.6666666667%; } .columns.is-mobile > .column.is-12 { width: 100%; flex: none; } .columns.is-mobile > .column.is-offset-12 { margin-left: 100%; } @media (max-width: 768px) { .column.is-narrow-mobile { flex: none; width: auto; } .column.is-full-mobile { width: 100%; flex: none; } .column.is-three-quarters-mobile { width: 75%; flex: none; } .column.is-two-thirds-mobile { width: 66.6666%; flex: none; } .column.is-half-mobile { width: 50%; flex: none; } .column.is-one-third-mobile { width: 33.3333%; flex: none; } .column.is-one-quarter-mobile { width: 25%; flex: none; } .column.is-one-fifth-mobile { width: 20%; flex: none; } .column.is-two-fifths-mobile { width: 40%; flex: none; } .column.is-three-fifths-mobile { width: 60%; flex: none; } .column.is-four-fifths-mobile { width: 80%; flex: none; } .column.is-offset-three-quarters-mobile { margin-left: 75%; } .column.is-offset-two-thirds-mobile { margin-left: 66.6666%; } .column.is-offset-half-mobile { margin-left: 50%; } .column.is-offset-one-third-mobile { margin-left: 33.3333%; } .column.is-offset-one-quarter-mobile { margin-left: 25%; } .column.is-offset-one-fifth-mobile { margin-left: 20%; } .column.is-offset-two-fifths-mobile { margin-left: 40%; } .column.is-offset-three-fifths-mobile { margin-left: 60%; } .column.is-offset-four-fifths-mobile { margin-left: 80%; } .column.is-0-mobile { width: 0%; flex: none; } .column.is-offset-0-mobile { margin-left: 0%; } .column.is-1-mobile { width: 8.3333333333%; flex: none; } .column.is-offset-1-mobile { margin-left: 8.3333333333%; } .column.is-2-mobile { width: 16.6666666667%; flex: none; } .column.is-offset-2-mobile { margin-left: 16.6666666667%; } .column.is-3-mobile { width: 25%; flex: none; } .column.is-offset-3-mobile { margin-left: 25%; } .column.is-4-mobile { width: 33.3333333333%; flex: none; } .column.is-offset-4-mobile { margin-left: 33.3333333333%; } .column.is-5-mobile { width: 41.6666666667%; flex: none; } .column.is-offset-5-mobile { margin-left: 41.6666666667%; } .column.is-6-mobile { width: 50%; flex: none; } .column.is-offset-6-mobile { margin-left: 50%; } .column.is-7-mobile { width: 58.3333333333%; flex: none; } .column.is-offset-7-mobile { margin-left: 58.3333333333%; } .column.is-8-mobile { width: 66.6666666667%; flex: none; } .column.is-offset-8-mobile { margin-left: 66.6666666667%; } .column.is-9-mobile { width: 75%; flex: none; } .column.is-offset-9-mobile { margin-left: 75%; } .column.is-10-mobile { width: 83.3333333333%; flex: none; } .column.is-offset-10-mobile { margin-left: 83.3333333333%; } .column.is-11-mobile { width: 91.6666666667%; flex: none; } .column.is-offset-11-mobile { margin-left: 91.6666666667%; } .column.is-12-mobile { width: 100%; flex: none; } .column.is-offset-12-mobile { margin-left: 100%; } } @media (min-width: 768px) { .column.is-narrow- { flex: none; width: auto; } .column.is-full- { width: 100%; flex: none; } .column.is-three-quarters- { width: 75%; flex: none; } .column.is-two-thirds- { width: 66.6666%; flex: none; } .column.is-half- { width: 50%; flex: none; } .column.is-one-third- { width: 33.3333%; flex: none; } .column.is-one-quarter- { width: 25%; flex: none; } .column.is-one-fifth- { width: 20%; flex: none; } .column.is-two-fifths- { width: 40%; flex: none; } .column.is-three-fifths- { width: 60%; flex: none; } .column.is-four-fifths- { width: 80%; flex: none; } .column.is-offset-three-quarters- { margin-left: 75%; } .column.is-offset-two-thirds- { margin-left: 66.6666%; } .column.is-offset-half- { margin-left: 50%; } .column.is-offset-one-third- { margin-left: 33.3333%; } .column.is-offset-one-quarter- { margin-left: 25%; } .column.is-offset-one-fifth- { margin-left: 20%; } .column.is-offset-two-fifths- { margin-left: 40%; } .column.is-offset-three-fifths- { margin-left: 60%; } .column.is-offset-four-fifths- { margin-left: 80%; } .column.is-0- { width: 0%; flex: none; } .column.is-offset-0- { margin-left: 0%; } .column.is-1- { width: 8.3333333333%; flex: none; } .column.is-offset-1- { margin-left: 8.3333333333%; } .column.is-2- { width: 16.6666666667%; flex: none; } .column.is-offset-2- { margin-left: 16.6666666667%; } .column.is-3- { width: 25%; flex: none; } .column.is-offset-3- { margin-left: 25%; } .column.is-4- { width: 33.3333333333%; flex: none; } .column.is-offset-4- { margin-left: 33.3333333333%; } .column.is-5- { width: 41.6666666667%; flex: none; } .column.is-offset-5- { margin-left: 41.6666666667%; } .column.is-6- { width: 50%; flex: none; } .column.is-offset-6- { margin-left: 50%; } .column.is-7- { width: 58.3333333333%; flex: none; } .column.is-offset-7- { margin-left: 58.3333333333%; } .column.is-8- { width: 66.6666666667%; flex: none; } .column.is-offset-8- { margin-left: 66.6666666667%; } .column.is-9- { width: 75%; flex: none; } .column.is-offset-9- { margin-left: 75%; } .column.is-10- { width: 83.3333333333%; flex: none; } .column.is-offset-10- { margin-left: 83.3333333333%; } .column.is-11- { width: 91.6666666667%; flex: none; } .column.is-offset-11- { margin-left: 91.6666666667%; } .column.is-12- { width: 100%; flex: none; } .column.is-offset-12- { margin-left: 100%; } } @media (min-width: 768px) { .column.is-narrow-tablet { flex: none; width: auto; } .column.is-full-tablet { width: 100%; flex: none; } .column.is-three-quarters-tablet { width: 75%; flex: none; } .column.is-two-thirds-tablet { width: 66.6666%; flex: none; } .column.is-half-tablet { width: 50%; flex: none; } .column.is-one-third-tablet { width: 33.3333%; flex: none; } .column.is-one-quarter-tablet { width: 25%; flex: none; } .column.is-one-fifth-tablet { width: 20%; flex: none; } .column.is-two-fifths-tablet { width: 40%; flex: none; } .column.is-three-fifths-tablet { width: 60%; flex: none; } .column.is-four-fifths-tablet { width: 80%; flex: none; } .column.is-offset-three-quarters-tablet { margin-left: 75%; } .column.is-offset-two-thirds-tablet { margin-left: 66.6666%; } .column.is-offset-half-tablet { margin-left: 50%; } .column.is-offset-one-third-tablet { margin-left: 33.3333%; } .column.is-offset-one-quarter-tablet { margin-left: 25%; } .column.is-offset-one-fifth-tablet { margin-left: 20%; } .column.is-offset-two-fifths-tablet { margin-left: 40%; } .column.is-offset-three-fifths-tablet { margin-left: 60%; } .column.is-offset-four-fifths-tablet { margin-left: 80%; } .column.is-0-tablet { width: 0%; flex: none; } .column.is-offset-0-tablet { margin-left: 0%; } .column.is-1-tablet { width: 8.3333333333%; flex: none; } .column.is-offset-1-tablet { margin-left: 8.3333333333%; } .column.is-2-tablet { width: 16.6666666667%; flex: none; } .column.is-offset-2-tablet { margin-left: 16.6666666667%; } .column.is-3-tablet { width: 25%; flex: none; } .column.is-offset-3-tablet { margin-left: 25%; } .column.is-4-tablet { width: 33.3333333333%; flex: none; } .column.is-offset-4-tablet { margin-left: 33.3333333333%; } .column.is-5-tablet { width: 41.6666666667%; flex: none; } .column.is-offset-5-tablet { margin-left: 41.6666666667%; } .column.is-6-tablet { width: 50%; flex: none; } .column.is-offset-6-tablet { margin-left: 50%; } .column.is-7-tablet { width: 58.3333333333%; flex: none; } .column.is-offset-7-tablet { margin-left: 58.3333333333%; } .column.is-8-tablet { width: 66.6666666667%; flex: none; } .column.is-offset-8-tablet { margin-left: 66.6666666667%; } .column.is-9-tablet { width: 75%; flex: none; } .column.is-offset-9-tablet { margin-left: 75%; } .column.is-10-tablet { width: 83.3333333333%; flex: none; } .column.is-offset-10-tablet { margin-left: 83.3333333333%; } .column.is-11-tablet { width: 91.6666666667%; flex: none; } .column.is-offset-11-tablet { margin-left: 91.6666666667%; } .column.is-12-tablet { width: 100%; flex: none; } .column.is-offset-12-tablet { margin-left: 100%; } } @media (min-width: 1024px) { .column.is-narrow-desktop { flex: none; width: auto; } .column.is-full-desktop { width: 100%; flex: none; } .column.is-three-quarters-desktop { width: 75%; flex: none; } .column.is-two-thirds-desktop { width: 66.6666%; flex: none; } .column.is-half-desktop { width: 50%; flex: none; } .column.is-one-third-desktop { width: 33.3333%; flex: none; } .column.is-one-quarter-desktop { width: 25%; flex: none; } .column.is-one-fifth-desktop { width: 20%; flex: none; } .column.is-two-fifths-desktop { width: 40%; flex: none; } .column.is-three-fifths-desktop { width: 60%; flex: none; } .column.is-four-fifths-desktop { width: 80%; flex: none; } .column.is-offset-three-quarters-desktop { margin-left: 75%; } .column.is-offset-two-thirds-desktop { margin-left: 66.6666%; } .column.is-offset-half-desktop { margin-left: 50%; } .column.is-offset-one-third-desktop { margin-left: 33.3333%; } .column.is-offset-one-quarter-desktop { margin-left: 25%; } .column.is-offset-one-fifth-desktop { margin-left: 20%; } .column.is-offset-two-fifths-desktop { margin-left: 40%; } .column.is-offset-three-fifths-desktop { margin-left: 60%; } .column.is-offset-four-fifths-desktop { margin-left: 80%; } .column.is-0-desktop { width: 0%; flex: none; } .column.is-offset-0-desktop { margin-left: 0%; } .column.is-1-desktop { width: 8.3333333333%; flex: none; } .column.is-offset-1-desktop { margin-left: 8.3333333333%; } .column.is-2-desktop { width: 16.6666666667%; flex: none; } .column.is-offset-2-desktop { margin-left: 16.6666666667%; } .column.is-3-desktop { width: 25%; flex: none; } .column.is-offset-3-desktop { margin-left: 25%; } .column.is-4-desktop { width: 33.3333333333%; flex: none; } .column.is-offset-4-desktop { margin-left: 33.3333333333%; } .column.is-5-desktop { width: 41.6666666667%; flex: none; } .column.is-offset-5-desktop { margin-left: 41.6666666667%; } .column.is-6-desktop { width: 50%; flex: none; } .column.is-offset-6-desktop { margin-left: 50%; } .column.is-7-desktop { width: 58.3333333333%; flex: none; } .column.is-offset-7-desktop { margin-left: 58.3333333333%; } .column.is-8-desktop { width: 66.6666666667%; flex: none; } .column.is-offset-8-desktop { margin-left: 66.6666666667%; } .column.is-9-desktop { width: 75%; flex: none; } .column.is-offset-9-desktop { margin-left: 75%; } .column.is-10-desktop { width: 83.3333333333%; flex: none; } .column.is-offset-10-desktop { margin-left: 83.3333333333%; } .column.is-11-desktop { width: 91.6666666667%; flex: none; } .column.is-offset-11-desktop { margin-left: 91.6666666667%; } .column.is-12-desktop { width: 100%; flex: none; } .column.is-offset-12-desktop { margin-left: 100%; } } @media (min-width: 1440px) { .column.is-narrow-widescreen { flex: none; width: auto; } .column.is-full-widescreen { width: 100%; flex: none; } .column.is-three-quarters-widescreen { width: 75%; flex: none; } .column.is-two-thirds-widescreen { width: 66.6666%; flex: none; } .column.is-half-widescreen { width: 50%; flex: none; } .column.is-one-third-widescreen { width: 33.3333%; flex: none; } .column.is-one-quarter-widescreen { width: 25%; flex: none; } .column.is-one-fifth-widescreen { width: 20%; flex: none; } .column.is-two-fifths-widescreen { width: 40%; flex: none; } .column.is-three-fifths-widescreen { width: 60%; flex: none; } .column.is-four-fifths-widescreen { width: 80%; flex: none; } .column.is-offset-three-quarters-widescreen { margin-left: 75%; } .column.is-offset-two-thirds-widescreen { margin-left: 66.6666%; } .column.is-offset-half-widescreen { margin-left: 50%; } .column.is-offset-one-third-widescreen { margin-left: 33.3333%; } .column.is-offset-one-quarter-widescreen { margin-left: 25%; } .column.is-offset-one-fifth-widescreen { margin-left: 20%; } .column.is-offset-two-fifths-widescreen { margin-left: 40%; } .column.is-offset-three-fifths-widescreen { margin-left: 60%; } .column.is-offset-four-fifths-widescreen { margin-left: 80%; } .column.is-0-widescreen { width: 0%; flex: none; } .column.is-offset-0-widescreen { margin-left: 0%; } .column.is-1-widescreen { width: 8.3333333333%; flex: none; } .column.is-offset-1-widescreen { margin-left: 8.3333333333%; } .column.is-2-widescreen { width: 16.6666666667%; flex: none; } .column.is-offset-2-widescreen { margin-left: 16.6666666667%; } .column.is-3-widescreen { width: 25%; flex: none; } .column.is-offset-3-widescreen { margin-left: 25%; } .column.is-4-widescreen { width: 33.3333333333%; flex: none; } .column.is-offset-4-widescreen { margin-left: 33.3333333333%; } .column.is-5-widescreen { width: 41.6666666667%; flex: none; } .column.is-offset-5-widescreen { margin-left: 41.6666666667%; } .column.is-6-widescreen { width: 50%; flex: none; } .column.is-offset-6-widescreen { margin-left: 50%; } .column.is-7-widescreen { width: 58.3333333333%; flex: none; } .column.is-offset-7-widescreen { margin-left: 58.3333333333%; } .column.is-8-widescreen { width: 66.6666666667%; flex: none; } .column.is-offset-8-widescreen { margin-left: 66.6666666667%; } .column.is-9-widescreen { width: 75%; flex: none; } .column.is-offset-9-widescreen { margin-left: 75%; } .column.is-10-widescreen { width: 83.3333333333%; flex: none; } .column.is-offset-10-widescreen { margin-left: 83.3333333333%; } .column.is-11-widescreen { width: 91.6666666667%; flex: none; } .column.is-offset-11-widescreen { margin-left: 91.6666666667%; } .column.is-12-widescreen { width: 100%; flex: none; } .column.is-offset-12-widescreen { margin-left: 100%; } } .columns.is-variable { --columnGap: $column-gap; margin-left: calc(-1 * var(--columnGap)); margin-right: calc(-1 * var(--columnGap)); margin-top: calc(-1 * var(--columnGap)); } .columns.is-variable .column { padding: var(--columnGap); } @media (max-width: 768px) { .columns.is-variable.is-0-mobile { --columnGap: 0rem; } .columns.is-variable.is-1-mobile { --columnGap: 0.3rem; } .columns.is-variable.is-2-mobile { --columnGap: 0.6rem; } .columns.is-variable.is-3-mobile { --columnGap: 0.9rem; } .columns.is-variable.is-4-mobile { --columnGap: 1.2rem; } .columns.is-variable.is-5-mobile { --columnGap: 1.5rem; } .columns.is-variable.is-6-mobile { --columnGap: 1.8rem; } .columns.is-variable.is-7-mobile { --columnGap: 2.1rem; } .columns.is-variable.is-8-mobile { --columnGap: 2.4rem; } } @media (min-width: 768px) { .columns.is-variable.is-0- { --columnGap: 0rem; } .columns.is-variable.is-1- { --columnGap: 0.3rem; } .columns.is-variable.is-2- { --columnGap: 0.6rem; } .columns.is-variable.is-3- { --columnGap: 0.9rem; } .columns.is-variable.is-4- { --columnGap: 1.2rem; } .columns.is-variable.is-5- { --columnGap: 1.5rem; } .columns.is-variable.is-6- { --columnGap: 1.8rem; } .columns.is-variable.is-7- { --columnGap: 2.1rem; } .columns.is-variable.is-8- { --columnGap: 2.4rem; } } @media (min-width: 768px) { .columns.is-variable.is-0-tablet { --columnGap: 0rem; } .columns.is-variable.is-1-tablet { --columnGap: 0.3rem; } .columns.is-variable.is-2-tablet { --columnGap: 0.6rem; } .columns.is-variable.is-3-tablet { --columnGap: 0.9rem; } .columns.is-variable.is-4-tablet { --columnGap: 1.2rem; } .columns.is-variable.is-5-tablet { --columnGap: 1.5rem; } .columns.is-variable.is-6-tablet { --columnGap: 1.8rem; } .columns.is-variable.is-7-tablet { --columnGap: 2.1rem; } .columns.is-variable.is-8-tablet { --columnGap: 2.4rem; } } @media (min-width: 1024px) { .columns.is-variable.is-0-desktop { --columnGap: 0rem; } .columns.is-variable.is-1-desktop { --columnGap: 0.3rem; } .columns.is-variable.is-2-desktop { --columnGap: 0.6rem; } .columns.is-variable.is-3-desktop { --columnGap: 0.9rem; } .columns.is-variable.is-4-desktop { --columnGap: 1.2rem; } .columns.is-variable.is-5-desktop { --columnGap: 1.5rem; } .columns.is-variable.is-6-desktop { --columnGap: 1.8rem; } .columns.is-variable.is-7-desktop { --columnGap: 2.1rem; } .columns.is-variable.is-8-desktop { --columnGap: 2.4rem; } } @media (min-width: 1440px) { .columns.is-variable.is-0-widescreen { --columnGap: 0rem; } .columns.is-variable.is-1-widescreen { --columnGap: 0.3rem; } .columns.is-variable.is-2-widescreen { --columnGap: 0.6rem; } .columns.is-variable.is-3-widescreen { --columnGap: 0.9rem; } .columns.is-variable.is-4-widescreen { --columnGap: 1.2rem; } .columns.is-variable.is-5-widescreen { --columnGap: 1.5rem; } .columns.is-variable.is-6-widescreen { --columnGap: 1.8rem; } .columns.is-variable.is-7-widescreen { --columnGap: 2.1rem; } .columns.is-variable.is-8-widescreen { --columnGap: 2.4rem; } } .wrapper { margin: 0 auto; max-width: 1440px; width: 93%; } @media (min-width: 1024px) { .wrapper { width: 95%; } } @media (min-width: 1440px) { .wrapper { width: 85%; } } .wrapper.is-small { max-width: 1200px; } .wrapper.is-flex { display: flex; } .wrapper.is-v-aligned { align-items: center; } @media (max-width: 768px) { .wrapper.is-mobile { max-width: 1440px; width: 93%; } } @media (max-width: 768px) { .wrapper.is-not-mobile { max-width: none; width: 100%; } } @media (min-width: 768px) { .wrapper.is- { max-width: 1440px; width: 93%; } } @media (min-width: 768px) { .wrapper.is-not- { max-width: none; width: 100%; } } @media (min-width: 768px) { .wrapper.is-tablet { max-width: 1440px; width: 93%; } } @media (min-width: 768px) { .wrapper.is-not-tablet { max-width: none; width: 100%; } } @media (min-width: 1024px) { .wrapper.is-desktop { max-width: 1440px; width: 93%; } } @media (min-width: 1024px) { .wrapper.is-not-desktop { max-width: none; width: 100%; } } @media (min-width: 1440px) { .wrapper.is-widescreen { max-width: 1440px; width: 93%; } } @media (min-width: 1440px) { .wrapper.is-not-widescreen { max-width: none; width: 100%; } } /*************** * Keyframes * ***************/ @keyframes blurryShape { 0% { background-color: #80FFD5; } 33% { transform: scale(0.6); } 50% { background-color: #9CADFF; } 66% { transform: scale(1.4); } 100% { background-color: #80FFD5; } } @keyframes blurryShapeAlt { 0% { background-color: #9CADFF; } 33% { transform: scale(0.6); } 50% { background-color: #80FFD5; } 66% { transform: scale(1.4); } 100% { background-color: #9CADFF; } } /*************** * Main * ***************/ html { font-size: 62.5%; scroll-behavior: smooth; } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: #fff; font: 400 14px "Noto Sans", sans-serif; height: 100%; margin: 0; background-color: #060C2E; overflow-x: hidden; } @media (min-width: 1024px) { body { font: 400 16px "Noto Sans", sans-serif; } } body.is-overflow-h { overflow: hidden; } img { max-width: 100%; vertical-align: bottom; } a { color: #9F9F9F; text-decoration: none; } pre { background-color: #fff !important; } .entry-builder { position: relative; } .entry-builder__block:first-of-type { margin-top: 0; } .entry-builder .channel-builder__block:first-of-type { margin-top: 0; } .entry-builder .content-block { margin: 100px 0; } @media (min-width: 1024px) { .entry-builder .content-block { margin: 200px 0; } } .entry-builder > .blurry-shape { z-index: -1; } @media (min-width: 1024px) { .entry-builder--home > .blurry-shape:nth-of-type(1) { top: 200px; right: 0; } .entry-builder--home > .blurry-shape:nth-of-type(2) { top: 1400px; left: 0; } .entry-builder--home > .blurry-shape:nth-of-type(3) { bottom: 2000px; right: 300px; } } .entry-builder--contact { margin-top: 50px; } @media (min-width: 1024px) { .entry-builder--contact { margin-top: 200px; } } .channel-builder__author { margin-top: 50px; } @media (min-width: 1024px) { .channel-builder__author { margin-top: 80px; } } .channel-builder__author .wrapper { display: flex; align-items: center; border-top: 2px solid #333854; padding-top: 30px; } @media (min-width: 1024px) { .channel-builder__author .wrapper { padding-top: 50px; } } .channel-builder__author-headshot { width: 54px; height: 54px; position: relative; overflow: hidden; border-radius: 50%; border: 2px solid #fff; margin: 0 15px 0 0; } .channel-builder__block .wysiwyg iframe { display: flex; align-items: center; justify-content: center; } .tag { background-color: #fff; border-radius: 6px; padding: 6px 8px; font-size: 14px; color: #060C2E; font-weight: bold; font-family: "Urbanist", sans-serif; display: inline-flex; align-items: center; line-height: 1; white-space: nowrap; } .tag:before { content: ""; width: 6px; height: 6px; display: inline-block; border-radius: 50%; background-color: #80FFD5; margin: 0 5px 0 0; } .tag--electric:before, .tag--course:before { background-color: #9CADFF; } .tag--no-dot:before { display: none; } .tag--dark { border: 2px solid #333854; background-color: #1E2442; color: #fff; } .tag--dark:before { display: none; } .tag--dark i { margin: 0 4px 0 0; color: #80FFD5; font-size: 12px; } .tag--neon-outline { border: 2px solid #80FFD5; } .pill { border-radius: 25px; padding: 3px 12px; font-weight: 600; font-family: "Urbanist", sans-serif; display: inline-flex; align-items: center; border: 1px solid #80FFD5; transition: all 0.2s ease; white-space: nowrap; } .pill--large { padding: 5px 18px; } .pill.is-active { background-color: #80FFD5; color: #060C2E; } a.pill:hover { border-color: rgba(128, 255, 213, 0.5); background-color: rgba(128, 255, 213, 0.5); color: #fff; } .blurry-shape { width: 170px; height: 170px; position: absolute; border-radius: 50%; filter: blur(70px); background-color: #80FFD5; pointer-events: none; animation: blurryShape 12s ease infinite; } @media (min-width: 1024px) { .blurry-shape { width: 295px; height: 295px; filter: blur(150px); } } .blurry-shape--neon { background-color: #80FFD5; } .blurry-shape--electric { background-color: #9CADFF; animation: blurryShapeAlt 18s ease infinite; } .list-with-dots, .wysiwyg ul { list-style: none; padding: 0; } .list-with-dots li, .wysiwyg ul li { display: flex; align-items: flex-start; } .list-with-dots li:before, .wysiwyg ul li:before { min-width: 10px; height: 10px; border-radius: 50%; background-color: #80FFD5; content: ""; margin: 7px 12px 0 0; } .related-entries { margin: 50px 0 100px 0; } @media (min-width: 1024px) { .related-entries { margin: 150px 0 200px 0; } } .related-entries__intro { margin: 0 0 40px 0; text-align: center; } .count { background-color: #333854; padding: 4px 9px; border-radius: 11px; line-height: 1; color: #fff; font-size: 12px; } @media (min-width: 1024px) { .count { font-size: 14px; border-radius: 15px; } } .swiper-pagination-bullets { display: flex; justify-content: center; margin: 25px 0 0 0; } .swiper-pagination-bullets .swiper-pagination-bullet { background-color: #333854; opacity: 1; transition: all 0.2s ease; width: 10px; height: 10px; } .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #80FFD5; } .error-page { height: 70vh; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; overflow: hidden; } .error-page .btn, .error-page form button, form .error-page button, .error-page .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .error-page .cc-f-btn { margin: 50px 0 0 0; } .error-page .blurry-shape { top: 100px; left: 0; } .error-page .blurry-shape--electric { top: unset; left: unset; bottom: 0; right: 0; } .line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .blackout-trigger { cursor: pointer; } .blackout { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; background: rgba(30, 36, 66, 0.9); display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; opacity: 0; visibility: hidden; } .blackout .video-container { max-width: 1440px; width: 90%; } .blackout .ri-close-line { position: absolute; top: 10px; right: 10px; font-size: 30px; color: #fff; cursor: pointer; } @media (min-width: 1024px) { .blackout .ri-close-line { top: 40px; right: 40px; font-size: 60px; } } .blackout.is-active { opacity: 1; visibility: visible; } .grecaptcha-badge { visibility: hidden !important; } /*************** * Browser * ***************/ *, *:after, *:before { -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; box-sizing: border-box; font-smoothing: antialiased; text-rendering: optimizeLegibility; } html { height: 100%; margin: 0; } button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; } xmp { display: inline; margin: 0; } a:focus { outline: 0; } a:hover, a:active { outline: 0; } figure { margin: 30px 0; } @media (max-width: 768px) { figure { margin: 40px 0; } } /*************** * Typography * ***************/ h1, h2, h3, h4, h5, h6 { font-weight: 700; font-family: "Urbanist", sans-serif; color: #fff; margin: 0 0 14px 0; line-height: 1.2; } .xl-title, h1 { font-size: 35px; } @media (min-width: 1024px) { .xl-title, h1 { font-size: 60px; } } @media (min-width: 1100px) { .xl-title, h1 { font-size: 70px; } } .lg-title, h2 { font-size: 30px; } @media (min-width: 1024px) { .lg-title, h2 { font-size: 45px; } } @media (min-width: 1100px) { .lg-title, h2 { font-size: 60px; } } .md-title, h3 { font-size: 30px; } @media (min-width: 1024px) { .md-title, h3 { font-size: 36px; } } @media (min-width: 1100px) { .md-title, h3 { font-size: 50px; } } .sm-title, h4 { font-size: 20px; line-height: 1.4; } @media (min-width: 1024px) { .sm-title, h4 { font-size: 30px; } } .xs-title, h5 { font-size: 16px; line-height: 1.5; } @media (min-width: 1024px) { .xs-title, h5 { font-size: 25px; } } .xxs-title, h6 { font-size: 20px; } .heading-font { font-family: "Urbanist", sans-serif; } .site-font { font-family: "Noto Sans", sans-serif; } p, ol, ul, li, a { font-size: 16px; font-size: 14px; line-height: 1.6; color: #fff; margin: 0 0 15px 0; } p:first-of-type, ol:first-of-type, ul:first-of-type, li:first-of-type, a:first-of-type { margin-top: 0; } @media (min-width: 1024px) { p, ol, ul, li, a { font-size: 16px; } } p a { font-size: inherit; color: inherit; line-height: inherit; } a { margin: 0; } a:hover { text-decoration: none; } .wysiwyg--m-0 * { margin: 0; } .wysiwyg * { color: #EBEBEB; } .wysiwyg p:not(.text-xxl):not(.text-xl):not(.text-lg):not(.text-md):not(.text-sm):not(.text-xs) { font-size: inherit; } .wysiwyg p:not(.text-xxl):not(.text-xl):not(.text-lg):not(.text-md):not(.text-sm):not(.text-xs):last-child { margin: 0; } .wysiwyg img { border-radius: 15px; overflow: hidden; } @media (max-width: 768px) { .wysiwyg iframe { width: 100% !important; } } mark { background-color: transparent; color: #80FFD5; font-weight: bold; } /* Colours */ .text-black { color: #000; } .text-white { color: #fff; } .text-grey { color: #9F9F9F; } .text-neon { color: #80FFD5; } .text-deep-space { color: #060C2E; } .text-ink { color: #353246; } .text-electric { color: #9CADFF; } .text-dust { color: #EBEBEB; } .text-starlight { color: #333854; } .text-nebula { color: #1E2442; } .bg-black { background-color: #000; } .bg-white { background-color: #fff; } .bg-grey { background-color: #9F9F9F; } .bg-neon { background-color: #80FFD5; } .bg-deep-space { background-color: #060C2E; } .bg-ink { background-color: #353246; } .bg-electric { background-color: #9CADFF; } .bg-dust { background-color: #EBEBEB; } .bg-starlight { background-color: #333854; } .bg-nebula { background-color: #1E2442; } /* Direction */ @media (max-width: 768px) { .is-flipped-v-mobile else { flex-direction: column-reverse; } } @media (min-width: 768px) { .is-flipped-v- else { flex-direction: column-reverse; } } @media (min-width: 768px) { .is-flipped-v-tablet else { flex-direction: column-reverse; } } @media (min-width: 1024px) { .is-flipped-v-desktop else { flex-direction: column-reverse; } } @media (min-width: 1440px) { .is-flipped-v-widescreen else { flex-direction: column-reverse; } } @media (max-width: 768px) { .is-flipped-h-mobile { flex-direction: row-reverse; } .is-flipped-h-mobile else { flex-direction: column-reverse; } } @media (min-width: 768px) { .is-flipped-h- { flex-direction: row-reverse; } .is-flipped-h- else { flex-direction: column-reverse; } } @media (min-width: 768px) { .is-flipped-h-tablet { flex-direction: row-reverse; } .is-flipped-h-tablet else { flex-direction: column-reverse; } } @media (min-width: 1024px) { .is-flipped-h-desktop { flex-direction: row-reverse; } .is-flipped-h-desktop else { flex-direction: column-reverse; } } @media (min-width: 1440px) { .is-flipped-h-widescreen { flex-direction: row-reverse; } .is-flipped-h-widescreen else { flex-direction: column-reverse; } } .mb-0 { margin-bottom: 0; } .mt-0 { margin-top: 0; } .m-0 { margin: 0; } .text-xxs { font-size: 10px; } .text-xs { font-size: 12px; } .text-sm { font-size: 14px; } .text-md { font-size: 16px; } .text-lg { font-size: 18px; } .text-xl { font-size: 20px; } .text-xxl { font-size: 22px; } .weight-bold { font-weight: 700; } .weight-normal { font-weight: 400; } @media (max-width: 768px) { .mt-0-mobile { margin-top: 0rem; } .mb-0-mobile { margin-bottom: 0rem; } .ml-0-mobile { margin-left: 0rem; } .mr-0-mobile { margin-right: 0rem; } .pt-0-mobile { padding-top: 0rem; } .pb-0-mobile { padding-bottom: 0rem; } .pl-0-mobile { padding-left: 0rem; } .pr-0-mobile { padding-right: 0rem; } .mt-1-mobile { margin-top: 0.25rem; } .mb-1-mobile { margin-bottom: 0.25rem; } .ml-1-mobile { margin-left: 0.25rem; } .mr-1-mobile { margin-right: 0.25rem; } .pt-1-mobile { padding-top: 0.25rem; } .pb-1-mobile { padding-bottom: 0.25rem; } .pl-1-mobile { padding-left: 0.25rem; } .pr-1-mobile { padding-right: 0.25rem; } .mt-2-mobile { margin-top: 0.5rem; } .mb-2-mobile { margin-bottom: 0.5rem; } .ml-2-mobile { margin-left: 0.5rem; } .mr-2-mobile { margin-right: 0.5rem; } .pt-2-mobile { padding-top: 0.5rem; } .pb-2-mobile { padding-bottom: 0.5rem; } .pl-2-mobile { padding-left: 0.5rem; } .pr-2-mobile { padding-right: 0.5rem; } .mt-3-mobile { margin-top: 0.75rem; } .mb-3-mobile { margin-bottom: 0.75rem; } .ml-3-mobile { margin-left: 0.75rem; } .mr-3-mobile { margin-right: 0.75rem; } .pt-3-mobile { padding-top: 0.75rem; } .pb-3-mobile { padding-bottom: 0.75rem; } .pl-3-mobile { padding-left: 0.75rem; } .pr-3-mobile { padding-right: 0.75rem; } .mt-4-mobile { margin-top: 1rem; } .mb-4-mobile { margin-bottom: 1rem; } .ml-4-mobile { margin-left: 1rem; } .mr-4-mobile { margin-right: 1rem; } .pt-4-mobile { padding-top: 1rem; } .pb-4-mobile { padding-bottom: 1rem; } .pl-4-mobile { padding-left: 1rem; } .pr-4-mobile { padding-right: 1rem; } .mt-5-mobile { margin-top: 1.25rem; } .mb-5-mobile { margin-bottom: 1.25rem; } .ml-5-mobile { margin-left: 1.25rem; } .mr-5-mobile { margin-right: 1.25rem; } .pt-5-mobile { padding-top: 1.25rem; } .pb-5-mobile { padding-bottom: 1.25rem; } .pl-5-mobile { padding-left: 1.25rem; } .pr-5-mobile { padding-right: 1.25rem; } .mt-6-mobile { margin-top: 1.5rem; } .mb-6-mobile { margin-bottom: 1.5rem; } .ml-6-mobile { margin-left: 1.5rem; } .mr-6-mobile { margin-right: 1.5rem; } .pt-6-mobile { padding-top: 1.5rem; } .pb-6-mobile { padding-bottom: 1.5rem; } .pl-6-mobile { padding-left: 1.5rem; } .pr-6-mobile { padding-right: 1.5rem; } .mt-7-mobile { margin-top: 1.75rem; } .mb-7-mobile { margin-bottom: 1.75rem; } .ml-7-mobile { margin-left: 1.75rem; } .mr-7-mobile { margin-right: 1.75rem; } .pt-7-mobile { padding-top: 1.75rem; } .pb-7-mobile { padding-bottom: 1.75rem; } .pl-7-mobile { padding-left: 1.75rem; } .pr-7-mobile { padding-right: 1.75rem; } .mt-8-mobile { margin-top: 2rem; } .mb-8-mobile { margin-bottom: 2rem; } .ml-8-mobile { margin-left: 2rem; } .mr-8-mobile { margin-right: 2rem; } .pt-8-mobile { padding-top: 2rem; } .pb-8-mobile { padding-bottom: 2rem; } .pl-8-mobile { padding-left: 2rem; } .pr-8-mobile { padding-right: 2rem; } .mt-9-mobile { margin-top: 2.25rem; } .mb-9-mobile { margin-bottom: 2.25rem; } .ml-9-mobile { margin-left: 2.25rem; } .mr-9-mobile { margin-right: 2.25rem; } .pt-9-mobile { padding-top: 2.25rem; } .pb-9-mobile { padding-bottom: 2.25rem; } .pl-9-mobile { padding-left: 2.25rem; } .pr-9-mobile { padding-right: 2.25rem; } .mt-10-mobile { margin-top: 2.5rem; } .mb-10-mobile { margin-bottom: 2.5rem; } .ml-10-mobile { margin-left: 2.5rem; } .mr-10-mobile { margin-right: 2.5rem; } .pt-10-mobile { padding-top: 2.5rem; } .pb-10-mobile { padding-bottom: 2.5rem; } .pl-10-mobile { padding-left: 2.5rem; } .pr-10-mobile { padding-right: 2.5rem; } .mt-11-mobile { margin-top: 2.75rem; } .mb-11-mobile { margin-bottom: 2.75rem; } .ml-11-mobile { margin-left: 2.75rem; } .mr-11-mobile { margin-right: 2.75rem; } .pt-11-mobile { padding-top: 2.75rem; } .pb-11-mobile { padding-bottom: 2.75rem; } .pl-11-mobile { padding-left: 2.75rem; } .pr-11-mobile { padding-right: 2.75rem; } .mt-12-mobile { margin-top: 3rem; } .mb-12-mobile { margin-bottom: 3rem; } .ml-12-mobile { margin-left: 3rem; } .mr-12-mobile { margin-right: 3rem; } .pt-12-mobile { padding-top: 3rem; } .pb-12-mobile { padding-bottom: 3rem; } .pl-12-mobile { padding-left: 3rem; } .pr-12-mobile { padding-right: 3rem; } .mt-13-mobile { margin-top: 3.25rem; } .mb-13-mobile { margin-bottom: 3.25rem; } .ml-13-mobile { margin-left: 3.25rem; } .mr-13-mobile { margin-right: 3.25rem; } .pt-13-mobile { padding-top: 3.25rem; } .pb-13-mobile { padding-bottom: 3.25rem; } .pl-13-mobile { padding-left: 3.25rem; } .pr-13-mobile { padding-right: 3.25rem; } .mt-14-mobile { margin-top: 3.5rem; } .mb-14-mobile { margin-bottom: 3.5rem; } .ml-14-mobile { margin-left: 3.5rem; } .mr-14-mobile { margin-right: 3.5rem; } .pt-14-mobile { padding-top: 3.5rem; } .pb-14-mobile { padding-bottom: 3.5rem; } .pl-14-mobile { padding-left: 3.5rem; } .pr-14-mobile { padding-right: 3.5rem; } .mt-15-mobile { margin-top: 3.75rem; } .mb-15-mobile { margin-bottom: 3.75rem; } .ml-15-mobile { margin-left: 3.75rem; } .mr-15-mobile { margin-right: 3.75rem; } .pt-15-mobile { padding-top: 3.75rem; } .pb-15-mobile { padding-bottom: 3.75rem; } .pl-15-mobile { padding-left: 3.75rem; } .pr-15-mobile { padding-right: 3.75rem; } .mt-16-mobile { margin-top: 4rem; } .mb-16-mobile { margin-bottom: 4rem; } .ml-16-mobile { margin-left: 4rem; } .mr-16-mobile { margin-right: 4rem; } .pt-16-mobile { padding-top: 4rem; } .pb-16-mobile { padding-bottom: 4rem; } .pl-16-mobile { padding-left: 4rem; } .pr-16-mobile { padding-right: 4rem; } .mt-17-mobile { margin-top: 4.25rem; } .mb-17-mobile { margin-bottom: 4.25rem; } .ml-17-mobile { margin-left: 4.25rem; } .mr-17-mobile { margin-right: 4.25rem; } .pt-17-mobile { padding-top: 4.25rem; } .pb-17-mobile { padding-bottom: 4.25rem; } .pl-17-mobile { padding-left: 4.25rem; } .pr-17-mobile { padding-right: 4.25rem; } .mt-18-mobile { margin-top: 4.5rem; } .mb-18-mobile { margin-bottom: 4.5rem; } .ml-18-mobile { margin-left: 4.5rem; } .mr-18-mobile { margin-right: 4.5rem; } .pt-18-mobile { padding-top: 4.5rem; } .pb-18-mobile { padding-bottom: 4.5rem; } .pl-18-mobile { padding-left: 4.5rem; } .pr-18-mobile { padding-right: 4.5rem; } .mt-19-mobile { margin-top: 4.75rem; } .mb-19-mobile { margin-bottom: 4.75rem; } .ml-19-mobile { margin-left: 4.75rem; } .mr-19-mobile { margin-right: 4.75rem; } .pt-19-mobile { padding-top: 4.75rem; } .pb-19-mobile { padding-bottom: 4.75rem; } .pl-19-mobile { padding-left: 4.75rem; } .pr-19-mobile { padding-right: 4.75rem; } .mt-20-mobile { margin-top: 5rem; } .mb-20-mobile { margin-bottom: 5rem; } .ml-20-mobile { margin-left: 5rem; } .mr-20-mobile { margin-right: 5rem; } .pt-20-mobile { padding-top: 5rem; } .pb-20-mobile { padding-bottom: 5rem; } .pl-20-mobile { padding-left: 5rem; } .pr-20-mobile { padding-right: 5rem; } .text-xxs-mobile { font-size: 10px; } .text-xs-mobile { font-size: 12px; } .text-sm-mobile { font-size: 14px; } .text-md-mobile { font-size: 16px; } .text-lg-mobile { font-size: 18px; } .text-xl-mobile { font-size: 20px; } .text-xxl-mobile { font-size: 22px; } } @media (min-width: 768px) { .mt-0- { margin-top: 0rem; } .mb-0- { margin-bottom: 0rem; } .ml-0- { margin-left: 0rem; } .mr-0- { margin-right: 0rem; } .pt-0- { padding-top: 0rem; } .pb-0- { padding-bottom: 0rem; } .pl-0- { padding-left: 0rem; } .pr-0- { padding-right: 0rem; } .mt-1- { margin-top: 0.25rem; } .mb-1- { margin-bottom: 0.25rem; } .ml-1- { margin-left: 0.25rem; } .mr-1- { margin-right: 0.25rem; } .pt-1- { padding-top: 0.25rem; } .pb-1- { padding-bottom: 0.25rem; } .pl-1- { padding-left: 0.25rem; } .pr-1- { padding-right: 0.25rem; } .mt-2- { margin-top: 0.5rem; } .mb-2- { margin-bottom: 0.5rem; } .ml-2- { margin-left: 0.5rem; } .mr-2- { margin-right: 0.5rem; } .pt-2- { padding-top: 0.5rem; } .pb-2- { padding-bottom: 0.5rem; } .pl-2- { padding-left: 0.5rem; } .pr-2- { padding-right: 0.5rem; } .mt-3- { margin-top: 0.75rem; } .mb-3- { margin-bottom: 0.75rem; } .ml-3- { margin-left: 0.75rem; } .mr-3- { margin-right: 0.75rem; } .pt-3- { padding-top: 0.75rem; } .pb-3- { padding-bottom: 0.75rem; } .pl-3- { padding-left: 0.75rem; } .pr-3- { padding-right: 0.75rem; } .mt-4- { margin-top: 1rem; } .mb-4- { margin-bottom: 1rem; } .ml-4- { margin-left: 1rem; } .mr-4- { margin-right: 1rem; } .pt-4- { padding-top: 1rem; } .pb-4- { padding-bottom: 1rem; } .pl-4- { padding-left: 1rem; } .pr-4- { padding-right: 1rem; } .mt-5- { margin-top: 1.25rem; } .mb-5- { margin-bottom: 1.25rem; } .ml-5- { margin-left: 1.25rem; } .mr-5- { margin-right: 1.25rem; } .pt-5- { padding-top: 1.25rem; } .pb-5- { padding-bottom: 1.25rem; } .pl-5- { padding-left: 1.25rem; } .pr-5- { padding-right: 1.25rem; } .mt-6- { margin-top: 1.5rem; } .mb-6- { margin-bottom: 1.5rem; } .ml-6- { margin-left: 1.5rem; } .mr-6- { margin-right: 1.5rem; } .pt-6- { padding-top: 1.5rem; } .pb-6- { padding-bottom: 1.5rem; } .pl-6- { padding-left: 1.5rem; } .pr-6- { padding-right: 1.5rem; } .mt-7- { margin-top: 1.75rem; } .mb-7- { margin-bottom: 1.75rem; } .ml-7- { margin-left: 1.75rem; } .mr-7- { margin-right: 1.75rem; } .pt-7- { padding-top: 1.75rem; } .pb-7- { padding-bottom: 1.75rem; } .pl-7- { padding-left: 1.75rem; } .pr-7- { padding-right: 1.75rem; } .mt-8- { margin-top: 2rem; } .mb-8- { margin-bottom: 2rem; } .ml-8- { margin-left: 2rem; } .mr-8- { margin-right: 2rem; } .pt-8- { padding-top: 2rem; } .pb-8- { padding-bottom: 2rem; } .pl-8- { padding-left: 2rem; } .pr-8- { padding-right: 2rem; } .mt-9- { margin-top: 2.25rem; } .mb-9- { margin-bottom: 2.25rem; } .ml-9- { margin-left: 2.25rem; } .mr-9- { margin-right: 2.25rem; } .pt-9- { padding-top: 2.25rem; } .pb-9- { padding-bottom: 2.25rem; } .pl-9- { padding-left: 2.25rem; } .pr-9- { padding-right: 2.25rem; } .mt-10- { margin-top: 2.5rem; } .mb-10- { margin-bottom: 2.5rem; } .ml-10- { margin-left: 2.5rem; } .mr-10- { margin-right: 2.5rem; } .pt-10- { padding-top: 2.5rem; } .pb-10- { padding-bottom: 2.5rem; } .pl-10- { padding-left: 2.5rem; } .pr-10- { padding-right: 2.5rem; } .mt-11- { margin-top: 2.75rem; } .mb-11- { margin-bottom: 2.75rem; } .ml-11- { margin-left: 2.75rem; } .mr-11- { margin-right: 2.75rem; } .pt-11- { padding-top: 2.75rem; } .pb-11- { padding-bottom: 2.75rem; } .pl-11- { padding-left: 2.75rem; } .pr-11- { padding-right: 2.75rem; } .mt-12- { margin-top: 3rem; } .mb-12- { margin-bottom: 3rem; } .ml-12- { margin-left: 3rem; } .mr-12- { margin-right: 3rem; } .pt-12- { padding-top: 3rem; } .pb-12- { padding-bottom: 3rem; } .pl-12- { padding-left: 3rem; } .pr-12- { padding-right: 3rem; } .mt-13- { margin-top: 3.25rem; } .mb-13- { margin-bottom: 3.25rem; } .ml-13- { margin-left: 3.25rem; } .mr-13- { margin-right: 3.25rem; } .pt-13- { padding-top: 3.25rem; } .pb-13- { padding-bottom: 3.25rem; } .pl-13- { padding-left: 3.25rem; } .pr-13- { padding-right: 3.25rem; } .mt-14- { margin-top: 3.5rem; } .mb-14- { margin-bottom: 3.5rem; } .ml-14- { margin-left: 3.5rem; } .mr-14- { margin-right: 3.5rem; } .pt-14- { padding-top: 3.5rem; } .pb-14- { padding-bottom: 3.5rem; } .pl-14- { padding-left: 3.5rem; } .pr-14- { padding-right: 3.5rem; } .mt-15- { margin-top: 3.75rem; } .mb-15- { margin-bottom: 3.75rem; } .ml-15- { margin-left: 3.75rem; } .mr-15- { margin-right: 3.75rem; } .pt-15- { padding-top: 3.75rem; } .pb-15- { padding-bottom: 3.75rem; } .pl-15- { padding-left: 3.75rem; } .pr-15- { padding-right: 3.75rem; } .mt-16- { margin-top: 4rem; } .mb-16- { margin-bottom: 4rem; } .ml-16- { margin-left: 4rem; } .mr-16- { margin-right: 4rem; } .pt-16- { padding-top: 4rem; } .pb-16- { padding-bottom: 4rem; } .pl-16- { padding-left: 4rem; } .pr-16- { padding-right: 4rem; } .mt-17- { margin-top: 4.25rem; } .mb-17- { margin-bottom: 4.25rem; } .ml-17- { margin-left: 4.25rem; } .mr-17- { margin-right: 4.25rem; } .pt-17- { padding-top: 4.25rem; } .pb-17- { padding-bottom: 4.25rem; } .pl-17- { padding-left: 4.25rem; } .pr-17- { padding-right: 4.25rem; } .mt-18- { margin-top: 4.5rem; } .mb-18- { margin-bottom: 4.5rem; } .ml-18- { margin-left: 4.5rem; } .mr-18- { margin-right: 4.5rem; } .pt-18- { padding-top: 4.5rem; } .pb-18- { padding-bottom: 4.5rem; } .pl-18- { padding-left: 4.5rem; } .pr-18- { padding-right: 4.5rem; } .mt-19- { margin-top: 4.75rem; } .mb-19- { margin-bottom: 4.75rem; } .ml-19- { margin-left: 4.75rem; } .mr-19- { margin-right: 4.75rem; } .pt-19- { padding-top: 4.75rem; } .pb-19- { padding-bottom: 4.75rem; } .pl-19- { padding-left: 4.75rem; } .pr-19- { padding-right: 4.75rem; } .mt-20- { margin-top: 5rem; } .mb-20- { margin-bottom: 5rem; } .ml-20- { margin-left: 5rem; } .mr-20- { margin-right: 5rem; } .pt-20- { padding-top: 5rem; } .pb-20- { padding-bottom: 5rem; } .pl-20- { padding-left: 5rem; } .pr-20- { padding-right: 5rem; } .text-xxs- { font-size: 10px; } .text-xs- { font-size: 12px; } .text-sm- { font-size: 14px; } .text-md- { font-size: 16px; } .text-lg- { font-size: 18px; } .text-xl- { font-size: 20px; } .text-xxl- { font-size: 22px; } } @media (min-width: 768px) { .mt-0-tablet { margin-top: 0rem; } .mb-0-tablet { margin-bottom: 0rem; } .ml-0-tablet { margin-left: 0rem; } .mr-0-tablet { margin-right: 0rem; } .pt-0-tablet { padding-top: 0rem; } .pb-0-tablet { padding-bottom: 0rem; } .pl-0-tablet { padding-left: 0rem; } .pr-0-tablet { padding-right: 0rem; } .mt-1-tablet { margin-top: 0.25rem; } .mb-1-tablet { margin-bottom: 0.25rem; } .ml-1-tablet { margin-left: 0.25rem; } .mr-1-tablet { margin-right: 0.25rem; } .pt-1-tablet { padding-top: 0.25rem; } .pb-1-tablet { padding-bottom: 0.25rem; } .pl-1-tablet { padding-left: 0.25rem; } .pr-1-tablet { padding-right: 0.25rem; } .mt-2-tablet { margin-top: 0.5rem; } .mb-2-tablet { margin-bottom: 0.5rem; } .ml-2-tablet { margin-left: 0.5rem; } .mr-2-tablet { margin-right: 0.5rem; } .pt-2-tablet { padding-top: 0.5rem; } .pb-2-tablet { padding-bottom: 0.5rem; } .pl-2-tablet { padding-left: 0.5rem; } .pr-2-tablet { padding-right: 0.5rem; } .mt-3-tablet { margin-top: 0.75rem; } .mb-3-tablet { margin-bottom: 0.75rem; } .ml-3-tablet { margin-left: 0.75rem; } .mr-3-tablet { margin-right: 0.75rem; } .pt-3-tablet { padding-top: 0.75rem; } .pb-3-tablet { padding-bottom: 0.75rem; } .pl-3-tablet { padding-left: 0.75rem; } .pr-3-tablet { padding-right: 0.75rem; } .mt-4-tablet { margin-top: 1rem; } .mb-4-tablet { margin-bottom: 1rem; } .ml-4-tablet { margin-left: 1rem; } .mr-4-tablet { margin-right: 1rem; } .pt-4-tablet { padding-top: 1rem; } .pb-4-tablet { padding-bottom: 1rem; } .pl-4-tablet { padding-left: 1rem; } .pr-4-tablet { padding-right: 1rem; } .mt-5-tablet { margin-top: 1.25rem; } .mb-5-tablet { margin-bottom: 1.25rem; } .ml-5-tablet { margin-left: 1.25rem; } .mr-5-tablet { margin-right: 1.25rem; } .pt-5-tablet { padding-top: 1.25rem; } .pb-5-tablet { padding-bottom: 1.25rem; } .pl-5-tablet { padding-left: 1.25rem; } .pr-5-tablet { padding-right: 1.25rem; } .mt-6-tablet { margin-top: 1.5rem; } .mb-6-tablet { margin-bottom: 1.5rem; } .ml-6-tablet { margin-left: 1.5rem; } .mr-6-tablet { margin-right: 1.5rem; } .pt-6-tablet { padding-top: 1.5rem; } .pb-6-tablet { padding-bottom: 1.5rem; } .pl-6-tablet { padding-left: 1.5rem; } .pr-6-tablet { padding-right: 1.5rem; } .mt-7-tablet { margin-top: 1.75rem; } .mb-7-tablet { margin-bottom: 1.75rem; } .ml-7-tablet { margin-left: 1.75rem; } .mr-7-tablet { margin-right: 1.75rem; } .pt-7-tablet { padding-top: 1.75rem; } .pb-7-tablet { padding-bottom: 1.75rem; } .pl-7-tablet { padding-left: 1.75rem; } .pr-7-tablet { padding-right: 1.75rem; } .mt-8-tablet { margin-top: 2rem; } .mb-8-tablet { margin-bottom: 2rem; } .ml-8-tablet { margin-left: 2rem; } .mr-8-tablet { margin-right: 2rem; } .pt-8-tablet { padding-top: 2rem; } .pb-8-tablet { padding-bottom: 2rem; } .pl-8-tablet { padding-left: 2rem; } .pr-8-tablet { padding-right: 2rem; } .mt-9-tablet { margin-top: 2.25rem; } .mb-9-tablet { margin-bottom: 2.25rem; } .ml-9-tablet { margin-left: 2.25rem; } .mr-9-tablet { margin-right: 2.25rem; } .pt-9-tablet { padding-top: 2.25rem; } .pb-9-tablet { padding-bottom: 2.25rem; } .pl-9-tablet { padding-left: 2.25rem; } .pr-9-tablet { padding-right: 2.25rem; } .mt-10-tablet { margin-top: 2.5rem; } .mb-10-tablet { margin-bottom: 2.5rem; } .ml-10-tablet { margin-left: 2.5rem; } .mr-10-tablet { margin-right: 2.5rem; } .pt-10-tablet { padding-top: 2.5rem; } .pb-10-tablet { padding-bottom: 2.5rem; } .pl-10-tablet { padding-left: 2.5rem; } .pr-10-tablet { padding-right: 2.5rem; } .mt-11-tablet { margin-top: 2.75rem; } .mb-11-tablet { margin-bottom: 2.75rem; } .ml-11-tablet { margin-left: 2.75rem; } .mr-11-tablet { margin-right: 2.75rem; } .pt-11-tablet { padding-top: 2.75rem; } .pb-11-tablet { padding-bottom: 2.75rem; } .pl-11-tablet { padding-left: 2.75rem; } .pr-11-tablet { padding-right: 2.75rem; } .mt-12-tablet { margin-top: 3rem; } .mb-12-tablet { margin-bottom: 3rem; } .ml-12-tablet { margin-left: 3rem; } .mr-12-tablet { margin-right: 3rem; } .pt-12-tablet { padding-top: 3rem; } .pb-12-tablet { padding-bottom: 3rem; } .pl-12-tablet { padding-left: 3rem; } .pr-12-tablet { padding-right: 3rem; } .mt-13-tablet { margin-top: 3.25rem; } .mb-13-tablet { margin-bottom: 3.25rem; } .ml-13-tablet { margin-left: 3.25rem; } .mr-13-tablet { margin-right: 3.25rem; } .pt-13-tablet { padding-top: 3.25rem; } .pb-13-tablet { padding-bottom: 3.25rem; } .pl-13-tablet { padding-left: 3.25rem; } .pr-13-tablet { padding-right: 3.25rem; } .mt-14-tablet { margin-top: 3.5rem; } .mb-14-tablet { margin-bottom: 3.5rem; } .ml-14-tablet { margin-left: 3.5rem; } .mr-14-tablet { margin-right: 3.5rem; } .pt-14-tablet { padding-top: 3.5rem; } .pb-14-tablet { padding-bottom: 3.5rem; } .pl-14-tablet { padding-left: 3.5rem; } .pr-14-tablet { padding-right: 3.5rem; } .mt-15-tablet { margin-top: 3.75rem; } .mb-15-tablet { margin-bottom: 3.75rem; } .ml-15-tablet { margin-left: 3.75rem; } .mr-15-tablet { margin-right: 3.75rem; } .pt-15-tablet { padding-top: 3.75rem; } .pb-15-tablet { padding-bottom: 3.75rem; } .pl-15-tablet { padding-left: 3.75rem; } .pr-15-tablet { padding-right: 3.75rem; } .mt-16-tablet { margin-top: 4rem; } .mb-16-tablet { margin-bottom: 4rem; } .ml-16-tablet { margin-left: 4rem; } .mr-16-tablet { margin-right: 4rem; } .pt-16-tablet { padding-top: 4rem; } .pb-16-tablet { padding-bottom: 4rem; } .pl-16-tablet { padding-left: 4rem; } .pr-16-tablet { padding-right: 4rem; } .mt-17-tablet { margin-top: 4.25rem; } .mb-17-tablet { margin-bottom: 4.25rem; } .ml-17-tablet { margin-left: 4.25rem; } .mr-17-tablet { margin-right: 4.25rem; } .pt-17-tablet { padding-top: 4.25rem; } .pb-17-tablet { padding-bottom: 4.25rem; } .pl-17-tablet { padding-left: 4.25rem; } .pr-17-tablet { padding-right: 4.25rem; } .mt-18-tablet { margin-top: 4.5rem; } .mb-18-tablet { margin-bottom: 4.5rem; } .ml-18-tablet { margin-left: 4.5rem; } .mr-18-tablet { margin-right: 4.5rem; } .pt-18-tablet { padding-top: 4.5rem; } .pb-18-tablet { padding-bottom: 4.5rem; } .pl-18-tablet { padding-left: 4.5rem; } .pr-18-tablet { padding-right: 4.5rem; } .mt-19-tablet { margin-top: 4.75rem; } .mb-19-tablet { margin-bottom: 4.75rem; } .ml-19-tablet { margin-left: 4.75rem; } .mr-19-tablet { margin-right: 4.75rem; } .pt-19-tablet { padding-top: 4.75rem; } .pb-19-tablet { padding-bottom: 4.75rem; } .pl-19-tablet { padding-left: 4.75rem; } .pr-19-tablet { padding-right: 4.75rem; } .mt-20-tablet { margin-top: 5rem; } .mb-20-tablet { margin-bottom: 5rem; } .ml-20-tablet { margin-left: 5rem; } .mr-20-tablet { margin-right: 5rem; } .pt-20-tablet { padding-top: 5rem; } .pb-20-tablet { padding-bottom: 5rem; } .pl-20-tablet { padding-left: 5rem; } .pr-20-tablet { padding-right: 5rem; } .text-xxs-tablet { font-size: 10px; } .text-xs-tablet { font-size: 12px; } .text-sm-tablet { font-size: 14px; } .text-md-tablet { font-size: 16px; } .text-lg-tablet { font-size: 18px; } .text-xl-tablet { font-size: 20px; } .text-xxl-tablet { font-size: 22px; } } @media (min-width: 1024px) { .mt-0-desktop { margin-top: 0rem; } .mb-0-desktop { margin-bottom: 0rem; } .ml-0-desktop { margin-left: 0rem; } .mr-0-desktop { margin-right: 0rem; } .pt-0-desktop { padding-top: 0rem; } .pb-0-desktop { padding-bottom: 0rem; } .pl-0-desktop { padding-left: 0rem; } .pr-0-desktop { padding-right: 0rem; } .mt-1-desktop { margin-top: 0.25rem; } .mb-1-desktop { margin-bottom: 0.25rem; } .ml-1-desktop { margin-left: 0.25rem; } .mr-1-desktop { margin-right: 0.25rem; } .pt-1-desktop { padding-top: 0.25rem; } .pb-1-desktop { padding-bottom: 0.25rem; } .pl-1-desktop { padding-left: 0.25rem; } .pr-1-desktop { padding-right: 0.25rem; } .mt-2-desktop { margin-top: 0.5rem; } .mb-2-desktop { margin-bottom: 0.5rem; } .ml-2-desktop { margin-left: 0.5rem; } .mr-2-desktop { margin-right: 0.5rem; } .pt-2-desktop { padding-top: 0.5rem; } .pb-2-desktop { padding-bottom: 0.5rem; } .pl-2-desktop { padding-left: 0.5rem; } .pr-2-desktop { padding-right: 0.5rem; } .mt-3-desktop { margin-top: 0.75rem; } .mb-3-desktop { margin-bottom: 0.75rem; } .ml-3-desktop { margin-left: 0.75rem; } .mr-3-desktop { margin-right: 0.75rem; } .pt-3-desktop { padding-top: 0.75rem; } .pb-3-desktop { padding-bottom: 0.75rem; } .pl-3-desktop { padding-left: 0.75rem; } .pr-3-desktop { padding-right: 0.75rem; } .mt-4-desktop { margin-top: 1rem; } .mb-4-desktop { margin-bottom: 1rem; } .ml-4-desktop { margin-left: 1rem; } .mr-4-desktop { margin-right: 1rem; } .pt-4-desktop { padding-top: 1rem; } .pb-4-desktop { padding-bottom: 1rem; } .pl-4-desktop { padding-left: 1rem; } .pr-4-desktop { padding-right: 1rem; } .mt-5-desktop { margin-top: 1.25rem; } .mb-5-desktop { margin-bottom: 1.25rem; } .ml-5-desktop { margin-left: 1.25rem; } .mr-5-desktop { margin-right: 1.25rem; } .pt-5-desktop { padding-top: 1.25rem; } .pb-5-desktop { padding-bottom: 1.25rem; } .pl-5-desktop { padding-left: 1.25rem; } .pr-5-desktop { padding-right: 1.25rem; } .mt-6-desktop { margin-top: 1.5rem; } .mb-6-desktop { margin-bottom: 1.5rem; } .ml-6-desktop { margin-left: 1.5rem; } .mr-6-desktop { margin-right: 1.5rem; } .pt-6-desktop { padding-top: 1.5rem; } .pb-6-desktop { padding-bottom: 1.5rem; } .pl-6-desktop { padding-left: 1.5rem; } .pr-6-desktop { padding-right: 1.5rem; } .mt-7-desktop { margin-top: 1.75rem; } .mb-7-desktop { margin-bottom: 1.75rem; } .ml-7-desktop { margin-left: 1.75rem; } .mr-7-desktop { margin-right: 1.75rem; } .pt-7-desktop { padding-top: 1.75rem; } .pb-7-desktop { padding-bottom: 1.75rem; } .pl-7-desktop { padding-left: 1.75rem; } .pr-7-desktop { padding-right: 1.75rem; } .mt-8-desktop { margin-top: 2rem; } .mb-8-desktop { margin-bottom: 2rem; } .ml-8-desktop { margin-left: 2rem; } .mr-8-desktop { margin-right: 2rem; } .pt-8-desktop { padding-top: 2rem; } .pb-8-desktop { padding-bottom: 2rem; } .pl-8-desktop { padding-left: 2rem; } .pr-8-desktop { padding-right: 2rem; } .mt-9-desktop { margin-top: 2.25rem; } .mb-9-desktop { margin-bottom: 2.25rem; } .ml-9-desktop { margin-left: 2.25rem; } .mr-9-desktop { margin-right: 2.25rem; } .pt-9-desktop { padding-top: 2.25rem; } .pb-9-desktop { padding-bottom: 2.25rem; } .pl-9-desktop { padding-left: 2.25rem; } .pr-9-desktop { padding-right: 2.25rem; } .mt-10-desktop { margin-top: 2.5rem; } .mb-10-desktop { margin-bottom: 2.5rem; } .ml-10-desktop { margin-left: 2.5rem; } .mr-10-desktop { margin-right: 2.5rem; } .pt-10-desktop { padding-top: 2.5rem; } .pb-10-desktop { padding-bottom: 2.5rem; } .pl-10-desktop { padding-left: 2.5rem; } .pr-10-desktop { padding-right: 2.5rem; } .mt-11-desktop { margin-top: 2.75rem; } .mb-11-desktop { margin-bottom: 2.75rem; } .ml-11-desktop { margin-left: 2.75rem; } .mr-11-desktop { margin-right: 2.75rem; } .pt-11-desktop { padding-top: 2.75rem; } .pb-11-desktop { padding-bottom: 2.75rem; } .pl-11-desktop { padding-left: 2.75rem; } .pr-11-desktop { padding-right: 2.75rem; } .mt-12-desktop { margin-top: 3rem; } .mb-12-desktop { margin-bottom: 3rem; } .ml-12-desktop { margin-left: 3rem; } .mr-12-desktop { margin-right: 3rem; } .pt-12-desktop { padding-top: 3rem; } .pb-12-desktop { padding-bottom: 3rem; } .pl-12-desktop { padding-left: 3rem; } .pr-12-desktop { padding-right: 3rem; } .mt-13-desktop { margin-top: 3.25rem; } .mb-13-desktop { margin-bottom: 3.25rem; } .ml-13-desktop { margin-left: 3.25rem; } .mr-13-desktop { margin-right: 3.25rem; } .pt-13-desktop { padding-top: 3.25rem; } .pb-13-desktop { padding-bottom: 3.25rem; } .pl-13-desktop { padding-left: 3.25rem; } .pr-13-desktop { padding-right: 3.25rem; } .mt-14-desktop { margin-top: 3.5rem; } .mb-14-desktop { margin-bottom: 3.5rem; } .ml-14-desktop { margin-left: 3.5rem; } .mr-14-desktop { margin-right: 3.5rem; } .pt-14-desktop { padding-top: 3.5rem; } .pb-14-desktop { padding-bottom: 3.5rem; } .pl-14-desktop { padding-left: 3.5rem; } .pr-14-desktop { padding-right: 3.5rem; } .mt-15-desktop { margin-top: 3.75rem; } .mb-15-desktop { margin-bottom: 3.75rem; } .ml-15-desktop { margin-left: 3.75rem; } .mr-15-desktop { margin-right: 3.75rem; } .pt-15-desktop { padding-top: 3.75rem; } .pb-15-desktop { padding-bottom: 3.75rem; } .pl-15-desktop { padding-left: 3.75rem; } .pr-15-desktop { padding-right: 3.75rem; } .mt-16-desktop { margin-top: 4rem; } .mb-16-desktop { margin-bottom: 4rem; } .ml-16-desktop { margin-left: 4rem; } .mr-16-desktop { margin-right: 4rem; } .pt-16-desktop { padding-top: 4rem; } .pb-16-desktop { padding-bottom: 4rem; } .pl-16-desktop { padding-left: 4rem; } .pr-16-desktop { padding-right: 4rem; } .mt-17-desktop { margin-top: 4.25rem; } .mb-17-desktop { margin-bottom: 4.25rem; } .ml-17-desktop { margin-left: 4.25rem; } .mr-17-desktop { margin-right: 4.25rem; } .pt-17-desktop { padding-top: 4.25rem; } .pb-17-desktop { padding-bottom: 4.25rem; } .pl-17-desktop { padding-left: 4.25rem; } .pr-17-desktop { padding-right: 4.25rem; } .mt-18-desktop { margin-top: 4.5rem; } .mb-18-desktop { margin-bottom: 4.5rem; } .ml-18-desktop { margin-left: 4.5rem; } .mr-18-desktop { margin-right: 4.5rem; } .pt-18-desktop { padding-top: 4.5rem; } .pb-18-desktop { padding-bottom: 4.5rem; } .pl-18-desktop { padding-left: 4.5rem; } .pr-18-desktop { padding-right: 4.5rem; } .mt-19-desktop { margin-top: 4.75rem; } .mb-19-desktop { margin-bottom: 4.75rem; } .ml-19-desktop { margin-left: 4.75rem; } .mr-19-desktop { margin-right: 4.75rem; } .pt-19-desktop { padding-top: 4.75rem; } .pb-19-desktop { padding-bottom: 4.75rem; } .pl-19-desktop { padding-left: 4.75rem; } .pr-19-desktop { padding-right: 4.75rem; } .mt-20-desktop { margin-top: 5rem; } .mb-20-desktop { margin-bottom: 5rem; } .ml-20-desktop { margin-left: 5rem; } .mr-20-desktop { margin-right: 5rem; } .pt-20-desktop { padding-top: 5rem; } .pb-20-desktop { padding-bottom: 5rem; } .pl-20-desktop { padding-left: 5rem; } .pr-20-desktop { padding-right: 5rem; } .text-xxs-desktop { font-size: 10px; } .text-xs-desktop { font-size: 12px; } .text-sm-desktop { font-size: 14px; } .text-md-desktop { font-size: 16px; } .text-lg-desktop { font-size: 18px; } .text-xl-desktop { font-size: 20px; } .text-xxl-desktop { font-size: 22px; } } @media (min-width: 1440px) { .mt-0-widescreen { margin-top: 0rem; } .mb-0-widescreen { margin-bottom: 0rem; } .ml-0-widescreen { margin-left: 0rem; } .mr-0-widescreen { margin-right: 0rem; } .pt-0-widescreen { padding-top: 0rem; } .pb-0-widescreen { padding-bottom: 0rem; } .pl-0-widescreen { padding-left: 0rem; } .pr-0-widescreen { padding-right: 0rem; } .mt-1-widescreen { margin-top: 0.25rem; } .mb-1-widescreen { margin-bottom: 0.25rem; } .ml-1-widescreen { margin-left: 0.25rem; } .mr-1-widescreen { margin-right: 0.25rem; } .pt-1-widescreen { padding-top: 0.25rem; } .pb-1-widescreen { padding-bottom: 0.25rem; } .pl-1-widescreen { padding-left: 0.25rem; } .pr-1-widescreen { padding-right: 0.25rem; } .mt-2-widescreen { margin-top: 0.5rem; } .mb-2-widescreen { margin-bottom: 0.5rem; } .ml-2-widescreen { margin-left: 0.5rem; } .mr-2-widescreen { margin-right: 0.5rem; } .pt-2-widescreen { padding-top: 0.5rem; } .pb-2-widescreen { padding-bottom: 0.5rem; } .pl-2-widescreen { padding-left: 0.5rem; } .pr-2-widescreen { padding-right: 0.5rem; } .mt-3-widescreen { margin-top: 0.75rem; } .mb-3-widescreen { margin-bottom: 0.75rem; } .ml-3-widescreen { margin-left: 0.75rem; } .mr-3-widescreen { margin-right: 0.75rem; } .pt-3-widescreen { padding-top: 0.75rem; } .pb-3-widescreen { padding-bottom: 0.75rem; } .pl-3-widescreen { padding-left: 0.75rem; } .pr-3-widescreen { padding-right: 0.75rem; } .mt-4-widescreen { margin-top: 1rem; } .mb-4-widescreen { margin-bottom: 1rem; } .ml-4-widescreen { margin-left: 1rem; } .mr-4-widescreen { margin-right: 1rem; } .pt-4-widescreen { padding-top: 1rem; } .pb-4-widescreen { padding-bottom: 1rem; } .pl-4-widescreen { padding-left: 1rem; } .pr-4-widescreen { padding-right: 1rem; } .mt-5-widescreen { margin-top: 1.25rem; } .mb-5-widescreen { margin-bottom: 1.25rem; } .ml-5-widescreen { margin-left: 1.25rem; } .mr-5-widescreen { margin-right: 1.25rem; } .pt-5-widescreen { padding-top: 1.25rem; } .pb-5-widescreen { padding-bottom: 1.25rem; } .pl-5-widescreen { padding-left: 1.25rem; } .pr-5-widescreen { padding-right: 1.25rem; } .mt-6-widescreen { margin-top: 1.5rem; } .mb-6-widescreen { margin-bottom: 1.5rem; } .ml-6-widescreen { margin-left: 1.5rem; } .mr-6-widescreen { margin-right: 1.5rem; } .pt-6-widescreen { padding-top: 1.5rem; } .pb-6-widescreen { padding-bottom: 1.5rem; } .pl-6-widescreen { padding-left: 1.5rem; } .pr-6-widescreen { padding-right: 1.5rem; } .mt-7-widescreen { margin-top: 1.75rem; } .mb-7-widescreen { margin-bottom: 1.75rem; } .ml-7-widescreen { margin-left: 1.75rem; } .mr-7-widescreen { margin-right: 1.75rem; } .pt-7-widescreen { padding-top: 1.75rem; } .pb-7-widescreen { padding-bottom: 1.75rem; } .pl-7-widescreen { padding-left: 1.75rem; } .pr-7-widescreen { padding-right: 1.75rem; } .mt-8-widescreen { margin-top: 2rem; } .mb-8-widescreen { margin-bottom: 2rem; } .ml-8-widescreen { margin-left: 2rem; } .mr-8-widescreen { margin-right: 2rem; } .pt-8-widescreen { padding-top: 2rem; } .pb-8-widescreen { padding-bottom: 2rem; } .pl-8-widescreen { padding-left: 2rem; } .pr-8-widescreen { padding-right: 2rem; } .mt-9-widescreen { margin-top: 2.25rem; } .mb-9-widescreen { margin-bottom: 2.25rem; } .ml-9-widescreen { margin-left: 2.25rem; } .mr-9-widescreen { margin-right: 2.25rem; } .pt-9-widescreen { padding-top: 2.25rem; } .pb-9-widescreen { padding-bottom: 2.25rem; } .pl-9-widescreen { padding-left: 2.25rem; } .pr-9-widescreen { padding-right: 2.25rem; } .mt-10-widescreen { margin-top: 2.5rem; } .mb-10-widescreen { margin-bottom: 2.5rem; } .ml-10-widescreen { margin-left: 2.5rem; } .mr-10-widescreen { margin-right: 2.5rem; } .pt-10-widescreen { padding-top: 2.5rem; } .pb-10-widescreen { padding-bottom: 2.5rem; } .pl-10-widescreen { padding-left: 2.5rem; } .pr-10-widescreen { padding-right: 2.5rem; } .mt-11-widescreen { margin-top: 2.75rem; } .mb-11-widescreen { margin-bottom: 2.75rem; } .ml-11-widescreen { margin-left: 2.75rem; } .mr-11-widescreen { margin-right: 2.75rem; } .pt-11-widescreen { padding-top: 2.75rem; } .pb-11-widescreen { padding-bottom: 2.75rem; } .pl-11-widescreen { padding-left: 2.75rem; } .pr-11-widescreen { padding-right: 2.75rem; } .mt-12-widescreen { margin-top: 3rem; } .mb-12-widescreen { margin-bottom: 3rem; } .ml-12-widescreen { margin-left: 3rem; } .mr-12-widescreen { margin-right: 3rem; } .pt-12-widescreen { padding-top: 3rem; } .pb-12-widescreen { padding-bottom: 3rem; } .pl-12-widescreen { padding-left: 3rem; } .pr-12-widescreen { padding-right: 3rem; } .mt-13-widescreen { margin-top: 3.25rem; } .mb-13-widescreen { margin-bottom: 3.25rem; } .ml-13-widescreen { margin-left: 3.25rem; } .mr-13-widescreen { margin-right: 3.25rem; } .pt-13-widescreen { padding-top: 3.25rem; } .pb-13-widescreen { padding-bottom: 3.25rem; } .pl-13-widescreen { padding-left: 3.25rem; } .pr-13-widescreen { padding-right: 3.25rem; } .mt-14-widescreen { margin-top: 3.5rem; } .mb-14-widescreen { margin-bottom: 3.5rem; } .ml-14-widescreen { margin-left: 3.5rem; } .mr-14-widescreen { margin-right: 3.5rem; } .pt-14-widescreen { padding-top: 3.5rem; } .pb-14-widescreen { padding-bottom: 3.5rem; } .pl-14-widescreen { padding-left: 3.5rem; } .pr-14-widescreen { padding-right: 3.5rem; } .mt-15-widescreen { margin-top: 3.75rem; } .mb-15-widescreen { margin-bottom: 3.75rem; } .ml-15-widescreen { margin-left: 3.75rem; } .mr-15-widescreen { margin-right: 3.75rem; } .pt-15-widescreen { padding-top: 3.75rem; } .pb-15-widescreen { padding-bottom: 3.75rem; } .pl-15-widescreen { padding-left: 3.75rem; } .pr-15-widescreen { padding-right: 3.75rem; } .mt-16-widescreen { margin-top: 4rem; } .mb-16-widescreen { margin-bottom: 4rem; } .ml-16-widescreen { margin-left: 4rem; } .mr-16-widescreen { margin-right: 4rem; } .pt-16-widescreen { padding-top: 4rem; } .pb-16-widescreen { padding-bottom: 4rem; } .pl-16-widescreen { padding-left: 4rem; } .pr-16-widescreen { padding-right: 4rem; } .mt-17-widescreen { margin-top: 4.25rem; } .mb-17-widescreen { margin-bottom: 4.25rem; } .ml-17-widescreen { margin-left: 4.25rem; } .mr-17-widescreen { margin-right: 4.25rem; } .pt-17-widescreen { padding-top: 4.25rem; } .pb-17-widescreen { padding-bottom: 4.25rem; } .pl-17-widescreen { padding-left: 4.25rem; } .pr-17-widescreen { padding-right: 4.25rem; } .mt-18-widescreen { margin-top: 4.5rem; } .mb-18-widescreen { margin-bottom: 4.5rem; } .ml-18-widescreen { margin-left: 4.5rem; } .mr-18-widescreen { margin-right: 4.5rem; } .pt-18-widescreen { padding-top: 4.5rem; } .pb-18-widescreen { padding-bottom: 4.5rem; } .pl-18-widescreen { padding-left: 4.5rem; } .pr-18-widescreen { padding-right: 4.5rem; } .mt-19-widescreen { margin-top: 4.75rem; } .mb-19-widescreen { margin-bottom: 4.75rem; } .ml-19-widescreen { margin-left: 4.75rem; } .mr-19-widescreen { margin-right: 4.75rem; } .pt-19-widescreen { padding-top: 4.75rem; } .pb-19-widescreen { padding-bottom: 4.75rem; } .pl-19-widescreen { padding-left: 4.75rem; } .pr-19-widescreen { padding-right: 4.75rem; } .mt-20-widescreen { margin-top: 5rem; } .mb-20-widescreen { margin-bottom: 5rem; } .ml-20-widescreen { margin-left: 5rem; } .mr-20-widescreen { margin-right: 5rem; } .pt-20-widescreen { padding-top: 5rem; } .pb-20-widescreen { padding-bottom: 5rem; } .pl-20-widescreen { padding-left: 5rem; } .pr-20-widescreen { padding-right: 5rem; } .text-xxs-widescreen { font-size: 10px; } .text-xs-widescreen { font-size: 12px; } .text-sm-widescreen { font-size: 14px; } .text-md-widescreen { font-size: 16px; } .text-lg-widescreen { font-size: 18px; } .text-xl-widescreen { font-size: 20px; } .text-xxl-widescreen { font-size: 22px; } } .has-background { background: #1E2442; border: 2px solid #333854; border-radius: 15px; } .inline-svg { position: relative; display: block; width: 100%; } .inline-svg > svg { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .object-cover--absolute, .home-hero__video { font-family: "object-fit:cover;object-position:center"; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 100%; width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .object-cover--absolute.top-center, .top-center.home-hero__video { -o-object-position: top center; object-position: top center; } .object-cover--absolute.bottom-center, .bottom-center.home-hero__video { -o-object-position: bottom center; object-position: bottom center; } .object-contain--absolute { font-family: "object-fit:contain;object-position:center"; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; height: 100%; width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .object-contain--absolute.top-center { -o-object-position: top center; object-position: top center; } .object-contain--absolute.bottom-center { -o-object-position: bottom center; object-position: bottom center; } .flip-x { transform: scaleX(-1); } .transform-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .transformY-center { position: absolute; top: 50%; transform: translateY(-50%); } .transformX-center { position: absolute; left: 50%; transform: translateX(-50%); } /*************** * Buttons * ***************/ .btn, form button, .comments-area .cc-w .cc-f-btn { cursor: pointer; display: inline-flex; align-items: center; font-family: "Urbanist", sans-serif; transition: all 0.2s ease; font-weight: 700; outline: none; background-color: transparent; border: 2px solid #80FFD5; border-radius: 50px; color: #fff; text-decoration: none; line-height: 1; justify-content: center; } @media (max-width: 768px) { .btn, form button, .comments-area .cc-w .cc-f-btn { min-width: 100%; max-width: 330px; font-size: 16px; padding: 18px 30px; margin: 0 auto; display: flex; height: 64px; } } @media (min-width: 768px) { .btn, form button, .comments-area .cc-w .cc-f-btn { font-size: 16px; padding: 18px 30px; min-width: auto; } } @media (min-width: 1024px) { .btn, form button, .comments-area .cc-w .cc-f-btn { padding: 22px 40px; font-size: 18px; } } .btn__icon { min-width: 46px; height: 46px; background-color: #060C2E; display: flex; align-items: center; justify-content: center; margin: 0 15px 0 0; border-radius: 50%; transition: all 0.2s ease; } @media (min-width: 768px) { .btn__icon { min-width: 32px; height: 32px; margin: 0 10px 0 0; } } @media (min-width: 1024px) { .btn__icon { margin: 0 25px 0 0; min-width: 46px; height: 46px; } } .btn__icon i { font-size: 26px; } .btn--sqaure { border-radius: 5px; } .btn--white { border-color: #fff; background-color: #fff; color: #060C2E; } .btn--neon { border: #80FFD5; background-color: #80FFD5; color: #060C2E; } .btn--play { background-color: #fff; border-color: #fff; padding: 8px 40px 8px 8px; color: #060C2E; } .btn--play span { margin-right: auto; } @media (min-width: 1024px) { .btn--play span { margin-right: 0; } } .btn--proceed { background-color: #fff; border-color: #fff; color: #060C2E; } @media (min-width: 768px) { .btn--proceed span { margin-left: unset; } } @media (min-width: 1024px) { .btn--proceed span { margin-right: 0; margin-left: auto; } } .btn--proceed .btn__icon { margin: 0 0 0 15px; } @media (min-width: 768px) { .btn--proceed .btn__icon { margin: 0 0 0 10px; } } @media (min-width: 1024px) { .btn--proceed .btn__icon { margin: 0 0 0 25px; } } .btn:hover, form button:hover, .comments-area .cc-w .cc-f-btn:hover { text-decoration: none; box-shadow: 0px 0px 25px rgba(128, 255, 213, 0.5); } .btn-text { display: inline-block; border-bottom: 2px solid #80FFD5; color: #fff; padding-bottom: 1px; } .btn-text:hover { text-decoration: none; } .comments-area { margin: 50px 0 120px 0; } @media (min-width: 1024px) { .comments-area { margin: 50px 0 150px 0; } } .comments-area__wrap { background-color: #fff; border-radius: 15px; padding: 20px; } @media (min-width: 1024px) { .comments-area__wrap { padding: 50px; } } .comments-area__title { display: flex; align-items: center; margin: 0 0 20px; } .comments-area__title i { margin: 0 10px 0 0; } .comments-area__title span { font-size: 14px; color: #060C2E; background-color: #EBEBEB; padding: 5px 8px; border-radius: 15px; line-height: 1; font-weight: normal; margin-left: 10px; font-family: "Noto Sans", sans-serif; } .comments-area .cc-v-down, .comments-area .cc-v-up { min-width: auto !important; } .comments-area .cc-w { display: flex; flex-direction: column-reverse; } .comments-area .cc-w-i { margin: 40px 0 0 0; border-top: 1px solid #EBEBEB; padding-top: 20px; } @media (min-width: 1024px) { .comments-area .cc-w-i { padding-top: 50px; margin: 100px 0 0 0; } } .comments-area .cc-w-i:empty { display: none; } .comments-area .cc-w-i article.cc-i { padding-bottom: 30px; padding-top: 30px; border-bottom: 1px solid #EBEBEB; } .comments-area .cc-w-i article.cc-i p { color: #353246; } .comments-area .cc-w-i article.cc-i .cc-v-count { color: #060C2E; font-weight: bold; } .comments-area .cc-w-i article.cc-i .cc-i-reply { color: #80FFD5; font-size: 14px; text-decoration: underline; } .comments-area .cc-w-i article.cc-i .cc-i.cc-f { border-bottom: 0; padding-bottom: 0; } .comments-area .cc-w-i article.cc-i .cc-i.cc-f .cc-f-wrap { margin: 0; } .comments-area .cc-w-i article.cc-i article.cc-i { border-bottom: 0; } .comments-area .cc-w-i article.cc-i article.cc-i:last-of-type { padding-bottom: 0; } .comments-area .cc-w-i article.cc-i .cc-ll { display: none; } .comments-area .cc-w .cc-f-wrap { margin: 30px 0 0 0; } @media (min-width: 1024px) { .comments-area .cc-w .cc-f-wrap { margin: 50px 0 0 0; } } .comments-area .cc-w .cc-i { border: 0; margin: 0; padding: 0; } .comments-area .cc-n { color: #060C2E; font-weight: bold; } @media (min-width: 1024px) { .comments-area .cc-w .cc-f-col { padding: 0 15px !important; margin: 0 -7px !important; } } .comments-area .cc-w .cc-f-input, .comments-area .cc-w .cc-f-textarea { background-color: #fff !important; border-color: #060C2E !important; color: #060C2E !important; margin: 0 0 20px 0 !important; } .comments-area .cc-w .cc-f-input::-moz-placeholder, .comments-area .cc-w .cc-f-textarea::-moz-placeholder, .comments-area .cc-w .cc-f-btn::-moz-placeholder { color: #060C2E !important; } .comments-area .cc-w .cc-f-input::placeholder, .comments-area .cc-w .cc-f-textarea::placeholder, .comments-area .cc-w .cc-f-btn::placeholder { color: #060C2E !important; } .comments-area .cc-w .cc-f-btn { border-radius: 5px; color: #060C2E; text-transform: capitalize; } @media (min-width: 1024px) { .comments-area .cc-w .cc-f-btn { float: right; } } .crumbs { display: flex; align-items: center; list-style: none; flex-wrap: wrap; } .crumbs li { margin: 0 5px 0 0; line-height: 1; display: flex; align-items: center; } .crumbs li i { color: #80FFD5; line-height: 1; font-size: 22px; margin-left: 5px; } @media (min-width: 1024px) { .crumbs li i { font-size: 26px; } } .crumbs li a { font-size: 12px; line-height: 1.85; } @media (min-width: 1024px) { .crumbs li a { font-size: 14px; line-height: 1; } } /*************** * Forms * ***************/ form label, .form label { margin-bottom: 5px; font-size: 12px; color: #fff; font-weight: normal; font-family: "Noto Sans", sans-serif; } @media (min-width: 1024px) { form label, .form label { font-size: 14px; } } form label a, .form label a { font-size: inherit; line-height: inherit; color: #80FFD5; text-decoration: underline; margin: 0; } form fieldset, .form fieldset { border: 0; padding: 0; margin: 0; } form.sticky-labels label:not(.freeform-input-only-label), .form.sticky-labels label:not(.freeform-input-only-label) { position: absolute; font-weight: 400 !important; position: absolute; top: 2px; left: 20px; background-color: #fff; padding: 0 6px; font-size: 12px; } input[type=email], input[type=number], input[type=search], input[type=text], input[type=tel], input[type=url], input[type=password], textarea, select, .input-styling, .comments-area .cc-w .cc-f-input, .comments-area .cc-w .cc-f-textarea { padding: 20px 25px 20px 25px; transition: all 0.2s ease; outline: none; background: transparent; color: #000; font-family: "Noto Sans", sans-serif; transition: all 0.2s ease; border-radius: 15px; border: 2px solid #333854; background-color: #1E2442; color: #fff; font-size: 14px; } @media (min-width: 1024px) { input[type=email], input[type=number], input[type=search], input[type=text], input[type=tel], input[type=url], input[type=password], textarea, select, .input-styling, .comments-area .cc-w .cc-f-input, .comments-area .cc-w .cc-f-textarea { font-size: 16px; } } input[type=email].freeform-has-errors, input[type=number].freeform-has-errors, input[type=search].freeform-has-errors, input[type=text].freeform-has-errors, input[type=tel].freeform-has-errors, input[type=url].freeform-has-errors, input[type=password].freeform-has-errors, textarea.freeform-has-errors, select.freeform-has-errors, .input-styling.freeform-has-errors, .comments-area .cc-w .freeform-has-errors.cc-f-input, .comments-area .cc-w .freeform-has-errors.cc-f-textarea { margin-bottom: 10px; } input[type=radio], input[type=checkbox] { width: 20px !important; display: inline-block !important; min-width: 20px; height: 20px; border-radius: 6px; border: 2px solid #80FFD5; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 12px 0 0 !important; vertical-align: middle; } input[type=radio]:checked, input[type=checkbox]:checked { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; accent-color: #80FFD5; } @media (min-width: 1024px) { form button { border-radius: 15px !important; } } ::-moz-placeholder { color: #fff; } ::placeholder { color: #fff; } textarea { min-height: 90px; } select { -webkit-appearance: none; background-size: 26px; background-repeat: no-repeat; background-position: right 10px center; } .freeform-row { display: block !important; } @media (min-width: 1024px) { .freeform-row { display: flex !important; } } .freeform-row .freeform-column { position: relative; } .freeform-label:not(.freeform-required)::after { content: " [Optional]"; } .freeform-required::after { display: none !important; } .freeform-form-errors { display: none; } .freeform-form-success { padding: 15px 20px; border-radius: 15px; display: inline-block; background-color: #80FFD5; } .freeform-form-success ~ div { display: none !important; } .freeform-form-success p { margin: 0; color: #060C2E; } .form-dark label { color: #353246; } .form-dark input[type=email], .form-dark input[type=number], .form-dark input[type=search], .form-dark input[type=text], .form-dark input[type=tel], .form-dark input[type=url], .form-dark input[type=password], .form-dark textarea, .form-dark select, .form-dark .input-styling, .form-dark .comments-area .cc-w .cc-f-input, .comments-area .cc-w .form-dark .cc-f-input, .form-dark .comments-area .cc-w .cc-f-textarea, .comments-area .cc-w .form-dark .cc-f-textarea { background-color: transparent; border-color: #060C2E; color: #353246; } .form-dark ::-moz-placeholder { color: #353246; } .form-dark ::placeholder { color: #353246; } .form-dark button { color: #060C2E; } @media (min-width: 1024px) { .form-dark button { float: right; } } .video-container { position: relative; overflow: hidden; } .video-container .video-play { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; opacity: 0; pointer-events: none; transform: scale(18); } .video-container.is-paused { cursor: pointer; } .video-container.is-paused .video-play { opacity: 1; transform: translate(-50%, -50%) scale(1); } .video-embed { max-width: 100%; border-radius: 15px; overflow: hidden; } .video-play { width: 65px; height: 65px; border-radius: 50%; background-color: #060C2E; display: flex; align-items: center; justify-content: center; transition: transform 0.7s ease, opacity 0.5s ease 0.5s; } .video-play i { font-size: 40px; } .hero-class { padding: 70px 0 0 0; overflow: hidden; } @media (min-width: 1024px) { .hero-class { padding: 180px 0 0 0; } } .hero-class .crumbs { margin: 0 0 20px 0; } @media (min-width: 1024px) { .hero-class .crumbs { margin: 0 0 70px 0; } } .hero-class__tip { margin: 25px 0 0 0; display: block; } @media (max-width: 768px) { .hero-class .columns { display: flex; flex-direction: column-reverse; margin: 0; } .hero-class .columns.is-vcentered { align-items: normal; } } .hero-class__text h1 { margin: 15px 0px 15px 0px; } @media (min-width: 1024px) { .hero-class__text h1 { margin: 25px 0px 40px 0px; } } .hero-class__text .has-background { display: inline-block; padding: 10px; } .hero-class__text .has-background ul { margin: 0; padding: 0; list-style: none; text-align: center; } .hero-class__text .has-background ul li { display: inline-block; margin: 0px 10px; } .hero-class__text .has-background ul li i, .hero-class__text .has-background ul li span { display: inline-block; vertical-align: middle; } @media (max-width: 768px) { .hero-class__text .has-background { display: flex; justify-content: center; } } .hero-class__text .btn, .hero-class__text .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .hero-class__text .cc-f-btn, .hero-class__text form button, form .hero-class__text button { margin-top: 40px; } .hero-class__image { padding-bottom: 60.66%; position: relative; overflow: hidden; margin: 0 -5.5% 20px -5.5%; } @media (min-width: 768px) { .hero-class__image { margin: 0 -4% 20px -4%; } } @media (min-width: 1024px) { .hero-class__image { margin: 0; padding-bottom: 54%; border-radius: 15px; } } .hero-class__video { position: relative; border-radius: 15px; overflow: hidden; padding-bottom: 54%; } .hero-class__video .btn__icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (max-width: 768px) { .hero-class__video { padding: 0; border-radius: 0; margin: 25px 0px; } } .certificate-card-class__wrap { padding: 90px 100px; position: relative; min-height: 280px; } @media (max-width: 768px) { .certificate-card-class__wrap { padding: 25px; } } @media (min-width: 768px) { .certificate-card-class__wrap { min-height: auto; display: flex; } } .certificate-card-class__wrap h4 { max-width: 50%; align-self: center; } @media (max-width: 768px) { .certificate-card-class__wrap h4 { max-width: 100%; align-self: auto; } } .certificate-card-class__image { margin: 30px 0 0 0; } @media (min-width: 768px) { .certificate-card-class__image { max-width: 45%; position: absolute; right: 0; bottom: 0; } } @media (min-width: 1024px) { .certificate-card-class__image { max-width: 440px; } } .post-description-class { margin: 100px 0px; } @media (max-width: 768px) { .post-description-class { margin: 50px 0px; } } .post-description-class__skills { margin: 0; padding: 0; list-style: none; } .post-description-class__skills li i { display: inline-block; vertical-align: middle; font-size: 26px; } .post-description-class__skills li span { display: inline-block; vertical-align: middle; font-family: "Urbanist", sans-serif; margin-left: 5px; } .lesson-content-class__accordion { margin: 25px 0px; padding: 25px; } @media (max-width: 768px) { .lesson-content-class__accordion { padding: 10px; } } .lesson-content-class__accordion__title { margin: 0; } .lesson-content-class__accordion__top { display: flex; flex-direction: row; align-items: center; } .lesson-content-class__accordion .btn__icon { width: auto; margin: 0px 5px; } .lesson-content-class__accordion .btn__accordion_play { padding: 4px; } .lesson-content-class__accordion .btn__accordion_play i { font-size: 16px; } .lesson-content-class__accordion .btn--no-bg { background: none; } .lesson-content-class__accordion__progress { display: flex; flex-direction: column; flex-grow: 1; padding-left: 15px; } .lesson-content-class__accordion__progress p { margin: 0; } .lesson-content-class__accordion__progress span { margin: 5px 0px; } .lesson-content-class__accordion__progress progress { border-radius: 16px; width: 100%; height: 5px; background: #333854; border: none; margin-top: 10px; } .lesson-content-class__accordion__progress progress::-webkit-progress-bar { background-color: #333854; border-radius: 16px; } .lesson-content-class__accordion__progress progress::-webkit-progress-value { border-radius: 16px; } .lesson-content-class__accordion__progress progress::-moz-progress-bar { border-radius: 16px; } .lesson-content-class__accordion__expand { display: flex; align-items: center; min-width: 87px; padding: 0px 15px 0px 50px; } @media (max-width: 768px) { .lesson-content-class__accordion__expand { min-width: auto; padding: 0px 0px 0px 5px; } } .lesson-content-class__accordion__expand i { font-size: 24px; } .lesson-content-class__accordion__text { padding: 25px 10px 0px 10px; } .lesson-content-class__accordion--is-active { background: #fff; color: #353246; border: 2px solid #333854; border-color: #fff; border-radius: 15px; } .lesson-content-class__accordion--is-active progress { background: #EBEBEB; } .lesson-content-class__accordion--is-active progress::-webkit-progress-bar { background-color: #EBEBEB; } .lesson-content-class__accordion--is-active p:not(.lesson-content-class__accordion__title) { color: #353246; } .lesson-content-class__accordion--is-active .lesson-content-class__accordion__title { color: #060C2E; } .tutor-class { padding: 100px 0px; } @media (max-width: 768px) { .tutor-class { padding: 50px 0px; } } .tutor-class img { max-width: 400px; border-radius: 15px; overflow: hidden; border: 2px solid #333854; } .tutor-class h4 { margin: 25px 0px; } .related-class { margin: 100px 0px; } .related-class h4:first-child { margin-bottom: 25px; } @media (min-width: 1024px) { .related-class h4:first-child { margin-bottom: 70px; } } .related-class__wrap { margin: 0 0 20px 0; display: flex; } @media (min-width: 1024px) { .related-class__wrap { align-items: center; margin: 0px 0px 50px 0px; } } .related-class__video { position: relative; padding-bottom: 14%; border-radius: 15px; overflow: hidden; height: 0; } @media (min-width: 768px) { .related-class__video { padding-bottom: 22%; } } .related-class__video .btn__icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .related-class__text { padding: 15px; } @media (max-width: 768px) { .related-class__text { display: flex; flex-direction: column; } .related-class__text .tag { display: none; } .related-class__text p { display: none; } } @media (min-width: 768px) { .related-class__text h5 { margin: 15px 0px; } } .related-class__text ul { margin: 0px 0px 20px 0px; padding: 0; list-style: none; } .related-class__text ul li { display: inline-block; margin: 0px 10px 0px 0px; } .related-class__text ul li i, .related-class__text ul li span { display: inline-block; vertical-align: middle; } .related-class__text p { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .archive-page { margin: 0 0 100px 0; } @media (min-width: 1024px) { .archive-page { margin: 0 0 200px 0; } } .archive-page__categories { display: flex; align-items: center; overflow: auto; overflow: scroll; padding: 0 5% 0 5%; } .archive-page__categories::-webkit-scrollbar { display: none; } @media (min-width: 768px) { .archive-page__categories { flex-wrap: wrap; padding: 0; } } .archive-page__categories h5 { margin: 0 20px 0 0; } .archive-page__categories .pill { margin: 0 15px 0 0; } .archive-page__entries { margin: 50px 0 20px 0; } @media (min-width: 1024px) { .archive-page__entries { margin: 100px 0; } } .archive-page__pagination { margin: 30px 0 120px 0; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } @media (min-width: 1024px) { .archive-page__pagination { flex-direction: row; } } @media (min-width: 1024px) { .archive-page__pagination-count { margin-right: 50px; } } .archive-page__pagination-links { display: flex; align-items: center; flex-direction: column; width: 100%; } @media (min-width: 768px) { .archive-page__pagination-links { flex-direction: row; width: unset; } } @media (min-width: 768px) { .archive-page__pagination-links .btn, .archive-page__pagination-links .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .archive-page__pagination-links .cc-f-btn, .archive-page__pagination-links form button, form .archive-page__pagination-links button { width: 50%; } } .archive-page__pagination-links .btn:first-of-type, .archive-page__pagination-links .comments-area .cc-w .cc-f-btn:first-of-type, .comments-area .cc-w .archive-page__pagination-links .cc-f-btn:first-of-type, .archive-page__pagination-links form button:first-of-type, form .archive-page__pagination-links button:first-of-type { margin-bottom: 20px; } @media (min-width: 768px) { .archive-page__pagination-links .btn:first-of-type, .archive-page__pagination-links .comments-area .cc-w .cc-f-btn:first-of-type, .comments-area .cc-w .archive-page__pagination-links .cc-f-btn:first-of-type, .archive-page__pagination-links form button:first-of-type, form .archive-page__pagination-links button:first-of-type { margin-bottom: 0; } } @media (min-width: 768px) { .archive-page__pagination-links .btn:last-of-type, .archive-page__pagination-links .comments-area .cc-w .cc-f-btn:last-of-type, .comments-area .cc-w .archive-page__pagination-links .cc-f-btn:last-of-type, .archive-page__pagination-links form button:last-of-type, form .archive-page__pagination-links button:last-of-type { margin-left: 20px; } } @media (min-width: 1600px) { .archive-page__pagination-links .btn:last-of-type, .archive-page__pagination-links .comments-area .cc-w .cc-f-btn:last-of-type, .comments-area .cc-w .archive-page__pagination-links .cc-f-btn:last-of-type, .archive-page__pagination-links form button:last-of-type, form .archive-page__pagination-links button:last-of-type { margin-left: 50px; } } .channel-hero { background-color: #1E2442; position: relative; overflow: hidden; margin: 0 0 50px 0; padding: 70px 0 25px 0; } @media (min-width: 1024px) { .channel-hero { padding: 150px 0 125px 0; border-bottom: 3px solid #333854; border-right: 3px solid #333854; border-left: 3px solid #333854; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; margin: 0 -3px 100px -3px; } } .channel-hero__content .crumbs { margin: 0 0 50px 0; } .channel-hero__content .tag { margin: 0 5px 15px 0; vertical-align: middle; } @media (min-width: 1024px) { .channel-hero__content .tag { margin: 0 5px 40px 0; } } @media (min-width: 1024px) { .channel-hero__content-excerpt { max-width: 1200px; } } .channel-hero h1 { margin: 0 0 35px 0; } @media (min-width: 1024px) { .channel-hero h1 { margin: 0; } } .channel-hero__info { margin: 35px 0 0 0; } @media (min-width: 1024px) { .channel-hero__info { margin: 40px 0 0 0; display: flex; justify-content: space-between; align-items: center; } } .channel-hero__info-item { margin: 25px 0 0 0; } @media (min-width: 1024px) { .channel-hero__info-item { margin: 0; } } @media (min-width: 1024px) { .channel-hero__info-item .social-links { justify-content: flex-end; } } .channel-hero__image { position: relative; padding-bottom: 59%; border-radius: 15px; overflow: hidden; margin-top: 20px; width: 100%; } .channel-hero .blurry-shape { display: none; } .channel-hero .blurry-shape:nth-of-type(1) { left: 0; bottom: 80px; } @media (min-width: 1024px) { .channel-hero .blurry-shape { display: block; } } .entry-hero { background-color: #1E2442; padding: 80px 0 25px 0; margin: 0 0 25px 0; position: relative; overflow: hidden; } @media (min-width: 768px) { .entry-hero { padding: 120px 0 25px 0; } } @media (min-width: 1024px) { .entry-hero { margin: 0 0px 100px 0px; border-bottom: 3px solid #333854; border-right: 3px solid #333854; border-left: 3px solid #333854; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; padding: 150px 0 125px 0; } } .entry-hero--unwrapped { padding-bottom: 50px; margin: 0 0 125px 0; overflow: visible; } .entry-hero__content { position: relative; } @media (max-width: 768px) { .entry-hero__content h1 { font-size: 30px; } } .entry-hero__content .crumbs { margin: 0 0 50px 0; } @media (min-width: 1024px) { .entry-hero__content .crumbs { margin: 0 0 80px 0; } } .entry-hero__content .tag { margin: 0 0 15px 0; background-color: transparent; } .entry-hero__content .btn, .entry-hero__content .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .entry-hero__content .cc-f-btn, .entry-hero__content form button, form .entry-hero__content button { margin: 50px 0 0 0; } .entry-hero__image-col { display: flex; margin-top: 50px; } @media (min-width: 1024px) { .entry-hero__image-col { margin: 0; } } @media (min-width: 1024px) { .entry-hero__image-col--unwrapped .entry-hero__image { min-width: calc(50vw - 20%); margin-bottom: -80px; border-top-right-radius: 0; border-bottom-right-radius: 0; } } .entry-hero__image { position: relative; padding-bottom: 76.1%; border-radius: 15px; overflow: hidden; width: 100%; } .entry-hero__links { display: flex; flex-wrap: wrap; margin: 40px 0 0 0; } @media (min-width: 1024px) { .entry-hero__links { margin: 50px 0 0 0; } } .entry-hero__links .btn, .entry-hero__links .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .entry-hero__links .cc-f-btn, .entry-hero__links form button, form .entry-hero__links button { margin: 0 0 15px 0; } @media (max-width: 768px) { .entry-hero__links .btn, .entry-hero__links .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .entry-hero__links .cc-f-btn, .entry-hero__links form button, form .entry-hero__links button { margin: 15px auto; } } @media (min-width: 768px) { .entry-hero__links .btn, .entry-hero__links .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .entry-hero__links .cc-f-btn, .entry-hero__links form button, form .entry-hero__links button { margin: 0 15px 0 0; } } .entry-hero .blurry-shape { display: none; } @media (min-width: 1024px) { .entry-hero .blurry-shape { display: block; } } .entry-hero .blurry-shape:nth-of-type(1) { left: 0; top: 200px; } .entry-hero .blurry-shape:nth-of-type(2) { top: 300px; right: 200px; } .latest-entry-hero { background-color: #1E2442; margin: 0 0 50px 0; padding: 70px 0 25px 0; position: relative; overflow: hidden; } @media (min-width: 1024px) { .latest-entry-hero { border-bottom: 3px solid #333854; border-right: 3px solid #333854; border-left: 3px solid #333854; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; padding: 170px 0 125px 0; margin: 0 0px 100px 0px; } } .latest-entry-hero__content .crumbs { margin: 0 0 20px 0; } @media (min-width: 1024px) { .latest-entry-hero__content .crumbs { margin: 0 0 80px 0; } } .latest-entry-hero__content .tag { margin: 0 0 15px 0; } @media (min-width: 1024px) { .latest-entry-hero__content .tag { margin: 0 0 20px 0; } } .latest-entry-hero__info { display: flex; justify-content: space-between; align-items: center; margin: 25px 0 0 0; } .latest-entry-hero__info-item { display: flex; align-items: center; } .latest-entry-hero__info-headshot { width: 54px; height: 54px; position: relative; overflow: hidden; border-radius: 50%; border: 2px solid #fff; margin: 0 15px 0 0; } .latest-entry-hero__event { display: flex; align-items: center; margin: 15px 0; } .latest-entry-hero__event:first-of-type { margin-top: 30px; } .latest-entry-hero__event i { margin: 0 10px 0 0; } .latest-entry-hero__image { position: relative; padding-bottom: 51%; border-radius: 15px; overflow: hidden; width: 100%; margin: 0 0 20px 0; } @media (min-width: 1024px) { .latest-entry-hero__image { margin: 20px 0 0 0; padding-bottom: 71%; } } .latest-entry-hero .btn, .latest-entry-hero .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .latest-entry-hero .cc-f-btn, .latest-entry-hero form button, form .latest-entry-hero button { margin-top: 50px; } @media (min-width: 1024px) { .latest-entry-hero .btn, .latest-entry-hero .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .latest-entry-hero .cc-f-btn, .latest-entry-hero form button, form .latest-entry-hero button { margin-top: 100px; } } .latest-entry-hero .blurry-shape:nth-of-type(1) { left: 0; bottom: 80px; } .catalogue-archive { margin: 70px 0 100px 0; } @media (min-width: 1024px) { .catalogue-archive { margin: 200px 0 200px 0; } } .catalogue-archive__wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; } .catalogue-archive__wrap form { position: relative; } .catalogue-archive__wrap form select { background-color: transparent; min-width: 165px; } .catalogue-archive__wrap form select option { background-color: #1E2442; } .catalogue-archive__wrap form i { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; pointer-events: none; } .catalogue-archive__list { margin: 0 0 50px 0; overflow: hidden; } @media (min-width: 1024px) { .catalogue-archive__list { overflow: initial; } } .catalogue-archive__list .column { height: auto; } .catalogue-archive__list.swiper-initialized .columns.swiper-wrapper { margin: 0 !important; } @media (min-width: 1024px) { .catalogue-archive__list.swiper-initialized .columns.swiper-wrapper { width: auto; flex-wrap: wrap !important; transform: translate3d(0, 0, 0) !important; } } @media (min-width: 1024px) { .catalogue-archive__list .swiper-courses-pagination { display: none; } } .catalogue-archive__list h4 { display: flex; align-items: center; } .catalogue-archive__list .count { margin-left: 9px; } .catalogue-archive__mob-show { margin: 0 0 20px 0; } @media (min-width: 1024px) { .catalogue-archive__mob-show { display: none; } } .catalogue-archive__mob-show i { margin-right: 6px; } .catalogue-archive .crumbs { margin: 0 0 15px 0; } @media (min-width: 1024px) { .catalogue-archive .crumbs { display: none; } } .catalogue-archive__title { margin: 0 0 40px 0; } @media (min-width: 1024px) { .catalogue-archive__title { display: none; } } .catalogue-search { position: fixed; top: 0; left: 0; z-index: 200; background: rgba(235, 235, 235, 0.8); width: 100%; transform: translateX(-100%); visibility: hidden; height: 100%; overflow: scroll; transition: all 0.4s ease; } .catalogue-search.is-active { transform: translateX(0); visibility: visible; } .catalogue-search form { height: 100%; } @media (min-width: 1024px) { .catalogue-search { position: sticky; top: 100px; left: unset; background-color: transparent; padding: 0; z-index: 1; width: auto; overflow: hidden; height: auto; transform: translateX(0); visibility: visible; } } .catalogue-search__clear-filters { font-family: "Urbanist", sans-serif; display: none; } @media (min-width: 1024px) { .catalogue-search__clear-filters { display: block; } } .catalogue-search__clear-filters a { text-decoration: underline; cursor: pointer; margin-left: 5px; } .catalogue-search__mob-close { position: fixed; top: 20px; right: 20px; } @media (min-width: 1024px) { .catalogue-search__mob-close { display: none; } } .catalogue-search__mob-close i { width: 35px; height: 35px; background-color: #1E2442; border: 2px solid #333854; border-radius: 5px; display: flex; align-items: center; justify-content: center; color: #80FFD5; font-size: 24px; } .catalogue-search__filters { position: relative; background-color: #060C2E; padding: 20px 20px; width: 80%; max-width: 540px; height: 100%; overflow-y: scroll; } @media (min-width: 1024px) { .catalogue-search__filters { margin-top: 25px; padding: 20px; border-radius: 15px; border: 3px solid #333854; background: #1E2442; width: auto; max-width: initial; overflow-y: inherit; } } .catalogue-search__filters__accordion { margin-bottom: 20px; border-bottom: 1px solid #333854; } .catalogue-search__filters__accordion:first-of-type { margin-top: 35px; } @media (min-width: 1024px) { .catalogue-search__filters__accordion:first-of-type { margin-top: 0; } } .catalogue-search__filters__accordion:last-child { border-bottom: none; } .catalogue-search__filters__accordion__heading { margin-bottom: 20px; } @media (min-width: 1024px) { .catalogue-search__filters__accordion__heading { margin-bottom: 20px; } } .catalogue-search__filters__accordion__heading a { display: flex; justify-content: space-between; align-items: center; } .catalogue-search__filters__accordion__heading a i { width: 35px; height: 35px; background-color: #1E2442; border: 2px solid #333854; border-radius: 5px; display: flex; align-items: center; justify-content: center; } @media (min-width: 1024px) { .catalogue-search__filters__accordion__heading a i { width: auto; height: auto; background-color: transparent; border: 0; border-radius: 0; display: block; } } .catalogue-search__filters__accordion__heading h6 { margin: 0; } .catalogue-search__filters__accordion__attributes { margin: 20px -5px; } .catalogue-search__filters__accordion__attributes.is-hidden { display: none; } .catalogue-search__filters__accordion__attribute { display: flex; align-items: center; margin-bottom: 2px; position: relative; z-index: 1; padding: 5px; } .catalogue-search__filters__accordion__attribute label { display: flex; align-items: center; } .catalogue-search__filters__accordion__attribute label span { border-radius: 10px; padding: 1px 10px; margin-left: 5px; } .catalogue-search__filters__accordion__attribute label small { width: 22px; height: 22px; color: #fff; margin-left: 8px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; font-size: 10px; background-color: #353246; font-weight: 600; } .catalogue-search__filters__accordion__attribute-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #333854; border-radius: 5px; opacity: 0; pointer-events: none; z-index: -1; transition: all 0.2s ease; } .catalogue-search__filters__accordion__attribute input:checked ~ .catalogue-search__filters__accordion__attribute-bg { opacity: 1; } @media (max-width: 768px) { .catalogue-search .btn, .catalogue-search .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .catalogue-search .cc-f-btn, .catalogue-search form button, form .catalogue-search button { min-width: auto; width: 100%; } } .catalogue-hero-section { margin: 200px 0 200px 0; display: none; } @media (min-width: 1024px) { .catalogue-hero-section { display: block; } } .catalogue-hero-section .crumbs { margin: 0 0 50px 0; } .catalogue-hero-section__outer { background: #121838; border: 3px solid #333854; border-radius: 15px; height: 470px; position: relative; z-index: 1; overflow: hidden; } .catalogue-hero-section__text { position: absolute; top: 100px; left: 100px; } .catalogue-hero-section__text h3 { margin: 0; } .catalogue-hero-section__text p { margin: 25px 0px 40px 0px; } .catalogue-hero-section .columns { height: 100%; } .catalogue-hero-section__content-right { background: linear-gradient(90deg, #121838 0%, rgba(18, 24, 56, 0) 40%); padding: 0; height: 100%; } .catalogue-hero-section__content-right img { font-family: "object-fit:cover"; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; position: relative; z-index: -1; } .thank-you-section { margin: 70px 0 80px 0; } @media (min-width: 1024px) { .thank-you-section { margin: 150px 0 200px 0; } } .thank-you-section .crumbs { margin: 0 0 25px 0; } @media (min-width: 1024px) { .thank-you-section .crumbs { margin: 0 0 80px 0; } } .thank-you-section__content { display: flex; flex-direction: column; justify-content: center; align-items: center; background: #1E2442; border: 3px solid #333854; border-radius: 15px; padding: 80px; text-align: center; } @media (max-width: 768px) { .thank-you-section__content { padding: 50px 25px; } } .thank-you-section__content h2 { margin: 25px 0px; } .thank-you-section__content p { max-width: 680px; } .thank-you-section__buttons { margin-top: 25px; } .thank-you-section__buttons .btn--proceed { margin: 10px 0px 0px 0px; } @media (min-width: 768px) { .thank-you-section__buttons .btn--proceed { margin: 0 0 0 10px; } } /*************** * Front Page * ***************/ .home-hero { padding: 120px 0 0 0; margin-bottom: 50px; position: relative; } @media (min-width: 1024px) { .home-hero { padding: 15% 0 20% 0; margin-bottom: 100px; } } .home-hero:before { background: linear-gradient(180deg, #060C2E 0%, rgba(6, 12, 46, 0) 100%); content: ""; top: 0; left: 0; width: 100%; height: 30%; position: absolute; z-index: 2; } .home-hero:after { background: linear-gradient(0, #060C2E 0%, rgba(6, 12, 46, 0) 100%); content: ""; bottom: 0; left: 0; width: 100%; height: 30%; position: absolute; z-index: 2; } .home-hero__wrap { text-align: center; max-width: 720px; margin: 0 auto; position: relative; z-index: 5; } .home-hero__video { overflow: hidden; } .home-hero__video .video-container { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .home-hero__video video { width: 100%; height: 100%; font-family: "object-fit:cover"; -o-object-fit: cover; object-fit: cover; position: absolute; } .home-hero__image { position: relative; padding-bottom: 86%; margin: 40px 0 0 0; } .home-hero p { max-width: 540px; margin: 0 auto; } @media (max-width: 768px) { .home-hero p { max-width: 340px; } } .home-hero__links { display: flex; flex-direction: column; margin: 50px 0 0 0; align-items: center; } @media (min-width: 1024px) { .home-hero__links { justify-content: center; flex-direction: row; } } .home-hero__links .btn, .home-hero__links .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .home-hero__links .cc-f-btn, .home-hero__links form button, form .home-hero__links button { margin: 10px 0; } @media (min-width: 1024px) { .home-hero__links .btn, .home-hero__links .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .home-hero__links .cc-f-btn, .home-hero__links form button, form .home-hero__links button { margin: 0 12px; } } .home-hero .blurry-shape:nth-of-type(1) { top: unset; left: unset; bottom: 200px; right: 0; } .home-hero .blurry-shape:nth-of-type(2) { top: 0; left: 0; } @media (min-width: 1024px) { .home-hero .blurry-shape { display: none; } } .search-hero { margin: 80px 0 35px 0; } @media (min-width: 1024px) { .search-hero { margin: 150px 0; } } .search-hero .crumbs { margin: 0 0 20px 0; } @media (min-width: 1024px) { .search-hero .crumbs { margin: 0 0 50px 0; } } .search-hero__wrap { margin: 0 auto 20px auto; max-width: 1200px; } @media (min-width: 1024px) { .search-hero__wrap { margin: 0 auto 50px auto; } } .search-hero__form { display: none; position: relative; margin: 0 0 25px 0; } @media (min-width: 1024px) { .search-hero__form { display: flex; } } .search-hero__form i { position: absolute; top: 50%; transform: translateY(-50%); left: 25px; } .search-hero__form-input { width: 100%; padding-left: 55px !important; background-color: #060C2E !important; } .search-results { margin: 0 0 80px 0; } .search-results__tabs { display: flex; align-items: center; justify-content: center; } .search-results__tabs-tab { padding-bottom: 15px; border-bottom: 2px solid #333854; flex: 1; text-align: center; cursor: pointer; } .search-results__tabs-tab p { color: inherit; } .search-results__tabs-tab .count { margin-left: 20px; } .search-results__tabs-tab.is-active { color: #80FFD5; border-color: #80FFD5; cursor: default; } .search-results__results { margin-top: 20px; } @media (min-width: 1024px) { .search-results__results { margin-top: 80px; } } .search-results__results-list { display: none; } .search-results__results-list.is-active { display: block; } .footer { padding: 45px 0; background-color: #121838; overflow: hidden; } @media (min-width: 1024px) { .footer { padding: 95px 0; } } .footer__logo { margin: 0 0 30px 0; display: block; width: 180px; } @media (min-width: 768px) { .footer__logo { width: 160px; } } @media (min-width: 1024px) { .footer__logo { margin: 0 0 100px 0; width: 220px; } } .footer__logo svg { display: block; width: 100%; } .footer__col { display: flex; } @media (max-width: 768px) { .footer__col--2 { order: -1; } } .footer__title { margin: 0 0 15px 0; } @media (max-width: 768px) { .footer__title { font-size: 25px; } } @media (min-width: 1024px) { .footer__title { margin: 0 0 35px 0; } } .footer__form-col { margin: 50px 0 0 0; } @media (min-width: 1024px) { .footer__form-col { margin: 0; } } .footer__menu { margin: 0; padding: 0; list-style: none; } .footer__menu li { margin: 0 0 12px 0; } @media (min-width: 1024px) { .footer__menu li { margin: 0 0 16px 0; } } .footer__menu li:last-of-type { margin: 0; } .footer__menu li a { font-size: 16px; font-family: "Urbanist", sans-serif; color: #EBEBEB; transition: all 0.2s ease; } @media (min-width: 1024px) { .footer__menu li a { font-size: 18px; font-weight: 600; } } .footer__menu li a:hover { color: #80FFD5; } .footer .sub-footer { margin: 50px 0 0 0; justify-content: space-between; border-top: 1px solid #333854; padding-top: 20px; } @media (min-width: 1024px) { .footer .sub-footer { margin: 200px 0 0 0; padding-top: 35px; display: flex; } } .footer .sub-footer p:last-of-type { margin-top: 30px; } @media (min-width: 1024px) { .footer .sub-footer p:last-of-type { margin-top: 0; } } .social-links { display: flex; list-style: none; padding: 0; margin: 0; } .social-links__item { min-width: 48px; height: 48px; border-radius: 15px; border: 3px solid #333854; background-color: #1E2442; display: flex; align-items: center; justify-content: center; margin: 0 15px 0 0; } .social-links__item i { color: #80FFD5; font-size: 26px; } .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; padding: 4px 0; } @media (min-width: 1024px) { .header { padding: 0; } } .header.is-coloured { background-color: #060C2E; } .header.is-scrolled { background-color: #060C2E; } @media (min-width: 1024px) { .header.is-scrolled .header__wrap { height: 90px; } } @media (min-width: 768px) { .header.is-scrolled .header__logo { width: 150px; } } @media (min-width: 1024px) { .header.is-scrolled .header__logo { width: 140px; } } @media (min-width: 1440px) { .header.is-scrolled .header__logo { width: 200px; margin-top: 0 !important; } } .header__wrap { max-width: 92.5%; margin: 0 auto; display: flex; align-items: center; height: 60px; transition: all 0.2s ease; } @media (min-width: 1024px) { .header__wrap { height: 100px; max-width: 95%; } } @media (min-width: 1440px) { .header__wrap { max-width: 92.5%; } } .header__logo { transition: all 0.2s ease; width: 120px; display: flex; } @media (min-width: 768px) { .header__logo { width: 170px; } } @media (min-width: 1024px) { .header__logo { width: 150px; } } @media (min-width: 1440px) { .header__logo { width: 200px; margin-top: -20px !important; } } .header__search { margin-left: 30px; width: 55px; height: 55px; justify-content: center; align-items: center; display: none; } @media (min-width: 1200px) { .header__search { display: flex; } } @media (min-width: 1540px) { .header__search { margin-left: 80px; } } .header__search i { color: #80FFD5; font-size: 24px; } .header__search.is-active { opacity: 0.5; } .header__search:hover { text-decoration: none; } .header__links { margin-left: auto; align-items: center; display: none; } @media (min-width: 1100px) { .header__links { display: flex; } } .header__links-link { margin-right: 50px; font-size: 18px; font-weight: 600; font-family: "Urbanist", sans-serif; } @media (min-width: 1024px) { .header__links-link { margin-right: 30px; } } @media (min-width: 1440px) { .header__links-link { margin-right: 50px; } } .header__links .btn, .header__links .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .header__links .cc-f-btn, .header__links form button, form .header__links button { padding: 14px 24px; font-size: 16px; } .header.is-open-menu .header__mobile-form { opacity: 1; visibility: visible; } .header__mobile { display: flex; align-items: center; justify-content: flex-end; margin-left: auto; } @media (min-width: 1100px) { .header__mobile { display: none; } } .header__mobile-form { display: flex; position: relative; opacity: 0; visibility: hidden; transition: all 0.2s ease; } .header__mobile-form i { position: absolute; top: 50%; transform: translateY(-50%); left: 11px; font-size: 20px; } .header__mobile-form-input { padding: 11px 10px 11px 40px !important; width: 165px; border-radius: 5px; } @media (min-width: 768px) { .header__mobile-form-input { width: 195px; } } .menu-toggle { margin-left: 7px; min-width: 40px; height: 40px; background-color: #80FFD5; border-radius: 5px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .menu-toggle span { border-radius: 5px; background-color: #060C2E; height: 2px; width: 16px; margin: 0 0 4px 0; display: block; transition: all 0.2s ease; } .menu-toggle span:last-of-type { margin: 0; } .menu-toggle.is-active span:nth-of-type(2) { opacity: 0; } .menu-toggle.is-active span:first-of-type { transform: rotate(45deg); } .menu-toggle.is-active span:last-of-type { transform: rotate(-45deg); margin-top: -12px; } .responsive-menu { position: fixed; top: 68px; left: 0; width: 100%; height: calc(100% - 68px); overflow: auto; padding-top: 20px; background-color: #060C2E; z-index: 90; opacity: 0; visibility: hidden; transition: all 0.2s ease; } @media (min-width: 768px) { .responsive-menu { padding-top: 50px; } } .responsive-menu .wrapper { display: flex; flex-direction: column; height: 100%; } .responsive-menu.is-active { opacity: 1; visibility: visible; } .responsive-menu__links { display: flex; align-items: center; margin: 0 0 50px 0; } .responsive-menu__links .btn, .responsive-menu__links .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .responsive-menu__links .cc-f-btn, .responsive-menu__links form button, form .responsive-menu__links button { min-width: 50%; } .responsive-menu__links .btn:first-of-type, .responsive-menu__links .comments-area .cc-w .cc-f-btn:first-of-type, .comments-area .cc-w .responsive-menu__links .cc-f-btn:first-of-type, .responsive-menu__links form button:first-of-type, form .responsive-menu__links button:first-of-type { margin-right: 2px; } .responsive-menu__links .btn:last-of-type, .responsive-menu__links .comments-area .cc-w .cc-f-btn:last-of-type, .comments-area .cc-w .responsive-menu__links .cc-f-btn:last-of-type, .responsive-menu__links form button:last-of-type, form .responsive-menu__links button:last-of-type { margin-left: 2px; } .responsive-menu__menu { padding: 0; margin: 0 0 50px 0; list-style: none; } .responsive-menu__menu-item { margin: 20px 0; } .responsive-menu__menu-item-anchor { font-size: 16px; font-family: "Urbanist", sans-serif; font-weight: 700; line-height: 1; display: flex; align-items: center; } .responsive-menu__menu-item-anchor:hover { color: #fff; } .responsive-menu__menu-item-anchor i { font-size: 20px; margin-right: 10px; } .responsive-menu__menu-item-anchor .ri-arrow-down-s-line { margin-left: auto; font-size: 14px; margin-right: 0; transition: all 0.2s ease; } .responsive-menu__menu-item.is-active .responsive-menu__menu-item-anchor .ri-arrow-down-s-line { transform: rotate(180deg); } .responsive-menu__children { display: none; padding: 20px 0 0 0; margin: 0 0 40px 0; list-style: none; } .responsive-menu__children.is-active { display: block; } .responsive-menu__children .btn--proceed { margin-top: 20px; } .responsive-menu__children .btn--proceed span i { display: none; } .responsive-menu__children-item { margin: 0 0 20px 0; } .responsive-menu__children-item-anchor { font-size: 14px; font-family: "Urbanist", sans-serif; font-weight: 700; line-height: 1; } .responsive-menu__children-item-anchor i { margin-right: 5px; display: none; } .responsive-menu__sub { background-color: #1E2442; padding: 7px 5%; display: flex; align-items: center; margin: auto -3.7% 0 -3.7%; list-style: none; } .responsive-menu__sub-item { margin: 0 25px 0 0; } .responsive-menu__sub-item-anchor { font-size: 12px; } .main-menu { margin-left: 40px; height: 100%; display: none; } @media (min-width: 1100px) { .main-menu { display: block; } } @media (min-width: 1540px) { .main-menu { margin-left: 200px; } } .main-menu__menu { list-style: none; margin: 0; padding: 0; list-style: none; display: flex; height: 100%; } .main-menu__menu-item { margin: 0 25px 0 0; display: flex; align-items: center; position: relative; } @media (min-width: 1440px) { .main-menu__menu-item { margin: 0 50px 0 0; } } .main-menu__menu-item-anchor { font-size: 18px; font-family: "Urbanist", sans-serif; font-weight: 600; z-index: 10; display: flex; align-items: center; transition: all 0.2s ease; } @media (min-width: 1024px) { .main-menu__menu-item-anchor { font-size: 16px; } } @media (min-width: 1440px) { .main-menu__menu-item-anchor { font-size: 18px; } } .main-menu__menu-item-anchor i { margin: 0 0 0 10px; transition: all 0.2s ease; color: inherit; } .main-menu__menu-item-anchor:hover { text-decoration: none; color: #80FFD5; } .main-menu__menu-item:hover > a i { transform: rotate(180deg); } .main-menu__menu-item:hover .mega-menu { opacity: 1; visibility: visible; transform: translateY(0); } li .mega-menu { background-color: #1E2442; position: absolute; top: 100%; left: -150px; width: 920px; border-radius: 15px; padding: 50px; border: 2px solid #333854; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.2s ease; transform: translateY(50px); } li .mega-menu .column:first-of-type { position: relative; } li .mega-menu .column:first-of-type:after { width: 2px; background-color: #333854; content: ""; right: 0; top: 0; position: absolute; height: 500px; top: 50%; transform: translateY(-50%); } li .mega-menu-catalogue__list { padding: 0; margin: 30px 0 0 0; list-style: none; -moz-columns: 2; columns: 2; } li .mega-menu-catalogue__list-item a { color: #80FFD5; display: flex; align-items: center; } li .mega-menu-catalogue__list-item a:before { height: 10px; width: 10px; background-color: #80FFD5; content: ""; display: inline-block; margin: 0 8px 0 0; border-radius: 50%; } li .mega-menu-catalogue__cta { text-align: center; padding: 0 0 0 50px; } li .mega-menu-catalogue__cta .btn, li .mega-menu-catalogue__cta .comments-area .cc-w .cc-f-btn, .comments-area .cc-w li .mega-menu-catalogue__cta .cc-f-btn, li .mega-menu-catalogue__cta form button, form li .mega-menu-catalogue__cta button { width: 100%; margin: 40px 0 0 0; } li .mega-menu-community { width: 1020px; left: -400px; } li .mega-menu-community__list { padding: 0; margin: 30px 0 0 0; list-style: none; -moz-columns: 2; columns: 2; } li .mega-menu-community__list-item a { color: #fff; display: flex; align-items: center; } li .mega-menu-community__list-item a i { color: #80FFD5; margin: 0 7px 0 0; font-size: 22px; } li .mega-menu-community__hub { padding: 0 0 0 50px; } li .mega-menu-community__hub-posts { list-style: none; padding: 0; margin: 30px 0 0 0; } li .mega-menu-community__hub-posts-post { margin: 0 0 20px 0; } li .mega-menu-community__hub-posts-post-title { margin: 0 0 10px 0; display: flex; align-items: flex-start; } li .mega-menu-community__hub-posts-post-title .tag { margin: 0 8px 0 0; } li .mega-menu-community__hub-posts-post a { padding-top: 4px; } li .mega-menu-community__hub-posts-post p { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } li .mega-menu-community__hub-posts-post:last-of-type { margin: 0; } li .mega-menu-community__hub .btn-text { margin: 40px 0 0; } .search-bar { background-color: #060C2E; position: fixed; top: 0; padding: 10px 0 40px 0; width: 100%; z-index: 120; transition: all 0.2s ease; opacity: 0; visibility: hidden; height: 100%; overflow-y: scroll; } @media (min-width: 1024px) { .search-bar { background-color: #1E2442; padding: 150px 0 70px 0; height: auto; z-index: 50; overflow-y: hidden; } } .search-bar.is-active { opacity: 1; visibility: visible; } .search-bar__form { position: relative; margin: 0 0 50px 0; display: flex; } .search-bar__form .ri-search-line { position: absolute; top: 50%; transform: translateY(-50%); left: 25px; } .search-bar__form .ri-close-line { height: 40px; width: 40px; min-width: 40px; border-radius: 5px; background-color: #80FFD5; font-size: 26px; display: flex; align-items: center; justify-content: center; margin-left: 7px; color: #060C2E; } @media (min-width: 1024px) { .search-bar__form .ri-close-line { display: none; } } .search-bar__form-input { padding-left: 55px !important; width: 100%; height: 40px; border-radius: 5px; } @media (min-width: 1024px) { .search-bar__form-input { height: auto; border-radius: 15px; } } .search-bar__list { padding: 0; padding: 30px 0 0 0; list-style: none; } .search-bar__list-item a { color: #80FFD5; display: flex; align-items: center; } .search-bar__list-item a:before { height: 10px; width: 10px; background-color: #80FFD5; content: ""; display: inline-block; margin: 0 8px 0 0; border-radius: 50%; } .search-bar__hub-posts { list-style: none; padding: 0; padding: 30px 0 0 0; } .search-bar__hub-posts-post { margin: 0 0 20px 0; } .search-bar__hub-posts-post-title { margin: 0 0 10px 0; } .search-bar__hub-posts-post-title .tag { margin: 0 8px 0 0; } .search-bar__hub-posts-post-title p { margin-top: 5px; } .search-bar__hub-posts-post p { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .search-bar__hub-posts-post:last-of-type { margin: 0; } .search-bar__links { margin-top: 140px; } .search-bar__links .btn:first-of-type, .search-bar__links .comments-area .cc-w .cc-f-btn:first-of-type, .comments-area .cc-w .search-bar__links .cc-f-btn:first-of-type, .search-bar__links form button:first-of-type, form .search-bar__links button:first-of-type { margin-bottom: 22px; } .search-bar__links h6, .search-bar__links p { text-align: center; } .search-bar__links p { margin-bottom: 30px; } .use-case-testimonial { margin: 50px 0 0 0; } @media (min-width: 1024px) { .use-case-testimonial { margin: 130px 0 200px 0; } } .content-columns { margin: 80px 0; } @media (min-width: 1024px) { .content-columns { margin: 200px 0; } } .content-columns .tag { margin: 0 0 15px 0; } .content-columns__intro { margin: 0 0 30px 0; } @media (min-width: 1024px) { .content-columns .columns { --columnGap: 3rem !important; } } @media (min-width: 1024px) { .entry-section--useCases .faqs h3 { font-size: 50px !important; } } .alternate-use-cases__intro { text-align: center; margin: 0 0 30px 0; padding-bottom: 25px; border-bottom: 1px solid #333854; } .alternate-use-cases__image { padding-bottom: 71%; position: relative; margin: 0 0 35px 0; width: 100%; display: flex; } .alternate-use-cases__image:after { position: absolute; bottom: 0; height: 90%; width: 100%; border-radius: 15px; background-color: #1E2442; content: ""; z-index: -1; } .alternate-use-cases__image img { transition: all 0.2s ease; transform-origin: center bottom; } .alternate-use-cases__col { display: flex; flex-direction: column; } .alternate-use-cases__col p { margin-bottom: 30px; } @media (max-width: 768px) { .alternate-use-cases__col h4 { font-size: 30px; } } .alternate-use-cases h4 { margin: 0 0 15px 0; } .alternate-use-cases .btn, .alternate-use-cases .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .alternate-use-cases .cc-f-btn, .alternate-use-cases form button, form .alternate-use-cases button { width: 100%; margin: 30px 0 0 0; margin-top: auto; } .course-catalogue { margin: 100px 0; } @media (min-width: 1024px) { .course-catalogue { margin: 200px 0; } } .course-catalogue__intro { text-align: center; margin: 0 0 20px 0; } @media (min-width: 1024px) { .course-catalogue__intro { margin: 0 0 50px 0; } } .course-catalogue__categories { display: flex; align-items: center; margin: 0 0 35px 0; overflow: scroll; padding: 0 5% 15px 5%; } .course-catalogue__categories::-webkit-scrollbar { display: none; } @media (min-width: 768px) { .course-catalogue__categories { justify-content: center; } } @media (min-width: 1024px) { .course-catalogue__categories { padding: 0; flex-wrap: wrap; margin: 0 0 100px 0; } } .course-catalogue__categories .pill { margin: 0 7px; } .course-catalogue__categories .pill:first-of-type { margin-left: 0; } .course-catalogue__categories .pill:last-of-type { margin-right: 0; } .course-catalogue__column { display: none; } .course-catalogue__column.is-active { display: block; } .course-catalogue__link { margin: 50px 0 0 0; display: flex; justify-content: center; } @media (min-width: 1024px) { .course-catalogue__link { margin: 80px 0 0 0; } } .content-block { margin: 50px 0; } .content-block--transcript .wrapper { background-color: #1E2442; border: 2px solid #333854; padding: 25px; border-radius: 5px; position: relative; } .content-block--transcript .wysiwyg { max-height: 670px; overflow-x: hidden; overflow-y: scroll; padding-right: 30px; } .content-block--transcript .wysiwyg::-webkit-scrollbar { width: 5px; } .content-block--transcript .wysiwyg::-webkit-scrollbar-track { background: #121838; } .content-block--transcript .wysiwyg::-webkit-scrollbar-thumb { background: #80FFD5; } .content-block .wysiwyg iframe { width: 100% !important; } .cta-section-wrapped { margin: 50px 0; } @media (min-width: 768px) { .cta-section-wrapped { margin: 100px 0; } } @media (min-width: 1024px) { .cta-section-wrapped { margin: 200px 0; } } .cta-section-wrapped__wrap { border-radius: 15px; border: 3px solid #333854; background-color: #1E2442; position: relative; overflow: hidden; padding: 0 0 35px 0; } @media (min-width: 1024px) { .cta-section-wrapped__wrap { padding: 100px 0 90px 100px; } } .cta-section-wrapped__content { position: relative; z-index: 2; padding: 35px 25px 0 25px; } @media (min-width: 1024px) { .cta-section-wrapped__content { padding: 0; padding-right: 70px; } } .cta-section-wrapped__content h3 { margin: 0 0 20px 0; } .cta-section-wrapped__content a.btn, .cta-section-wrapped__content .comments-area .cc-w a.cc-f-btn, .comments-area .cc-w .cta-section-wrapped__content a.cc-f-btn { margin: 30px 0 0 0; } @media (min-width: 1024px) { .cta-section-wrapped__content a.btn, .cta-section-wrapped__content .comments-area .cc-w a.cc-f-btn, .comments-area .cc-w .cta-section-wrapped__content a.cc-f-btn { margin: 50px 0 0 0; } } .cta-section-wrapped__content form { margin: 40px 0 0 0; } .cta-section-wrapped__content form .freeform-row .text-dust { display: none; } .cta-section-wrapped__image { padding-bottom: 60%; margin: 50px 0 0 25px; position: relative; } @media (min-width: 1024px) { .cta-section-wrapped__image { position: absolute; bottom: -5px; right: -3px; width: 50%; height: 90%; padding: 0; margin: 0; } } .cta-section-wrapped .blurry-shape { top: 40px; left: 40px; } @media (min-width: 1024px) { .cta-section-wrapped .blurry-shape { top: -130px; left: -130px; } } .cta-section-wrapped .blurry-shape--electric { top: unset; bottom: -130px; left: 400px; display: none; } @media (min-width: 1024px) { .cta-section-wrapped .blurry-shape--electric { display: block; } } .cta-section-wrapped--newsletter .blurry-shape { left: unset; right: 120px; } .cta-section-wrapped--newsletter .blurry-shape--electric { right: 0; } @media (max-width: 768px) { .cta-section-wrapped--newsletter .blurry-shape { display: none; } } .cta-section-full { position: relative; margin: 100px 0 0 0; border-top: 3px solid #333854; border-bottom: 3px solid #333854; overflow: hidden; } @media (min-width: 1024px) { .cta-section-full { margin: 200px 0 0 0; } } .cta-section-full ~ .footer { margin-top: 0; } .cta-section-full .blurry-shape { right: 40px; bottom: -90px; } @media (min-width: 1024px) { .cta-section-full .blurry-shape { right: 40px; bottom: -120px; } } .cta-section-full .blurry-shape--electric { bottom: unset; right: unset; top: -70px; left: -40px; } @media (min-width: 1024px) { .cta-section-full .blurry-shape--electric { top: -70px; left: 30px; } } .cta-section-full__content { padding: 50px 0; text-align: center; } @media (min-width: 1024px) { .cta-section-full__content { padding: 120px 0; } } .cta-section-full__links { display: flex; flex-direction: column; margin: 30px 0 0 0; align-items: center; } @media (min-width: 1024px) { .cta-section-full__links { margin: 50px 0 0 0; justify-content: center; flex-direction: row; } } .cta-section-full__links .btn, .cta-section-full__links .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .cta-section-full__links .cc-f-btn, .cta-section-full__links form button, form .cta-section-full__links button { margin: 10px 0; } @media (min-width: 1024px) { .cta-section-full__links .btn, .cta-section-full__links .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .cta-section-full__links .cc-f-btn, .cta-section-full__links form button, form .cta-section-full__links button { margin: 0 7px; min-width: 269px; } } form[data-handle=newsletterSignup] .freeform-row { margin: 0; align-items: flex-end; } form[data-handle=newsletterSignup] .freeform-form-errors { display: block; background-color: transparent; padding: 0; border: 0; } form[data-handle=newsletterSignup] .freeform-form-errors p { color: #F44336; } form[data-handle=newsletterSignup] .freeform-column { margin: 0; } form[data-handle=newsletterSignup] .freeform-column label { margin: 0; } form[data-handle=newsletterSignup] .freeform-column .freeform-errors { display: none !important; } form[data-handle=newsletterSignup] .freeform-column .freeform-errors li { color: #80FFD5 !important; } form[data-handle=newsletterSignup] .freeform-column .ff-fieldtype-html { padding-top: 0; } @media (min-width: 1024px) { form[data-handle=newsletterSignup] .freeform-column input[type=email] { border-top-right-radius: 0; border-bottom-right-radius: 0; min-width: 400px; margin: 0; } form[data-handle=newsletterSignup] .freeform-column button { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } } form[data-handle=newsletterSignup] .freeform-fieldtype-email { position: relative; } form[data-handle=newsletterSignup] .freeform-fieldtype-email label { display: none; } form[data-handle=newsletterSignup] .freeform-fieldtype-email input { padding-left: 53px; } form[data-handle=newsletterSignup] .freeform-fieldtype-email::before { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 25px; height: 16px; width: 20px; background-image: url("../../build/img/shapes/mail.svg"); } form[data-handle=enquiryForm] a { color: #1E2442; } @media (min-width: 1024px) { footer form[data-handle=newsletterSignup] .freeform-column input[type=email] { min-width: 210px; } } @media (min-width: 1440px) { footer form[data-handle=newsletterSignup] .freeform-column input[type=email] { min-width: 400px; } } .entry-query { margin: 100px 0; } @media (min-width: 1024px) { .entry-query { margin: 200px 0; } } .entry-query__intro { margin: 0 0 50px 0; text-align: center; } .entry-query__intro h3 { margin: 20px 0; } .entry-query .columns .column { height: auto; } .entry-query .columns .column > * { height: 100%; } .faqs { margin: 100px 0; } @media (min-width: 1024px) { .faqs { margin: 200px 0; } } .faqs__intro { margin: 0 0 60px 0; text-align: center; } .faqs__item { margin: 0 0 25px 0; border: 3px solid #333854; background-color: #121838; border-radius: 15px; overflow: hidden; } .faqs__item-toggle { padding: 20px 70px 20px 15px; position: relative; } @media (min-width: 1024px) { .faqs__item-toggle { padding: 30px 100px 30px 25px; } } .faqs__item-button { position: absolute; right: 0; top: 0; width: 62px; height: 100%; display: flex; align-items: center; justify-content: center; border-left: 3px solid #333854; cursor: pointer; transition: all 0.2s ease; background-color: #060C2E; } @media (min-width: 1024px) { .faqs__item-button { width: 100px; } } .faqs__item-button i { color: #80FFD5; font-size: 38px; transition: all 0.2s ease; } .faqs__item-button:hover { text-decoration: none; } .faqs__item-answer { padding: 15px 15px; border-top: 3px solid #333854; display: none; } @media (min-width: 1024px) { .faqs__item-answer { padding: 20px 25px; padding-right: 80px; } } .faqs__item.is-active .faqs__item-button { background-color: #80FFD5; } .faqs__item.is-active .faqs__item-button i { color: #060C2E; } .faqs__item.is-active .faqs__item-answer { display: block; } .form-block { margin: 100px 0; } @media (min-width: 1024px) { .form-block { margin: 200px 0; } } .form-block__wrap { background: #fff; padding: 20px; border-radius: 15px; } @media (min-width: 1024px) { .form-block__wrap { padding: 50px; } } .form-block form { margin: 30px 0 0 0; } .post-summary { text-align: center; margin: 50px 0px 50px 0; } @media (min-width: 1024px) { .post-summary { margin: 100px 0px 200px 0; } } @media (max-width: 768px) { .post-summary { text-align: left; } .post-summary .columns { display: flex; gap: 20px; margin: 0 !important; } .post-summary .columns .column { padding-bottom: 0 !important; } } @media (max-width: 768px) and (max-width: 768px) { .post-summary .columns .column { padding-left: 0 !important; } } @media (max-width: 768px) { .post-summary .columns .column.is-half-mobile { width: calc(50% - 20px); } } @media (max-width: 768px) { .post-summary .columns .column:nth-child(3), .post-summary .columns .column:nth-child(4) { border-top: 3px solid #333854; padding-top: 25px; } } .post-summary .column:nth-child(odd) { border-left: 1px solid #333854; border-right: 1px solid #333854; } @media (max-width: 768px) { .post-summary .column:nth-child(odd) { border: none; } } .post-summary .column:last-child { border-right: 1px solid #333854; } @media (max-width: 768px) { .post-summary .column:last-child { border: none; } } @media (min-width: 1024px) { .post-summary__text--padding { padding: 0 50px; } } .post-summary__text h4 { overflow: hidden; white-space: nowrap; } @media (max-width: 768px) { .post-summary__text h4 { margin: 0; } } @media (min-width: 1024px) and (max-width: 1540px) { .post-summary__text h4 { font-size: 24px; } } @media (max-width: 768px) { .post-summary--events .column { border: 0 !important; border-bottom: 3px solid #333854 !important; } } .how-it-works-section__columns { margin: 30px 0; } .how-it-works-section__columns--flipped { flex-direction: row-reverse; } @media (min-width: 768px) { .how-it-works-section__columns--flipped .how-it-works-section__text { padding-right: 0; padding-left: 40px; } } @media (min-width: 1024px) { .how-it-works-section__columns--flipped .how-it-works-section__text { padding-left: 0; } } @media (min-width: 768px) { .how-it-works-section__text { padding-right: 40px; } } @media (min-width: 1024px) { .how-it-works-section__text { padding-right: 0; } } .how-it-works-section__text h4 { margin: 25px 0px 0px 0px; } .how-it-works-section__text h3 { margin: 0px 0px 25px 0px; } @media (min-width: 1024px) { .how-it-works-section__text h3 { font-size: 35px; } } .how-it-works-section__text p { color: #EBEBEB; } .how-it-works-section__image { background: #1E2442; position: relative; padding: 0px 5px; } .how-it-works-section__image.column { display: flex; justify-content: center; align-items: flex-end; border-radius: 15px; min-height: 350px; } @media (min-width: 1024px) { .how-it-works-section__image.column { min-height: 510px; } } .how-it-works-section__image img { max-width: 360px; position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } @media (min-width: 768px) { .how-it-works-section__image img { max-width: 240px; } } @media (min-width: 1024px) { .how-it-works-section__image img { max-width: 360px; } } .how-it-works-section__line { display: block; margin: 0 auto; padding-bottom: 30px; } @media (min-width: 768px) { .how-it-works-section__line { max-width: 60%; } } @media (min-width: 1024px) { .how-it-works-section__line { max-width: auto; } } .how-it-works-section__line--reversed { transform: rotateX(180deg); padding-bottom: 0; padding-top: 40px; } @media screen and (max-width: 767px) { .how-it-works-section .columns { margin: 0; } .how-it-works-section .columns .column { width: 100%; } .how-it-works-section .columns.is-reversed { display: flex; flex-direction: column-reverse; } .how-it-works-section__text { padding-bottom: 50px; } .how-it-works-section__text h4, .how-it-works-section__text h3 { font-size: 30px; } .how-it-works-section__text p { font-size: 14px; } .how-it-works-section__image img { -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 75%); clip-path: polygon(0 0, 100% 0, 100% 75%, 0 75%); top: -35px; max-width: 260px; } .how-it-works-section__image.column { min-height: 240px; } .how-it-works-section__line { background: #060C2E; z-index: 1; position: relative; padding: 20px 0px; } } .key-points { margin: 100px 0; } @media (min-width: 1024px) { .key-points { margin: 200px 0; } } .key-points__intro { margin: 0 0 50px 0; text-align: center; } .key-points__intro h3 { margin: 20px 0; } .key-points .columns { align-items: normal; } .key-points__col.is-one-third-desktop .key-points__item-description { max-width: 360px; } .key-points__col.is-one-quarter-desktop .key-points__item-description { max-width: 300px; } .key-points__item { text-align: center; margin-bottom: 50px; } @media (min-width: 1024px) { .key-points__item { margin-bottom: 0; } } .key-points__item-icon { width: 87px; height: 87px; margin: 0 auto 15px auto; background-color: #1E2442; border: 3px solid #333854; border-radius: 50%; display: flex; align-items: center; justify-content: center; } @media (min-width: 1024px) { .key-points__item-icon { margin: 0 auto 40px auto; } } .key-points__item-icon i { font-size: 34px; color: #80FFD5; } .key-points__item-description { max-width: 360px; margin: 0 auto; } .partners { margin: 100px 0; } @media (min-width: 1024px) { .partners { margin: 200px 0; } } .partners__intro { margin: 0 auto 50px auto; text-align: center; max-width: 960px; } @media (min-width: 1024px) { .partners__intro { margin: 0 auto 100px auto; } } .partners__item { background-color: #121838; border-radius: 15px; border: 2px solid #333854; padding: 25px; } @media (min-width: 768px) { .partners__item { padding: 40px; } } @media (min-width: 1024px) { .partners__item { padding: 20px; } } @media (min-width: 1440px) { .partners__item { border: 3px solid #333854; padding: 30px; } } .partners__item-image { position: relative; } .partners__item-image img { display: block; margin: 0 auto; filter: brightness(0) invert(1); max-height: 100px; } .pricing-cards { margin: 100px 0px 0px 0px; } @media (min-width: 1024px) { .pricing-cards { margin: 200px 0; } } .pricing-cards__switcher { margin: 0 auto 50px auto; display: flex; justify-content: center; } @media (min-width: 1024px) { .pricing-cards__switcher { margin: 0 auto 100px auto; } } .pricing-cards__switcher-wrap { display: inline-flex; justify-content: space-between; align-items: center; background-color: #333854; padding: 2px; border-radius: 50px; } .pricing-cards__switcher .pill { font-weight: bold; } .pricing-cards__switcher .pill:not(.is-active) { border-color: #333854; } .pricing-card { height: 100%; display: flex; flex-direction: column; } .pricing-card__details { border-top-left-radius: 15px; border-top-right-radius: 15px; border: 2px solid #333854; background: #121838; padding: 20px; flex: 1; display: flex; flex-direction: column; align-items: flex-start; } @media (max-width: 768px) { .pricing-card__details .btn, .pricing-card__details .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .pricing-card__details .cc-f-btn, .pricing-card__details form button, form .pricing-card__details button { padding-top: 25px; padding-bottom: 25px; min-width: initial; } } @media (min-width: 1024px) { .pricing-card__details { padding: 25px 25px 35px 25px; } } .pricing-card__details--suggested { background-color: #fff; border-color: #fff; } .pricing-card h4 { display: flex; align-items: center; } .pricing-card h4 .tag { margin: 0 0 0 12px; } .pricing-card__pricing { margin: 5px 0 0 0; display: none; } @media (min-width: 1024px) { .pricing-card__pricing { margin: 20px 0 0 0; } } .pricing-card__pricing.is-active { display: block; } .pricing-card__pricing small { font-size: 22px; font-weight: normal; } .pricing-card .draggable-price { margin: 20px 0 80px 0; width: 100%; } @media (min-width: 1024px) { .pricing-card .draggable-price { margin: 30px 0 100px 0; } } .pricing-card .btn, .pricing-card .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .pricing-card .cc-f-btn, .pricing-card form button, form .pricing-card button { width: 100%; margin: auto 0 0 0; } .pricing-card__summary { border: 2px solid #333854; border-top: 0; background: #1E2442; padding: 20px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } @media (min-width: 1024px) { .pricing-card__summary { padding: 25px; height: 400px; } } .pricing-card__summary a { font-weight: bold; display: inline-flex; align-items: center; margin: 35px 0 0 0; font-family: "Urbanist", sans-serif; } .pricing-card__summary a i { margin: 0 0 0 7px; } .pricing-card__highlights { list-style: none; padding: 0; margin: 0; } .pricing-card__highlights li { display: flex; align-items: center; line-height: 1.25; } .pricing-card__highlights li i { margin: 0 7px 0 0; } .pricing-table { margin: 120px 0; } @media (min-width: 1024px) { .pricing-table { margin: 200px 0; } } .pricing-table__column:first-of-type .pricing-table__runner { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .pricing-table__column:last-of-type .pricing-table__runner { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .pricing-table__title { border-bottom: 1px solid #333854; padding: 0px 0px 15px 10px; } .pricing-table__header { padding: 40px 40px 40px 10px; height: 500px; } @media (min-width: 1540px) { .pricing-table__header { min-height: 320px; } } .pricing-table__header small { font-size: 16px; color: #EBEBEB; } .pricing-table__header .btn, .pricing-table__header .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .pricing-table__header .cc-f-btn, .pricing-table__header form button, form .pricing-table__header button { margin-top: 20px; } @media (min-width: 1024px) { .pricing-table__header .btn, .pricing-table__header .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .pricing-table__header .cc-f-btn, .pricing-table__header form button, form .pricing-table__header button { font-size: 14px; padding: 18px 16px; } } @media (min-width: 1204px) { .pricing-table__header .btn, .pricing-table__header .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .pricing-table__header .cc-f-btn, .pricing-table__header form button, form .pricing-table__header button { font-size: 16px; padding: 18px 20px; } } @media (min-width: 1540px) { .pricing-table__header .btn, .pricing-table__header .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .pricing-table__header .cc-f-btn, .pricing-table__header form button, form .pricing-table__header button { font-size: 18px; padding: 22px 40px; } } .pricing-table__header-title { display: none; } @media (min-width: 1024px) { .pricing-table__header-title { font-size: 40px; } } @media (min-width: 1204px) { .pricing-table__header-title { font-size: 60px; } } .pricing-table__header-title.is-active { display: block; } @media (min-width: 1024px) { .pricing-table__header p { font-size: 14px; } } @media (min-width: 1204px) { .pricing-table__header p { font-size: 16px; } } .pricing-table__runner { background-color: #1E2442; padding: 10px 20px; margin: 0 0 10px 0; } .pricing-table__items-row { border-bottom: 1px solid #333854; padding: 15px 20px; height: 70px; display: flex; align-items: center; } .pricing-table__items-row i { color: #80FFD5; font-size: 24px; } .pricing-table__cta { margin: 20px 0 0 0; } .draggable-price { position: relative; margin: 30px 0 0 0; } .draggable-price input { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 14px; background-color: #333854; border-radius: 5px; } .draggable-price input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; background: #80FFD5; border-radius: 15px; cursor: pointer; } .draggable-price__tip { position: absolute; top: 100%; width: 90px; background-color: #80FFD5; padding: 5px 8px; border-radius: 50px; margin-top: 20px; color: #060C2E; transition: all 0.1s linear; text-align: center; white-space: nowrap; } .draggable-price__tip:before { width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 20px; border-color: transparent transparent #80FFD5 transparent; content: ""; position: absolute; bottom: 100%; margin-bottom: -10px; left: 50%; transform: translateX(-50%); } .pricing-table-mobile { margin: 120px 0; } .pricing-table-mobile__block h5 { margin: 30px 0 0 0; } .pricing-table-mobile__block .btn, .pricing-table-mobile__block .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .pricing-table-mobile__block .cc-f-btn, .pricing-table-mobile__block form button, form .pricing-table-mobile__block button { display: flex; } @media (min-width: 1024px) { .pricing-table-mobile__block .btn, .pricing-table-mobile__block .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .pricing-table-mobile__block .cc-f-btn, .pricing-table-mobile__block form button, form .pricing-table-mobile__block button { display: inline-flex; } } .pricing-table-mobile__items { border-radius: 15px; padding: 0 15px; border: 2px solid #333854; background-color: #121838; margin: 20px 0; } .pricing-table-mobile__items-row { display: flex; align-items: center; justify-content: space-between; padding: 11px 0; border-bottom: 2px solid #333854; } .pricing-table-mobile__items-row:last-of-type { border: 0; } .pricing-table-mobile__items-row p { line-height: 1; } .pricing-table-mobile__items-row i { color: #80FFD5; font-size: 22px; line-height: 1; } .split-content-image { margin: 50px 0; } @media (min-width: 768px) { .split-content-image { margin: 100px 0; } } @media (min-width: 1024px) { .split-content-image { margin: 200px 0; } } .split-content-image--no-image { text-align: center; } .split-content-image--no-image .wrapper { max-width: 1100px; position: relative; } .split-content-image--no-image .blurry-shape { left: -20%; } .split-content-image--no-image .blurry-shape--electric { left: unset; right: -20%; } @media (min-width: 768px) { .split-content-image .columns { align-items: flex-start; } } @media (min-width: 1024px) { .split-content-image .columns { align-items: center; } } .split-content-image .columns.is-flipped { flex-direction: row-reverse; } .split-content-image .columns.is-flipped .split-content-image__caption { left: initial; right: -50px; } .split-content-image .tag { margin: 0 0 15px 0; } .split-content-image .btn, .split-content-image .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .split-content-image .cc-f-btn, .split-content-image form button, form .split-content-image button { display: flex; width: -moz-fit-content; width: fit-content; margin: 40px auto 0px auto; } @media (min-width: 768px) { .split-content-image .btn, .split-content-image .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .split-content-image .cc-f-btn, .split-content-image form button, form .split-content-image button { display: inline-flex; width: auto; margin: 40px 0 0 0; } } .split-content-image__media { position: relative; margin: 50px 0 0 0; } @media (min-width: 768px) { .split-content-image__media { margin: 0; } } .split-content-image__image { padding-bottom: 72%; position: relative; overflow: hidden; border-radius: 15px; } .split-content-image__caption { position: absolute; border-radius: 15px; border: 3px solid #333854; padding: 20px; display: inline-block; width: 270px; left: 0; bottom: -40px; background-color: #1E2442; text-align: center; } @media (min-width: 1024px) { .split-content-image__caption { bottom: -60px; left: -50px; min-width: 340px; padding: 40px 20px; } } .split-content-image__caption h1, .split-content-image__caption h2, .split-content-image__caption h3, .split-content-image__caption h4, .split-content-image__caption h5, .split-content-image__caption h6 { margin: 0; } .split-content-image__caption p { margin: 0 auto; max-width: 280px; } .contact-rows { margin: 50px 0 0 0; } .contact-rows__row { padding: 0 0 15px 0; border-bottom: 2px solid #333854; margin-bottom: 15px; } .contact-rows__row:last-of-type { margin-bottom: 0; border-bottom: 0; } .contact-rows__row a { font-family: inherit; font-size: inherit; } .team-members { margin: 100px 0; } @media (min-width: 1024px) { .team-members { margin: 200px 0; } } .team-members__intro { max-width: 1000px; margin: 0 auto 60px auto; text-align: center; } .team-member-item__headshot { padding-bottom: 61%; position: relative; margin: 0 0 20px 0; width: 100%; display: flex; border-radius: 15px; overflow: hidden; } .team-member-item__bio { padding-top: 20px; } .team-member-item .read-more { display: block; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 0.2px; font-size: 12px; margin-bottom: 20px; } .testimonial-block { margin: 50px 0; } .testimonials { overflow: hidden; margin: 100px 0; } @media (min-width: 1024px) { .testimonials { margin: 200px 0; } } @media (min-width: 768px) { .testimonials .js-testimonials-carousel { overflow: hidden; } } .testimonials .swiper-wrapper { pointer-events: none; } @media (min-width: 768px) { .testimonials .swiper-wrapper { transition-timing-function: linear; } } .testimonials .swiper-slide { height: auto; } .testimonials__item { padding: 25px; border-radius: 15px; border: 3px solid #333854; background-color: #1E2442; display: flex; flex-direction: column; min-height: 100%; } @media (min-width: 1024px) { .testimonials__item { padding: 25px; } } @media (min-width: 1440px) { .testimonials__item { padding: 50px; } } .testimonials__item-quote { padding: 10px 0 0 0; flex: 1; } .testimonials__item-headshot { width: 60px; height: 60px; border-radius: 50%; position: relative; overflow: hidden; margin: 0 10px 0 0; border: 2px solid #fff; background-color: #fff; } .testimonials__item-footer { display: flex; align-items: center; margin: 20px 0 0 0; } @media (min-width: 1024px) { .testimonials__item-footer { margin: 40px 0 0 0; } } .testimonial-neon, .use-case-testimonial .testimonials__item, .testimonial-block .testimonials__item, .testimonial-electric { background-color: #80FFD5; border-color: #80FFD5; } .testimonial-neon .testimonials__item-title, .use-case-testimonial .testimonials__item .testimonials__item-title, .testimonial-block .testimonials__item .testimonials__item-title, .testimonial-electric .testimonials__item-title { color: #060C2E; } .testimonial-neon .testimonials__item-quote, .use-case-testimonial .testimonials__item .testimonials__item-quote, .testimonial-block .testimonials__item .testimonials__item-quote, .testimonial-electric .testimonials__item-quote { color: #353246; } .testimonial-neon .testimonials__item-author, .use-case-testimonial .testimonials__item .testimonials__item-author, .testimonial-block .testimonials__item .testimonials__item-author, .testimonial-electric .testimonials__item-author { color: #060C2E; } .testimonial-neon .testimonials__item-jobtitle, .use-case-testimonial .testimonials__item .testimonials__item-jobtitle, .testimonial-block .testimonials__item .testimonials__item-jobtitle, .testimonial-electric .testimonials__item-jobtitle { color: #060C2E; } .testimonial-electric { background-color: #9CADFF; border-color: #9CADFF; } .use-cases { margin: 100px 0; overflow: hidden; padding-bottom: 30px; } @media (min-width: 1024px) { .use-cases { margin: 200px 0; } } .use-cases__basic-intro { text-align: center; margin: 0 0 50px 0; } .use-cases__basic-intro p { max-width: 280px; margin: 0 auto; } @media (min-width: 1024px) { .use-cases__basic-intro p { max-width: 100%; } } .use-cases__basic-col:nth-of-type(2n) .use-cases__basic-image:after { border-color: #80FFD5; background-color: #80FFD5; } .use-cases__basic-item { text-align: center; display: flex; align-items: center; flex-direction: column; } .use-cases__basic-item:hover .use-cases__basic-image img { transform: scale(1.05); } .use-cases__basic-image { padding-bottom: 71%; position: relative; margin: 0 0 15px 0; width: 100%; display: flex; } @media (min-width: 1024px) { .use-cases__basic-image { margin: 0 0 35px 0; padding-bottom: 61%; } } .use-cases__basic-image:after { position: absolute; bottom: 0; height: 80%; width: 100%; border-radius: 15px; background-color: #1E2442; content: ""; z-index: -1; } .use-cases__basic-image img { transition: all 0.2s ease; transform-origin: center bottom; top: unset; bottom: -1px; } .use-cases__basic-link { margin: 20px 0 0 0; display: flex; justify-content: center; } @media (min-width: 1024px) { .use-cases__basic-link { margin: 40px 0 0 0; } } .use-cases__full .columns { display: flex; flex-direction: column-reverse; } @media (min-width: 1024px) { .use-cases__full .columns { flex-direction: row; } } .use-cases__full-item { padding-bottom: 50px; } @media (min-width: 1024px) { .use-cases__full-item { padding-bottom: 60px; } } .use-cases__full-item:last-of-type { padding-bottom: 0; } .use-cases__full-item .list-with-dots, .use-cases__full-item .wysiwyg ul, .wysiwyg .use-cases__full-item ul { margin: 30px 0 0 0; } .use-cases__full-dotstitle { margin: 30px 0 0 0; } .use-cases__full .btn, .use-cases__full .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .use-cases__full .cc-f-btn, .use-cases__full form button, form .use-cases__full button { margin: 30px 0 0 0; } @media (min-width: 1024px) { .use-cases__full .btn, .use-cases__full .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .use-cases__full .cc-f-btn, .use-cases__full form button, form .use-cases__full button { margin: 55px 0 0 0; } } .use-cases__full-image { padding-bottom: 76%; position: relative; margin: 0 0 35px 0; width: 100%; display: flex; } .use-cases__full-image:after { position: absolute; bottom: 0; height: 90%; width: 100%; border-radius: 15px; background-color: #1E2442; border: 3px solid #333854; content: ""; z-index: -1; } .use-cases__full-image img { transition: all 0.2s ease; transform-origin: center bottom; } .video-block { margin: 50px 0; } .course-catalogue { margin: 100px 0; } @media (min-width: 1024px) { .course-catalogue { margin: 200px 0; } } .course-catalogue__intro { text-align: center; margin: 0 0 20px 0; } @media (min-width: 1024px) { .course-catalogue__intro { margin: 0 0 50px 0; } } .course-catalogue__categories { display: flex; align-items: center; margin: 0 0 35px 0; overflow: scroll; padding: 0 5% 15px 5%; } .course-catalogue__categories::-webkit-scrollbar { display: none; } @media (min-width: 768px) { .course-catalogue__categories { justify-content: center; } } @media (min-width: 1024px) { .course-catalogue__categories { padding: 0; flex-wrap: wrap; margin: 0 0 100px 0; } } .course-catalogue__categories .pill { margin: 0 7px; } .course-catalogue__categories .pill:first-of-type { margin-left: 0; } .course-catalogue__categories .pill:last-of-type { margin-right: 0; } .course-catalogue__column { display: none; } .course-catalogue__column.is-active { display: block; } .course-catalogue__link { margin: 50px 0 0 0; display: flex; justify-content: center; } @media (min-width: 1024px) { .course-catalogue__link { margin: 80px 0 0 0; } } .content-block { margin: 50px 0; } .content-block--transcript .wrapper { background-color: #1E2442; border: 2px solid #333854; padding: 25px; border-radius: 5px; position: relative; } .content-block--transcript .wysiwyg { max-height: 670px; overflow-x: hidden; overflow-y: scroll; padding-right: 30px; } .content-block--transcript .wysiwyg::-webkit-scrollbar { width: 5px; } .content-block--transcript .wysiwyg::-webkit-scrollbar-track { background: #121838; } .content-block--transcript .wysiwyg::-webkit-scrollbar-thumb { background: #80FFD5; } .content-block .wysiwyg iframe { width: 100% !important; } .cta-section-wrapped { margin: 50px 0; } @media (min-width: 768px) { .cta-section-wrapped { margin: 100px 0; } } @media (min-width: 1024px) { .cta-section-wrapped { margin: 200px 0; } } .cta-section-wrapped__wrap { border-radius: 15px; border: 3px solid #333854; background-color: #1E2442; position: relative; overflow: hidden; padding: 0 0 35px 0; } @media (min-width: 1024px) { .cta-section-wrapped__wrap { padding: 100px 0 90px 100px; } } .cta-section-wrapped__content { position: relative; z-index: 2; padding: 35px 25px 0 25px; } @media (min-width: 1024px) { .cta-section-wrapped__content { padding: 0; padding-right: 70px; } } .cta-section-wrapped__content h3 { margin: 0 0 20px 0; } .cta-section-wrapped__content a.btn, .cta-section-wrapped__content .comments-area .cc-w a.cc-f-btn, .comments-area .cc-w .cta-section-wrapped__content a.cc-f-btn { margin: 30px 0 0 0; } @media (min-width: 1024px) { .cta-section-wrapped__content a.btn, .cta-section-wrapped__content .comments-area .cc-w a.cc-f-btn, .comments-area .cc-w .cta-section-wrapped__content a.cc-f-btn { margin: 50px 0 0 0; } } .cta-section-wrapped__content form { margin: 40px 0 0 0; } .cta-section-wrapped__content form .freeform-row .text-dust { display: none; } .cta-section-wrapped__image { padding-bottom: 60%; margin: 50px 0 0 25px; position: relative; } @media (min-width: 1024px) { .cta-section-wrapped__image { position: absolute; bottom: -5px; right: -3px; width: 50%; height: 90%; padding: 0; margin: 0; } } .cta-section-wrapped .blurry-shape { top: 40px; left: 40px; } @media (min-width: 1024px) { .cta-section-wrapped .blurry-shape { top: -130px; left: -130px; } } .cta-section-wrapped .blurry-shape--electric { top: unset; bottom: -130px; left: 400px; display: none; } @media (min-width: 1024px) { .cta-section-wrapped .blurry-shape--electric { display: block; } } .cta-section-wrapped--newsletter .blurry-shape { left: unset; right: 120px; } .cta-section-wrapped--newsletter .blurry-shape--electric { right: 0; } @media (max-width: 768px) { .cta-section-wrapped--newsletter .blurry-shape { display: none; } } .cta-section-full { position: relative; margin: 100px 0 0 0; border-top: 3px solid #333854; border-bottom: 3px solid #333854; overflow: hidden; } @media (min-width: 1024px) { .cta-section-full { margin: 200px 0 0 0; } } .cta-section-full ~ .footer { margin-top: 0; } .cta-section-full .blurry-shape { right: 40px; bottom: -90px; } @media (min-width: 1024px) { .cta-section-full .blurry-shape { right: 40px; bottom: -120px; } } .cta-section-full .blurry-shape--electric { bottom: unset; right: unset; top: -70px; left: -40px; } @media (min-width: 1024px) { .cta-section-full .blurry-shape--electric { top: -70px; left: 30px; } } .cta-section-full__content { padding: 50px 0; text-align: center; } @media (min-width: 1024px) { .cta-section-full__content { padding: 120px 0; } } .cta-section-full__links { display: flex; flex-direction: column; margin: 30px 0 0 0; align-items: center; } @media (min-width: 1024px) { .cta-section-full__links { margin: 50px 0 0 0; justify-content: center; flex-direction: row; } } .cta-section-full__links .btn, .cta-section-full__links .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .cta-section-full__links .cc-f-btn, .cta-section-full__links form button, form .cta-section-full__links button { margin: 10px 0; } @media (min-width: 1024px) { .cta-section-full__links .btn, .cta-section-full__links .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .cta-section-full__links .cc-f-btn, .cta-section-full__links form button, form .cta-section-full__links button { margin: 0 7px; min-width: 269px; } } form[data-handle=newsletterSignup] .freeform-row { margin: 0; align-items: flex-end; } form[data-handle=newsletterSignup] .freeform-form-errors { display: block; background-color: transparent; padding: 0; border: 0; } form[data-handle=newsletterSignup] .freeform-form-errors p { color: #F44336; } form[data-handle=newsletterSignup] .freeform-column { margin: 0; } form[data-handle=newsletterSignup] .freeform-column label { margin: 0; } form[data-handle=newsletterSignup] .freeform-column .freeform-errors { display: none !important; } form[data-handle=newsletterSignup] .freeform-column .freeform-errors li { color: #80FFD5 !important; } form[data-handle=newsletterSignup] .freeform-column .ff-fieldtype-html { padding-top: 0; } @media (min-width: 1024px) { form[data-handle=newsletterSignup] .freeform-column input[type=email] { border-top-right-radius: 0; border-bottom-right-radius: 0; min-width: 400px; margin: 0; } form[data-handle=newsletterSignup] .freeform-column button { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } } form[data-handle=newsletterSignup] .freeform-fieldtype-email { position: relative; } form[data-handle=newsletterSignup] .freeform-fieldtype-email label { display: none; } form[data-handle=newsletterSignup] .freeform-fieldtype-email input { padding-left: 53px; } form[data-handle=newsletterSignup] .freeform-fieldtype-email::before { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 25px; height: 16px; width: 20px; background-image: url("../../build/img/shapes/mail.svg"); } form[data-handle=enquiryForm] a { color: #1E2442; } @media (min-width: 1024px) { footer form[data-handle=newsletterSignup] .freeform-column input[type=email] { min-width: 210px; } } @media (min-width: 1440px) { footer form[data-handle=newsletterSignup] .freeform-column input[type=email] { min-width: 400px; } } .entry-query { margin: 100px 0; } @media (min-width: 1024px) { .entry-query { margin: 200px 0; } } .entry-query__intro { margin: 0 0 50px 0; text-align: center; } .entry-query__intro h3 { margin: 20px 0; } .entry-query .columns .column { height: auto; } .entry-query .columns .column > * { height: 100%; } .faqs { margin: 100px 0; } @media (min-width: 1024px) { .faqs { margin: 200px 0; } } .faqs__intro { margin: 0 0 60px 0; text-align: center; } .faqs__item { margin: 0 0 25px 0; border: 3px solid #333854; background-color: #121838; border-radius: 15px; overflow: hidden; } .faqs__item-toggle { padding: 20px 70px 20px 15px; position: relative; } @media (min-width: 1024px) { .faqs__item-toggle { padding: 30px 100px 30px 25px; } } .faqs__item-button { position: absolute; right: 0; top: 0; width: 62px; height: 100%; display: flex; align-items: center; justify-content: center; border-left: 3px solid #333854; cursor: pointer; transition: all 0.2s ease; background-color: #060C2E; } @media (min-width: 1024px) { .faqs__item-button { width: 100px; } } .faqs__item-button i { color: #80FFD5; font-size: 38px; transition: all 0.2s ease; } .faqs__item-button:hover { text-decoration: none; } .faqs__item-answer { padding: 15px 15px; border-top: 3px solid #333854; display: none; } @media (min-width: 1024px) { .faqs__item-answer { padding: 20px 25px; padding-right: 80px; } } .faqs__item.is-active .faqs__item-button { background-color: #80FFD5; } .faqs__item.is-active .faqs__item-button i { color: #060C2E; } .faqs__item.is-active .faqs__item-answer { display: block; } .form-block { margin: 100px 0; } @media (min-width: 1024px) { .form-block { margin: 200px 0; } } .form-block__wrap { background: #fff; padding: 20px; border-radius: 15px; } @media (min-width: 1024px) { .form-block__wrap { padding: 50px; } } .form-block form { margin: 30px 0 0 0; } .post-summary { text-align: center; margin: 50px 0px 50px 0; } @media (min-width: 1024px) { .post-summary { margin: 100px 0px 200px 0; } } @media (max-width: 768px) { .post-summary { text-align: left; } .post-summary .columns { display: flex; gap: 20px; margin: 0 !important; } .post-summary .columns .column { padding-bottom: 0 !important; } } @media (max-width: 768px) and (max-width: 768px) { .post-summary .columns .column { padding-left: 0 !important; } } @media (max-width: 768px) { .post-summary .columns .column.is-half-mobile { width: calc(50% - 20px); } } @media (max-width: 768px) { .post-summary .columns .column:nth-child(3), .post-summary .columns .column:nth-child(4) { border-top: 3px solid #333854; padding-top: 25px; } } .post-summary .column:nth-child(odd) { border-left: 1px solid #333854; border-right: 1px solid #333854; } @media (max-width: 768px) { .post-summary .column:nth-child(odd) { border: none; } } .post-summary .column:last-child { border-right: 1px solid #333854; } @media (max-width: 768px) { .post-summary .column:last-child { border: none; } } @media (min-width: 1024px) { .post-summary__text--padding { padding: 0 50px; } } .post-summary__text h4 { overflow: hidden; white-space: nowrap; } @media (max-width: 768px) { .post-summary__text h4 { margin: 0; } } @media (min-width: 1024px) and (max-width: 1540px) { .post-summary__text h4 { font-size: 24px; } } @media (max-width: 768px) { .post-summary--events .column { border: 0 !important; border-bottom: 3px solid #333854 !important; } } .how-it-works-section__columns { margin: 30px 0; } .how-it-works-section__columns--flipped { flex-direction: row-reverse; } @media (min-width: 768px) { .how-it-works-section__columns--flipped .how-it-works-section__text { padding-right: 0; padding-left: 40px; } } @media (min-width: 1024px) { .how-it-works-section__columns--flipped .how-it-works-section__text { padding-left: 0; } } @media (min-width: 768px) { .how-it-works-section__text { padding-right: 40px; } } @media (min-width: 1024px) { .how-it-works-section__text { padding-right: 0; } } .how-it-works-section__text h4 { margin: 25px 0px 0px 0px; } .how-it-works-section__text h3 { margin: 0px 0px 25px 0px; } @media (min-width: 1024px) { .how-it-works-section__text h3 { font-size: 35px; } } .how-it-works-section__text p { color: #EBEBEB; } .how-it-works-section__image { background: #1E2442; position: relative; padding: 0px 5px; } .how-it-works-section__image.column { display: flex; justify-content: center; align-items: flex-end; border-radius: 15px; min-height: 350px; } @media (min-width: 1024px) { .how-it-works-section__image.column { min-height: 510px; } } .how-it-works-section__image img { max-width: 360px; position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } @media (min-width: 768px) { .how-it-works-section__image img { max-width: 240px; } } @media (min-width: 1024px) { .how-it-works-section__image img { max-width: 360px; } } .how-it-works-section__line { display: block; margin: 0 auto; padding-bottom: 30px; } @media (min-width: 768px) { .how-it-works-section__line { max-width: 60%; } } @media (min-width: 1024px) { .how-it-works-section__line { max-width: auto; } } .how-it-works-section__line--reversed { transform: rotateX(180deg); padding-bottom: 0; padding-top: 40px; } @media screen and (max-width: 767px) { .how-it-works-section .columns { margin: 0; } .how-it-works-section .columns .column { width: 100%; } .how-it-works-section .columns.is-reversed { display: flex; flex-direction: column-reverse; } .how-it-works-section__text { padding-bottom: 50px; } .how-it-works-section__text h4, .how-it-works-section__text h3 { font-size: 30px; } .how-it-works-section__text p { font-size: 14px; } .how-it-works-section__image img { -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 75%); clip-path: polygon(0 0, 100% 0, 100% 75%, 0 75%); top: -35px; max-width: 260px; } .how-it-works-section__image.column { min-height: 240px; } .how-it-works-section__line { background: #060C2E; z-index: 1; position: relative; padding: 20px 0px; } } .key-points { margin: 100px 0; } @media (min-width: 1024px) { .key-points { margin: 200px 0; } } .key-points__intro { margin: 0 0 50px 0; text-align: center; } .key-points__intro h3 { margin: 20px 0; } .key-points .columns { align-items: normal; } .key-points__col.is-one-third-desktop .key-points__item-description { max-width: 360px; } .key-points__col.is-one-quarter-desktop .key-points__item-description { max-width: 300px; } .key-points__item { text-align: center; margin-bottom: 50px; } @media (min-width: 1024px) { .key-points__item { margin-bottom: 0; } } .key-points__item-icon { width: 87px; height: 87px; margin: 0 auto 15px auto; background-color: #1E2442; border: 3px solid #333854; border-radius: 50%; display: flex; align-items: center; justify-content: center; } @media (min-width: 1024px) { .key-points__item-icon { margin: 0 auto 40px auto; } } .key-points__item-icon i { font-size: 34px; color: #80FFD5; } .key-points__item-description { max-width: 360px; margin: 0 auto; } .partners { margin: 100px 0; } @media (min-width: 1024px) { .partners { margin: 200px 0; } } .partners__intro { margin: 0 auto 50px auto; text-align: center; max-width: 960px; } @media (min-width: 1024px) { .partners__intro { margin: 0 auto 100px auto; } } .partners__item { background-color: #121838; border-radius: 15px; border: 2px solid #333854; padding: 25px; } @media (min-width: 768px) { .partners__item { padding: 40px; } } @media (min-width: 1024px) { .partners__item { padding: 20px; } } @media (min-width: 1440px) { .partners__item { border: 3px solid #333854; padding: 30px; } } .partners__item-image { position: relative; } .partners__item-image img { display: block; margin: 0 auto; filter: brightness(0) invert(1); max-height: 100px; } .pricing-cards { margin: 100px 0px 0px 0px; } @media (min-width: 1024px) { .pricing-cards { margin: 200px 0; } } .pricing-cards__switcher { margin: 0 auto 50px auto; display: flex; justify-content: center; } @media (min-width: 1024px) { .pricing-cards__switcher { margin: 0 auto 100px auto; } } .pricing-cards__switcher-wrap { display: inline-flex; justify-content: space-between; align-items: center; background-color: #333854; padding: 2px; border-radius: 50px; } .pricing-cards__switcher .pill { font-weight: bold; } .pricing-cards__switcher .pill:not(.is-active) { border-color: #333854; } .pricing-card { height: 100%; display: flex; flex-direction: column; } .pricing-card__details { border-top-left-radius: 15px; border-top-right-radius: 15px; border: 2px solid #333854; background: #121838; padding: 20px; flex: 1; display: flex; flex-direction: column; align-items: flex-start; } @media (max-width: 768px) { .pricing-card__details .btn, .pricing-card__details .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .pricing-card__details .cc-f-btn, .pricing-card__details form button, form .pricing-card__details button { padding-top: 25px; padding-bottom: 25px; min-width: initial; } } @media (min-width: 1024px) { .pricing-card__details { padding: 25px 25px 35px 25px; } } .pricing-card__details--suggested { background-color: #fff; border-color: #fff; } .pricing-card h4 { display: flex; align-items: center; } .pricing-card h4 .tag { margin: 0 0 0 12px; } .pricing-card__pricing { margin: 5px 0 0 0; display: none; } @media (min-width: 1024px) { .pricing-card__pricing { margin: 20px 0 0 0; } } .pricing-card__pricing.is-active { display: block; } .pricing-card__pricing small { font-size: 22px; font-weight: normal; } .pricing-card .draggable-price { margin: 20px 0 80px 0; width: 100%; } @media (min-width: 1024px) { .pricing-card .draggable-price { margin: 30px 0 100px 0; } } .pricing-card .btn, .pricing-card .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .pricing-card .cc-f-btn, .pricing-card form button, form .pricing-card button { width: 100%; margin: auto 0 0 0; } .pricing-card__summary { border: 2px solid #333854; border-top: 0; background: #1E2442; padding: 20px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } @media (min-width: 1024px) { .pricing-card__summary { padding: 25px; height: 400px; } } .pricing-card__summary a { font-weight: bold; display: inline-flex; align-items: center; margin: 35px 0 0 0; font-family: "Urbanist", sans-serif; } .pricing-card__summary a i { margin: 0 0 0 7px; } .pricing-card__highlights { list-style: none; padding: 0; margin: 0; } .pricing-card__highlights li { display: flex; align-items: center; line-height: 1.25; } .pricing-card__highlights li i { margin: 0 7px 0 0; } .pricing-table { margin: 120px 0; } @media (min-width: 1024px) { .pricing-table { margin: 200px 0; } } .pricing-table__column:first-of-type .pricing-table__runner { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .pricing-table__column:last-of-type .pricing-table__runner { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .pricing-table__title { border-bottom: 1px solid #333854; padding: 0px 0px 15px 10px; } .pricing-table__header { padding: 40px 40px 40px 10px; height: 500px; } @media (min-width: 1540px) { .pricing-table__header { min-height: 320px; } } .pricing-table__header small { font-size: 16px; color: #EBEBEB; } .pricing-table__header .btn, .pricing-table__header .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .pricing-table__header .cc-f-btn, .pricing-table__header form button, form .pricing-table__header button { margin-top: 20px; } @media (min-width: 1024px) { .pricing-table__header .btn, .pricing-table__header .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .pricing-table__header .cc-f-btn, .pricing-table__header form button, form .pricing-table__header button { font-size: 14px; padding: 18px 16px; } } @media (min-width: 1204px) { .pricing-table__header .btn, .pricing-table__header .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .pricing-table__header .cc-f-btn, .pricing-table__header form button, form .pricing-table__header button { font-size: 16px; padding: 18px 20px; } } @media (min-width: 1540px) { .pricing-table__header .btn, .pricing-table__header .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .pricing-table__header .cc-f-btn, .pricing-table__header form button, form .pricing-table__header button { font-size: 18px; padding: 22px 40px; } } .pricing-table__header-title { display: none; } @media (min-width: 1024px) { .pricing-table__header-title { font-size: 40px; } } @media (min-width: 1204px) { .pricing-table__header-title { font-size: 60px; } } .pricing-table__header-title.is-active { display: block; } @media (min-width: 1024px) { .pricing-table__header p { font-size: 14px; } } @media (min-width: 1204px) { .pricing-table__header p { font-size: 16px; } } .pricing-table__runner { background-color: #1E2442; padding: 10px 20px; margin: 0 0 10px 0; } .pricing-table__items-row { border-bottom: 1px solid #333854; padding: 15px 20px; height: 70px; display: flex; align-items: center; } .pricing-table__items-row i { color: #80FFD5; font-size: 24px; } .pricing-table__cta { margin: 20px 0 0 0; } .draggable-price { position: relative; margin: 30px 0 0 0; } .draggable-price input { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 14px; background-color: #333854; border-radius: 5px; } .draggable-price input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; background: #80FFD5; border-radius: 15px; cursor: pointer; } .draggable-price__tip { position: absolute; top: 100%; width: 90px; background-color: #80FFD5; padding: 5px 8px; border-radius: 50px; margin-top: 20px; color: #060C2E; transition: all 0.1s linear; text-align: center; white-space: nowrap; } .draggable-price__tip:before { width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 20px; border-color: transparent transparent #80FFD5 transparent; content: ""; position: absolute; bottom: 100%; margin-bottom: -10px; left: 50%; transform: translateX(-50%); } .pricing-table-mobile { margin: 120px 0; } .pricing-table-mobile__block h5 { margin: 30px 0 0 0; } .pricing-table-mobile__block .btn, .pricing-table-mobile__block .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .pricing-table-mobile__block .cc-f-btn, .pricing-table-mobile__block form button, form .pricing-table-mobile__block button { display: flex; } @media (min-width: 1024px) { .pricing-table-mobile__block .btn, .pricing-table-mobile__block .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .pricing-table-mobile__block .cc-f-btn, .pricing-table-mobile__block form button, form .pricing-table-mobile__block button { display: inline-flex; } } .pricing-table-mobile__items { border-radius: 15px; padding: 0 15px; border: 2px solid #333854; background-color: #121838; margin: 20px 0; } .pricing-table-mobile__items-row { display: flex; align-items: center; justify-content: space-between; padding: 11px 0; border-bottom: 2px solid #333854; } .pricing-table-mobile__items-row:last-of-type { border: 0; } .pricing-table-mobile__items-row p { line-height: 1; } .pricing-table-mobile__items-row i { color: #80FFD5; font-size: 22px; line-height: 1; } .split-content-image { margin: 50px 0; } @media (min-width: 768px) { .split-content-image { margin: 100px 0; } } @media (min-width: 1024px) { .split-content-image { margin: 200px 0; } } .split-content-image--no-image { text-align: center; } .split-content-image--no-image .wrapper { max-width: 1100px; position: relative; } .split-content-image--no-image .blurry-shape { left: -20%; } .split-content-image--no-image .blurry-shape--electric { left: unset; right: -20%; } @media (min-width: 768px) { .split-content-image .columns { align-items: flex-start; } } @media (min-width: 1024px) { .split-content-image .columns { align-items: center; } } .split-content-image .columns.is-flipped { flex-direction: row-reverse; } .split-content-image .columns.is-flipped .split-content-image__caption { left: initial; right: -50px; } .split-content-image .tag { margin: 0 0 15px 0; } .split-content-image .btn, .split-content-image .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .split-content-image .cc-f-btn, .split-content-image form button, form .split-content-image button { display: flex; width: -moz-fit-content; width: fit-content; margin: 40px auto 0px auto; } @media (min-width: 768px) { .split-content-image .btn, .split-content-image .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .split-content-image .cc-f-btn, .split-content-image form button, form .split-content-image button { display: inline-flex; width: auto; margin: 40px 0 0 0; } } .split-content-image__media { position: relative; margin: 50px 0 0 0; } @media (min-width: 768px) { .split-content-image__media { margin: 0; } } .split-content-image__image { padding-bottom: 72%; position: relative; overflow: hidden; border-radius: 15px; } .split-content-image__caption { position: absolute; border-radius: 15px; border: 3px solid #333854; padding: 20px; display: inline-block; width: 270px; left: 0; bottom: -40px; background-color: #1E2442; text-align: center; } @media (min-width: 1024px) { .split-content-image__caption { bottom: -60px; left: -50px; min-width: 340px; padding: 40px 20px; } } .split-content-image__caption h1, .split-content-image__caption h2, .split-content-image__caption h3, .split-content-image__caption h4, .split-content-image__caption h5, .split-content-image__caption h6 { margin: 0; } .split-content-image__caption p { margin: 0 auto; max-width: 280px; } .contact-rows { margin: 50px 0 0 0; } .contact-rows__row { padding: 0 0 15px 0; border-bottom: 2px solid #333854; margin-bottom: 15px; } .contact-rows__row:last-of-type { margin-bottom: 0; border-bottom: 0; } .contact-rows__row a { font-family: inherit; font-size: inherit; } .team-members { margin: 100px 0; } @media (min-width: 1024px) { .team-members { margin: 200px 0; } } .team-members__intro { max-width: 1000px; margin: 0 auto 60px auto; text-align: center; } .team-member-item__headshot { padding-bottom: 61%; position: relative; margin: 0 0 20px 0; width: 100%; display: flex; border-radius: 15px; overflow: hidden; } .team-member-item__bio { padding-top: 20px; } .team-member-item .read-more { display: block; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 0.2px; font-size: 12px; margin-bottom: 20px; } .testimonial-block { margin: 50px 0; } .testimonials { overflow: hidden; margin: 100px 0; } @media (min-width: 1024px) { .testimonials { margin: 200px 0; } } @media (min-width: 768px) { .testimonials .js-testimonials-carousel { overflow: hidden; } } .testimonials .swiper-wrapper { pointer-events: none; } @media (min-width: 768px) { .testimonials .swiper-wrapper { transition-timing-function: linear; } } .testimonials .swiper-slide { height: auto; } .testimonials__item { padding: 25px; border-radius: 15px; border: 3px solid #333854; background-color: #1E2442; display: flex; flex-direction: column; min-height: 100%; } @media (min-width: 1024px) { .testimonials__item { padding: 25px; } } @media (min-width: 1440px) { .testimonials__item { padding: 50px; } } .testimonials__item-quote { padding: 10px 0 0 0; flex: 1; } .testimonials__item-headshot { width: 60px; height: 60px; border-radius: 50%; position: relative; overflow: hidden; margin: 0 10px 0 0; border: 2px solid #fff; background-color: #fff; } .testimonials__item-footer { display: flex; align-items: center; margin: 20px 0 0 0; } @media (min-width: 1024px) { .testimonials__item-footer { margin: 40px 0 0 0; } } .testimonial-neon, .use-case-testimonial .testimonials__item, .testimonial-block .testimonials__item, .testimonial-electric { background-color: #80FFD5; border-color: #80FFD5; } .testimonial-neon .testimonials__item-title, .use-case-testimonial .testimonials__item .testimonials__item-title, .testimonial-block .testimonials__item .testimonials__item-title, .testimonial-electric .testimonials__item-title { color: #060C2E; } .testimonial-neon .testimonials__item-quote, .use-case-testimonial .testimonials__item .testimonials__item-quote, .testimonial-block .testimonials__item .testimonials__item-quote, .testimonial-electric .testimonials__item-quote { color: #353246; } .testimonial-neon .testimonials__item-author, .use-case-testimonial .testimonials__item .testimonials__item-author, .testimonial-block .testimonials__item .testimonials__item-author, .testimonial-electric .testimonials__item-author { color: #060C2E; } .testimonial-neon .testimonials__item-jobtitle, .use-case-testimonial .testimonials__item .testimonials__item-jobtitle, .testimonial-block .testimonials__item .testimonials__item-jobtitle, .testimonial-electric .testimonials__item-jobtitle { color: #060C2E; } .testimonial-electric { background-color: #9CADFF; border-color: #9CADFF; } .use-cases { margin: 100px 0; overflow: hidden; padding-bottom: 30px; } @media (min-width: 1024px) { .use-cases { margin: 200px 0; } } .use-cases__basic-intro { text-align: center; margin: 0 0 50px 0; } .use-cases__basic-intro p { max-width: 280px; margin: 0 auto; } @media (min-width: 1024px) { .use-cases__basic-intro p { max-width: 100%; } } .use-cases__basic-col:nth-of-type(2n) .use-cases__basic-image:after { border-color: #80FFD5; background-color: #80FFD5; } .use-cases__basic-item { text-align: center; display: flex; align-items: center; flex-direction: column; } .use-cases__basic-item:hover .use-cases__basic-image img { transform: scale(1.05); } .use-cases__basic-image { padding-bottom: 71%; position: relative; margin: 0 0 15px 0; width: 100%; display: flex; } @media (min-width: 1024px) { .use-cases__basic-image { margin: 0 0 35px 0; padding-bottom: 61%; } } .use-cases__basic-image:after { position: absolute; bottom: 0; height: 80%; width: 100%; border-radius: 15px; background-color: #1E2442; content: ""; z-index: -1; } .use-cases__basic-image img { transition: all 0.2s ease; transform-origin: center bottom; top: unset; bottom: -1px; } .use-cases__basic-link { margin: 20px 0 0 0; display: flex; justify-content: center; } @media (min-width: 1024px) { .use-cases__basic-link { margin: 40px 0 0 0; } } .use-cases__full .columns { display: flex; flex-direction: column-reverse; } @media (min-width: 1024px) { .use-cases__full .columns { flex-direction: row; } } .use-cases__full-item { padding-bottom: 50px; } @media (min-width: 1024px) { .use-cases__full-item { padding-bottom: 60px; } } .use-cases__full-item:last-of-type { padding-bottom: 0; } .use-cases__full-item .list-with-dots, .use-cases__full-item .wysiwyg ul, .wysiwyg .use-cases__full-item ul { margin: 30px 0 0 0; } .use-cases__full-dotstitle { margin: 30px 0 0 0; } .use-cases__full .btn, .use-cases__full .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .use-cases__full .cc-f-btn, .use-cases__full form button, form .use-cases__full button { margin: 30px 0 0 0; } @media (min-width: 1024px) { .use-cases__full .btn, .use-cases__full .comments-area .cc-w .cc-f-btn, .comments-area .cc-w .use-cases__full .cc-f-btn, .use-cases__full form button, form .use-cases__full button { margin: 55px 0 0 0; } } .use-cases__full-image { padding-bottom: 76%; position: relative; margin: 0 0 35px 0; width: 100%; display: flex; } .use-cases__full-image:after { position: absolute; bottom: 0; height: 90%; width: 100%; border-radius: 15px; background-color: #1E2442; border: 3px solid #333854; content: ""; z-index: -1; } .use-cases__full-image img { transition: all 0.2s ease; transform-origin: center bottom; } .video-block { margin: 50px 0; } .catalogue-card { display: flex; flex-direction: column; border: 3px solid #333854; border-radius: 15px; background: rgba(253, 253, 253, 0.05); overflow: hidden; transition: all 0.2s ease; transform: scale(1); height: 100%; } .catalogue-card--course i { color: #9CADFF; } .catalogue-card--class i { color: #80FFD5; } .catalogue-card__content { padding: 20px; } @media (min-width: 1024px) { .catalogue-card__content { padding: 20px; } } .catalogue-card__header { display: flex; align-items: center; margin: 0 0 20px 0; } .catalogue-card__header-duration { display: flex; align-items: center; margin-left: auto; } .catalogue-card__header-duration i { margin: 0 5px 0 0; font-size: 24px; } .catalogue-card__header-duration p { font-weight: bold; } .catalogue-card__footer { display: flex; flex-wrap: wrap; align-items: center; margin: 30px 0 0 0; } .catalogue-card__footer-item { display: flex; align-items: center; margin: 0 10px 5px 0; } .catalogue-card__footer-item i { margin: 0 4px 0 0; font-size: 16px; line-height: 1; } @media (max-width: 1440px) { .catalogue-card__footer-item i { font-size: 12px; } } .catalogue-card__footer-item p { font-weight: bold; } @media (max-width: 1440px) { .catalogue-card__footer-item p { font-size: 10px; } } .catalogue-card__description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .catalogue-card__image { padding-bottom: 56%; position: relative; overflow: hidden; margin-top: auto; } .catalogue-card__trailer { z-index: 20; } .catalogue-card__trailer .video-container { opacity: 0; visibility: hidden; transition: all 0.2s ease; } .catalogue-card__trailer .video-play { transition: all 0.2s ease; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 40px; height: 40px; } .catalogue-card__trailer .video-embed { border-radius: 0; } @media (min-width: 1024px) { .catalogue-card:hover { transform: scale(1.01); box-shadow: 0px 0px 25px rgba(128, 255, 213, 0.5); } .catalogue-card:hover .video-container { opacity: 1; visibility: visible; } .catalogue-card:hover .video-play { opacity: 0; visibility: hidden; } } .event-card { overflow: hidden; display: flex; flex-direction: row; align-items: center; } @media (min-width: 1024px) { .event-card { flex-direction: column; align-items: flex-start; height: 100%; border: 2px solid #333854; border-radius: 15px; } } .event-card__image { padding-bottom: 30%; min-width: 30%; margin-right: 20px; position: relative; border-radius: 15px; overflow: hidden; } @media (min-width: 1024px) { .event-card__image { border-radius: 0; width: 100%; padding-bottom: 56%; margin: 0; } } .event-card__content { display: flex; flex-direction: column-reverse; } @media (min-width: 1024px) { .event-card__content { background-color: #121838; padding: 25px 15px 20px 15px; height: 100%; flex-direction: column; justify-content: flex-start; } } .event-card__category { display: flex; align-items: center; margin: 0 0 7px 0; } @media (min-width: 1024px) { .event-card__category span { display: none; } } .event-card__category i { margin: 0 6px 0 0; font-size: 20px; } .event-card__description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: none; } @media (min-width: 1024px) { .event-card__description { display: block; } } .event-card h4 { margin: 0 0 5px 0; } .event-card__footer { display: none; align-items: center; margin: auto 0 0 0; padding-top: 25px; } @media (min-width: 1024px) { .event-card__footer { display: flex; } } .event-card__footer-date { display: flex; align-items: center; } .event-card__footer-date i { margin: 0 10px 0 0; } .event-card:hover { text-decoration: none; } .knowledge-hub-card { overflow: hidden; display: flex; align-items: center; } @media (min-width: 1024px) { .knowledge-hub-card { flex-direction: column; display: flex; border: 2px solid #333854; border-radius: 15px; height: 100%; } } .knowledge-hub-card__image { min-width: 30%; padding-bottom: 30%; position: relative; margin-right: 20px; border-radius: 15px; overflow: hidden; } @media (min-width: 1024px) { .knowledge-hub-card__image { width: 100%; padding-bottom: 56%; margin: 0; border-radius: 0; } } .knowledge-hub-card__content { display: flex; flex-direction: column-reverse; } @media (min-width: 1024px) { .knowledge-hub-card__content { display: flex; flex-direction: column; padding: 30px; background-color: #1E2442; flex: 1; } } .knowledge-hub-card__category { display: flex; align-items: center; } @media (min-width: 1024px) { .knowledge-hub-card__category { margin: 0 0 7px 0; } } .knowledge-hub-card__category i { margin: 0 6px 0 0; font-size: 20px; } .knowledge-hub-card__description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: none; margin: 0 0 35px 0; } @media (min-width: 1024px) { .knowledge-hub-card__description { display: block; } } .knowledge-hub-card h4 { margin: 0 0 5px 0; } .knowledge-hub-card__footer { display: none; align-items: center; margin: auto 0 0 0; } @media (min-width: 1024px) { .knowledge-hub-card__footer { display: flex; } } .knowledge-hub-card__footer-headshot { width: 54px; height: 54px; position: relative; overflow: hidden; border-radius: 50%; border: 2px solid #fff; margin: 0 15px 0 0; } .knowledge-hub-card:hover { text-decoration: none; } .success-stories-card { border-radius: 15px; overflow: hidden; border: 2px solid #333854; display: block; height: 100%; display: flex; flex-direction: column; } .success-stories-card__image { padding-bottom: 56%; position: relative; } .success-stories-card__content { background-color: #121838; padding: 25px 15px 20px 15px; height: 100%; display: flex; flex-direction: column; } .success-stories-card__category { display: flex; align-items: center; margin: 0 0 7px 0; } .success-stories-card__category i { margin: 0 6px 0 0; font-size: 20px; } .success-stories-card__description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 30px 0 30px 0; } .success-stories-card h4 { margin: 0 0 5px 0; } .success-stories-card__footer { display: flex; align-items: center; margin: auto 0 0 0; } .success-stories-card__footer-headshot { width: 54px; height: 54px; position: relative; overflow: hidden; border-radius: 50%; border: 2px solid #fff; margin: 0 15px 0 0; } .success-stories-card:hover { text-decoration: none; } .catalogue-card { display: flex; flex-direction: column; border: 3px solid #333854; border-radius: 15px; background: rgba(253, 253, 253, 0.05); overflow: hidden; transition: all 0.2s ease; transform: scale(1); height: 100%; } .catalogue-card--course i { color: #9CADFF; } .catalogue-card--class i { color: #80FFD5; } .catalogue-card__content { padding: 20px; } @media (min-width: 1024px) { .catalogue-card__content { padding: 20px; } } .catalogue-card__header { display: flex; align-items: center; margin: 0 0 20px 0; } .catalogue-card__header-duration { display: flex; align-items: center; margin-left: auto; } .catalogue-card__header-duration i { margin: 0 5px 0 0; font-size: 24px; } .catalogue-card__header-duration p { font-weight: bold; } .catalogue-card__footer { display: flex; flex-wrap: wrap; align-items: center; margin: 30px 0 0 0; } .catalogue-card__footer-item { display: flex; align-items: center; margin: 0 10px 5px 0; } .catalogue-card__footer-item i { margin: 0 4px 0 0; font-size: 16px; line-height: 1; } @media (max-width: 1440px) { .catalogue-card__footer-item i { font-size: 12px; } } .catalogue-card__footer-item p { font-weight: bold; } @media (max-width: 1440px) { .catalogue-card__footer-item p { font-size: 10px; } } .catalogue-card__description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .catalogue-card__image { padding-bottom: 56%; position: relative; overflow: hidden; margin-top: auto; } .catalogue-card__trailer { z-index: 20; } .catalogue-card__trailer .video-container { opacity: 0; visibility: hidden; transition: all 0.2s ease; } .catalogue-card__trailer .video-play { transition: all 0.2s ease; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 40px; height: 40px; } .catalogue-card__trailer .video-embed { border-radius: 0; } @media (min-width: 1024px) { .catalogue-card:hover { transform: scale(1.01); box-shadow: 0px 0px 25px rgba(128, 255, 213, 0.5); } .catalogue-card:hover .video-container { opacity: 1; visibility: visible; } .catalogue-card:hover .video-play { opacity: 0; visibility: hidden; } } .event-card { overflow: hidden; display: flex; flex-direction: row; align-items: center; } @media (min-width: 1024px) { .event-card { flex-direction: column; align-items: flex-start; height: 100%; border: 2px solid #333854; border-radius: 15px; } } .event-card__image { padding-bottom: 30%; min-width: 30%; margin-right: 20px; position: relative; border-radius: 15px; overflow: hidden; } @media (min-width: 1024px) { .event-card__image { border-radius: 0; width: 100%; padding-bottom: 56%; margin: 0; } } .event-card__content { display: flex; flex-direction: column-reverse; } @media (min-width: 1024px) { .event-card__content { background-color: #121838; padding: 25px 15px 20px 15px; height: 100%; flex-direction: column; justify-content: flex-start; } } .event-card__category { display: flex; align-items: center; margin: 0 0 7px 0; } @media (min-width: 1024px) { .event-card__category span { display: none; } } .event-card__category i { margin: 0 6px 0 0; font-size: 20px; } .event-card__description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: none; } @media (min-width: 1024px) { .event-card__description { display: block; } } .event-card h4 { margin: 0 0 5px 0; } .event-card__footer { display: none; align-items: center; margin: auto 0 0 0; padding-top: 25px; } @media (min-width: 1024px) { .event-card__footer { display: flex; } } .event-card__footer-date { display: flex; align-items: center; } .event-card__footer-date i { margin: 0 10px 0 0; } .event-card:hover { text-decoration: none; } .knowledge-hub-card { overflow: hidden; display: flex; align-items: center; } @media (min-width: 1024px) { .knowledge-hub-card { flex-direction: column; display: flex; border: 2px solid #333854; border-radius: 15px; height: 100%; } } .knowledge-hub-card__image { min-width: 30%; padding-bottom: 30%; position: relative; margin-right: 20px; border-radius: 15px; overflow: hidden; } @media (min-width: 1024px) { .knowledge-hub-card__image { width: 100%; padding-bottom: 56%; margin: 0; border-radius: 0; } } .knowledge-hub-card__content { display: flex; flex-direction: column-reverse; } @media (min-width: 1024px) { .knowledge-hub-card__content { display: flex; flex-direction: column; padding: 30px; background-color: #1E2442; flex: 1; } } .knowledge-hub-card__category { display: flex; align-items: center; } @media (min-width: 1024px) { .knowledge-hub-card__category { margin: 0 0 7px 0; } } .knowledge-hub-card__category i { margin: 0 6px 0 0; font-size: 20px; } .knowledge-hub-card__description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: none; margin: 0 0 35px 0; } @media (min-width: 1024px) { .knowledge-hub-card__description { display: block; } } .knowledge-hub-card h4 { margin: 0 0 5px 0; } .knowledge-hub-card__footer { display: none; align-items: center; margin: auto 0 0 0; } @media (min-width: 1024px) { .knowledge-hub-card__footer { display: flex; } } .knowledge-hub-card__footer-headshot { width: 54px; height: 54px; position: relative; overflow: hidden; border-radius: 50%; border: 2px solid #fff; margin: 0 15px 0 0; } .knowledge-hub-card:hover { text-decoration: none; } .success-stories-card { border-radius: 15px; overflow: hidden; border: 2px solid #333854; display: block; height: 100%; display: flex; flex-direction: column; } .success-stories-card__image { padding-bottom: 56%; position: relative; } .success-stories-card__content { background-color: #121838; padding: 25px 15px 20px 15px; height: 100%; display: flex; flex-direction: column; } .success-stories-card__category { display: flex; align-items: center; margin: 0 0 7px 0; } .success-stories-card__category i { margin: 0 6px 0 0; font-size: 20px; } .success-stories-card__description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 30px 0 30px 0; } .success-stories-card h4 { margin: 0 0 5px 0; } .success-stories-card__footer { display: flex; align-items: center; margin: auto 0 0 0; } .success-stories-card__footer-headshot { width: 54px; height: 54px; position: relative; overflow: hidden; border-radius: 50%; border: 2px solid #fff; margin: 0 15px 0 0; } .success-stories-card:hover { text-decoration: none; }