/* input(96,16): run-time error CSS1035: Expected colon, found ',' input(104,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '>' input(183,23): run-time error CSS1035: Expected colon, found ',' input(234,26): run-time error CSS1035: Expected colon, found '{' input(259,19): run-time error CSS1036: Expected expression, found ':' input(268,19): run-time error CSS1036: Expected expression, found ':' input(275,19): run-time error CSS1036: Expected expression, found ':' input(304,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' input(341,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' input(351,22): run-time error CSS1035: Expected colon, found ',' input(391,22): run-time error CSS1035: Expected colon, found ',' input(447,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' input(469,29): run-time error CSS1035: Expected colon, found '{' input(499,9): run-time error CSS1035: Expected colon, found '&' input(525,29): run-time error CSS1035: Expected colon, found '{' input(543,29): run-time error CSS1035: Expected colon, found '{' input(570,39): run-time error CSS1035: Expected colon, found '{' input(624,30): run-time error CSS1035: Expected colon, found '>' input(675,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '>' input(705,30): run-time error CSS1035: Expected colon, found '{' input(725,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' input(749,17): run-time error CSS1035: Expected colon, found '{' input(799,22): run-time error CSS1035: Expected colon, found '+' input(806,28): run-time error CSS1035: Expected colon, found '.' input(820,17): run-time error CSS1035: Expected colon, found '{' input(837,28): run-time error CSS1035: Expected colon, found '.' input(851,17): run-time error CSS1035: Expected colon, found '{' input(862,17): run-time error CSS1035: Expected colon, found '{' */ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /** * Swiper 12.1.3 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2026 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 24, 2026 */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ 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-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .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); backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; .swiper-slide, .swiper-cube-shadow { transform-style: preserve-3d; } } /* CSS Mode */ .swiper-css-mode { > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ &::-webkit-scrollbar { display: none; } } > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } &.swiper-horizontal { > .swiper-wrapper { scroll-snap-type: x mandatory; } > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-slides-offset-before); scroll-margin-inline-start: var(--swiper-slides-offset-before); } > .swiper-wrapper > .swiper-slide:last-child { margin-inline-end: var(--swiper-slides-offset-after); } } &.swiper-vertical { > .swiper-wrapper { scroll-snap-type: y mandatory; } > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-slides-offset-before); scroll-margin-block-start: var(--swiper-slides-offset-before); } > .swiper-wrapper > .swiper-slide:last-child { margin-block-end: var(--swiper-slides-offset-after); } } &.swiper-free-mode { > .swiper-wrapper { scroll-snap-type: none; } > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } } &.swiper-centered { > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } } &.swiper-centered.swiper-horizontal { > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } } &.swiper-centered.swiper-vertical { > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } } } /* Slide styles start */ /* 3D Shadows */ .swiper-3d { .swiper-slide-shadow, .swiper-slide-shadow-left, .swiper-slide-shadow-right, .swiper-slide-shadow-top, .swiper-slide-shadow-bottom, .swiper-slide-shadow, .swiper-slide-shadow-left, .swiper-slide-shadow-right, .swiper-slide-shadow-top, .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; 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:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible { .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); } } /* Slide styles end */ .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-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 4px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; width: var(--swiper-navigation-size); height: var(--swiper-navigation-size); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); &.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } &.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled & { display: none !important; } ::slotted(svg), svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; fill: currentColor; pointer-events: none; } } .swiper-button-lock { display: none; } .swiper-button-prev, .swiper-button-next { top: var(--swiper-navigation-top-offset, 50%); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); } .swiper-button-prev { left: var(--swiper-navigation-sides-offset, 4px); right: auto; ::slotted(.swiper-navigation-icon), .swiper-navigation-icon { transform: rotate(180deg); } } .swiper-button-next { right: var(--swiper-navigation-sides-offset, 4px); left: auto; } .swiper-horizontal { .swiper-button-prev, .swiper-button-next, ~ .swiper-button-prev, ~ .swiper-button-next { top: var(--swiper-navigation-top-offset, 50%); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); margin-left: 0; } .swiper-button-prev, & ~ .swiper-button-prev, &.swiper-rtl .swiper-button-next, &.swiper-rtl ~ .swiper-button-next { left: var(--swiper-navigation-sides-offset, 4px); right: auto; } .swiper-button-next, & ~ .swiper-button-next, &.swiper-rtl .swiper-button-prev, &.swiper-rtl ~ .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 4px); left: auto; } .swiper-button-prev, & ~ .swiper-button-prev, &.swiper-rtl .swiper-button-next, &.swiper-rtl ~ .swiper-button-next { ::slotted(.swiper-navigation-icon), .swiper-navigation-icon { transform: rotate(180deg); } } &.swiper-rtl .swiper-button-prev, &.swiper-rtl ~ .swiper-button-prev { ::slotted(.swiper-navigation-icon), .swiper-navigation-icon { transform: rotate(0deg); } } } .swiper-vertical { .swiper-button-prev, .swiper-button-next, ~ .swiper-button-prev, ~ .swiper-button-next { left: var(--swiper-navigation-top-offset, 50%); right: auto; margin-left: calc(0px - (var(--swiper-navigation-size) / 2)); margin-top: 0; } .swiper-button-prev, ~ .swiper-button-prev { top: var(--swiper-navigation-sides-offset, 4px); bottom: auto; ::slotted(.swiper-navigation-icon), .swiper-navigation-icon { transform: rotate(-90deg); } } .swiper-button-next, ~ .swiper-button-next { bottom: var(--swiper-navigation-sides-offset, 4px); top: auto; ::slotted(.swiper-navigation-icon), .swiper-navigation-icon { transform: rotate(90deg); } } } :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; &.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > &, &.swiper-pagination-disabled { display: none !important; } } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullet-active-next { transform: scale(0.66); } .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& { border: none; margin: 0; padding: 0; box-shadow: none; appearance: none; } .swiper-pagination-clickable & { cursor: pointer; } &: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-vertical > .swiper-pagination-bullets, .swiper-pagination-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-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } &.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } } } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets { .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } &.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } } } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; .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-fill { transform-origin: right top; } .swiper-horizontal > &, &.swiper-pagination-horizontal, .swiper-vertical > &.swiper-pagination-progressbar-opposite, &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > &, &.swiper-pagination-vertical, .swiper-horizontal > &.swiper-pagination-progressbar-opposite, &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } } .swiper-pagination-lock { display: none; } :root { /* --swiper-scrollbar-border-radius: 10px; --swiper-scrollbar-top: auto; --swiper-scrollbar-bottom: 4px; --swiper-scrollbar-left: auto; --swiper-scrollbar-right: 4px; --swiper-scrollbar-sides-offset: 1%; --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1); --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5); --swiper-scrollbar-size: 4px; */ } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); .swiper-scrollbar-disabled > &, &.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > &, &.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-vertical > &, &.swiper-scrollbar-vertical { 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; } /* Zoom container styles start */ .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; > img, > svg, > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } } /* Zoom container styles end */ .swiper-slide-zoomed { cursor: move; touch-action: none; } /* a11y */ .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-thumbs { .swiper-slide-thumb-active { /* Styles for active thumb slide */ } } .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-slide { pointer-events: none; transition-property: opacity; .swiper-slide { pointer-events: none; } } .swiper-slide-active { pointer-events: auto; & .swiper-slide-active { pointer-events: auto; } } } .swiper.swiper-cube { overflow: visible; } .swiper-cube { .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; .swiper-slide { pointer-events: none; } } &.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-slide-active { &, & .swiper-slide-active { pointer-events: auto; } } .swiper-slide-active, .swiper-slide-next, .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; &:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } } } .swiper-cube { .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } } /* Cube slide shadows start */ .swiper-cube { .swiper-slide-shadow-cube.swiper-slide-shadow-top, .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-slide-shadow-cube.swiper-slide-shadow-right { z-index: 0; backface-visibility: hidden; } } /* Cube slide shadows end */ .swiper.swiper-flip { overflow: visible; } .swiper-flip { .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; .swiper-slide { pointer-events: none; } } .swiper-slide-active { &, & .swiper-slide-active { pointer-events: auto; } } } /* Flip slide shadows start */ .swiper-flip { .swiper-slide-shadow-flip.swiper-slide-shadow-top, .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-slide-shadow-flip.swiper-slide-shadow-right { z-index: 0; backface-visibility: hidden; } } /* Flip slide shadows end */ .swiper-coverflow { } .swiper-creative { .swiper-slide { backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } } .swiper.swiper-cards { overflow: visible; } .swiper-cards { .swiper-slide { transform-origin: center bottom; backface-visibility: hidden; overflow: hidden; } } :root { --font-size-klein: 14px; --font-size-button: 16px; --font-size-p-mid: 18px; --font-size-p: 22px; --font-size-h2: 32px; --font-size-h1: 54px; --font-size-header: clamp(2rem, 3.385vw, 4.0625rem); --font-size-super: 180px; --font-size-cta: 35px; --font-size-footer: 12px; --font-size-form: 14px; --font-size-tile: 25px; --line-height-klein: 17px; --line-height-button: 19px; --line-height-p-mid: 24px; --line-height-p: 30px; --line-height-h2: 42px; --line-height-h1: 65px; --line-height-header: 108px; --line-height-super: 1; --line-height-tile: 32px; --letter-spacing-default: 0px; --letter-spacing-header: -0.99px; --letter-spacing-super: -2.2px; } @media (min-width: 992px) { :root { --font-size-klein: 14px; --font-size-button: 16px; --font-size-p-mid: 20px; --font-size-p: 25px; --font-size-h2: 40px; --font-size-h1: 65px; --font-size-header: clamp(2rem, 3.385vw, 4.0625rem); --font-size-super: 130px; --font-size-cta: 75px; --font-size-footer: 12px; --font-size-form: 18px; --font-size-umbraco-form: 22px; --font-size-tile: 39px; --line-height-klein: 19px; --line-height-button: 22px; --line-height-p-mid: 27px; --line-height-p: 30px; --line-height-h2: 55px; --line-height-h1: 75px; --line-height-header: 108px; --line-height-super: 178px; --line-height-tile: 54px; --line-height-umbraco-form: 32px; --letter-spacing-default: 0px; --letter-spacing-header: -0.99px; --letter-spacing-super: -2.2px; } } /*! * Bootstrap Reboot v5.3.8 (https://getbootstrap.com/) * Copyright 2011-2025 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root, [data-bs-theme=light] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: rgb(5.2, 44, 101.2); --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50); --bs-success-text-emphasis: rgb(10, 54, 33.6); --bs-info-text-emphasis: rgb(5.2, 80.8, 96); --bs-warning-text-emphasis: rgb(102, 77.2, 2.8); --bs-danger-text-emphasis: rgb(88, 21.2, 27.6); --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: rgb(206.6, 226, 254.6); --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229); --bs-success-bg-subtle: rgb(209, 231, 220.8); --bs-info-bg-subtle: rgb(206.6, 244.4, 252); --bs-warning-bg-subtle: rgb(255, 242.6, 205.4); --bs-danger-bg-subtle: rgb(248, 214.6, 217.8); --bs-light-bg-subtle: rgb(251.5, 252, 252.5); --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: rgb(158.2, 197, 254.2); --bs-secondary-border-subtle: rgb(196.2, 199.8, 203); --bs-success-border-subtle: rgb(163, 207, 186.6); --bs-info-border-subtle: rgb(158.2, 233.8, 249); --bs-warning-border-subtle: rgb(255, 230.2, 155.8); --bs-danger-border-subtle: rgb(241, 174.2, 180.6); --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; --bs-link-hover-color: rgb(10.4, 88, 202.4); --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: rgb(255, 242.6, 205.4); --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13, 110, 253, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; } [data-bs-theme=dark] { color-scheme: dark; --bs-body-color: #dee2e6; --bs-body-color-rgb: 222, 226, 230; --bs-body-bg: #212529; --bs-body-bg-rgb: 33, 37, 41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255, 255, 255; --bs-secondary-color: rgba(222, 226, 230, 0.75); --bs-secondary-color-rgb: 222, 226, 230; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb: 222, 226, 230; --bs-tertiary-bg: rgb(42.5, 47.5, 52.5); --bs-tertiary-bg-rgb: 43, 48, 53; --bs-primary-text-emphasis: rgb(109.8, 168, 253.8); --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177); --bs-success-text-emphasis: rgb(117, 183, 152.4); --bs-info-text-emphasis: rgb(109.8, 223.2, 246); --bs-warning-text-emphasis: rgb(255, 217.8, 106.2); --bs-danger-text-emphasis: rgb(234, 133.8, 143.4); --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: rgb(2.6, 22, 50.6); --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25); --bs-success-bg-subtle: rgb(5, 27, 16.8); --bs-info-bg-subtle: rgb(2.6, 40.4, 48); --bs-warning-bg-subtle: rgb(51, 38.6, 1.4); --bs-danger-bg-subtle: rgb(44, 10.6, 13.8); --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: rgb(7.8, 66, 151.8); --bs-secondary-border-subtle: rgb(64.8, 70.2, 75); --bs-success-border-subtle: rgb(15, 81, 50.4); --bs-info-border-subtle: rgb(7.8, 121.2, 144); --bs-warning-border-subtle: rgb(153, 115.8, 4.2); --bs-danger-border-subtle: rgb(132, 31.8, 41.4); --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: rgb(109.8, 168, 253.8); --bs-link-hover-color: rgb(138.84, 185.4, 254.04); --bs-link-color-rgb: 110, 168, 254; --bs-link-hover-color-rgb: 139, 185, 254; --bs-code-color: rgb(230.4, 132.6, 181.2); --bs-highlight-color: #dee2e6; --bs-highlight-bg: rgb(102, 77.2, 2.8); --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); --bs-form-valid-color: rgb(117, 183, 152.4); --bs-form-valid-border-color: rgb(117, 183, 152.4); --bs-form-invalid-color: rgb(234, 133.8, 143.4); --bs-form-invalid-border-color: rgb(234, 133.8, 143.4); } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; border: 0; border-top: var(--bs-border-width) solid; opacity: 0.25; } h6, h5, h4, h3, h2, h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); } h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1 { font-size: 2.5rem; } } h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2 { font-size: 2rem; } } h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3 { font-size: 1.75rem; } } h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4 { font-size: 1.5rem; } } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 0.875em; } mark { padding: 0.1875em; color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline; } a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.25rem; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-secondary-color); text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; line-height: inherit; font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button { cursor: pointer; filter: grayscale(1); } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } /*! * Bootstrap Grid v5.3.8 (https://getbootstrap.com/) * Copyright 2011-2025 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } @media (min-width: 576px) { .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } } @media (min-width: 768px) { .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } } @media (min-width: 992px) { .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } } @media (min-width: 1200px) { .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } } @media (min-width: 1400px) { .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-inline-grid { display: inline-grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; } } .btn-close { --bs-btn-close-color: #000; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e"); --bs-btn-close-opacity: 0.5; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; filter: var(--bs-btn-close-filter); border: 0; border-radius: 0.375rem; opacity: var(--bs-btn-close-opacity); } .btn-close:hover { color: var(--bs-btn-close-color); text-decoration: none; opacity: var(--bs-btn-close-hover-opacity); } .btn-close:focus { outline: 0; box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); } .btn-close:disabled, .btn-close.disabled { pointer-events: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); } .btn-close-white { --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%); } :root, [data-bs-theme=light] { --bs-btn-close-filter: ; } [data-bs-theme=dark] { --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%); } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: var(--bs-body-color); --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; } .modal.fade .modal-dialog { transform: translate(0, -50px); transition: transform 0.3s ease-out; } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0; } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } .modal-header { display: flex; flex-shrink: 0; align-items: center; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); margin-top: calc(-0.5 * var(--bs-modal-header-padding-y)); margin-right: calc(-0.5 * var(--bs-modal-header-padding-x)); margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y)); margin-left: auto; } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * 0.5); } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow); } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --bs-modal-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px; } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --bs-aspect-ratio: 100%; } .ratio-4x3 { --bs-aspect-ratio: 75%; } .ratio-16x9 { --bs-aspect-ratio: 56.25%; } .ratio-21x9 { --bs-aspect-ratio: 42.8571428571%; } /* manrope-regular */ @font-face { font-family: "Manrope"; font-style: normal; font-weight: 400; src: url("/fonts/Manrope-Regular.ttf") format("truetype"); } /* manrope-medium */ @font-face { font-family: "Manrope"; font-style: normal; font-weight: 500; src: url("/fonts/Manrope-Medium.ttf") format("truetype"); } /* manrope-semibold */ @font-face { font-family: "Manrope"; font-style: normal; font-weight: 600; src: url("/fonts/Manrope-SemiBold.ttf") format("truetype"); } /* manrope-bold */ @font-face { font-family: "Manrope"; font-style: normal; font-weight: 700; src: url("/fonts/Manrope-Bold.ttf") format("truetype"); } /* manrope-extrabold */ @font-face { font-family: "Manrope"; font-style: normal; font-weight: 800; src: url("/fonts/Manrope-ExtraBold.ttf") format("truetype"); } /* manrope-light */ @font-face { font-family: "Manrope"; font-style: normal; font-weight: 300; src: url("/fonts/Manrope-Light.ttf") format("truetype"); } /* manrope-extralight */ @font-face { font-family: "Manrope"; font-style: normal; font-weight: 200; src: url("/fonts/Manrope-ExtraLight.ttf") format("truetype"); } body { overflow-x: hidden; display: flex; flex-direction: column; min-height: 100vh; margin: 0; } main { flex: 1 0 auto; } .content-section, .content-section-contained { height: 100%; margin: 0; padding: 0; --bs-gutter-x: 0; } .content-section .umb-block-grid, .content-section-contained .umb-block-grid, .content-section .umb-block-grid__layout-container, .content-section-contained .umb-block-grid__layout-container, .content-section .umb-block-grid__area-container, .content-section-contained .umb-block-grid__area-container, .content-section .umb-block-grid__area, .content-section-contained .umb-block-grid__area { height: 100%; } .content-section-contained { height: auto; margin-left: 15%; margin-right: 15%; margin-bottom: 3rem; padding: 0 3rem 3rem; } @media (max-width: 991.98px) { .content-section-contained { margin-left: 10%; margin-right: 10%; margin-bottom: 2rem; padding: 0 2rem 2rem; } } @media (max-width: 575.98px) { .content-section-contained { margin-left: 1.2rem; margin-right: 1.2rem; margin-bottom: 1.5rem; padding: 0 1rem 1rem; } } main > .umb-block-grid > .row > .umb-block-grid__layout-item:first-child > .content-section:not(:has(.umb-block-grid__area > .row > .umb-block-grid__layout-item:first-child > .hero-teaser)) > .row, main > .umb-block-grid > .row > .umb-block-grid__layout-item:first-child > .content-section-contained:not(:has(.umb-block-grid__area > .row > .umb-block-grid__layout-item:first-child > .hero-teaser)) > .row { padding-top: calc(200px - 7rem); } main > .umb-block-grid > .row > .umb-block-grid__layout-item:first-child > .content-section-contained:not(:has(.umb-block-grid__area > .row > .umb-block-grid__layout-item:first-child > .hero-teaser)) { margin-top: calc(200px - 3rem); } @media (max-width: 991.98px) { main > .umb-block-grid > .row > .umb-block-grid__layout-item:first-child > .content-section-contained:not(:has(.umb-block-grid__area > .row > .umb-block-grid__layout-item:first-child > .hero-teaser)) { margin-top: 3rem; } } main > .umb-block-grid > .row > .umb-block-grid__layout-item:first-child > .content-section-contained:not(:has(.umb-block-grid__area > .row > .umb-block-grid__layout-item:first-child > .hero-teaser)) > .row { padding-top: 0; } * { font-family: "Manrope"; } p { font-size: var(--font-size-p-mid); line-height: var(--line-height-p-mid); } a { color: #000000; } h1 { font-size: var(--font-size-h2); line-height: var(--line-height-h2); } h2 { font-size: var(--font-size-h2); line-height: var(--line-height-h2); } h3 { font-size: var(--font-size-p); line-height: var(--line-height-p); } h4 { font-size: var(--font-size-p-mid); line-height: var(--line-height-p-mid); } .btn { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.5rem 1.25rem; border: 1px solid #000000; border-radius: 999px; font-size: var(--font-size-button); font-weight: 400; color: #000000; text-decoration: none !important; white-space: nowrap; line-height: var(--line-height-button); background: transparent; transition: background-color 0.15s ease, color 0.15s ease; width: fit-content; color: #000000; cursor: pointer; } .btn.primary { background-color: #FF9200; } @media (max-width: 767.98px) { .btn.primary { padding: 1rem 1.2rem; display: inline-flex; } } .btn:hover { background-color: #000000; color: #FFFFFF; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } body:has(.mobile-navbar-collapse.show), body:has(.mobile-navbar-collapse.collapsing) { overflow: hidden; } .site-header { background-color: #fff; border-bottom: 1px solid #e5e5e5; } .site-header:has(.mobile-navbar-collapse.show), .site-header:has(.mobile-navbar-collapse.collapsing) { position: sticky; top: 0; z-index: 1040; } .site-header nav.main-nav { display: none; } @media (min-width: 1400px) { .site-header nav.main-nav { display: flex; align-items: center; justify-content: center; padding: 0.75rem 2rem; position: relative; height: 7rem; } } .site-header .nav-logo-center { display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 2; height: 200px; width: 400px; } .site-header .nav-logo-img { display: block; max-width: 100%; height: 200px; margin: 0 auto; } .site-header .nav-list { display: flex; align-items: center; gap: 3rem; list-style: none; margin: 0; padding: 0; } .site-header .nav-list--left { justify-content: flex-start; flex: 1 1 0; } .site-header .nav-list--right { justify-content: flex-end; flex: 1 1 0; } .site-header .nav-item a { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.5rem 1.25rem; border: 1px solid #000000; border-radius: 999px; font-size: var(--font-size-button); font-weight: 400; color: #000000; text-decoration: none; white-space: nowrap; line-height: var(--line-height-button); transition: background-color 0.15s ease, color 0.15s ease; } .site-header .nav-item a:hover { background-color: #000000; color: #FFFFFF; } .site-header .nav-item a:hover svg line { stroke: #FFFFFF; } .site-header .nav-arrow { width: 1rem; height: 1rem; display: block; flex-shrink: 0; margin-left: 1rem; } @media (max-width: 1800px) { .site-header .nav-logo-center { width: 350px; height: unset; } .site-header .nav-logo-center img { height: unset; } .site-header .nav-list { gap: 1rem; } } @media (max-width: 1600px) { .site-header .nav-logo-center { width: 270px; height: unset; } .site-header .nav-logo-center img { height: unset; } .site-header .nav-list { gap: 0.75rem; } .site-header .nav-item a { padding: 0.5rem 0.75rem; } } .mobile-navbar { background-color: #FFFFFF; border-bottom: 1px solid #e5e5e5; overflow: visible; } @media (min-width: 1400px) { .mobile-navbar { display: none; } } .mobile-navbar-header { display: flex; align-items: center; justify-content: flex-end; position: relative; overflow: visible; height: 3rem; padding: 0 1.25rem; } .mobile-navbar-header .mobile-navbar-brand { position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: flex; align-items: center; z-index: 1; } .mobile-navbar-header .mobile-navbar-brand img { height: 5rem; width: auto; display: block; } .mobile-navbar-header .mobile-navbar-toggler { position: relative; background: none; border: none; padding: 0.5rem; cursor: pointer; line-height: 1; } .mobile-navbar-header .mobile-navbar-toggler:focus { outline: none; box-shadow: none; } .mobile-navbar-header .mobile-navbar-toggler .navbar-toggler-icon { display: block; width: 1.5rem; height: 1.5rem; background-repeat: no-repeat; background-position: center; background-size: 100%; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280%2C0%2C0%2C0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .mobile-navbar-header .mobile-navbar-toggler[aria-expanded=true] .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath stroke='rgba%280%2C0%2C0%2C0.75%29' stroke-width='0.5' d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e"); } .mobile-navbar-collapse { position: fixed; top: 80px; left: 0; width: 100%; z-index: 1045; overflow: hidden; } .mobile-navbar-collapse.collapsing { transition: height 0.35s ease; } .mobile-navbar-collapse-inner { min-height: calc(100vh - 80px); background-color: #9E8FF0; padding: 2rem 1.25rem; overflow-y: auto; } .mobile-nav-list { display: flex; flex-direction: column; gap: 2rem; align-items: flex-start; list-style: none; padding: 0; margin: 0; } .mobile-nav-item a { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.55rem 1.5rem; border: 1.5px solid #000000; border-radius: 999px; background-color: #FFFFFF; color: #000000; text-decoration: none; font-family: "Manrope", sans-serif; font-size: var(--font-size-button); font-weight: 400; line-height: var(--line-height-button); white-space: nowrap; } .mobile-nav-item a .mobile-nav-arrow { width: 1rem; height: 1rem; display: block; flex-shrink: 0; margin-left: 1rem; } .site-footer { padding: 1.5rem 2rem; border-top: 1px solid #FFFFFF; position: relative; flex-shrink: 0; } .site-footer .footer-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } .site-footer .footer-container { display: flex; align-items: center; justify-content: space-between; max-width: 100%; margin: 0 auto; position: relative; z-index: 1; flex-wrap: wrap; } .site-footer .footer-links { display: flex; align-items: center; gap: 8rem; list-style: none; margin: 0; padding: 0; color: #FFFFFF; } .site-footer .footer-item a { color: #FFFFFF; text-decoration: none; font-size: var(--font-size-klein); font-weight: 400; line-height: var(--line-height-klein); transition: opacity 0.15s ease; } .site-footer .footer-item a:hover { opacity: 0.8; } .site-footer .footer-info { display: flex; align-items: center; gap: 2rem; margin-left: auto; } .site-footer .footer-reference, .site-footer .footer-copyright { color: #FFFFFF; font-size: var(--font-size-klein); font-weight: 400; line-height: var(--line-height-klein); white-space: nowrap; } @media (max-width: 767px) { .site-footer { padding: 1.25rem 1.5rem; } .site-footer .footer-container { flex-direction: column; align-items: flex-start; gap: 0.75rem; } .site-footer .footer-links { flex-wrap: wrap; gap: 0.5rem 3rem; } .site-footer .footer-info { margin-left: 0; gap: 1rem; } .site-footer .footer-item a, .site-footer .footer-reference, .site-footer .footer-copyright { font-size: var(--font-size-footer); white-space: normal; } } .form-label { font-size: var(--font-size-p-mid); line-height: var(--line-height-p-mid); letter-spacing: 0.06em; margin-bottom: 0; color: #000000; } input { background: rgba(255, 255, 255, 0.55); border: 1.5px solid #000000; border-radius: 999px; padding: 0.75rem 1.25rem; font-size: var(--font-size-button); line-height: var(--line-height-button); font-family: "Manrope", sans-serif; color: #000000; width: 100%; transition: background-color 0.15s ease, box-shadow 0.15s ease; } input::placeholder { color: #000000; opacity: 0.4; } input:focus { outline: none; background: rgba(255, 255, 255, 0.85); box-shadow: 0 0 0 3px rgba(90, 26, 200, 0.2); } input[type=checkbox] { appearance: none; -webkit-appearance: none; width: 1.25rem; height: 1.25rem; min-width: 1.25rem; padding: 0; flex-shrink: 0; border: 2px solid #000000; border-radius: 5px; background: rgba(255, 255, 255, 0.55); cursor: pointer; position: relative; margin: 0; transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } input[type=checkbox]::after { content: ""; position: absolute; display: block; left: 4px; top: 1px; width: 6px; height: 10px; border: 2px solid transparent; border-top: none; border-left: none; transform: rotate(45deg); transition: border-color 0.1s ease; } input[type=checkbox]:checked { background-color: #5A1AC8; border-color: #5A1AC8; } input[type=checkbox]:checked::after { border-color: #FFFFFF; } input[type=checkbox]:focus { outline: none; box-shadow: 0 0 0 3px rgba(90, 26, 200, 0.2); } input[type=radio] { appearance: none; -webkit-appearance: none; width: 2.2rem; height: 2.2rem; min-width: 2.2rem; padding: 0; flex-shrink: 0; border: 2px solid #000000; border-radius: 50%; background: rgba(255, 255, 255, 0.55); cursor: pointer; position: relative; margin: 0; transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } input[type=radio]::after { content: ""; position: absolute; width: 1.1rem; height: 1.1rem; border-radius: 50%; background: transparent; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: background-color 0.1s ease; } input[type=radio]:checked { border-color: #5A1AC8; } input[type=radio]:checked::after { background: #5A1AC8; } input[type=radio]:focus { outline: none; box-shadow: 0 0 0 3px rgba(90, 26, 200, 0.2); } .form-check { display: flex; align-items: center; gap: 0.6rem; padding-left: 0; margin: 0; } @media (min-width: 768px) { .form-check .form-check-label { font-size: 18px; line-height: 26px; } } .form-check .form-check-input[type=checkbox] { appearance: none; -webkit-appearance: none; width: 2.2rem; height: 2.2rem; min-width: 2.2rem; padding: 0; flex-shrink: 0; border: 2px solid #000000; border-radius: 5px; background: rgba(255, 255, 255, 0.55); cursor: pointer; position: relative; margin: 0; transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } .form-check .form-check-input[type=checkbox]::after { content: ""; position: absolute; display: block; left: 9px; top: 1px; width: 12px; height: 20px; border: 2px solid transparent; border-top: none; border-left: none; transform: rotate(45deg); transition: border-color 0.1s ease; } .form-check .form-check-input[type=checkbox]:checked { background-color: #5A1AC8; border-color: #5A1AC8; } .form-check .form-check-input[type=checkbox]:checked::after { border-color: #FFFFFF; } .form-check .form-check-input[type=checkbox]:focus { outline: none; box-shadow: 0 0 0 3px rgba(90, 26, 200, 0.2); } .form-check .form-check-label { font-size: var(--font-size-form); cursor: pointer; color: #000000; user-select: none; margin-bottom: 0; } textarea { background: rgba(255, 255, 255, 0.55); border: 1.5px solid #000000; border-radius: 1rem; padding: 0.75rem 1.25rem; font-size: var(--font-size-button); line-height: var(--line-height-button); font-family: "Manrope", sans-serif; color: #000000; width: 100%; min-height: 8rem; resize: vertical; transition: background-color 0.15s ease, box-shadow 0.15s ease; } textarea::placeholder { color: #000000; opacity: 0.4; } textarea:focus { outline: none; background: rgba(255, 255, 255, 0.85); box-shadow: 0 0 0 3px rgba(90, 26, 200, 0.2); } select { appearance: none; -webkit-appearance: none; background: rgba(255, 255, 255, 0.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23000' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 1.25rem center; border: 1.5px solid #000000; border-radius: 999px; padding: 0.55rem 3rem 0.55rem 1.25rem; font-size: var(--font-size-button); line-height: var(--line-height-button); font-family: "Manrope", sans-serif; color: #000000; width: 100%; cursor: pointer; transition: background-color 0.15s ease, box-shadow 0.15s ease; } select:focus { outline: none; background-color: rgba(255, 255, 255, 0.85); box-shadow: 0 0 0 3px rgba(90, 26, 200, 0.2); } input[type=file] { border-radius: 999px; padding: 0.4rem 0.75rem; cursor: pointer; } input[type=file]::-webkit-file-upload-button { appearance: none; background: #000000; color: #FFFFFF; border: none; border-radius: 999px; padding: 0.25rem 1rem; font-size: var(--font-size-klein); line-height: var(--line-height-klein); font-family: "Manrope", sans-serif; font-weight: 600; cursor: pointer; margin-right: 0.75rem; transition: background-color 0.15s ease; } input[type=file]::-webkit-file-upload-button:hover { background: #5A1AC8; } input[type=file]::file-selector-button { appearance: none; background: #000000; color: #FFFFFF; border: none; border-radius: 999px; padding: 0.25rem 1rem; font-size: var(--font-size-klein); line-height: var(--line-height-klein); font-family: "Manrope", sans-serif; font-weight: 600; cursor: pointer; margin-right: 0.75rem; transition: background-color 0.15s ease; } input[type=file]::file-selector-button:hover { background: #5A1AC8; } /*.form-check { .form-check-input[type="radio"] { appearance: none; -webkit-appearance: none; width: 1.25rem; height: 1.25rem; min-width: 1.25rem; padding: 0; flex-shrink: 0; border: 2px solid $color-black; border-radius: 50%; background: rgba(255, 255, 255, 0.55); cursor: pointer; position: relative; margin: 0; transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; &::after { content: ''; position: absolute; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: transparent; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: background-color 0.1s ease; } &:checked { border-color: $color-purple-deep; &::after { background: $color-purple-deep; } } &:focus { outline: none; box-shadow: 0 0 0 3px rgba($color-purple-deep, 0.2); } } }*/ [class*=text-danger] { font-size: var(--font-size-klein); line-height: var(--line-height-klein); margin: 0; padding: 0; } [class*=text-success], p.text-success { font-size: var(--font-size-p-mid); line-height: var(--line-height-p-mid); margin: 0; } .field-validation-error { font-size: var(--font-size-klein); line-height: var(--line-height-klein); color: #c0392b; margin-top: 0.15rem; } .field-validation-valid { display: none; } .input-validation-error { border-color: #c0392b !important; box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.2) !important; } .forms-block { padding: 0; margin: 0 auto; width: 100%; } .umbraco-forms-form { /*.umbraco-forms-field-wrapper input[type="checkbox"] { appearance: none; -webkit-appearance: none; display: inline-block !important; width: 1.25rem !important; height: 1.25rem !important; min-width: 1.25rem; padding: 0; border: 2px solid $color-black !important; border-radius: 5px; background: rgba(255, 255, 255, 0.55); cursor: pointer; position: relative; flex-shrink: 0; margin: 0; transition: background-color 0.15s ease, border-color 0.15s ease; &::after { content: ''; position: absolute; display: block; left: 4px; top: 1px; width: 6px; height: 10px; border: 2px solid transparent; border-top: none; border-left: none; transform: rotate(45deg); transition: border-color 0.1s ease; } &:checked { background-color: $color-purple-deep !important; border-color: $color-purple-deep !important; &::after { border-color: $color-white; } } &:focus { outline: none; box-shadow: 0 0 0 3px rgba($color-purple-deep, 0.2); } } .umbraco-forms-field-wrapper input[type="radio"] { appearance: none; -webkit-appearance: none; display: inline-block !important; width: 1.25rem !important; height: 1.25rem !important; min-width: 1.25rem; padding: 0; border: 2px solid $color-black !important; border-radius: 50%; background: rgba(255, 255, 255, 0.55); cursor: pointer; position: relative; flex-shrink: 0; margin: 0; transition: background-color 0.15s ease, border-color 0.15s ease; &::after { content: ''; position: absolute; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: transparent; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: background-color 0.1s ease; } &:checked { border-color: $color-purple-deep !important; &::after { background: $color-purple-deep; } } &:focus { outline: none; box-shadow: 0 0 0 3px rgba($color-purple-deep, 0.2); } }*/ } .umbraco-forms-form fieldset { border: none; padding: 0; margin: 0; } .umbraco-forms-form .row-fluid { display: flex; flex-wrap: wrap; gap: 0 1.5rem; } .umbraco-forms-form .row-fluid > .umbraco-forms-container { flex: 1 1 0; min-width: 0; max-width: 100%; } .umbraco-forms-form .row-fluid > .umbraco-forms-container.col-md-12 { flex: 0 0 100%; } .umbraco-forms-form .row-fluid > .umbraco-forms-container.col-md-6 { flex: 0 0 calc(50% - 0.75rem); } @media (max-width: 767.98px) { .umbraco-forms-form .row-fluid { flex-direction: column; gap: 0; } .umbraco-forms-form .row-fluid > .umbraco-forms-container.col-md-6 { flex: 0 0 100%; } } .umbraco-forms-form .umbraco-forms-fieldset > legend { display: inline-block; background-color: #FF9200; color: #000000; font-size: var(--font-size-umbraco-form); line-height: var(--line-height-umbraco-form); font-family: "Manrope", sans-serif; padding: 0.4rem 1.25rem; border-radius: 999px; margin-bottom: 1.25rem; border: 1px solid #000000; width: fit-content; font-weight: unset; } .umbraco-forms-form .umbraco-forms-label, .umbraco-forms-form legend.umbraco-forms-label, .umbraco-forms-form a .umbraco-forms-legend, .umbraco-forms-form legend.umbraco-forms-legend { display: block; font-size: var(--font-size-umbraco-form); line-height: var(--line-height-umbraco-form); letter-spacing: normal; text-transform: none; color: #000000; font-weight: unset; } .umbraco-forms-form .umbraco-forms-field { display: flex; flex-direction: column; gap: 0.25rem; margin-bottom: 1.25rem; } .umbraco-forms-form .captcha label { display: none !important; } .umbraco-forms-form .umbraco-forms-field-wrapper { display: flex; flex-direction: column; gap: 0.15rem; } .umbraco-forms-form .umbraco-forms-field-wrapper textarea, .umbraco-forms-form .umbraco-forms-field-wrapper select { width: 100% !important; max-width: 100% !important; border: 1.5px solid #000000 !important; } .umbraco-forms-form .umbraco-forms-field-wrapper input:not([type=checkbox]):not([type=radio]):not([type=file]) { width: 100% !important; border: 1.5px solid #000000 !important; } .umbraco-forms-form .umbraco-forms-field-wrapper input[type=file] { width: 100% !important; max-width: 100% !important; border: 1.5px solid #000000 !important; } .umbraco-forms-form .umbraco-forms-field-wrapper .text { padding: 0.5rem; } .umbraco-forms-form .umbraco-forms-field-wrapper ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.5rem; } .umbraco-forms-form .umbraco-forms-field.singlechoice .radiobuttonlist, .umbraco-forms-form .umbraco-forms-field.singlechoice .checkboxlist, .umbraco-forms-form .umbraco-forms-field.multiplechoice .radiobuttonlist, .umbraco-forms-form .umbraco-forms-field.multiplechoice .checkboxlist { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; } .umbraco-forms-form .umbraco-forms-field.singlechoice:has(.radiobuttonlist-horizontal) { flex-direction: row; align-items: center; flex-wrap: nowrap; gap: 1.5rem; width: auto !important; } .umbraco-forms-form .umbraco-forms-field.singlechoice:has(.radiobuttonlist-horizontal) legend.umbraco-forms-legend { margin-bottom: 0; white-space: nowrap; flex-shrink: 0; width: fit-content; } .umbraco-forms-form .umbraco-forms-field.singlechoice:has(.radiobuttonlist-horizontal) .radiobuttonlist-horizontal div { display: flex; } @media (max-width: 767.98px) { .umbraco-forms-form .umbraco-forms-field.singlechoice:has(.radiobuttonlist-horizontal) { flex-wrap: wrap; } } .umbraco-forms-form .row-fluid > .umbraco-forms-container.col-md-6 > .umbraco-forms-field.singlechoice:not(:has(.radiobuttonlist-horizontal)), .umbraco-forms-form .row-fluid > .umbraco-forms-container.col-md-6 > fieldset.umbraco-forms-field.singlechoice:not(:has(.radiobuttonlist-horizontal)), .umbraco-forms-form .row-fluid > .umbraco-forms-container.col-md-6 > .umbraco-forms-field.multiplechoice, .umbraco-forms-form .row-fluid > .umbraco-forms-container.col-md-6 > fieldset.umbraco-forms-field.multiplechoice { width: calc(200% + 1.5rem); } .umbraco-forms-form .umbraco-forms-field.singlechoice .form-check, .umbraco-forms-form .umbraco-forms-field.multiplechoice .form-check, .umbraco-forms-form .umbraco-forms-field.checkbox .form-check, .umbraco-forms-form .umbraco-forms-field.dataconsent .form-check { display: flex; align-items: center; gap: 0.6rem; padding-left: 0; margin: 0; } .umbraco-forms-form .checkboxlist, .umbraco-forms-form .radiobuttonlist, .umbraco-forms-form .radiobuttonlist-horizontal { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; } .umbraco-forms-form .checkboxlist > div, .umbraco-forms-form .radiobuttonlist > div, .umbraco-forms-form .radiobuttonlist-horizontal > div { display: flex; align-items: center; gap: 0.5rem; } .umbraco-forms-form .checkboxlist > div label, .umbraco-forms-form .radiobuttonlist > div label, .umbraco-forms-form .radiobuttonlist-horizontal > div label { font-size: var(--font-size-button); line-height: var(--line-height-button); cursor: pointer; color: #000000; user-select: none; margin-bottom: 0; white-space: nowrap; } @media (min-width: 768px) { .umbraco-forms-form .checkboxlist > div label, .umbraco-forms-form .radiobuttonlist > div label, .umbraco-forms-form .radiobuttonlist-horizontal > div label { font-size: 18px; line-height: 26px; } } .umbraco-forms-form .checkboxlist input[type=checkbox], .umbraco-forms-form .radiobuttonlist input[type=radio] { appearance: none; -webkit-appearance: none; width: 2.2rem !important; height: 2.2rem !important; min-width: 2.2rem; padding: 0; flex-shrink: 0; border: 2px solid #000000 !important; border-radius: 5px; background: rgba(255, 255, 255, 0.55); cursor: pointer; position: relative; margin: 0; transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } .umbraco-forms-form .checkboxlist input[type=checkbox] { border-radius: 5px; } .umbraco-forms-form .checkboxlist input[type=checkbox]::after { content: ""; position: absolute; display: block; left: 9px; top: 1px; width: 12px; height: 20px; border: 2px solid transparent; border-top: none; border-left: none; transform: rotate(45deg); transition: border-color 0.1s ease; } .umbraco-forms-form .checkboxlist input[type=checkbox]:checked { background-color: #5A1AC8 !important; border-color: #5A1AC8 !important; } .umbraco-forms-form .checkboxlist input[type=checkbox]:checked::after { border-color: #FFFFFF; } .umbraco-forms-form .checkboxlist input[type=checkbox]:focus { outline: none; box-shadow: 0 0 0 3px rgba(90, 26, 200, 0.2); } .umbraco-forms-form .radiobuttonlist input[type=radio] { border-radius: 50%; } .umbraco-forms-form .radiobuttonlist input[type=radio]::after { content: ""; position: absolute; width: 1.1rem; height: 1.1rem; border-radius: 50%; background: transparent; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: background-color 0.1s ease; } .umbraco-forms-form .radiobuttonlist input[type=radio]:checked { border-color: #5A1AC8 !important; } .umbraco-forms-form .radiobuttonlist input[type=radio]:checked::after { background: #5A1AC8; } .umbraco-forms-form .radiobuttonlist input[type=radio]:focus { outline: none; box-shadow: 0 0 0 3px rgba(90, 26, 200, 0.2); } .umbraco-forms-form .umbraco-forms-fieldset { margin-bottom: 0; } .umbraco-forms-form .umbraco-forms-field.titleandfieldset { margin-bottom: 1.5rem; } .umbraco-forms-form .umbraco-forms-field.checkbox { flex-direction: row; align-items: center; gap: 0.6rem; } .umbraco-forms-form .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper { order: -1; flex-direction: row; gap: 0; } .umbraco-forms-form .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper input[type=checkbox] { appearance: none; -webkit-appearance: none; width: 2.2rem !important; height: 2.2rem !important; min-width: 2.2rem; padding: 0; flex-shrink: 0; border: 2px solid #000000 !important; border-radius: 5px; background: rgba(255, 255, 255, 0.55); cursor: pointer; position: relative; margin: 0; transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } .umbraco-forms-form .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper input[type=checkbox]::after { content: ""; position: absolute; display: block; left: 9px; top: 1px; width: 12px; height: 20px; border: 2px solid transparent; border-top: none; border-left: none; transform: rotate(45deg); transition: border-color 0.1s ease; } .umbraco-forms-form .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper input[type=checkbox]:checked { background-color: #5A1AC8 !important; border-color: #5A1AC8 !important; } .umbraco-forms-form .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper input[type=checkbox]:checked::after { border-color: #FFFFFF; } .umbraco-forms-form .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper input[type=checkbox]:focus { outline: none; box-shadow: 0 0 0 3px rgba(90, 26, 200, 0.2); } .umbraco-forms-form .umbraco-forms-field.checkbox .umbraco-forms-label { font-size: var(--font-size-form); cursor: pointer; user-select: none; margin-bottom: 0; } @media (min-width: 768px) { .umbraco-forms-form .umbraco-forms-field.checkbox .umbraco-forms-label { font-size: 18px; line-height: 26px; } } .umbraco-forms-form .umbraco-forms-field.dataconsent .umbraco-forms-tooltip { display: block; border: 1.5px solid #000000; border-radius: 0.75rem; padding: 1rem 1.5rem; max-height: 16rem; overflow-y: auto; font-size: var(--font-size-klein); line-height: 1.6; color: #000000; margin-bottom: 0.75rem; } .umbraco-forms-form .umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper { display: flex; flex-direction: row; align-items: flex-start; gap: 0.6rem; } .umbraco-forms-form .umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper label { font-size: var(--font-size-klein); line-height: var(--line-height-klein); cursor: pointer; color: #000000; user-select: none; margin-bottom: 0; } @media (min-width: 768px) { .umbraco-forms-form .umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper label { font-size: 18px; line-height: 26px; } } .umbraco-forms-form .umbraco-forms-field.singlechoice + .umbraco-forms-field.shortanswer:has(.umbraco-forms-label.umbraco-forms-hidden) { margin-top: -1.3rem; } .umbraco-forms-form .umbraco-forms-navigation { margin-top: 1.5rem; } .umbraco-forms-form .umbraco-forms-navigation .btn.primary { width: 100%; justify-content: center; } .tag { display: inline-block; color: #000000; font-size: var(--font-size-button); line-height: var(--line-height-button); padding: 0.25rem 1rem; border-radius: 999px; align-self: flex-start; background: rgba(0, 0, 0, 0.07); border: 1px solid #000000; } .content-section-contained .tag { margin-top: 1rem; } [data-tag=Event].tag { background-color: #D4F378; color: #000000; } [data-tag=Interview].tag { background-color: #00D3FF; color: #000000; } [data-tag=Mentorinnenprogramm].tag { background-color: #EC48D9; color: #000000; } [data-tag=pageTag].tag { background-color: #000000; color: #FFFFFF; } .edit-profile-details { list-style: none; padding: 0; margin: 0; flex: 0 0 auto; } .edit-profile-details summary { cursor: pointer; user-select: none; display: inline-block; } .edit-profile-details summary::-webkit-details-marker { display: none; } .edit-profile-details[open] { flex: 0 0 100%; } .edit-profile-details[open] .edit-profile-section { display: block; } .edit-profile-section { margin-top: 1rem; } .login-status__actions { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; } .login-status__actions .btn { white-space: nowrap; } .hero-teaser { display: flex; flex-direction: column; width: 100%; } .hero-teaser__left { display: flex; align-items: flex-end; padding: 2rem 1.25rem; min-height: 412px; padding: 2rem 1.2rem; } .hero-teaser__headline * { font-size: var(--font-size-header); font-weight: 700; line-height: 1.2; color: #000000; margin: 0; } .hero-teaser__right { position: relative; overflow: hidden; background-color: #FFFFFF; min-height: 300px; } .hero-teaser__image { width: 100%; height: 100%; object-fit: cover; display: block; } @media (min-width: 1200px) { .hero-teaser { flex-direction: row; min-height: 100vh; } .hero-teaser__left { flex: 0 0 50%; padding: 3.75rem 0.2rem 3.75rem 2.25rem; } .hero-teaser__right { flex: 0 0 50%; min-height: unset; } } .banner { width: 100%; min-height: 350px; display: flex; align-items: stretch; position: relative; overflow: hidden; } .banner__left { flex: 0 0 50%; display: flex; align-items: center; z-index: 2; } .banner__content { padding: 3.75rem 2.25rem; display: flex; flex-direction: column; justify-content: center; width: 100%; } .banner__right { flex: 0 0 50%; display: flex; align-items: stretch; justify-content: center; overflow: hidden; } .banner__right picture { display: contents; } .banner__image { display: block; width: 100%; height: 100%; object-fit: fill; object-position: center; flex: 1; min-width: 0; } .banner__headline { font-size: var(--font-size-super); font-weight: 700; line-height: var(--line-height-super); color: #000000; margin: 0 0 1.5rem 0; display: inline-block; transform: translateX(0); transition: transform 0.35s ease; } .banner__headline:hover { transform: translateX(30vw); } .banner__text { line-height: 1.6; color: #000000; margin-bottom: 2rem; } .banner__text p { margin: 0; font-size: var(--font-size-p); line-height: var(--line-height-p); } @media (max-width: 1200px) { .banner { flex-direction: row; } .banner__left { flex: 0 0 100%; width: 100%; z-index: 2; } .banner__right { position: absolute; top: 0; right: 0; width: 50%; height: 100%; flex: none; } .banner__image { object-fit: cover; } .banner__content { padding: 2rem 1.25rem; } .banner__headline { font-size: 2rem; } } .cta-block { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; min-height: 220px; padding: 3.5rem 2rem; background-size: cover; background-image: var(--bg-desktop); } .cta-block__content { position: relative; z-index: 2; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 1.75rem; } .cta-block__title { font-family: "Manrope", sans-serif; font-size: var(--font-size-cta); font-weight: 800; color: #000000; margin: 0; line-height: var(--font-size-cta); } .cta-block__sub-title { font-family: "Manrope", sans-serif; font-size: var(--font-size-h2); font-weight: 600; color: #000000; margin: 0; line-height: 1.2; } .cta-block .btn { background-color: #FFFFFF; min-width: 40%; justify-content: center; } .cta-block .btn:hover { background-color: #000000; color: #FFFFFF; } @media (max-width: 768px) { .cta-block { padding: 2.5rem 1.5rem; background-image: var(--bg-mobile); } .cta-block__title { font-size: var(--font-size-cta); } .cta-block .btn { padding: 1.1rem; width: 100%; margin: 0 1.2rem; } } .richtext-block { padding: 2rem 0 0 0; display: flex; flex-direction: column; justify-content: center; margin-bottom: 1rem; overflow-wrap: break-word; } .richtext-block p { margin-bottom: 1rem; } .richtext-block p:last-child { margin-bottom: 0; } .richtext-block ul, .richtext-block ol { line-height: var(--line-height-p); padding-left: 1.5rem; margin-bottom: 1rem; } .richtext-block ul li, .richtext-block ol li { margin-bottom: 0.25rem; } .richtext-block ul { list-style: none; padding-left: 0; } .richtext-block ul li { display: flex; align-items: flex-start; gap: 0.75rem; } .richtext-block ul li::before { content: ""; display: inline-block; flex-shrink: 0; width: 2.3em; height: 1.8em; margin-top: 0.15em; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51 40' fill='none'%3E%3Cpath d='M5 20H39M27 8L39 20L27 32' stroke='%23000' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E"); } .richtext-block ul.two-column { display: grid; grid-template-columns: 1fr 1fr; } @media (max-width: 767.98px) { .richtext-block ul.two-column { grid-template-columns: 1fr; } } .richtext-block ul.timeline { display: inline-flex; align-items: stretch; flex-wrap: nowrap; gap: 0; width: fit-content; background-color: #FF9200; border-radius: 999px; padding: 0 !important; } .richtext-block ul.timeline li { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.55rem 0.3rem 0.55rem 1.7rem; border: 1.5px solid #000000; border-left: hidden; border-radius: 0 999px 999px 0; white-space: nowrap; font-weight: 500; color: #000000; margin-left: -20px; margin-bottom: 0px !important; flex: 1; font-size: var(--font-size-p); } .richtext-block ul.timeline li p { font-size: var(--font-size-p); } .richtext-block ul.timeline li:first-child { border-radius: 999px; border-left: 1.5px solid #000000; margin-left: 0; } .richtext-block ul.timeline li:last-child { border-radius: 0 999px 999px 0; } .richtext-block ul.timeline li::before { display: none; } .richtext-block ul.timeline li:not(:last-child)::after { content: ""; display: inline-block; width: 1.6em; height: 1.25em; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51 40' fill='none'%3E%3Cpath d='M5 20H39M27 8L39 20L27 32' stroke='%23000' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E"); } @media (max-width: 1200px) { .richtext-block ul.timeline { width: 100%; background-color: transparent; flex-wrap: wrap; } .richtext-block ul.timeline li { flex: 1 1 100%; margin-left: 0; border-radius: 999px; border-left: 1.5px solid #000000; background-color: #FF9200; white-space: normal; margin-bottom: 0.5rem !important; } .richtext-block ul.timeline li:last-child { border-radius: 999px; } } .richtext-block a { text-decoration: underline; } .richtext-block blockquote { border-left: 4px solid #9E8FF0; padding: 0.75rem 1.25rem; margin: 1.5rem 0; color: #707070; font-style: italic; } .richtext-block img { max-width: 100%; height: auto; display: block; } .richtext-block table { width: 100%; border-collapse: collapse; margin-bottom: 1rem; } .richtext-block table th, .richtext-block table td { padding: 0.5rem 0.75rem; text-align: left; } @media (max-width: 767.98px) { .richtext-block table th, .richtext-block table td { padding: 0.1rem; } } .richtext-block table th { font-weight: 700; } .content-section:not(.content-section-contained):not(.content-section-half-width) .richtext-block, .content-section-contained:not(.content-section-contained):not(.content-section-half-width) .richtext-block { padding-left: 2rem; padding-right: 2rem; } .tile-block { color: #FFFFFF; padding: 2rem 1.25rem; border-bottom: 1px solid #FFFFFF; display: flex; flex-direction: row; justify-content: flex-start; overflow-wrap: break-word; flex-wrap: wrap; } .tile-block:has(> p img) { justify-content: space-around; } .tile-block > * { font-family: "Manrope", sans-serif; font-size: var(--font-size-tile); line-height: var(--line-height-tile); margin-bottom: 0; } .tile-block > *:first-child { margin-top: 0; } .tile-block ul, .tile-block ol { line-height: var(--line-height-p); padding-left: 1.5rem; margin-bottom: 1rem; } .tile-block ul li, .tile-block ol li { margin-bottom: 0.25rem; } .tile-block a { text-decoration: none; color: #FFFFFF; } .tile-block a:hover { text-decoration: underline; } .tile-block a:has(> img) { display: flex; max-width: 100%; } .tile-block a img { margin: auto; max-width: 100%; height: auto; } .tile-block blockquote { border-left: 4px solid #9E8FF0; padding: 0.75rem 1.25rem; margin: 1.5rem 0; color: #707070; font-style: italic; } .tile-block img { margin: auto; } .tile-block p { display: flex; justify-content: center; } .tile-block table { width: 100%; border-collapse: collapse; margin-bottom: 1rem; } .tile-block table th, .tile-block table td { padding: 0.5rem 0.75rem; border: 1px solid #C1D0D9; text-align: left; } .tile-block table th { background-color: #C1D0D9; font-weight: 700; } @media (min-width: 768px) { .tile-block { border-bottom: none; border-right: 1px solid #FFFFFF; min-height: 38.5rem; flex-direction: column; justify-content: flex-start; padding-top: 25%; padding-left: 2.25rem; padding-right: 2.25rem; flex-wrap: nowrap; } .tile-block p { display: block; } .tile-block:has(> p img) { justify-content: flex-start; } .tile-block img { width: 50%; height: auto; } .tile-block a:has(> img) { width: 50%; display: inline-block; } .tile-block a:has(> img) img { width: 100%; } .tile-block > * { font-size: var(--font-size-tile); line-height: var(--line-height-tile); } } .teaser-block { width: 100%; height: 100%; display: flex; align-items: stretch; overflow: hidden; } .teaser-block__left { flex: 0 0 50%; display: flex; } .teaser-block__inner { padding: 2.5rem 0.1rem 2.5rem 2.25rem; display: flex; flex-direction: column; justify-content: flex-start; width: 100%; } .teaser-block__label { display: block; font-size: var(--font-size-p); line-height: var(--line-height-p); letter-spacing: 0.08em; text-transform: uppercase; color: #000000; margin-bottom: 0.25rem; } .teaser-block__headline { font-size: var(--font-size-h2); line-height: 1.15; color: #000000; font-weight: normal; margin: 0 0 0.75rem 0; } .teaser-block__text { font-size: var(--font-size-p); line-height: var(--line-height-p); color: #000000; margin-top: auto; margin-bottom: 1.25rem; } .teaser-block__text p { margin: 0 0 0.4rem 0; font-size: var(--font-size-p); line-height: var(--line-height-p); } .teaser-block__text p:last-child { margin-bottom: 0; } .teaser-block__button { align-self: flex-start; border: 1px solid #000000; border-radius: 9999px; padding: 0.4rem 1.25rem; font-size: var(--font-size-button); font-weight: 500; color: #000000; text-decoration: none; transition: background-color 0.2s ease, color 0.2s ease; } .teaser-block__button:hover { background-color: #000000; color: #FFFFFF; } .teaser-block__right { flex: 0 0 50%; display: flex; align-items: center; overflow: hidden; justify-content: center; } .teaser-block__image { display: block; width: 100%; object-fit: cover; object-position: center; padding: 1.5rem 2.25rem 1.5rem 0.2rem; } @media (max-width: 1200px) { .teaser-block { flex-direction: column; } .teaser-block__left { flex: 0 0 auto; width: 100%; margin-top: auto; } .teaser-block__right { flex: 0 0 auto; width: 100%; min-height: 250px; } .teaser-block__inner { padding: 1.25rem; } .teaser-block__image { padding: 1.5rem 1.25rem 1.5rem 1.25rem; } } .auth-block { margin: 0 auto; width: 100%; padding: 3rem 0; } @media (max-width: 767.98px) { .auth-block { padding: 1rem 0; } } .auth-block__headline { font-size: var(--font-size-h2); line-height: var(--line-height-h2); margin-top: 0; margin-bottom: 0.5rem; } .auth-block__intro { font-size: var(--font-size-p-mid); line-height: var(--line-height-p-mid); margin-bottom: 2rem; } .auth-block__intro p { margin: 0; } .login-form, .register-form { display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; width: 100%; } @media (max-width: 767.98px) { .login-form .btn, .register-form .btn { width: 100%; justify-content: center; margin-top: 2rem; } } .login-form .password-forgotten, .register-form .password-forgotten { color: #000000; font-size: 18px; line-height: 32px; } .login-form .container, .register-form .container { padding: 0; } .register-form .row { width: 100%; } .register-form .btn { width: 100%; justify-content: center; } .register-form__radios { display: flex; flex-direction: column; gap: 0.5rem; margin-top: 0.5rem; } @media (min-width: 768px) { .register-form__radios { flex-direction: row; flex-wrap: wrap; gap: 0.5rem 1.5rem; } } .register-form__radios .form-check { flex: 0 0 auto; } .register-form__radios .form-check--with-input { display: flex; align-items: center; gap: 0.6rem; } .register-form__radios .form-check--with-input .form-control--sonstiges { width: 12rem; padding: 0.75rem 1.25rem; font-size: var(--font-size-klein); line-height: var(--line-height-klein); } .register-form__consent { width: 100%; margin-top: 1rem; display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 1rem; } .register-form__consent-details { border: 1.5px solid #000000; border-radius: 0.75rem; overflow: hidden; } .register-form__consent-summary { padding: 1rem 1.5rem; font-weight: 700; font-size: var(--font-size-klein); line-height: var(--line-height-klein); cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; } .register-form__consent-summary::-webkit-details-marker { display: none; } .register-form__consent-summary::after { content: ""; width: 0.5rem; height: 0.5rem; border-right: 2px solid #000000; border-bottom: 2px solid #000000; transform: rotate(45deg); transition: transform 0.2s ease; flex-shrink: 0; margin-left: 1rem; } .register-form__consent-details[open] .register-form__consent-summary::after { transform: rotate(-135deg); } .register-form__consent-box { padding: 0 1.5rem 1.5rem; max-height: 16rem; overflow-y: auto; font-size: var(--font-size-klein); line-height: 1.6; } .register-form__consent-box p { margin: 0 0 0.75rem; font-size: inherit; } .register-form__consent-box ul { margin: 0 0 0.75rem; padding-left: 1.25rem; list-style: disc; font-size: inherit; } .register-form__consent-box li { margin-bottom: 0.15rem; font-size: inherit; } .register-form__consent-box a { text-decoration: underline; font-size: inherit; } .login-status p { font-size: var(--font-size-p-mid); line-height: var(--line-height-p-mid); margin: 0 0 1rem; color: #000000; } .content-section-contained:has(.login-status) .umb-block-grid__layout-item:not(:has(.login-status)) { display: none; } .event-block__secondary { display: flex; flex-direction: column; gap: 1.5rem; padding-left: 0.75rem; } .event-block__item { display: flex; flex-direction: column; } .event-block__label { display: inline-block; background: #D4F378; color: #000000; font-size: var(--font-size-klein); font-weight: 700; line-height: 1; padding: 0.25rem 0.75rem; border-radius: 999px; align-self: flex-start; } .event-block__item--featured { border-right: 1px solid #000000; padding-right: 0.75rem; } .event-block__item--featured .event-block__content { padding: 1.75rem 2.25rem 0.75rem; } .event-block__item--featured .event-block__image { flex-shrink: 0; padding: 1.75rem 2.25rem 0.75rem; } .event-block__item--featured .event-block__image img { width: 100%; object-fit: cover; display: block; } .event-block__item--featured .event-block__footer { padding: 0 2.25rem 1.5rem; } .event-block__item--featured .event-block__link { display: flex; width: 100%; justify-content: center; border-radius: 999px; } .event-block__item--secondary { flex: 1 0 auto; border: 1px solid #000000; border-top: 0; border-left: 0; border-right: 0; margin-bottom: -0.75rem; padding-bottom: 0.75rem; margin-left: -0.75rem; padding-left: 0.75rem; } .event-block__item--secondary:last-of-type { margin-top: -0.75rem; } .event-block__inner { flex: 1; overflow: hidden; } .event-block__image-link { display: block; overflow: hidden; align-self: center; } .event-block__item--secondary .event-block__image { width: 100%; align-self: center; padding: 1.25rem; } .event-block__item--secondary .event-block__image img { width: 100%; height: 100%; object-fit: cover; display: block; } .event-block__content { flex: 1; display: flex; flex-direction: column; gap: 1rem; } .event-block__item--secondary .event-block__content { padding: 1.25rem; } .event-block__title { font-size: var(--font-size-h2); line-height: var(--line-height-h2); color: #000000; margin: 0; } .event-block__item--secondary .event-block__title { font-size: var(--font-size-p); line-height: var(--line-height-p); } .event-block__meta { font-size: var(--font-size-p); color: #000000; margin: 0; line-height: 1.5; } .event-block__item--secondary .event-block__meta { font-size: var(--font-size-p); } .event-block__summary { color: #000000; margin-top: auto; } .event-block__summary p { margin: 0; font-size: var(--font-size-p); line-height: var(--line-height-p); } .event-block__item--secondary .event-block__summary p { font-size: var(--font-size-p-mid); } .event-block__link { align-self: flex-start; margin-top: 0.5rem; } @media (max-width: 1199.98px) { .event-block__secondary { padding-left: 0; } .event-block__item--featured { border-right: none; border-bottom: 1px solid #000000; padding-right: 0; margin-bottom: -0.75rem; padding-bottom: 0.75rem; } .event-block__item--secondary { margin-left: 0; padding-left: 0; margin-bottom: 0; } .event-block__item--secondary .event-block__footer, .event-block .event-block__image, .event-block .event-block__content { padding: 0.75rem 1.2rem; } .event-block__item--secondary .event-block__footer .event-block__link, .event-block .event-block__image .event-block__link, .event-block .event-block__content .event-block__link { display: flex; width: 100%; justify-content: center; border-radius: 999px; } .event-block .event-block__footer { padding: 0 1.25rem 0.1rem; } .event-block .event-block__content { padding: 1.5rem 1.25rem 0.5rem; } .event-block .event-block__image { padding: 0 1.25rem 1.2rem; } .event-block__image-link img, .event-block__item--secondary .event-block__image img { height: auto; } } @media (max-width: 575.98px) { .event-block__image-link img, .event-block__item--secondary .event-block__image img { min-height: unset; } } .page-not-found { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #5A1AC8 0%, #7763EA 100%); padding: 2rem; overflow: hidden; position: relative; } .page-not-found__container { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; max-width: 1200px; width: 100%; align-items: center; position: relative; z-index: 10; } @media (max-width: 768px) { .page-not-found__container { grid-template-columns: 1fr; gap: 2rem; } } .page-not-found__content { color: #FFFFFF; text-align: left; } @media (max-width: 768px) { .page-not-found__content { text-align: center; } } .page-not-found__content h1 { font-size: var(--font-size-h1); line-height: var(--line-height-h1); font-weight: 700; margin-bottom: 1.5rem; letter-spacing: var(--letter-spacing-header); color: #FFFFFF; } @media (max-width: 768px) { .page-not-found__content h1 { font-size: var(--font-size-h2); line-height: var(--line-height-h2); } } .page-not-found__content h2 { font-size: var(--font-size-h2); line-height: var(--line-height-h2); font-weight: 700; margin-bottom: 1rem; letter-spacing: var(--letter-spacing-header); color: #FFFFFF; } .page-not-found__content p { font-size: var(--font-size-p-mid); line-height: var(--line-height-p-mid); color: #C1D0D9; margin-bottom: 1.5rem; max-width: 500px; } @media (max-width: 768px) { .page-not-found__content p { margin-left: auto; margin-right: auto; } } .page-not-found__content a { display: inline-block; padding: 1rem 2.5rem; background: #D4F378; color: #27348B; text-decoration: none; font-size: var(--font-size-button); line-height: var(--line-height-button); font-weight: 700; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; border: 2px solid #D4F378; margin-top: 1rem; } .page-not-found__content a:hover { background: #FFFFFF; color: #5A1AC8; transform: translateY(-2px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); } .page-not-found__content a:active { transform: translateY(0); } @media (max-width: 768px) { .page-not-found__content a { width: 100%; text-align: center; } } .page-not-found__decoration { position: relative; height: 400px; } @media (max-width: 768px) { .page-not-found__decoration { display: none; } } .page-not-found__decoration::before { content: ""; position: absolute; top: -100px; right: -100px; width: 400px; height: 400px; background: rgba(255, 146, 0, 0.15); border-radius: 50%; animation: float 6s ease-in-out infinite; } .page-not-found__decoration::after { content: ""; position: absolute; bottom: -50px; left: -50px; width: 300px; height: 300px; background: rgba(236, 72, 217, 0.1); border-radius: 50%; animation: float 8s ease-in-out infinite reverse; } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(20px); } } .event-list { padding: 0 0 4rem 0; margin-top: calc(200px - 3rem); } .event-list .container { max-width: none; padding: 0; } .event-list__headline { font-size: var(--font-size-h1); line-height: var(--line-height-h1); margin-bottom: 3rem; } .event-list__items { display: flex; flex-direction: column; } .event-list .tag { margin: 0 calc(15% + 3rem); } .event-card { display: flex; gap: 2.5rem; padding: 2.5rem calc(15% + 3rem); } .event-card + .event-card { border-top: 1px solid #000000; } .event-card__image-link { flex: 0 0 40%; display: block; overflow: hidden; } .event-card__image { height: 100%; } .event-card__image img { width: 100%; height: 100%; object-fit: cover; } .event-card__content { flex: 1; display: flex; flex-direction: column; gap: 0.75rem; } .event-card__content ul, .event-card__content ol { line-height: var(--line-height-p); padding-left: 1.5rem; margin-bottom: 1rem; } .event-card__content ul li, .event-card__content ol li { margin-bottom: 0.25rem; } .event-card__content ul { list-style: none; padding-left: 0; } .event-card__content ul li { display: flex; align-items: flex-start; gap: 0.75rem; } .event-card__content ul li::before { content: ""; display: inline-block; flex-shrink: 0; width: 2.3em; height: 1.8em; margin-top: 0.15em; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51 40' fill='none'%3E%3Cpath d='M5 20H39M27 8L39 20L27 32' stroke='%23000' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E"); } .event-card__content ul.two-column { display: grid; grid-template-columns: 1fr 1fr; } .event-card__content ul.timeline { display: inline-flex; align-items: stretch; flex-wrap: wrap; gap: 0; width: fit-content; background-color: #FF9200; border-radius: 999px; padding: 0 !important; } .event-card__content ul.timeline li { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.55rem 1.7rem; border: 1.5px solid #000000; border-left: hidden; border-radius: 0 999px 999px 0; white-space: nowrap; font-weight: 500; color: #000000; margin-left: -20px; margin-bottom: 0px !important; flex: 1; font-size: var(--font-size-p); } .event-card__content ul.timeline li p { font-size: var(--font-size-p); } .event-card__content ul.timeline li:first-child { border-radius: 999px; border-left: 1.5px solid #000000; margin-left: 0; } .event-card__content ul.timeline li:last-child { border-radius: 0 999px 999px 0; } .event-card__content ul.timeline li::before { display: none; } .event-card__content ul.timeline li:not(:last-child)::after { content: ""; display: inline-block; width: 1.6em; height: 1.25em; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51 40' fill='none'%3E%3Cpath d='M5 20H39M27 8L39 20L27 32' stroke='%23000' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E"); } @media (max-width: 767.98px) { .event-card__content ul.timeline { width: 100%; background-color: transparent; } .event-card__content ul.timeline li { flex: 1 1 45%; background-color: #FF9200; position: relative; } .event-card__content ul.timeline li:nth-child(odd) { border-radius: 999px; border-left: 1.5px solid #000000; margin-left: 0; } .event-card__content ul.timeline f li:nth-child(1) { z-index: 20; } .event-card__content ul.timeline f li:nth-child(2) { z-index: 19; } .event-card__content ul.timeline f li:nth-child(3) { z-index: 18; } .event-card__content ul.timeline f li:nth-child(4) { z-index: 17; } .event-card__content ul.timeline f li:nth-child(5) { z-index: 16; } .event-card__content ul.timeline f li:nth-child(6) { z-index: 15; } .event-card__content ul.timeline f li:nth-child(7) { z-index: 14; } .event-card__content ul.timeline f li:nth-child(8) { z-index: 13; } .event-card__content ul.timeline f li:nth-child(9) { z-index: 12; } .event-card__content ul.timeline f li:nth-child(10) { z-index: 11; } .event-card__content ul.timeline f li:nth-child(11) { z-index: 10; } .event-card__content ul.timeline f li:nth-child(12) { z-index: 9; } .event-card__content ul.timeline f li:nth-child(13) { z-index: 8; } .event-card__content ul.timeline f li:nth-child(14) { z-index: 7; } .event-card__content ul.timeline f li:nth-child(15) { z-index: 6; } .event-card__content ul.timeline f li:nth-child(16) { z-index: 5; } .event-card__content ul.timeline f li:nth-child(17) { z-index: 4; } .event-card__content ul.timeline f li:nth-child(18) { z-index: 3; } .event-card__content ul.timeline f li:nth-child(19) { z-index: 2; } .event-card__content ul.timeline f li:nth-child(20) { z-index: 1; } } .event-card__title { font-size: var(--font-size-h2); line-height: var(--line-height-h2); margin: 0; } .event-card__title a { text-decoration: none; color: #000000; } .event-card__title a:hover { color: #5A1AC8; } .event-card__termin { font-size: var(--font-size-p-mid); line-height: var(--line-height-p-mid); margin: 0; } .event-card__summary { font-size: var(--font-size-p-mid); line-height: var(--line-height-p-mid); flex: 1; } .event-card__link { align-self: flex-end; margin-top: auto; } @media (max-width: 1024px) { .event-card { padding: 2.5rem 10%; } } @media (max-width: 768px) { .event-card { flex-direction: column; padding: 2rem 1.5rem; gap: 1.5rem; } .event-card__image-link { flex: 0 0 auto; } .event-card__link { align-self: flex-start; } } .event-detail { background-color: #FFFFFF; } .event-detail__title { font-size: var(--font-size-h1); line-height: var(--line-height-h1); margin-bottom: 1.5rem; } .event-detail__back { margin-top: 1rem; } .content-section-contained.event-detail { padding-top: 3rem; margin-top: calc(200px - 3rem); } .article-list { padding: 4rem 0; } .article-list__headline { font-size: var(--font-size-h1); line-height: var(--line-height-h1); margin-bottom: 3rem; } .article-list__items { display: flex; flex-direction: column; gap: 2rem; } .article-card { display: flex; background: rgba(255, 255, 255, 0.55); gap: 2rem; border-radius: 1rem; overflow: hidden; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); transition: box-shadow 0.2s ease; } .article-card:hover { box-shadow: 0 4px 24px rgba(0, 0, 0, 0.14); } .article-card__image-link { flex: 0 0 320px; display: flex; overflow: hidden; } .article-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .article-card:hover .article-card__image img { transform: scale(1.04); } .article-card__content { flex: 1; padding: 2rem; display: flex; flex-direction: column; gap: 0.75rem; } .article-card__title { font-size: var(--font-size-h2); line-height: var(--line-height-h2); margin: 0; } .article-card__title a { text-decoration: none; color: #000000; } .article-card__title a:hover { color: #5A1AC8; } .article-card__meta { display: flex; flex-wrap: wrap; gap: 1rem; font-size: var(--font-size-klein); line-height: var(--line-height-klein); } .article-card__date { display: inline-flex; align-items: center; gap: 0.3rem; } .article-card__tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: auto 0; } .article-card__summary { font-size: var(--font-size-p-mid); line-height: var(--line-height-p-mid); flex: 1; } .article-card__link { align-self: flex-start; margin-top: auto; } @media (max-width: 768px) { .article-card { flex-direction: column; } .article-card__image-link { flex: 0 0 auto; } } .content-section-contained.article-detail { padding-top: 3rem; margin-top: calc(200px - 3rem); } .article-detail { padding-bottom: 1rem; } .article-detail__title { font-size: var(--font-size-h2); line-height: 1.25; } .article-detail__meta { display: flex; flex-wrap: wrap; gap: 1.5rem; font-size: var(--font-size-p-mid); line-height: var(--line-height-p-mid); margin-bottom: 0.75rem; } .article-detail__date { display: inline-flex; align-items: center; } .article-detail__tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: auto 0; } .article-detail .content-section-contained { margin-top: 0; } .article-detail.content-section-contained { margin-bottom: 0; } .article-detail__gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; margin-bottom: 2.5rem; width: 100%; } .article-detail__gallery-item { display: flex; align-items: center; justify-content: center; } .article-detail__gallery-item img { max-width: 100%; object-fit: cover; width: 100%; } .article-detail__text { font-size: var(--font-size-p-mid); line-height: var(--line-height-p-mid); margin-bottom: 2.5rem; } .article-detail__text p { margin: 0 0 1.25rem; font-size: var(--font-size-p-mid); line-height: var(--line-height-p-mid); } .article-detail__text img { max-width: 100%; height: auto; } .article-detail__back { margin-top: 1rem; } @media (max-width: 991.98px) { .mentor-list { padding: 2rem 2rem 4rem; margin-left: 10%; margin-right: 10%; } } @media (max-width: 575.98px) { .mentor-list { padding: 0; margin-left: 1.2rem; margin-right: 1.2rem; } } .mentor-list__items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem 0; align-items: start; } @media (max-width: 991.98px) { .mentor-list__items { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575.98px) { .mentor-list__items { grid-template-columns: 1fr; } } .mentor-list .container { padding: 0; } .mentor-list .mentor-item { display: flex; flex-direction: column; height: 100%; } .mentor-list .mentor-item__name { font-size: var(--font-size-p-mid); margin: 0 0 0.5rem; line-height: var(--line-height-p-mid); padding-right: 1rem; font-weight: 700; } .mentor-list .mentor-item__name p { margin: 0; } .mentor-item__media { position: relative; aspect-ratio: 1/1; overflow: hidden; margin-bottom: 1rem; } .mentor-item__info { display: flex; flex-direction: column; flex: 1; } .mentor-item__image { width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(100%); } .mentor-item__thumbnail { display: block; position: relative; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: pointer; } .mentor-item__play-icon { position: absolute; top: 1rem; right: 1rem; width: 48px; height: 31.5px; border-radius: 999px; pointer-events: none; border: 2px solid #000000; } .mentor-item__play-icon::after { content: ""; position: absolute; top: 50%; left: 55%; transform: translate(-50%, -50%); border-style: solid; border-width: 9px 0 9px 16.5px; border-color: transparent transparent transparent #000000; transition: transform 0.2s ease; } .mentor-item__thumbnail:hover .mentor-item__play-icon::after { transform: translate(-50%, -50%) scale(1.2); } .mentor-item__name { font-size: var(--font-size-p); margin: 0 0 0.5rem; line-height: var(--line-height-p); padding-right: 1rem; } .mentor-item__clinic { font-size: var(--font-size-button); line-height: var(--line-height-button); color: #707070; margin: auto 0 0; padding-right: 1rem; } .mentors-slider { padding: 0 2.25rem 4rem; overflow: hidden; } @media (max-width: 767.98px) { .mentors-slider { padding: 0 1.25rem; } } .mentors-slider .mentor-item__name { font-weight: 500; font-size: var(--font-size-p-mid); line-height: var(--line-height-p-mid); } .mentors-slider > .slider-container { display: flex; flex-wrap: wrap; align-items: flex-start; row-gap: 0; } .mentors-slider .swiper { overflow: hidden; width: 100%; order: 1; margin-bottom: 0; } @media (max-width: 767.98px) { .mentors-slider .swiper { overflow: visible; } } .mentors-slider__header { flex: 1 1 auto; margin-bottom: 2rem; margin-top: 3rem; } @media (max-width: 767.98px) { .mentors-slider__header { margin-top: 1rem; margin-bottom: 1rem; max-width: 70%; } } .mentors-slider__title { font-size: var(--font-size-h1); font-weight: 700; line-height: var(--line-height-h1); margin: 0; } @media (max-width: 767.98px) { .mentors-slider__title { font-size: var(--font-size-h2); line-height: var(--line-height-h2); } } .mentors-slider__nav { display: flex; gap: 0.2rem; align-items: center; flex-shrink: 0; margin-bottom: 2rem; padding: 0; margin-top: 4rem; } .mentors-slider__nav--standalone { flex: 1 1 100%; justify-content: flex-end; } @media (max-width: 767.98px) { .mentors-slider__nav { order: 2; flex: 1 1 100%; justify-content: center; margin-bottom: 0; margin-top: 0.5rem; } } .mentors-slider__prev, .mentors-slider__next { display: inline-flex; align-items: center; justify-content: center; background: none; border: none; padding: 0.5rem 0; cursor: pointer; color: #000000; transition: opacity 0.2s ease; } .mentors-slider__prev.swiper-button-disabled, .mentors-slider__next.swiper-button-disabled { opacity: 0.3; cursor: default; } .mentors-slider__prev:hover:not(.swiper-button-disabled), .mentors-slider__next:hover:not(.swiper-button-disabled) { opacity: 0.6; } @media (max-width: 767.98px) { .mentors-slider__prev svg, .mentors-slider__next svg { width: 70px; } } .forgot-password-form, .reset-password-form { padding-top: 3rem; margin-top: calc(200px - 3rem); background-color: #FFFFFF; } .media-block { margin-inline: auto; margin-bottom: 1rem; } .media-block__image { max-width: 100%; display: block; margin-inline: auto; } .media-block__video { max-width: 100%; } .media-block__embed { position: relative; width: 100%; aspect-ratio: 16/9; } .media-block__embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } .media-block__thumbnail { display: block; position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: pointer; } .media-block__thumbnail-img { width: 100%; height: 100%; object-fit: cover; display: block; } .media-block__play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; border-style: solid; border-width: 24px 0 24px 44px; border-color: transparent transparent transparent white; pointer-events: none; transition: transform 0.2s ease, opacity 0.2s ease; filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4)); } @media (max-width: 767.98px) { .media-block__play-icon { border-width: 16px 0 16px 29.33px; } } .media-block .media-block__thumbnail:hover .media-block__play-icon { transform: translate(-50%, -50%) scale(1.15); } .downloads-block { margin-bottom: 1rem; } .downloads-block__title { font-size: var(--font-size-h2); line-height: var(--line-height-h2); font-weight: 700; margin-bottom: 1.5rem; } .downloads-block__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; } @media (max-width: 767.98px) { .downloads-block__grid { grid-template-columns: 1fr; } } .downloads-block__item { display: inline-flex; align-items: center; gap: 0.75rem; padding: 0.6rem 1.25rem; border: 1px solid #000000; border-radius: 999px; font-size: var(--font-size-button); font-weight: 400; color: #000000; text-decoration: none; line-height: var(--line-height-button); background: transparent; transition: background-color 0.15s ease, color 0.15s ease; min-width: 0; } .downloads-block__item:hover { background-color: #000000; color: #FFFFFF; } .downloads-block__icon { flex: 0 0 auto; width: 2.5rem; height: 2.5rem; background-color: currentColor; mask-image: url("/images/file.svg"); mask-size: contain; mask-repeat: no-repeat; mask-position: center; -webkit-mask-image: url("/images/file.svg"); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } .downloads-block__name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content-section:not(.content-section-contained):not(.content-section-half-width) .downloads-block, .content-section-contained:not(.content-section-contained):not(.content-section-half-width) .downloads-block { padding-left: 2rem; padding-right: 2rem; } .bullet-points-block { position: relative; margin-bottom: 1rem; } .bullet-points-block__label { display: inline-block; background-color: #FF9200; color: #000000; font-size: var(--font-size-klein); font-weight: 700; line-height: 1; padding: 0.25rem 0.75rem; border-radius: 999px; position: relative; z-index: 1; transform: translateY(50%); border: 1px solid #000000; } .bullet-points-block__box { border: 1px solid #000000; padding: 1.5rem 2rem; } .bullet-points-block__list { list-style: disc; padding-left: 1.25rem; margin: 0; display: flex; flex-direction: column; gap: 1.5rem; } .bullet-points-block__item { padding-left: 0.5rem; } .bullet-points-block__item-title { font-size: var(--font-size-p-mid); font-weight: 700; line-height: var(--line-height-p-mid); } .bullet-points-block__description { font-size: var(--font-size-p-mid); line-height: var(--line-height-p-mid); font-weight: 400; margin: 0; } .bullet-points-block ul, .bullet-points-block ol { line-height: var(--line-height-p); padding-left: 1.5rem; } .bullet-points-block ul li, .bullet-points-block ol li { margin-bottom: 0.25rem; } .bullet-points-block ul { list-style: none; padding-left: 0; } .bullet-points-block ul li { display: flex; align-items: flex-start; gap: 0.75rem; padding-left: 0; } .bullet-points-block ul li::before { content: ""; display: inline-block; flex-shrink: 0; width: 2.3em; height: 1.8em; margin-top: 0.15em; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51 40' fill='none'%3E%3Cpath d='M5 20H39M27 8L39 20L27 32' stroke='%23000' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E"); } @media (max-width: 576px) { .bullet-points-block__box { padding: 1rem; } } .content-section:not(.content-section-contained):not(.content-section-half-width) .bullet-points-block, .content-section-contained:not(.content-section-contained):not(.content-section-half-width) .bullet-points-block { padding-left: 2rem; padding-right: 2rem; } .akkordeon-block { margin-bottom: 0.5rem; } .akkordeon-block__header { display: flex; align-items: center; gap: 0.75rem; width: 100%; background: none; border: none; padding: 0.875rem 0; cursor: pointer; text-align: left; color: #000000; flex-wrap: wrap; border-bottom: 1px solid #000000; } .akkordeon-block__arrow { flex-shrink: 0; display: inline-block; width: 2.3em; height: 1.8em; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51 40' fill='none'%3E%3Cpath d='M5 20H39M27 8L39 20L27 32' stroke='%23000' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E"); transition: transform 0.25s ease; } .akkordeon-block__header[aria-expanded=true] .akkordeon-block__arrow { transform: rotate(90deg); } .akkordeon-block__title { display: inline-block; width: var(--akkordeon-title-width, auto); max-width: 100%; font-weight: 700; font-size: var(--font-size-p); line-height: var(--line-height-p); margin-right: 2rem; } .akkordeon-block__date { font-size: var(--font-size-p); line-height: var(--line-height-p); color: #000000; white-space: nowrap; } .akkordeon-block__content { padding: 0.25rem 0 1.25rem 0; font-size: var(--font-size-p-mid); line-height: var(--line-height-p-mid); } .umb-block-grid__layout-container:has([data-content-element-type-alias=storyTeaserBlock]) { --bs-gutter-x: 2rem; } .story-teaser-block { display: flex; flex-direction: column; margin-bottom: 1rem; } .story-teaser-block__media { position: relative; width: 100%; } .story-teaser-block__image { width: 100%; height: 100%; object-fit: cover; display: block; } .story-teaser-block__embed { position: relative; width: 100%; aspect-ratio: 16/9; } .story-teaser-block__embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } .story-teaser-block__thumbnail { display: block; position: relative; width: 100%; padding: 0; border: 0; background: none; cursor: pointer; aspect-ratio: 16/9; overflow: hidden; } .story-teaser-block__thumbnail-img { width: 100%; height: 100%; object-fit: cover; display: block; } .story-teaser-block__play-icon { position: absolute; top: 1rem; right: 1rem; width: 48px; height: 31.5px; border-radius: 999px; pointer-events: none; border: 2px solid #000000; background: transparent; } .story-teaser-block__play-icon::after { content: ""; position: absolute; top: 50%; left: 55%; transform: translate(-50%, -50%); border-style: solid; border-width: 9px 0 9px 16.5px; border-color: transparent transparent transparent #000000; transition: transform 0.2s ease, border-color 0.2s ease; } .story-teaser-block__thumbnail:hover .story-teaser-block__play-icon::after { transform: translate(-50%, -50%) scale(1.2); } .story-teaser-block__content { padding: 1rem 0 0; } .story-teaser-block__title { font-family: "Manrope", sans-serif; font-size: var(--font-size-p-mid); font-weight: 700; line-height: var(--line-height-p-mid); color: #000000; margin: 0 0 0.25rem; } .story-teaser-block__title p { font-size: inherit; line-height: inherit; margin-bottom: 0; } .story-teaser-block__subtitle { font-family: "Manrope", sans-serif; font-size: var(--font-size-button); font-weight: 400; line-height: var(--line-height-button); color: #000000; margin: 0 0 0.5rem; } .story-teaser-block__subtitle p { font-size: inherit; line-height: inherit; margin-bottom: 0; } .story-teaser-block__text { font-family: "Manrope", sans-serif; font-weight: 400; line-height: var(--line-height-klein); color: #707070; margin-top: 0.75rem; } .story-teaser-block__text p { margin: 0; font-size: var(--font-size-klein); line-height: var(--line-height-klein); } .promo-block { position: relative; margin-bottom: 1rem; } .promo-block__box { border: 1px solid #000000; padding: 2rem; padding-bottom: 2rem; display: flex; flex-direction: column; gap: 1.5rem; } .promo-block__content > *:last-child { margin-bottom: 0; } .promo-block__content.richtext-block { padding: 0; margin: 0; } .promo-block__images { display: flex; flex-direction: row; gap: 1rem; margin-bottom: 2rem; justify-content: center; } .promo-block__image { width: 121px; height: 121px; border-radius: 50%; overflow: hidden; flex-shrink: 0; } .promo-block__image img { width: 100%; height: 100%; object-fit: cover; display: block; } .promo-block__cta { display: flex; justify-content: center; transform: translateY(-50%); } .promo-block__cta .btn { min-width: 60%; justify-content: center; padding: 1rem 2rem; } @media (max-width: 576px) { .promo-block__box { padding: 1rem; } .promo-block__cta .btn { min-width: 92%; } } .content-section:not(.content-section-contained):not(.content-section-half-width) .promo-block, .content-section-contained:not(.content-section-contained):not(.content-section-half-width) .promo-block { padding-left: 2rem; padding-right: 2rem; }