@charset "UTF-8";

[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);
}

/*! purgecss start ignore */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

/* packages/core/src/css/flag-offsets.css */

:root {
  --iti-flag-width: 20px;
  --iti-flag-count: 244;
}

.iti__ac {
  --iti-flag-offset: 0;
}

.iti__ad {
  --iti-flag-offset: -1;
}

.iti__ae {
  --iti-flag-offset: -2;
}

.iti__af {
  --iti-flag-offset: -3;
}

.iti__ag {
  --iti-flag-offset: -4;
}

.iti__ai {
  --iti-flag-offset: -5;
}

.iti__al {
  --iti-flag-offset: -6;
}

.iti__am {
  --iti-flag-offset: -7;
}

.iti__ao {
  --iti-flag-offset: -8;
}

.iti__ar {
  --iti-flag-offset: -9;
}

.iti__as {
  --iti-flag-offset: -10;
}

.iti__at {
  --iti-flag-offset: -11;
}

.iti__au {
  --iti-flag-offset: -12;
}

.iti__aw {
  --iti-flag-offset: -13;
}

.iti__ax {
  --iti-flag-offset: -14;
}

.iti__az {
  --iti-flag-offset: -15;
}

.iti__ba {
  --iti-flag-offset: -16;
}

.iti__bb {
  --iti-flag-offset: -17;
}

.iti__bd {
  --iti-flag-offset: -18;
}

.iti__be {
  --iti-flag-offset: -19;
}

.iti__bf {
  --iti-flag-offset: -20;
}

.iti__bg {
  --iti-flag-offset: -21;
}

.iti__bh {
  --iti-flag-offset: -22;
}

.iti__bi {
  --iti-flag-offset: -23;
}

.iti__bj {
  --iti-flag-offset: -24;
}

.iti__bl {
  --iti-flag-offset: -25;
}

.iti__bm {
  --iti-flag-offset: -26;
}

.iti__bn {
  --iti-flag-offset: -27;
}

.iti__bo {
  --iti-flag-offset: -28;
}

.iti__bq {
  --iti-flag-offset: -29;
}

.iti__br {
  --iti-flag-offset: -30;
}

.iti__bs {
  --iti-flag-offset: -31;
}

.iti__bt {
  --iti-flag-offset: -32;
}

.iti__bw {
  --iti-flag-offset: -33;
}

.iti__by {
  --iti-flag-offset: -34;
}

.iti__bz {
  --iti-flag-offset: -35;
}

.iti__ca {
  --iti-flag-offset: -36;
}

.iti__cc {
  --iti-flag-offset: -37;
}

.iti__cd {
  --iti-flag-offset: -38;
}

.iti__cf {
  --iti-flag-offset: -39;
}

.iti__cg {
  --iti-flag-offset: -40;
}

.iti__ch {
  --iti-flag-offset: -41;
}

.iti__ci {
  --iti-flag-offset: -42;
}

.iti__ck {
  --iti-flag-offset: -43;
}

.iti__cl {
  --iti-flag-offset: -44;
}

.iti__cm {
  --iti-flag-offset: -45;
}

.iti__cn {
  --iti-flag-offset: -46;
}

.iti__co {
  --iti-flag-offset: -47;
}

.iti__cr {
  --iti-flag-offset: -48;
}

.iti__cu {
  --iti-flag-offset: -49;
}

.iti__cv {
  --iti-flag-offset: -50;
}

.iti__cw {
  --iti-flag-offset: -51;
}

.iti__cx {
  --iti-flag-offset: -52;
}

.iti__cy {
  --iti-flag-offset: -53;
}

.iti__cz {
  --iti-flag-offset: -54;
}

.iti__de {
  --iti-flag-offset: -55;
}

.iti__dj {
  --iti-flag-offset: -56;
}

.iti__dk {
  --iti-flag-offset: -57;
}

.iti__dm {
  --iti-flag-offset: -58;
}

.iti__do {
  --iti-flag-offset: -59;
}

.iti__dz {
  --iti-flag-offset: -60;
}

.iti__ec {
  --iti-flag-offset: -61;
}

.iti__ee {
  --iti-flag-offset: -62;
}

.iti__eg {
  --iti-flag-offset: -63;
}

.iti__eh {
  --iti-flag-offset: -64;
}

.iti__er {
  --iti-flag-offset: -65;
}

.iti__es {
  --iti-flag-offset: -66;
}

.iti__et {
  --iti-flag-offset: -67;
}

.iti__fi {
  --iti-flag-offset: -68;
}

.iti__fj {
  --iti-flag-offset: -69;
}

.iti__fk {
  --iti-flag-offset: -70;
}

.iti__fm {
  --iti-flag-offset: -71;
}

.iti__fo {
  --iti-flag-offset: -72;
}

.iti__fr {
  --iti-flag-offset: -73;
}

.iti__ga {
  --iti-flag-offset: -74;
}

.iti__gb {
  --iti-flag-offset: -75;
}

.iti__gd {
  --iti-flag-offset: -76;
}

.iti__ge {
  --iti-flag-offset: -77;
}

.iti__gf {
  --iti-flag-offset: -78;
}

.iti__gg {
  --iti-flag-offset: -79;
}

.iti__gh {
  --iti-flag-offset: -80;
}

.iti__gi {
  --iti-flag-offset: -81;
}

.iti__gl {
  --iti-flag-offset: -82;
}

.iti__gm {
  --iti-flag-offset: -83;
}

.iti__gn {
  --iti-flag-offset: -84;
}

.iti__gp {
  --iti-flag-offset: -85;
}

.iti__gq {
  --iti-flag-offset: -86;
}

.iti__gr {
  --iti-flag-offset: -87;
}

.iti__gt {
  --iti-flag-offset: -88;
}

.iti__gu {
  --iti-flag-offset: -89;
}

.iti__gw {
  --iti-flag-offset: -90;
}

.iti__gy {
  --iti-flag-offset: -91;
}

.iti__hk {
  --iti-flag-offset: -92;
}

.iti__hn {
  --iti-flag-offset: -93;
}

.iti__hr {
  --iti-flag-offset: -94;
}

.iti__ht {
  --iti-flag-offset: -95;
}

.iti__hu {
  --iti-flag-offset: -96;
}

.iti__id {
  --iti-flag-offset: -97;
}

.iti__ie {
  --iti-flag-offset: -98;
}

.iti__il {
  --iti-flag-offset: -99;
}

.iti__im {
  --iti-flag-offset: -100;
}

.iti__in {
  --iti-flag-offset: -101;
}

.iti__io {
  --iti-flag-offset: -102;
}

.iti__iq {
  --iti-flag-offset: -103;
}

.iti__ir {
  --iti-flag-offset: -104;
}

.iti__is {
  --iti-flag-offset: -105;
}

.iti__it {
  --iti-flag-offset: -106;
}

.iti__je {
  --iti-flag-offset: -107;
}

.iti__jm {
  --iti-flag-offset: -108;
}

.iti__jo {
  --iti-flag-offset: -109;
}

.iti__jp {
  --iti-flag-offset: -110;
}

.iti__ke {
  --iti-flag-offset: -111;
}

.iti__kg {
  --iti-flag-offset: -112;
}

.iti__kh {
  --iti-flag-offset: -113;
}

.iti__ki {
  --iti-flag-offset: -114;
}

.iti__km {
  --iti-flag-offset: -115;
}

.iti__kn {
  --iti-flag-offset: -116;
}

.iti__kp {
  --iti-flag-offset: -117;
}

.iti__kr {
  --iti-flag-offset: -118;
}

.iti__kw {
  --iti-flag-offset: -119;
}

.iti__ky {
  --iti-flag-offset: -120;
}

.iti__kz {
  --iti-flag-offset: -121;
}

.iti__la {
  --iti-flag-offset: -122;
}

.iti__lb {
  --iti-flag-offset: -123;
}

.iti__lc {
  --iti-flag-offset: -124;
}

.iti__li {
  --iti-flag-offset: -125;
}

.iti__lk {
  --iti-flag-offset: -126;
}

.iti__lr {
  --iti-flag-offset: -127;
}

.iti__ls {
  --iti-flag-offset: -128;
}

.iti__lt {
  --iti-flag-offset: -129;
}

.iti__lu {
  --iti-flag-offset: -130;
}

.iti__lv {
  --iti-flag-offset: -131;
}

.iti__ly {
  --iti-flag-offset: -132;
}

.iti__ma {
  --iti-flag-offset: -133;
}

.iti__mc {
  --iti-flag-offset: -134;
}

.iti__md {
  --iti-flag-offset: -135;
}

.iti__me {
  --iti-flag-offset: -136;
}

.iti__mf {
  --iti-flag-offset: -137;
}

.iti__mg {
  --iti-flag-offset: -138;
}

.iti__mh {
  --iti-flag-offset: -139;
}

.iti__mk {
  --iti-flag-offset: -140;
}

.iti__ml {
  --iti-flag-offset: -141;
}

.iti__mm {
  --iti-flag-offset: -142;
}

.iti__mn {
  --iti-flag-offset: -143;
}

.iti__mo {
  --iti-flag-offset: -144;
}

.iti__mp {
  --iti-flag-offset: -145;
}

.iti__mq {
  --iti-flag-offset: -146;
}

.iti__mr {
  --iti-flag-offset: -147;
}

.iti__ms {
  --iti-flag-offset: -148;
}

.iti__mt {
  --iti-flag-offset: -149;
}

.iti__mu {
  --iti-flag-offset: -150;
}

.iti__mv {
  --iti-flag-offset: -151;
}

.iti__mw {
  --iti-flag-offset: -152;
}

.iti__mx {
  --iti-flag-offset: -153;
}

.iti__my {
  --iti-flag-offset: -154;
}

.iti__mz {
  --iti-flag-offset: -155;
}

.iti__na {
  --iti-flag-offset: -156;
}

.iti__nc {
  --iti-flag-offset: -157;
}

.iti__ne {
  --iti-flag-offset: -158;
}

.iti__nf {
  --iti-flag-offset: -159;
}

.iti__ng {
  --iti-flag-offset: -160;
}

.iti__ni {
  --iti-flag-offset: -161;
}

.iti__nl {
  --iti-flag-offset: -162;
}

.iti__no {
  --iti-flag-offset: -163;
}

.iti__np {
  --iti-flag-offset: -164;
}

.iti__nr {
  --iti-flag-offset: -165;
}

.iti__nu {
  --iti-flag-offset: -166;
}

.iti__nz {
  --iti-flag-offset: -167;
}

.iti__om {
  --iti-flag-offset: -168;
}

.iti__pa {
  --iti-flag-offset: -169;
}

.iti__pe {
  --iti-flag-offset: -170;
}

.iti__pf {
  --iti-flag-offset: -171;
}

.iti__pg {
  --iti-flag-offset: -172;
}

.iti__ph {
  --iti-flag-offset: -173;
}

.iti__pk {
  --iti-flag-offset: -174;
}

.iti__pl {
  --iti-flag-offset: -175;
}

.iti__pm {
  --iti-flag-offset: -176;
}

.iti__pr {
  --iti-flag-offset: -177;
}

.iti__ps {
  --iti-flag-offset: -178;
}

.iti__pt {
  --iti-flag-offset: -179;
}

.iti__pw {
  --iti-flag-offset: -180;
}

.iti__py {
  --iti-flag-offset: -181;
}

.iti__qa {
  --iti-flag-offset: -182;
}

.iti__re {
  --iti-flag-offset: -183;
}

.iti__ro {
  --iti-flag-offset: -184;
}

.iti__rs {
  --iti-flag-offset: -185;
}

.iti__ru {
  --iti-flag-offset: -186;
}

.iti__rw {
  --iti-flag-offset: -187;
}

.iti__sa {
  --iti-flag-offset: -188;
}

.iti__sb {
  --iti-flag-offset: -189;
}

.iti__sc {
  --iti-flag-offset: -190;
}

.iti__sd {
  --iti-flag-offset: -191;
}

.iti__se {
  --iti-flag-offset: -192;
}

.iti__sg {
  --iti-flag-offset: -193;
}

.iti__sh {
  --iti-flag-offset: -194;
}

.iti__si {
  --iti-flag-offset: -195;
}

.iti__sj {
  --iti-flag-offset: -196;
}

.iti__sk {
  --iti-flag-offset: -197;
}

.iti__sl {
  --iti-flag-offset: -198;
}

.iti__sm {
  --iti-flag-offset: -199;
}

.iti__sn {
  --iti-flag-offset: -200;
}

.iti__so {
  --iti-flag-offset: -201;
}

.iti__sr {
  --iti-flag-offset: -202;
}

.iti__ss {
  --iti-flag-offset: -203;
}

.iti__st {
  --iti-flag-offset: -204;
}

.iti__sv {
  --iti-flag-offset: -205;
}

.iti__sx {
  --iti-flag-offset: -206;
}

.iti__sy {
  --iti-flag-offset: -207;
}

.iti__sz {
  --iti-flag-offset: -208;
}

.iti__tc {
  --iti-flag-offset: -209;
}

.iti__td {
  --iti-flag-offset: -210;
}

.iti__tg {
  --iti-flag-offset: -211;
}

.iti__th {
  --iti-flag-offset: -212;
}

.iti__tj {
  --iti-flag-offset: -213;
}

.iti__tk {
  --iti-flag-offset: -214;
}

.iti__tl {
  --iti-flag-offset: -215;
}

.iti__tm {
  --iti-flag-offset: -216;
}

.iti__tn {
  --iti-flag-offset: -217;
}

.iti__to {
  --iti-flag-offset: -218;
}

.iti__tr {
  --iti-flag-offset: -219;
}

.iti__tt {
  --iti-flag-offset: -220;
}

.iti__tv {
  --iti-flag-offset: -221;
}

.iti__tw {
  --iti-flag-offset: -222;
}

.iti__tz {
  --iti-flag-offset: -223;
}

.iti__ua {
  --iti-flag-offset: -224;
}

.iti__ug {
  --iti-flag-offset: -225;
}

.iti__us {
  --iti-flag-offset: -226;
}

.iti__uy {
  --iti-flag-offset: -227;
}

.iti__uz {
  --iti-flag-offset: -228;
}

.iti__va {
  --iti-flag-offset: -229;
}

.iti__vc {
  --iti-flag-offset: -230;
}

.iti__ve {
  --iti-flag-offset: -231;
}

.iti__vg {
  --iti-flag-offset: -232;
}

.iti__vi {
  --iti-flag-offset: -233;
}

.iti__vn {
  --iti-flag-offset: -234;
}

.iti__vu {
  --iti-flag-offset: -235;
}

.iti__wf {
  --iti-flag-offset: -236;
}

.iti__ws {
  --iti-flag-offset: -237;
}

.iti__xk {
  --iti-flag-offset: -238;
}

.iti__ye {
  --iti-flag-offset: -239;
}

.iti__yt {
  --iti-flag-offset: -240;
}

.iti__za {
  --iti-flag-offset: -241;
}

.iti__zm {
  --iti-flag-offset: -242;
}

.iti__zw {
  --iti-flag-offset: -243;
}

/* packages/core/src/css/intlTelInput.css */

:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-border-color: #ccc;
  --iti-dropdown-bg: white;
  --iti-icon-color: #555;
  --iti-spacer-horizontal: 10px;
  --iti-flag-height: calc(var(--iti-flag-width) * 3 / 4);
  --iti-globe-icon-size: 17px;
  --iti-clear-icon-size: 15px;
  --iti-border-width: 1px;
  --iti-arrow-size: 5px;
  --iti-arrow-width: 1.5px;
  --iti-arrow-padding: 7px;
  --iti-mobile-popup-margin: 30px;
  --iti-strict-reject-flash-color: rgba(255, 0, 0, 0.12);
}

.iti {
  position: relative;
  display: inline-block;
}

.iti * {
  box-sizing: border-box;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  display: block;
  min-width: 100%;
  margin: 0 !important;
}

.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}

.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: var(--iti-border-width);
}

.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}

.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}

.iti__selected-dial-code {
  margin-left: 4px;
}

.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  margin-top: -2px;
  width: var(--iti-arrow-size);
  height: var(--iti-arrow-size);
  box-sizing: border-box;
  border-right: var(--iti-arrow-width) solid var(--iti-icon-color);
  border-bottom: var(--iti-arrow-width) solid var(--iti-icon-color);
  transform: rotate(45deg);
}

.iti__arrow--up {
  margin-top: 4px;
  transform: rotate(-135deg);
}

.iti__dropdown-content {
  border-radius: 3px;
  background-color: var(--iti-dropdown-bg);
}

.iti--inline-dropdown .iti__dropdown-content {
  border: var(--iti-border-width) solid var(--iti-border-color);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.iti--inline-dropdown:not(.iti--container) .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  left: 0;
}

.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding-left: calc(var(--iti-spacer-horizontal) + var(--iti-globe-icon-size) + var(--iti-spacer-horizontal));
  padding-right: calc(var(--iti-spacer-horizontal) + var(--iti-clear-icon-size) + var(--iti-spacer-horizontal));
}

[dir=rtl] .iti__search-input {
  padding-left: inherit;
  padding-right: 30px;
  background-position: right 8px center;
}

.iti__search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

.iti__search-input,
.iti__country {
  padding-top: 8px;
  padding-bottom: 8px;
}

.iti__search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--iti-border-color);
}

.iti__search-icon {
  position: absolute;
  left: var(--iti-spacer-horizontal);
  display: flex;
  pointer-events: none;
}

[dir=rtl] .iti__search-icon {
  left: auto;
  right: var(--iti-spacer-horizontal);
}

.iti__search-icon-svg {
  width: var(--iti-globe-icon-size);
  height: var(--iti-globe-icon-size);
  display: block;
  stroke: var(--iti-icon-color);
  fill: none;
  stroke-width: 3;
}

.iti__search-clear {
  position: absolute;
  right: calc(var(--iti-spacer-horizontal) / 2);
  background: transparent;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  padding: calc(var(--iti-spacer-horizontal) / 2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.15s ease;
}

.iti__search-clear .iti__search-clear-x {
  stroke-width: 2;
}

.iti__search-clear .iti__search-clear-bg {
  fill: var(--iti-icon-color);
}

[dir=rtl] .iti__search-clear {
  right: auto;
  left: var(--iti-spacer-horizontal);
}

.iti__search-clear:hover,
.iti__search-clear:focus-visible {
  background: var(--iti-hover-color);
  outline: none;
}

.iti__search-clear-svg {
  width: var(--iti-clear-icon-size);
  height: var(--iti-clear-icon-size);
  display: block;
}

.iti__no-results {
  text-align: center;
  padding: 30px 0;
}

.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}

.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}

.iti__country {
  display: flex;
  align-items: center;
  padding-left: var(--iti-spacer-horizontal);
  padding-right: var(--iti-spacer-horizontal);
  outline: none;
}

.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}

.iti__country-name {
  flex-grow: 1;
}

.iti__country-check {
  margin-left: var(--iti-spacer-horizontal);
  display: flex;
  align-items: center;
  color: var(--iti-icon-color);
}

.iti__country-check-svg {
  width: var(--iti-clear-icon-size);
  height: var(--iti-clear-icon-size);
  display: block;
}

.iti__country-list .iti__flag {
  margin-right: var(--iti-spacer-horizontal);
  flex-shrink: 0;
}

[dir=rtl] .iti__country-list .iti__flag {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}

.iti--allow-dropdown .iti__country-container:has(+ input[disabled]) button.iti__selected-country,
.iti--allow-dropdown .iti__country-container:has(+ input[readonly]) button.iti__selected-country {
  cursor: not-allowed;
}

.iti--allow-dropdown .iti__country-container:has(+ input[disabled]) button.iti__selected-country .iti__arrow,
.iti--allow-dropdown .iti__country-container:has(+ input[readonly]) button.iti__selected-country .iti__arrow {
  visibility: hidden;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}

.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
}

.iti--container:hover {
  cursor: pointer;
}

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}

.iti--fullscreen-popup .iti__country,
.iti--fullscreen-popup .iti__search-input {
  padding-top: 10px;
  padding-bottom: 10px;
}

.iti--fullscreen-popup .iti__country {
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.5em;
}

.iti__flag {
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  border-radius: 1px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: -webkit-image-set(var(--iti-path-flags-1x) 1x, var(--iti-path-flags-2x) 2x);
  background-image: image-set(var(--iti-path-flags-1x) 1x, var(--iti-path-flags-2x) 2x);
  background-repeat: no-repeat;
  background-position: calc(var(--iti-flag-offset, 100) * var(--iti-flag-width)) 0;
  background-size: calc(var(--iti-flag-count) * var(--iti-flag-width)) var(--iti-flag-height);
}

.iti__loading {
  position: relative;
  background: none;
  box-shadow: none;
}

.iti__loading::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: var(--iti-flag-height);
  height: var(--iti-flag-height);
  box-sizing: border-box;
  border: 2px solid var(--iti-icon-color);
  border-right-color: transparent;
  border-radius: 50%;
  animation: iti-spinner 1s linear infinite;
}

@keyframes iti-spinner {
  to {
    transform: rotate(360deg);
  }
}

.iti__strict-reject-animation .iti__tel-input,
.iti__strict-reject-animation .iti__selected-country {
  animation: iti-strict-reject-shake 0.3s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

@keyframes iti-strict-reject-shake {
  10%, 90% {
    transform: translateX(-1px);
  }

  20%, 80% {
    transform: translateX(2px);
  }

  30%, 50%, 70% {
    transform: translateX(-3px);
  }

  40%, 60% {
    transform: translateX(3px);
  }
}

@keyframes iti-strict-reject-flash {
  40% {
    background-color: var(--iti-strict-reject-flash-color);
  }
}

.iti__globe {
  background: none;
  box-shadow: none;
  height: var(--iti-globe-icon-size);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.iti__globe .iti__globe-svg {
  width: 100%;
  height: 100%;
  fill: var(--iti-icon-color);
}

@supports (-webkit-appearance: none) and (not (background: -webkit-canvas(foo))) {
  .iti__tel-input:focus {
    outline-offset: 1px;
  }
}

/* packages/core/src/css/intlTelInputWithAssets.css */

:root {
  --iti-path-flags-1x: url(../img/flags.webp);
  --iti-path-flags-2x: url(../img/flags@2x.webp);
}

*,
::before,
::after {
  box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/

html {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

body {
  margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button,
select {
  /* 1 */
  text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/* Slider */

.slick-loading .slick-list {
  background: #fff url("./../images/components/ajax-loader.gif") center center no-repeat;
}

/* Icons */

@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*! purgecss end ignore */

/**
 * FONT-FACE
 * Usage:
   @include font-face ('Acrom', '../fonts/Acrom/Acrom-Thin', 100);
 */

/**
 * MEDIA QUERIES
 * Usage:
  .block {
    @include mq(mobile) {
        margin-bottom: 16px;
    };
  }
 */

*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
  tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

@font-face {
  font-family: "IBMPlexMono";
  /* IE9 Compat Modes */
  src: url("../fonts/IBMPlexMono-SemiBold.eot");
  src: url("../fonts/IBMPlexMono-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/IBMPlexMono-SemiBold.woff") format("woff"), url("../fonts/IBMPlexMono-SemiBold.woff2") format("woff2"), url("../fonts/IBMPlexMono-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBMPlexMono";
  /* IE9 Compat Modes */
  src: url("../fonts/IBMPlexMono-Bold.eot");
  src: url("../fonts/IBMPlexMono-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/IBMPlexMono-Bold.woff") format("woff"), url("../fonts/IBMPlexMono-Bold.woff2") format("woff2"), url("../fonts/IBMPlexMono-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBMPlexSans";
  /* IE9 Compat Modes */
  src: url("../fonts/IBMPlexSans-Regular.eot");
  src: url("../fonts/IBMPlexSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/IBMPlexSans-Regular.woff") format("woff"), url("../fonts/IBMPlexSans-Regular.woff2") format("woff2"), url("../fonts/IBMPlexSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBMPlexSans";
  /* IE9 Compat Modes */
  src: url("../fonts/IBMPlexSans-SemiBold.eot");
  src: url("../fonts/IBMPlexSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/IBMPlexSans-SemiBold.woff") format("woff"), url("../fonts/IBMPlexSans-SemiBold.woff2") format("woff2"), url("../fonts/IBMPlexSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBMPlexSans";
  /* IE9 Compat Modes */
  src: url("../fonts/IBMPlexSans-Bold.eot");
  src: url("../fonts/IBMPlexSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/IBMPlexSans-Bold.woff") format("woff"), url("../fonts/IBMPlexSans-Bold.woff2") format("woff2"), url("../fonts/IBMPlexSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}

.pointer-events-none {
  pointer-events: none;
}

.visible {
  visibility: visible;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.inset-0 {
  inset: 0px;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-4 {
  bottom: 1rem;
}

.left-0 {
  left: 0px;
}

.left-4 {
  left: 1rem;
}

.right-0 {
  right: 0px;
}

.right-4 {
  right: 1rem;
}

.top-0 {
  top: 0px;
}

.z-10 {
  z-index: 10;
}

.z-\[100\] {
  z-index: 100;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.-mb-\[110px\] {
  margin-bottom: -110px;
}

.-ml-2 {
  margin-left: -0.5rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-9 {
  margin-bottom: 2.25rem;
}

.mb-\[30px\] {
  margin-bottom: 30px;
}

.mb-\[44px\] {
  margin-bottom: 44px;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-8 {
  margin-left: 2rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-\[-10px\] {
  margin-top: -10px;
}

.mt-\[2px\] {
  margin-top: 2px;
}

.box-border {
  box-sizing: border-box;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}

.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.h-10 {
  height: 2.5rem;
}

.h-6 {
  height: 1.5rem;
}

.h-8 {
  height: 2rem;
}

.h-\[26px\] {
  height: 26px;
}

.h-\[440px\] {
  height: 440px;
}

.h-\[621px\] {
  height: 621px;
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.max-h-\[288px\] {
  max-height: 288px;
}

.w-10 {
  width: 2.5rem;
}

.w-6 {
  width: 1.5rem;
}

.w-8 {
  width: 2rem;
}

.w-\[206px\] {
  width: 206px;
}

.w-\[335px\] {
  width: 335px;
}

.w-\[38px\] {
  width: 38px;
}

.w-\[840px\] {
  width: 840px;
}

.w-\[97\%\] {
  width: 97%;
}

.w-auto {
  width: auto;
}

.w-full {
  width: 100%;
}

.w-max {
  width: -moz-max-content;
  width: max-content;
}

.min-w-\[68px\] {
  min-width: 68px;
}

.\!max-w-full {
  max-width: 100% !important;
}

.max-w-\[240px\] {
  max-width: 240px;
}

.max-w-\[295px\] {
  max-width: 295px;
}

.max-w-\[316px\] {
  max-width: 316px;
}

.max-w-\[380px\] {
  max-width: 380px;
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-auto {
  cursor: auto;
}

.cursor-pointer {
  cursor: pointer;
}

.list-disc {
  list-style-type: disc;
}

.list-none {
  list-style-type: none;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-items-end {
  justify-items: end;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-\[3px\] {
  gap: 3px;
}

.gap-x-2 {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

.gap-y-1 {
  row-gap: 0.25rem;
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-y-clip {
  overflow-y: clip;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-\[104px\] {
  border-radius: 104px;
}

.rounded-\[112px\] {
  border-radius: 112px;
}

.rounded-\[200px\] {
  border-radius: 200px;
}

.rounded-\[50px\] {
  border-radius: 50px;
}

.rounded-\[90px\] {
  border-radius: 90px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

.border-\[3px\] {
  border-width: 3px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-r-4 {
  border-right-width: 4px;
}

.border-none {
  border-style: none;
}

.border-\[\#3F3F3F\] {
  --tw-border-opacity: 1;
  border-color: rgb(63 63 63 / var(--tw-border-opacity, 1));
}

.border-\[\#999999\] {
  --tw-border-opacity: 1;
  border-color: rgb(153 153 153 / var(--tw-border-opacity, 1));
}

.border-\[\#999\] {
  --tw-border-opacity: 1;
  border-color: rgb(153 153 153 / var(--tw-border-opacity, 1));
}

.border-\[\#D6D6D6\] {
  --tw-border-opacity: 1;
  border-color: rgb(214 214 214 / var(--tw-border-opacity, 1));
}

.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.border-transparent {
  border-color: transparent;
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-b-\[\#F5F5F5\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(245 245 245 / var(--tw-border-opacity, 1));
}

.border-r-black {
  --tw-border-opacity: 1;
  border-right-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.bg-\[\#0C7D77\] {
  --tw-bg-opacity: 1;
  background-color: rgb(12 125 119 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1A1A1A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}

.bg-\[\#E0782D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(224 120 45 / var(--tw-bg-opacity, 1));
}

.bg-\[\#EDEDED\] {
  --tw-bg-opacity: 1;
  background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F5F5F5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FAF5E6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 230 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FAFAFA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.bg-accent {
  --tw-bg-opacity: 1;
  background-color: rgb(255 108 0 / var(--tw-bg-opacity, 1));
}

.bg-black\/\[\.80\] {
  background-color: rgb(0 0 0 / .80);
}

.bg-purple-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(83 49 178 / var(--tw-bg-opacity, 1));
}

.bg-transparent {
  background-color: transparent;
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-yellow-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(254 200 48 / var(--tw-bg-opacity, 1));
}

.fill-\[\#999999\] {
  fill: #999999;
}

.fill-\[\#D6D6D6\] {
  fill: #D6D6D6;
}

.fill-black {
  fill: #000000;
}

.fill-white {
  fill: #ffffff;
}

.p-0 {
  padding: 0px;
}

.p-4 {
  padding: 1rem;
}

.p-\[18px\] {
  padding: 18px;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pb-\[240px\] {
  padding-bottom: 240px;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pr-\[52px\] {
  padding-right: 52px;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pt-\[330px\] {
  padding-top: 330px;
}

.text-center {
  text-align: center;
}

.text-start {
  text-align: start;
}

.font-IBMPlexMono {
  font-family: IBMPlexMono, sans-serif;
}

.font-IBMPlexSans {
  font-family: IBMPlexSans, sans-serif;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-\[13px\] {
  font-size: 13px;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-\[16px\] {
  font-size: 16px;
}

.text-\[20px\] {
  font-size: 20px;
}

.text-\[6px\] {
  font-size: 6px;
}

.text-\[8px\] {
  font-size: 8px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.font-black {
  font-weight: 900;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.leading-4 {
  line-height: 1rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-8 {
  line-height: 2rem;
}

.leading-\[1\.15\] {
  line-height: 1.15;
}

.leading-\[1\.2\] {
  line-height: 1.2;
}

.leading-\[1\.3\] {
  line-height: 1.3;
}

.leading-\[13px\] {
  line-height: 13px;
}

.leading-\[2\] {
  line-height: 2;
}

.leading-\[6px\] {
  line-height: 6px;
}

.leading-\[8px\] {
  line-height: 8px;
}

.leading-normal {
  line-height: 1.5;
}

.leading-snug {
  line-height: 1.375;
}

.tracking-\[0\.02em\] {
  letter-spacing: 0.02em;
}

.text-\[\#1A1A1A\] {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity, 1));
}

.text-\[\#474747\] {
  --tw-text-opacity: 1;
  color: rgb(71 71 71 / var(--tw-text-opacity, 1));
}

.text-\[\#653CD9\] {
  --tw-text-opacity: 1;
  color: rgb(101 60 217 / var(--tw-text-opacity, 1));
}

.text-\[\#6E6E6E\] {
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity, 1));
}

.text-\[\#999999\] {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}

.text-\[\#999\] {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}

.text-\[\#ABABAB\] {
  --tw-text-opacity: 1;
  color: rgb(171 171 171 / var(--tw-text-opacity, 1));
}

.text-\[\#C68CFF\] {
  --tw-text-opacity: 1;
  color: rgb(198 140 255 / var(--tw-text-opacity, 1));
}

.text-\[\#D4F57D\] {
  --tw-text-opacity: 1;
  color: rgb(212 245 125 / var(--tw-text-opacity, 1));
}

.text-\[\#D6D6D6\] {
  --tw-text-opacity: 1;
  color: rgb(214 214 214 / var(--tw-text-opacity, 1));
}

.text-\[\#F5F5F5\] {
  --tw-text-opacity: 1;
  color: rgb(245 245 245 / var(--tw-text-opacity, 1));
}

.text-\[\#FAFAFA\] {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
}

.text-\[\#FEC830\] {
  --tw-text-opacity: 1;
  color: rgb(254 200 48 / var(--tw-text-opacity, 1));
}

.text-accent {
  --tw-text-opacity: 1;
  color: rgb(255 108 0 / var(--tw-text-opacity, 1));
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-purple-primary {
  --tw-text-opacity: 1;
  color: rgb(83 49 178 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.underline {
  text-decoration-line: underline;
}

.opacity-100 {
  opacity: 1;
}

.opacity-30 {
  opacity: 0.3;
}

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-linear {
  transition-timing-function: linear;
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/* If you need to download some fonts - use this site: https://www.cufonfonts.com/ */

body {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-family: IBMPlexSans, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(32 32 32 / var(--tw-text-opacity, 1));
}

.section {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.section-title {
  font-family: IBMPlexMono, sans-serif;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
}

.btn {
  transition-duration: 300ms;
}

.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.input-wrap {
  position: relative;
  width: 100%;
  font-weight: 500;
}

.input-wrap-radio {
  padding-bottom: 0.5rem;
}

.input-wrap-half {
  width: calc((100% - 1.5rem) / 2);
}

.input-wrap-half + .input-wrap-checkbox {
  margin-top: 1.5rem;
}

.input-label {
  margin-bottom: 0.25rem;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.input-label--float {
  pointer-events: none;
  position: absolute;
  top: 0.5rem;
  z-index: 1;
  margin-bottom: 0px;
  display: inline-block;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  line-height: 1;
  opacity: 0;
  transition-property: opacity,color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: linear;
}

.input-wrap:not(.input-wrap--tel) .input-label--float {
  left: 1.5rem;
}

.input-message {
  resize: none;
}

.input-field {
  box-sizing: border-box;
  width: 100%;
  border-radius: 140px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(214 214 214 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(71 71 71 / var(--tw-text-opacity, 1));
  transition-property: border-color,background-color,padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: linear;
}

.input-field {
  height: var(--input-h, 3rem);
  padding-top: var(--input-pt, 0.5rem);
  padding-bottom: var(--input-pb, 0.5rem);
}

.input-field::-moz-placeholder {
  font-family: IBMPlexSans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity, 1));
}

.input-field::placeholder {
  font-family: IBMPlexSans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity, 1));
}

.input-field:hover:not(:disabled):not(:focus):not(.is-invalid) {
  --tw-border-opacity: 1;
  border-color: rgb(214 214 214 / var(--tw-border-opacity, 1));
}

.input-field:focus {
  --tw-border-opacity: 1;
  border-color: rgb(194 176 245 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.input-field[placeholder]:not(:focus):not(:-moz-placeholder):not(.is-invalid):not(:disabled) {
  --tw-border-opacity: 1;
  border-color: rgb(153 153 153 / var(--tw-border-opacity, 1));
}

.input-field[placeholder]:not(:focus):not(:placeholder-shown):not(.is-invalid):not(:disabled) {
  --tw-border-opacity: 1;
  border-color: rgb(153 153 153 / var(--tw-border-opacity, 1));
}

.input-field:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(214 214 214 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.input-field:disabled::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(214 214 214 / var(--tw-text-opacity, 1));
}

.input-field:disabled::placeholder {
  --tw-text-opacity: 1;
  color: rgb(214 214 214 / var(--tw-text-opacity, 1));
}

.input-field.is-invalid {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(178 65 50 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.input-field.is-invalid:focus {
  --tw-border-opacity: 1;
  border-color: rgb(178 65 50 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.input-wrap:not(.input-wrap--tel):has(.input-field[placeholder]:not(:-moz-placeholder)) .input-label--float,
.input-wrap--tel:has(.iti):has(.input-field[placeholder]:not(:-moz-placeholder)) .input-label--float {
  opacity: 1;
}

.input-wrap:has(.input-field:focus) .input-label--float,
.input-wrap:not(.input-wrap--tel):has(.input-field[placeholder]:not(:placeholder-shown)) .input-label--float,
.input-wrap--tel:has(.iti):has(.input-field[placeholder]:not(:placeholder-shown)) .input-label--float,
.input-wrap:has(.is-invalid) .input-label--float {
  opacity: 1;
}

.input-wrap:not(.input-wrap--tel):has(.input-field[placeholder]:not(:-moz-placeholder)):not(:has(.is-invalid)) .input-label--float,
.input-wrap--tel:has(.iti):has(.input-field[placeholder]:not(:-moz-placeholder)):not(:has(.is-invalid)) .input-label--float {
  --tw-text-opacity: 1;
  color: rgb(101 60 217 / var(--tw-text-opacity, 1));
}

.input-wrap:has(.input-field:focus):not(:has(.is-invalid)) .input-label--float,
.input-wrap:not(.input-wrap--tel):has(.input-field[placeholder]:not(:placeholder-shown)):not(:has(.is-invalid)) .input-label--float,
.input-wrap--tel:has(.iti):has(.input-field[placeholder]:not(:placeholder-shown)):not(:has(.is-invalid)) .input-label--float {
  --tw-text-opacity: 1;
  color: rgb(101 60 217 / var(--tw-text-opacity, 1));
}

.input-wrap:has(.is-invalid) .input-label--float {
  --tw-text-opacity: 1;
  color: rgb(178 65 50 / var(--tw-text-opacity, 1));
}

.input-wrap:not(.input-wrap--tel):has(.input-field[placeholder]:not(:-moz-placeholder)) .input-field,
.input-wrap--tel:has(.iti):has(.input-field[placeholder]:not(:-moz-placeholder)) .input-field {
  --input-pt: 0.875rem;
  --input-pb: 0.125rem;
}

.input-wrap:has(.input-field:focus) .input-field,
.input-wrap:not(.input-wrap--tel):has(.input-field[placeholder]:not(:placeholder-shown)) .input-field,
.input-wrap--tel:has(.iti):has(.input-field[placeholder]:not(:placeholder-shown)) .input-field,
.input-wrap:has(.is-invalid) .input-field,
.input-wrap--tel.input-wrap--filled .input-field {
  --input-pt: 0.875rem;
  --input-pb: 0.125rem;
}

.input-wrap--tel.input-wrap--filled .input-label--float {
  opacity: 1;
}

.input-wrap--tel.input-wrap--filled:not(:has(.is-invalid)) .input-label--float {
  --tw-text-opacity: 1;
  color: rgb(101 60 217 / var(--tw-text-opacity, 1));
}

.input-wrap--filled .input-field {
  padding-right: 3rem;
}

.input-clear {
  pointer-events: none;
  position: absolute;
  right: 1rem;
  top: 50%;
  z-index: 2;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-width: 0px;
  background-color: transparent;
  padding: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: opacity,color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: linear;
}

.input-clear::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 1.75rem;
  width: 1.75rem;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  opacity: 0;
  transition-property: opacity,background-color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: linear;
}

.input-clear svg {
  position: relative;
  z-index: 1;
  height: 1.25rem;
  width: 1.25rem;
}

.input-wrap--filled .input-clear {
  pointer-events: auto;
  opacity: 1;
}

.input-wrap--filled .input-clear:hover {
  --tw-text-opacity: 1;
  color: rgb(101 60 217 / var(--tw-text-opacity, 1));
}

.input-wrap--filled .input-clear:hover::before {
  --tw-bg-opacity: 1;
  background-color: rgb(240 235 252 / var(--tw-bg-opacity, 1));
  opacity: 1;
}

.input-wrap--filled .input-clear:focus-visible {
  --tw-text-opacity: 1;
  color: rgb(101 60 217 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.input-wrap--filled .input-clear:focus-visible::before {
  --tw-bg-opacity: 1;
  background-color: rgb(240 235 252 / var(--tw-bg-opacity, 1));
  opacity: 1;
  box-shadow: 0 0 0 2px #653cd9;
}

.checkbox {
  position: absolute;
  left: 0px;
  top: 0px;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

[type=radio]:checked + .checkbox,
[type=checkbox]:checked + .checkbox {
  --tw-border-opacity: 1;
  border-color: rgb(255 108 0 / var(--tw-border-opacity, 1));
  background-image: url('../images/components/agree-checkbox.svg');
}

.input-label-checkbox {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding-left: 2.5rem;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
}

.input-label-checkbox > .is-invalid + .checkbox {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(178 65 50 / var(--tw-border-opacity, 1));
}

/*! purgecss start ignore */

.just-validate-error-label {
  position: absolute;
  bottom: 0px;
  left: 0px;
  margin-top: 0.25rem;
  --tw-translate-y: calc(100% + 4px);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 10px;
  font-weight: 300;
  line-height: 1.1;
  --tw-text-opacity: 1;
  color: rgb(178 65 50 / var(--tw-text-opacity, 1));
}

/*! purgecss end ignore */

/*! purgecss start ignore */

:root {
  --iti-path-flags-1x: url('../images/components/intTelInput/flags.webp');
  --iti-path-flags-2x: url('../images/components/intTelInput/flags@2x.webp');
}

.iti {
  display: block;
  width: 100%;
}

.input-wrap .iti {
  display: block;
  width: 100%;
}

.iti__selected-dial-code {
  display: none;
}

.input-wrap--tel .input-label--float {
  left: var(--input-tel-label-left);
}

/*! purgecss end ignore */

/*! purgecss start ignore */

.leeloo {
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  overflow: hidden;
}

.leeloo iframe {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.leeloo > div {
  width: 100%;
}

.leeloo > div .leeloo-lgt-form-wrapper .leeloo-lgt-form {
  width: 100% !important;
}

.leeloo .leeloo-lgt-form-wrapper {
  display: block;
}

.leeloo .leeloo-lgt-form {
  width: 100% !important;
}

/*! purgecss end ignore */

.progress-bar {
  position: relative;
  margin-top: 1.5rem;
  height: 10px;
  width: 100%;
  border-radius: 1rem;
}

.progress-bar .color {
  position: absolute;
  height: 10px;
  width: 0px;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 108 0 / var(--tw-bg-opacity, 1));
  animation: progress 4s infinite linear;
}

@keyframes progress {
  0% {
    width: 0%;
  }

  25% {
    width: 50%;
  }

  50% {
    width: 75%;
  }

  75% {
    width: 85%;
  }

  100% {
    width: 100%;
  }
}

.scroll-hidden {
  overflow: hidden;
}

.steps-bar {
  position: relative;
  margin-left: 18px;
  margin-right: 18px;
  display: flex;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 108 0 / var(--tw-border-opacity, 1));
  padding-top: 0px;
  padding-bottom: 0px;
}

.steps-bar > .item.active {
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 181 132 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(1 1 1 / var(--tw-text-opacity, 1));
}

.steps-bar > .item {
  position: absolute;
  top: -0.875rem;
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  align-items: center;
  justify-content: center;
  overflow: visible;
  white-space: nowrap;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 108 0 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  text-align: center;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(151 151 151 / var(--tw-text-opacity, 1));
}

.steps-bar > .item:first-child {
  left: 0px;
}

.steps-bar > .item:nth-child(2) {
  left: calc(50% - 10px);
}

.steps-bar > .item:last-child {
  right: 0px;
}

.form {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.form-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.form-button {
  margin-top: 2rem;
  width: 100%;
  border-radius: 104px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(83 49 178 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-duration: 300ms;
  transition-timing-function: linear;
}

.form-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(69 41 148 / var(--tw-bg-opacity, 1));
}

.form-button:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(69 41 148 / var(--tw-bg-opacity, 1));
}

.form-button:active {
  --tw-bg-opacity: 1;
  background-color: rgb(129 96 224 / var(--tw-bg-opacity, 1));
}

.form-button:disabled {
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.form-button:hover:disabled {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.input-wrap {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.backdrop {
  visibility: visible;
  position: fixed;
  inset: 0px;
  z-index: 100;
  display: flex;
  overflow: auto;
  opacity: 1;
  transition-duration: 300ms;
  transition-timing-function: linear;
  background-color: rgba(0, 0, 0, 0.55);
}

.backdrop.is-hidden {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}

.modal-close-btn {
  position: absolute;
  right: 2.25rem;
  top: 1.75rem;
  display: grid;
  height: 1.5rem;
  width: 1.5rem;
  place-items: center;
  border-radius: 9999px;
  fill: #202020;
  padding: 0px;
  transition-duration: 300ms;
  transition-timing-function: linear;
}

.modal-close-btn:hover {
  fill: #FF6C00;
}

.modal-close-btn:focus {
  fill: #FF6C00;
}

.modal {
  margin: auto;
  display: flex;
  width: 100%;
  max-width: 336px;
  --tw-translate-x: 0px;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  justify-content: space-evenly;
  border-radius: 1.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  opacity: 1;
  transition-duration: 300ms;
  transition-timing-function: linear;
}

.is-hidden .modal {
  opacity: 0;
  transition-duration: 300ms;
  transition-timing-function: linear;
}

.modal .modal-button {
  margin-top: 37px;
  margin-bottom: 12px;
}

.modal .modal-fields {
  gap: 37px;
}

.modal .modal-fields .input-wrap--tel .input-label--float {
  left: var(--input-tel-label-left);
}

.modal {
  background-image: -webkit-image-set(url("../images/sections/modal/modal-bg-sm.webp") 1x, url("../images/sections/modal/modal-bg-sm@2x.webp") 2x);
  background-image: image-set(url("../images/sections/modal/modal-bg-sm.webp") 1x, url("../images/sections/modal/modal-bg-sm@2x.webp") 2x);
  background-repeat: no-repeat;
}

#modalForm .form-fields {
  gap: 1.5rem;
}

.accordion-item[aria-expanded=true] .accordion-btn {
  color: #ff6b0a;
}

.accordion-item .accordion-svg {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  transform-origin: center;
  transition: transform 300ms ease-in-out;
  fill: #D6D6D6;
}

.accordion-item[aria-expanded=true] .accordion-svg {
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center;
  fill: #F0A095;
}

.accordion-item .accordion-answer {
  box-sizing: content-box;
  overflow: hidden;
  max-height: 0;
  padding-right: 52px;
  transition: all 300ms linear;
}

.faq .accordion-item[aria-expanded=true] {
  background-color: #EBE6FA;
  border-bottom: 4px solid #653CD9;
}

.faq .accordion-item[aria-expanded=true] .accordion-svg {
  transform: translateY(-50%) rotate(45deg);
  transform-origin: center;
  fill: #f0a095;
}

.faq .accordion-item[aria-expanded=true] .accordion-answer {
  margin-top: 16px;
}

.faq .accordion-item[aria-expanded=true] .accordion-title {
  color: #1a1a1a;
}

.backdrop {
  visibility: visible;
  position: fixed;
  inset: 0px;
  z-index: 100;
  display: flex;
  overflow: auto;
  opacity: 1;
  transition-duration: 100ms;
  transition-timing-function: linear;
  background-color: rgba(0, 0, 0, 0.55);
}

.backdrop.is-hidden {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}

.modal-close-btn {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  z-index: 2;
  display: grid;
  height: 2rem;
  width: 2rem;
  place-items: center;
  border-radius: 9999px;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-duration: 300ms;
  transition-timing-function: linear;
}

.modal-close-btn:hover,
.modal-close-btn:focus {
  opacity: 0.8;
}

.modal.modal--summer {
  position: relative;
  margin: auto;
  display: flex;
  width: 100%;
  max-width: 360px;
  --tw-translate-x: 0px;
  --tw-translate-y: 0px;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  overflow: hidden;
  border-radius: 24px;
  padding: 0px;
  transition-duration: 300ms;
  transition-timing-function: linear;
}

.is-hidden .modal.modal--summer {
  --tw-translate-y: 100%;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.modal--summer {
  color: #fff;
  background-color: #21519b;
  background-image: url("../images/sections/modal/clouds.webp");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.modal--summer .modal__inner {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 500px;
  flex-direction: column;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.5rem;
  padding-top: 2.5rem;
}

.modal--summer .modal__inner.is-hidden {
  display: none;
}

.modal--summer .modal__pretitle {
  margin-bottom: 0.5rem;
}

.modal--summer .modal__title {
  margin-bottom: 0.75rem;
}

.modal--summer .modal__description {
  margin-bottom: 0.75rem;
  font-family: IBMPlexSans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.modal--summer .modal__cta {
  font-family: IBMPlexSans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.modal--summer .modal-offer {
  position: relative;
  margin-bottom: 1.25rem;
  margin-top: 22px;
  border-radius: 12px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 6px;
  padding-top: 6px;
}

.modal--summer .modal-offer {
  background: rgba(5, 57, 97, 0.6);
  backdrop-filter: blur(4px);
}

.modal--summer .modal-offer__price {
  position: absolute;
  top: -1rem;
  left: 0.75rem;
  --tw-rotate: -2deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-family: IBMPlexSans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}

.modal--summer .modal-offer__price {
  background-color: #1a1a1a;
  color: #d4f57d;
}

.modal--summer .modal-offer__timer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.modal--summer .modal-offer__timer-label {
  max-width: 150px;
  font-family: IBMPlexSans, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  --tw-text-opacity: 1;
  color: rgb(224 238 249 / var(--tw-text-opacity, 1));
}

.modal--summer .modal-timer {
  flex-shrink: 0;
}

.modal--summer .modal-timer__values {
  display: flex;
  align-items: flex-start;
}

.modal--summer .modal-timer__unit {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.modal--summer .modal-timer__top {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
  letter-spacing: -0.04em;
}

.modal--summer .modal-timer__top .banner-timer__days,
.modal--summer .modal-timer__top .banner-timer__hours,
.modal--summer .modal-timer__top .banner-timer__minutes,
.modal--summer .modal-timer__top .banner-timer__seconds,
.modal--summer .modal-timer__sep {
  font-family: IBMPlexMono, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.modal--summer .modal-timer__label {
  margin-top: 0.25rem;
  font-family: IBMPlexSans, sans-serif;
  font-size: 8px;
  font-weight: 400;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(133 189 233 / var(--tw-text-opacity, 1));
}

.modal--summer .modal-timer__label {
  opacity: 0.9;
}

.modal--summer .modal-timer__unit:nth-child(1) .modal-timer__label,
.modal--summer .modal-timer__unit:nth-child(2) .modal-timer__label {
  margin-right: 0.75rem;
}

.modal--summer .modal-timer__labels {
  margin-top: 0px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 0.25rem;
}

.modal--summer .modal-timer__labels .modal-timer__label {
  flex: 1 1 0%;
  text-align: center;
}

.modal--summer .modal-form__fields {
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.modal--summer .input-wrap {
  width: 100%;
}

.modal--summer .input-label:not(.input-label--float) {
  display: none;
}

.modal--summer .input-wrap:not(.input-wrap--tel) .input-label--float {
  left: 1.25rem;
  top: 0.375rem;
  font-size: 10px;
}

.modal--summer .input-field {
  box-sizing: border-box;
  height: 2.5rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(214 214 214 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(71 71 71 / var(--tw-text-opacity, 1));
  transition-property: border-color,background-color,padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: linear;
}

.modal--summer .input-field {
  --input-pt: 0.6875rem;
  --input-pb: 0.6875rem;
  padding-top: var(--input-pt);
  padding-bottom: var(--input-pb);
  line-height: 1.125rem;
}

.modal--summer .input-field::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity, 1));
}

.modal--summer .input-field::placeholder {
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity, 1));
}

.modal--summer .input-field:hover:not(:disabled):not(:focus):not(.is-invalid) {
  --tw-border-opacity: 1;
  border-color: rgb(214 214 214 / var(--tw-border-opacity, 1));
}

.modal--summer .input-field:focus {
  --tw-border-opacity: 1;
  border-color: rgb(194 176 245 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.modal--summer .input-field[placeholder]:not(:focus):not(:-moz-placeholder):not(.is-invalid):not(:disabled) {
  --tw-border-opacity: 1;
  border-color: rgb(153 153 153 / var(--tw-border-opacity, 1));
}

.modal--summer .input-field[placeholder]:not(:focus):not(:placeholder-shown):not(.is-invalid):not(:disabled) {
  --tw-border-opacity: 1;
  border-color: rgb(153 153 153 / var(--tw-border-opacity, 1));
}

.modal--summer .input-field:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(214 214 214 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.modal--summer .input-field:disabled::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(214 214 214 / var(--tw-text-opacity, 1));
}

.modal--summer .input-field:disabled::placeholder {
  --tw-text-opacity: 1;
  color: rgb(214 214 214 / var(--tw-text-opacity, 1));
}

.modal--summer .input-field.is-invalid {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(178 65 50 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.modal--summer .input-field.is-invalid:focus {
  --tw-border-opacity: 1;
  border-color: rgb(178 65 50 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.modal--summer .input-field.just-validate-success-field {
  background-image: none;
}

.modal--summer .input-wrap:not(.input-wrap--tel):has(.input-field[placeholder]:not(:-moz-placeholder)) .input-field,
.modal--summer .input-wrap--tel:has(.iti):has(.input-field[placeholder]:not(:-moz-placeholder)) .input-field {
  --input-pt: 0.875rem;
  --input-pb: 0.5rem;
}

.modal--summer .input-wrap:has(.input-field:focus) .input-field,
.modal--summer .input-wrap:not(.input-wrap--tel):has(.input-field[placeholder]:not(:placeholder-shown)) .input-field,
.modal--summer .input-wrap--tel:has(.iti):has(.input-field[placeholder]:not(:placeholder-shown)) .input-field,
.modal--summer .input-wrap:has(.is-invalid) .input-field,
.modal--summer .input-wrap--tel.input-wrap--filled .input-field {
  --input-pt: 0.875rem;
  --input-pb: 0.5rem;
}

.modal--summer .input-wrap--filled .input-field {
  padding-right: 2.5rem;
}

.modal--summer .input-clear {
  right: 0.75rem;
}

.modal--summer .input-clear svg {
  height: 1rem;
  width: 1rem;
}

.modal--summer .input-clear::before {
  height: 1.5rem;
  width: 1.5rem;
}

.modal--summer .input-wrap--tel .input-label--float {
  left: var(--input-tel-label-left);
}

.modal--summer .input-label-checkbox {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding-left: 1.75rem;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(224 238 249 / var(--tw-text-opacity, 1));
}

.modal--summer .input-label-checkbox a {
  --tw-text-opacity: 1;
  color: rgb(212 245 125 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.modal--summer .checkbox {
  position: absolute;
  left: 0px;
  top: 0px;
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(133 189 233 / var(--tw-border-opacity, 1));
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
}

[type=checkbox]:checked + .modal--summer .checkbox {
  --tw-border-opacity: 1;
  border-color: rgb(212 245 125 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(212 245 125 / var(--tw-bg-opacity, 1));
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M1 5.5L4 8.5L11 1.5' stroke='%231A1A1A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.modal--summer .input-label-checkbox > .is-invalid + .checkbox {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(178 65 50 / var(--tw-border-opacity, 1));
}

.modal--summer .just-validate-error-label {
  position: absolute;
  bottom: -12px;
  margin-top: 0.25rem;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.modal--summer .modal-submit {
  position: relative;
  display: flex;
  height: 2.75rem;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-radius: 9999px;
  border-width: 0px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 14px;
  padding-bottom: 14px;
  font-family: IBMPlexSans, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 1;
}

.modal--summer .modal-submit {
  background-color: #d4f57d;
  color: #1a1a1a;
  transition: opacity 0.3s ease-linear;
}

.modal--summer .modal-submit:hover,
.modal--summer .modal-submit:focus {
  opacity: 0.9;
}

.modal--summer .modal-submit:active {
  opacity: 0.8;
}

.modal--summer .modal-submit__text {
  padding-right: 2.5rem;
}

.modal--summer .modal-submit__icon {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  width: 1.75rem;
  height: 1.75rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}

.modal--summer .modal-submit__icon svg {
  position: absolute;
  left: 50%;
  top: 50%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.modal--summer .modal__inner--success {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 2rem;
  padding-top: 72px;
  text-align: center;
}

.modal--summer .modal__inner--success {
  background-image: url("../images/sections/modal/confeti.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}

.modal--summer .modal-success {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
  max-width: 280px;
  flex-direction: column;
  align-items: center;
}

.modal--summer .modal-success__icon {
  margin-bottom: 1.25rem;
}

.modal--summer .modal-success__icon svg {
  height: 140px;
  width: 328px;
}

.modal--summer .modal-success__title {
  margin-bottom: 0.75rem;
}

.modal--summer .modal-success__text {
  font-family: IBMPlexSans, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  line-height: 1.45;
  --tw-text-opacity: 1;
  color: rgb(224 238 249 / var(--tw-text-opacity, 1));
}

.modal--summer .modal-success__btn {
  margin-top: 1.5rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 0px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 14px;
  padding-bottom: 14px;
  font-family: IBMPlexSans, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 1;
}

.modal--summer .modal-success__btn {
  background-color: #d4f57d;
  color: #1a1a1a;
  transition: opacity 0.3s ease-linear;
}

.modal--summer .modal-success__btn:hover,
.modal--summer .modal-success__btn:focus {
  opacity: 0.9;
}

.modal--summer .modal-success__btn:active {
  opacity: 0.8;
}

.modal-school-year-backdrop {
  visibility: visible;
  position: fixed;
  inset: 0px;
  z-index: 100;
  display: flex;
  overflow: auto;
  opacity: 1;
  transition-duration: 100ms;
  transition-timing-function: linear;
  background-color: rgba(0, 0, 0, 0.55);
}

.modal-school-year-backdrop.is-hidden {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}

.modal-school-year-backdrop.is-hidden .modal-school-year {
  --tw-translate-y: 100%;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.modal-school-year {
  position: relative;
  margin: auto;
  display: flex;
  width: 100%;
  max-width: 340px;
  --tw-translate-x: 0px;
  --tw-translate-y: 0px;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  overflow: hidden;
  border-radius: 16px;
  transition-duration: 300ms;
  transition-timing-function: linear;
}

.modal-school-year {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.modal-school-year__close {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  z-index: 2;
  display: grid;
  height: 2rem;
  width: 2rem;
  place-items: center;
  border-radius: 9999px;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
  transition-duration: 300ms;
  transition-timing-function: linear;
}

.modal-school-year__close:hover,
.modal-school-year__close:focus {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity, 1));
}

.modal-school-year__inner {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 24px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 43px;
  padding-bottom: 43px;
}

.modal-school-year__inner {
  background-image: url("../images/sections/modal-school-year/modal-school-year-bg-mobile.webp"), linear-gradient(158deg, #fff 55%, #ffcc4d 97%);
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size: cover, cover;
}

.modal-school-year__badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.modal-school-year__badge {
  border-radius: 24px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(196 192 210 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: IBMPlexSans, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity, 1));
}

.modal-school-year__heading {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.modal-school-year__eyebrow {
  -webkit-background-clip: text;
  background-clip: text;
  font-family: IBMPlexMono, sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -0.025em;
  color: transparent;
}

.modal-school-year__eyebrow {
  background-image: linear-gradient(-69deg, #5429eb 65.117%, #1a1a1a 102%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.modal-school-year__title {
  position: relative;
  z-index: 2;
  font-family: IBMPlexSans, sans-serif;
  font-size: 29px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.12;
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity, 1));
}

.modal-school-year__description {
  max-width: 249px;
  font-family: IBMPlexSans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  --tw-text-opacity: 1;
  color: rgb(71 71 71 / var(--tw-text-opacity, 1));
}

.modal-school-year__sticker {
  pointer-events: none;
  position: absolute;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.modal-school-year__sticker img {
  display: block;
  height: auto;
  width: 100%;
}

.modal-school-year__sticker--keychain {
  left: 180px;
  top: 73px;
  z-index: 1;
  width: 121px;
}

.modal-school-year__sticker--backpack {
  left: 203px;
  top: -18px;
  width: 98px;
}

.modal-school-year__sticker--heart {
  left: 174px;
  top: 35px;
  width: 48px;
}

.modal-school-year__footer {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.modal-school-year__cta {
  display: flex;
  height: 40px;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 0px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: IBMPlexSans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.modal-school-year__cta {
  background-color: #1a1a1a;
  transition: opacity 0.3s ease-linear;
}

.modal-school-year__cta:hover,
.modal-school-year__cta:focus {
  opacity: 0.9;
}

.modal-school-year__cta:active {
  opacity: 0.8;
}

.modal-school-year__disclaimer {
  font-family: IBMPlexSans, sans-serif;
  font-size: 9px;
  font-weight: 400;
  line-height: 14px;
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}

.hero .hero__first-block {
  background-image: -webkit-image-set(url("../images/sections/hero/hero-bg-sm.webp") 1x, url("../images/sections/hero/hero-bg-sm@2x.webp") 2x);
  background-image: image-set(url("../images/sections/hero/hero-bg-sm.webp") 1x, url("../images/sections/hero/hero-bg-sm@2x.webp") 2x);
  background-repeat: no-repeat;
  background-size: cover;
}

.hero .hero__image::after {
  content: "";
  position: absolute;
  bottom: 40px;
  right: 20px;
  z-index: 3;
  width: 337px;
  height: 160px;
  background-image: -webkit-image-set(url("../images/sections/hero/hero-image-sm.webp") 1x, url("../images/sections/hero/hero-image-sm@2x.webp") 2x);
  background-image: image-set(url("../images/sections/hero/hero-image-sm.webp") 1x, url("../images/sections/hero/hero-image-sm@2x.webp") 2x);
  background-repeat: no-repeat;
  background-size: contain;
}

/*! purgecss start ignore */

.direction .age-btn-js.active {
  --tw-border-opacity: 1;
  border-color: rgb(101 60 217 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(83 49 178 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.direction .age-btn-js.active:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(83 49 178 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.direction .age-btn-js {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.direction .age-btn-js:hover {
  --tw-border-opacity: 1;
  border-color: rgb(101 60 217 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(235 230 250 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(101 60 217 / var(--tw-text-opacity, 1));
}

.direction .level-low {
  --tw-bg-opacity: 1;
  background-color: rgb(242 250 230 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(107 148 41 / var(--tw-text-opacity, 1));
}

.direction .level-medium {
  --tw-bg-opacity: 1;
  background-color: rgb(235 230 250 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(69 41 148 / var(--tw-text-opacity, 1));
}

.direction .level-high {
  --tw-bg-opacity: 1;
  background-color: rgb(250 232 230 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(178 65 50 / var(--tw-text-opacity, 1));
}

.direction .active-btn {
  font-size: 20px;
  line-height: 1.5;
  color: #ebe6fa;
  position: relative;
}

.direction .direction-list {
  display: none;
}

.direction .direction-list:nth-child(4) {
  display: flex;
}

.direction .direction-cards {
  display: flex;
  gap: 8px;
}

.direction .scratch:hover,
.direction .scratch:hover,
.direction .scratch.active {
  border: 3px solid #d6d6d6;
  background-color: #faf5e6;
}

.direction .scratch:hover .direction-age,
.direction .scratch:hover .direction-age,
.direction .scratch.active .direction-age {
  background-color: #997500;
  color: #ffffff;
}

.direction .scratch:hover .direction-card-btn,
.direction .scratch:hover .direction-card-btn,
.direction .scratch.active .direction-card-btn {
  background-color: #e0ab00;
  border: 1px solid #e0ab00;
  color: #ffffff;
}

.direction .minecraft:hover,
.direction .minecraft:focus,
.direction .minecraft.active {
  border: 3px solid #d6d6d6;
  background-color: #f2fae6;
}

.direction .minecraft:hover .direction-age,
.direction .minecraft:focus .direction-age,
.direction .minecraft.active .direction-age {
  background-color: #435c1a;
  color: #ffffff;
}

.direction .minecraft:hover .direction-card-btn,
.direction .minecraft:focus .direction-card-btn,
.direction .minecraft.active .direction-card-btn {
  background-color: #82b232;
  border: 1px solid #82b232;
  color: #ffffff;
}

.direction .roblox:hover,
.direction .roblox:focus,
.direction .roblox.active {
  border: 3px solid #d6d6d6;
  background-color: #fae8e6;
}

.direction .roblox:hover .direction-age,
.direction .roblox:focus .direction-age,
.direction .roblox.active .direction-age {
  background-color: #66251d;
  color: #ffffff;
}

.direction .roblox:hover .direction-card-btn,
.direction .roblox:focus .direction-card-btn,
.direction .roblox.active .direction-card-btn {
  background-color: #c74736;
  border: 1px solid #c74736;
  color: #ffffff;
}

.direction .frontend:hover,
.direction .frontend:focus,
.direction .frontend.active {
  border: 3px solid #d6d6d6;
  background-color: #ebe6fa;
}

.direction .frontend:hover .direction-age,
.direction .frontend:focus .direction-age,
.direction .frontend.active .direction-age {
  background-color: #2b195c;
  color: #ffffff;
}

.direction .frontend:hover .direction-card-btn,
.direction .frontend:focus .direction-card-btn,
.direction .frontend.active .direction-card-btn {
  background-color: #5331b2;
  border: 1px solid #5331b2;
  color: #ffffff;
}

.direction .gameDev:hover,
.direction .gameDev:focus,
.direction .gameDev.active {
  border: 3px solid #d6d6d6;
  background-color: #fafafa;
}

.direction .gameDev:hover .direction-age,
.direction .gameDev:focus .direction-age,
.direction .gameDev.active .direction-age {
  background-color: #474747;
  color: #ffffff;
}

.direction .gameDev:hover .direction-card-btn,
.direction .gameDev:focus .direction-card-btn,
.direction .gameDev.active .direction-card-btn {
  background-color: #6e6e6e;
  border: 1px solid #6e6e6e;
  color: #ffffff;
}

.direction .ai-creator:hover,
.direction .ai-creator:focus,
.direction .ai-creator.active {
  border: 3px solid #d6d6d6;
  background-color: #fae6f3;
}

.direction .ai-creator:hover .direction-age,
.direction .ai-creator:focus .direction-age,
.direction .ai-creator.active .direction-age {
  background-color: #e03eab;
  color: #ededed;
}

.direction .ai-creator:hover .direction-card-btn,
.direction .ai-creator:focus .direction-card-btn,
.direction .ai-creator.active .direction-card-btn {
  background-color: #e03eab;
  border: 1px solid #e03eab;
  color: #ffffff;
}

.direction .design:hover,
.direction .design:focus,
.direction .design.active {
  border: 3px solid #d6d6d6;
  background-color: #fae6f3;
}

.direction .design:hover .direction-age,
.direction .design:focus .direction-age,
.direction .design.active .direction-age {
  background-color: #5c1a46;
  color: #ffffff;
}

.direction .design:hover .direction-card-btn,
.direction .design:focus .direction-card-btn,
.direction .design.active .direction-card-btn {
  background-color: #b23188;
  border: 1px solid #b23188;
  color: #ffffff;
}

.direction .python:hover,
.direction .python:focus,
.direction .python.active {
  border: 3px solid #d6d6d6;
  background-color: #e6f2fa;
}

.direction .python:hover .direction-age,
.direction .python:focus .direction-age,
.direction .python.active .direction-age {
  background-color: #1d4766;
  color: #ffffff;
}

.direction .python:hover .direction-card-btn,
.direction .python:focus .direction-card-btn,
.direction .python.active .direction-card-btn {
  background-color: #3b92d1;
  border: 1px solid #3b92d1;
  color: #ffffff;
}

.direction .painting:hover,
.direction .painting:hover,
.direction .painting.active {
  border: 3px solid #d6d6d6;
  background-color: #faf5e6;
}

.direction .painting:hover .direction-age,
.direction .painting:hover .direction-age,
.direction .painting.active .direction-age {
  background-color: #997500;
  color: #ffffff;
}

.direction .painting:hover .direction-card-btn,
.direction .painting:hover .direction-card-btn,
.direction .painting.active .direction-card-btn {
  background-color: #e0ab00;
  border: 1px solid #e0ab00;
  color: #ffffff;
}

.direction .junior:hover,
.direction .junior:focus,
.direction .junior.active {
  border: 3px solid #d6d6d6;
  background-color: #e9f9f8;
}

.direction .junior:hover .direction-age,
.direction .junior:focus .direction-age,
.direction .junior.active .direction-age {
  background-color: #124a47;
  color: #ffffff;
}

.direction .junior:hover .direction-card-btn,
.direction .junior:focus .direction-card-btn,
.direction .junior.active .direction-card-btn {
  background-color: #1f706c;
  border: 1px solid #1f706c;
  color: #ffffff;
}

.direction .math-1-11:hover,
.direction .math-1-11:focus,
.direction .math-1-11.active {
  border: 3px solid #d6d6d6;
  background-color: #faeee6;
}

.direction .math-1-11:hover .direction-age,
.direction .math-1-11:focus .direction-age,
.direction .math-1-11.active .direction-age {
  background-color: #99490f;
  color: #ffffff;
}

.direction .math-1-11:hover .direction-card-btn,
.direction .math-1-11:focus .direction-card-btn,
.direction .math-1-11.active .direction-card-btn {
  background-color: #e0782d;
  border: 1px solid #e0782d;
  color: #ffffff;
}

.direction .frontendEng:hover,
.direction .frontendEng:focus,
.direction .frontendEng.active {
  border: 3px solid #d6d6d6;
  background-color: #e9f9f8;
}

.direction .frontendEng:hover .direction-age,
.direction .frontendEng:focus .direction-age,
.direction .frontendEng.active .direction-age {
  background-color: #124a47;
  color: #ffffff;
}

.direction .frontendEng:hover .direction-card-btn,
.direction .frontendEng:focus .direction-card-btn,
.direction .frontendEng.active .direction-card-btn {
  background-color: #1f706c;
  border: 1px solid #1f706c;
  color: #ffffff;
}

.direction .logic:hover,
.direction .logic:focus,
.direction .logic.active {
  border: 3px solid #d6d6d6;
  background-color: #f2fae6;
}

.direction .logic:hover .direction-age,
.direction .logic:focus .direction-age,
.direction .logic.active .direction-age {
  background-color: #435c1a;
  color: #ffffff;
}

.direction .logic:hover .direction-card-btn,
.direction .logic:focus .direction-card-btn,
.direction .logic.active .direction-card-btn {
  background-color: #6b9429;
  border: 1px solid #6b9429;
  color: #ffffff;
}

.direction .leadership-academy:hover,
.direction .leadership-academy:focus,
.direction .leadership-academy.active {
  border: 3px solid #d6d6d6;
  background-color: #ebe6fa;
}

.direction .leadership-academy:hover .direction-age,
.direction .leadership-academy:focus .direction-age,
.direction .leadership-academy.active .direction-age {
  background-color: #361f7a;
  color: #ffffff;
}

.direction .leadership-academy:hover .direction-card-btn,
.direction .leadership-academy:focus .direction-card-btn,
.direction .leadership-academy.active .direction-card-btn {
  background-color: #5331b2;
  border: 1px solid #5331b2;
  color: #ffffff;
}

.direction .preparation-NMT:hover,
.direction .preparation-NMT:focus,
.direction .preparation-NMT.active {
  border: 3px solid #d6d6d6;
  background-color: #e6eafa;
}

.direction .preparation-NMT:hover .direction-age,
.direction .preparation-NMT:focus .direction-age,
.direction .preparation-NMT.active .direction-age {
  background-color: #162257;
  color: #ffffff;
}

.direction .preparation-NMT:hover .direction-card-btn,
.direction .preparation-NMT:focus .direction-card-btn,
.direction .preparation-NMT.active .direction-card-btn {
  background-color: #27398a;
  border: 1px solid #27398a;
  color: #ffffff;
}

.direction .preparation-school:hover,
.direction .preparation-school:focus,
.direction .preparation-school.active {
  border: 3px solid #d6d6d6;
  background-color: #fae6f3;
}

.direction .preparation-school:hover .direction-age,
.direction .preparation-school:focus .direction-age,
.direction .preparation-school.active .direction-age {
  background-color: #7a225d;
  color: #ffffff;
}

.direction .preparation-school:hover .direction-card-btn,
.direction .preparation-school:focus .direction-card-btn,
.direction .preparation-school.active .direction-card-btn {
  background-color: #b23188;
  border: 1px solid #b23188;
  color: #ffffff;
}

.direction .drawing-paper-tablet:hover,
.direction .drawing-paper-tablet:focus,
.direction .drawing-paper-tablet.active {
  border: 3px solid #d6d6d6;
  background-color: #f2fae6;
}

.direction .drawing-paper-tablet:hover .direction-age,
.direction .drawing-paper-tablet:focus .direction-age,
.direction .drawing-paper-tablet.active .direction-age {
  background-color: #82b232;
  color: #ffffff;
}

.direction .drawing-paper-tablet:hover .direction-card-btn,
.direction .drawing-paper-tablet:focus .direction-card-btn,
.direction .drawing-paper-tablet.active .direction-card-btn {
  background-color: #6b9429;
  border: 1px solid #6b9429;
  color: #ffffff;
}

.direction .finance:hover,
.direction .finance:focus,
.direction .finance.active {
  border: 3px solid #d6d6d6;
  background-color: #faf5e6;
}

.direction .finance:hover .direction-age,
.direction .finance:focus .direction-age,
.direction .finance.active .direction-age {
  background-color: #997500;
  color: #ffffff;
}

.direction .finance:hover .direction-card-btn,
.direction .finance:focus .direction-card-btn,
.direction .finance.active .direction-card-btn {
  background-color: #e0ab00;
  border: 1px solid #e0ab00;
  color: #ffffff;
}

.direction .anime:hover,
.direction .anime:focus,
.direction .anime.active {
  border: 3px solid #d6d6d6;
  background-color: #faeee6;
}

.direction .anime:hover .direction-age,
.direction .anime:focus .direction-age,
.direction .anime.active .direction-age {
  background-color: #99490f;
  color: #ffffff;
}

.direction .anime:hover .direction-card-btn,
.direction .anime:focus .direction-card-btn,
.direction .anime.active .direction-card-btn {
  background-color: #e0782d;
  border: 1px solid #e0782d;
  color: #ffffff;
}

.direction .fast-reading:hover,
.direction .fast-reading:focus,
.direction .fast-reading.active {
  border: 3px solid #d6d6d6;
  background-color: #ebe6fa;
}

.direction .fast-reading:hover .direction-age,
.direction .fast-reading:focus .direction-age,
.direction .fast-reading.active .direction-age {
  background-color: #653cd9;
  color: #ededed;
}

.direction .fast-reading:hover .direction-card-btn,
.direction .fast-reading:focus .direction-card-btn,
.direction .fast-reading.active .direction-card-btn {
  background-color: #5331b2;
  border: 1px solid #5331b2;
  color: #ffffff;
}

.direction .next-btn:hover,
.direction .next-btn:focus {
  background-color: #ebe6fa;
}

.direction .next-btn:hover > .icon-arrow,
.direction .next-btn:focus > .icon-arrow {
  fill: #653cd9;
}

.direction .next-btn.btn-active {
  background-color: #ebe6fa;
}

.direction .next-btn.btn-active > .icon-arrow {
  fill: #653cd9;
}

.direction .prev-btn:hover,
.direction .prev-btn:focus {
  background-color: #ebe6fa;
}

.direction .prev-btn:hover > .icon-arrow,
.direction .prev-btn:focus > .icon-arrow {
  fill: #653cd9;
}

.direction .prev-btn.btn-active {
  background-color: #ebe6fa;
}

.direction .prev-btn.btn-active > .icon-arrow {
  fill: #653cd9;
}

.direction .btn-wrapper {
  display: none;
  position: absolute;
  top: -60px;
  right: 0;
}

.direction .slick-list {
  overflow: visible !important;
}

.direction .slick-slide {
  margin: 0 4px;
}

.direction .slider-item-js {
  height: 510px;
}

.direction .slick-track {
  margin: 0;
}

/*! purgecss end ignore */

.platform__item::before {
  content: "";
  width: 16px;
  height: 4px;
  border-radius: 2px;
  background-color: #E58845;
  position: absolute;
  left: -32px;
  top: 12px;
}

.platform__image::after {
  content: "";
  width: 840px;
  height: 621px;
  background-color: #F5D87A;
  border: 4px solid #1A1A1A;
  position: absolute;
  left: 24px;
  top: 24px;
  z-index: -1;
}

.platform__image img {
  max-width: 840px;
}

.community__slider .slick-track {
  margin: 0;
}

.community__slide-bg-1 {
  background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%), -webkit-image-set(url("../images/sections/community/slide-1.webp") 1x, url("../images/sections/community/slide-1@2x.webp") 2x);
  background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%), image-set(url("../images/sections/community/slide-1.webp") 1x, url("../images/sections/community/slide-1@2x.webp") 2x);
  background-size: cover;
}

.community__slide-bg-2 {
  background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%), -webkit-image-set(url("../images/sections/community/slide-2.webp") 1x, url("../images/sections/community/slide-2@2x.webp") 2x);
  background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%), image-set(url("../images/sections/community/slide-2.webp") 1x, url("../images/sections/community/slide-2@2x.webp") 2x);
  background-size: cover;
}

.community__prev-btn:hover,
.community__prev-btn:focus,
.community__next-btn:hover,
.community__next-btn:focus {
  background-color: #ebe6fa;
}

.community__prev-btn:hover > .icon-arrow,
.community__prev-btn:focus > .icon-arrow,
.community__next-btn:hover > .icon-arrow,
.community__next-btn:focus > .icon-arrow {
  fill: #653cd9;
}

.community__prev-btn.btn-active,
.community__next-btn.btn-active {
  background-color: #ebe6fa;
}

.community__prev-btn.btn-active > .icon-arrow,
.community__next-btn.btn-active > .icon-arrow {
  fill: #653cd9;
}

.community {
  background-image: -webkit-image-set(url("../images/sections/community/community-bg-sm.webp") 1x, url("../images/sections/community/community-bg-sm@2x.webp") 2x);
  background-image: image-set(url("../images/sections/community/community-bg-sm.webp") 1x, url("../images/sections/community/community-bg-sm@2x.webp") 2x);
  background-repeat: no-repeat;
  background-size: contain;
}

.community__p-slide-1 {
  background-image: -webkit-image-set(url("../images/sections/community/person-1.webp") 1x, url("../images/sections/community/person-1@2x.webp") 2x);
  background-image: image-set(url("../images/sections/community/person-1.webp") 1x, url("../images/sections/community/person-1@2x.webp") 2x);
  background-repeat: no-repeat;
  background-size: cover;
}

.community__p-slide-2 {
  background-image: -webkit-image-set(url("../images/sections/community/person-2.webp") 1x, url("../images/sections/community/person-2@2x.webp") 2x);
  background-image: image-set(url("../images/sections/community/person-2.webp") 1x, url("../images/sections/community/person-2@2x.webp") 2x);
  background-repeat: no-repeat;
  background-size: cover;
}

.contact {
  background-image: -webkit-image-set(url("../images/sections/contact/contact-bg-sm.webp") 1x, url("../images/sections/contact/contact-bg-sm@2x.webp") 2x);
  background-image: image-set(url("../images/sections/contact/contact-bg-sm.webp") 1x, url("../images/sections/contact/contact-bg-sm@2x.webp") 2x);
  background-repeat: no-repeat;
  background-size: cover;
}

.contact .contact__container::before {
  content: "";
}

.contact .contact__container::after {
  content: "";
}

.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-\[\#6E6E6E\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(110 110 110 / var(--tw-border-opacity, 1));
}

.hover\:border-accent:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 108 0 / var(--tw-border-opacity, 1));
}

.hover\:bg-\[\#FAFAFA\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-accent:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(69 41 148 / var(--tw-bg-opacity, 1));
}

.hover\:bg-transparent:hover {
  background-color: transparent;
}

.hover\:bg-yellow-accent:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 171 0 / var(--tw-bg-opacity, 1));
}

.hover\:fill-\[\#fec830\]:hover {
  fill: #fec830;
}

.hover\:text-\[\#fec830\]:hover {
  --tw-text-opacity: 1;
  color: rgb(254 200 48 / var(--tw-text-opacity, 1));
}

.hover\:text-accent:hover {
  --tw-text-opacity: 1;
  color: rgb(255 108 0 / var(--tw-text-opacity, 1));
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.focus\:scale-105:focus {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.focus\:border-\[\#6E6E6E\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(110 110 110 / var(--tw-border-opacity, 1));
}

.focus\:border-accent:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 108 0 / var(--tw-border-opacity, 1));
}

.focus\:bg-\[\#FAFAFA\]:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.focus\:bg-purple-accent:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(69 41 148 / var(--tw-bg-opacity, 1));
}

.focus\:bg-transparent:focus {
  background-color: transparent;
}

.focus\:bg-yellow-accent:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(224 171 0 / var(--tw-bg-opacity, 1));
}

.focus\:fill-\[\#fec830\]:focus {
  fill: #fec830;
}

.focus\:text-\[\#fec830\]:focus {
  --tw-text-opacity: 1;
  color: rgb(254 200 48 / var(--tw-text-opacity, 1));
}

.focus\:text-accent:focus {
  --tw-text-opacity: 1;
  color: rgb(255 108 0 / var(--tw-text-opacity, 1));
}

.focus\:opacity-100:focus {
  opacity: 1;
}

.active\:bg-purple-active:active {
  --tw-bg-opacity: 1;
  background-color: rgb(129 96 224 / var(--tw-bg-opacity, 1));
}

.active\:bg-yellow-active:active {
  --tw-bg-opacity: 1;
  background-color: rgb(240 205 96 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:text-black-dark {
  --tw-text-opacity: 1;
  color: rgb(1 1 1 / var(--tw-text-opacity, 1));
}

.group:focus .group-focus\:text-black-dark {
  --tw-text-opacity: 1;
  color: rgb(1 1 1 / var(--tw-text-opacity, 1));
}

@media (min-width: 370px) {
  .direction .slider-item-js {
    height: 450px;
  }
}

@media (min-width: 480px) {
  .container {
    max-width: 480px;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
    padding-right: 2rem;
    padding-left: 2rem;
  }

  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-title {
    font-size: 28px;
    line-height: 1.4;
  }

  .input-label {
    margin-bottom: 0.5rem;
    font-size: 16px;
    line-height: 1.6;
  }

  .input-field::-moz-placeholder {
    line-height: 2rem;
  }

  .input-field::placeholder {
    line-height: 2rem;
  }

  .input-field {
    --input-h: 3.5rem;
    --input-pt: 0.75rem;
    --input-pb: 0.75rem;
  }

  .input-wrap:not(.input-wrap--tel):has(.input-field[placeholder]:not(:-moz-placeholder)) .input-field,
  .input-wrap--tel:has(.iti):has(.input-field[placeholder]:not(:-moz-placeholder)) .input-field {
    --input-pt: 1.375rem;
    --input-pb: 0.125rem;
  }

  .input-wrap:has(.input-field:focus) .input-field,
  .input-wrap:not(.input-wrap--tel):has(.input-field[placeholder]:not(:placeholder-shown)) .input-field,
  .input-wrap--tel:has(.iti):has(.input-field[placeholder]:not(:placeholder-shown)) .input-field,
  .input-wrap:has(.is-invalid) .input-field,
  .input-wrap--tel.input-wrap--filled .input-field {
    --input-pt: 1.375rem;
    --input-pb: 0.125rem;
  }

  .input-label-checkbox {
    font-size: 12px;
  }

  .steps-bar {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .form-button {
    font-size: 20px;
    line-height: 1.2;
  }

  .modal-close-btn {
    right: 2rem;
    top: 1.5rem;
  }

  .modal {
    max-width: 640px;
    padding-left: 5rem;
    padding-right: 5rem;
    padding-bottom: 2.5rem;
    padding-top: 1.5rem;
  }

  .modal .modal-button {
    margin-top: 54px;
    margin-bottom: 24px;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
  }

  .modal .modal-fields {
    gap: 52px;
    padding: 0 8px;
  }

  .modal .modal-fields input.input-field {
    height: 68px;
    padding-left: 32px;
    padding-right: 32px;
    font-size: 24px;
    line-height: 32px;
    --input-pt: 18px;
    --input-pb: 18px;
    padding-top: var(--input-pt);
    padding-bottom: var(--input-pb);
  }

  .modal .modal-fields input.input-field::-moz-placeholder {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
  }

  .modal .modal-fields input.input-field::placeholder {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
  }

  .modal .modal-fields .input-wrap:not(.input-wrap--tel) .input-label--float {
    left: 32px;
    top: 14px;
    font-size: 14px;
  }

  .modal .modal-fields .input-wrap:not(.input-wrap--tel):has(.input-field[placeholder]:not(:-moz-placeholder)) .input-field,
  .modal .modal-fields .input-wrap--tel:has(.iti):has(.input-field[placeholder]:not(:-moz-placeholder)) .input-field {
    --input-pt: 28px;
    --input-pb: 8px;
  }

  .modal .modal-fields .input-wrap:has(.input-field:focus) .input-field,
  .modal .modal-fields .input-wrap:not(.input-wrap--tel):has(.input-field[placeholder]:not(:placeholder-shown)) .input-field,
  .modal .modal-fields .input-wrap--tel:has(.iti):has(.input-field[placeholder]:not(:placeholder-shown)) .input-field,
  .modal .modal-fields .input-wrap:has(.is-invalid) .input-field,
  .modal .modal-fields .input-wrap--tel.input-wrap--filled .input-field {
    --input-pt: 28px;
    --input-pb: 8px;
  }

  .modal .modal-fields .input-wrap--filled .input-field {
    padding-right: 72px;
  }

  .modal .modal-fields .input-clear {
    right: 24px;
  }

  .modal .modal-fields .input-clear svg {
    height: 1.75rem;
    width: 1.75rem;
  }

  .modal .modal-fields .input-clear::before {
    height: 2.25rem;
    width: 2.25rem;
  }

  .modal {
    background-image: -webkit-image-set(url("../images/sections/modal/modal-bg-md.webp") 1x, url("../images/sections/modal/modal-bg-md@2x.webp") 2x);
    background-image: image-set(url("../images/sections/modal/modal-bg-md.webp") 1x, url("../images/sections/modal/modal-bg-md@2x.webp") 2x);
  }

  .accordion-item .accordion-answer {
    padding-right: 80px;
  }

  .faq .accordion-item[aria-expanded=true] .accordion-answer {
    margin-top: 24px;
  }

  .modal-close-btn {
    right: 1rem;
    top: 1rem;
  }

  .modal.modal--summer {
    max-width: 545px;
  }

  .modal--summer {
    color: #fff;
    background-color: #21519b;
    background-image: url("../images/sections/modal/clouds.webp");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  }

  .modal--summer .modal__inner {
    min-height: 545px;
    padding: 2.5rem;
  }

  .modal--summer .modal__description {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .modal--summer .modal__cta {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .modal--summer .modal-offer {
    margin-bottom: 1.5rem;
    margin-top: 2rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .modal--summer .modal-offer__price {
    border-radius: 8px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .modal--summer .modal-offer__timer-label {
    max-width: 180px;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .modal--summer .modal-timer__top .banner-timer__days,
  .modal--summer .modal-timer__top .banner-timer__hours,
  .modal--summer .modal-timer__top .banner-timer__minutes,
  .modal--summer .modal-timer__top .banner-timer__seconds,
  .modal--summer .modal-timer__sep {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .modal--summer .modal-timer__label {
    margin-top: 0px;
    font-size: 10px;
  }

  .modal--summer .modal-timer__unit:nth-child(1) .modal-timer__label,
  .modal--summer .modal-timer__unit:nth-child(2) .modal-timer__label {
    margin-right: 0.25rem;
  }

  .modal--summer .modal-form__fields {
    gap: 1rem;
  }

  .modal--summer .input-wrap:not(.input-wrap--tel) .input-label--float {
    top: 0.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .modal--summer .input-field {
    height: 3rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .modal--summer .input-field {
    --input-pt: 0.875rem;
    --input-pb: 0.875rem;
    line-height: 1.25rem;
  }

  .modal--summer .input-wrap:not(.input-wrap--tel):has(.input-field[placeholder]:not(:-moz-placeholder)) .input-field,
  .modal--summer .input-wrap--tel:has(.iti):has(.input-field[placeholder]:not(:-moz-placeholder)) .input-field {
    --input-pt: 1.0625rem;
    --input-pb: 0.6875rem;
  }

  .modal--summer .input-wrap:has(.input-field:focus) .input-field,
  .modal--summer .input-wrap:not(.input-wrap--tel):has(.input-field[placeholder]:not(:placeholder-shown)) .input-field,
  .modal--summer .input-wrap--tel:has(.iti):has(.input-field[placeholder]:not(:placeholder-shown)) .input-field,
  .modal--summer .input-wrap:has(.is-invalid) .input-field,
  .modal--summer .input-wrap--tel.input-wrap--filled .input-field {
    --input-pt: 1.0625rem;
    --input-pb: 0.6875rem;
  }

  .modal--summer .input-wrap--filled .input-field {
    padding-right: 2.75rem;
  }

  .modal--summer .input-clear {
    right: 0.875rem;
  }

  .modal--summer .input-clear svg {
    height: 1.25rem;
    width: 1.25rem;
  }

  .modal--summer .input-clear::before {
    height: 1.75rem;
    width: 1.75rem;
  }

  .modal--summer .input-label-checkbox {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .modal--summer .modal-submit {
    height: 3rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .modal--summer .modal-submit__icon {
    width: 2.5rem;
    height: 2.5rem;
  }

  .modal--summer .modal__inner--success {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 2.5rem;
    padding-top: 3rem;
  }

  .modal--summer .modal-success {
    max-width: 420px;
  }

  .modal--summer .modal-success__icon {
    margin-bottom: 1.5rem;
  }

  .modal--summer .modal-success__icon svg {
    height: 160px;
    width: 375px;
  }

  .modal--summer .modal-success__title {
    margin-bottom: 1rem;
  }

  .modal--summer .modal-success__text {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .modal--summer .modal-success__btn {
    margin-top: 2rem;
    height: 3rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .modal-school-year {
    max-width: 640px;
  }

  .modal-school-year__inner {
    gap: 32px;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .modal-school-year__inner {
    background-image: url("../images/sections/modal-school-year/modal-school-year-bg-tablet.webp"), linear-gradient(158deg, #fff 55%, #ffcc4d 97%);
  }

  .modal-school-year__badges {
    gap: 16px;
  }

  .modal-school-year__badge {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .modal-school-year__heading {
    gap: 14px;
  }

  .modal-school-year__eyebrow {
    font-size: 32px;
  }

  .modal-school-year__title {
    font-size: 52px;
  }

  .modal-school-year__description {
    max-width: 465px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 28px;
  }

  .modal-school-year__sticker--keychain {
    left: 327px;
    top: 124px;
    width: 217px;
  }

  .modal-school-year__sticker--backpack {
    left: 409px;
    top: -44px;
    width: 167px;
  }

  .modal-school-year__sticker--heart {
    left: 335px;
    top: 58px;
    width: 89px;
  }

  .modal-school-year__cta {
    height: 48px;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .modal-school-year__disclaimer {
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 18px;
  }

  .hero .hero__first-block {
    background-image: -webkit-image-set(url("../images/sections/hero/hero-bg-md.webp") 1x, url("../images/sections/hero/hero-bg-md@2x.webp") 2x);
    background-image: image-set(url("../images/sections/hero/hero-bg-md.webp") 1x, url("../images/sections/hero/hero-bg-md@2x.webp") 2x);
  }

  .hero .hero__image::after {
    background-image: -webkit-image-set(url("../images/sections/hero/hero-image-md.webp") 1x, url("../images/sections/hero/hero-image-md@2x.webp") 2x);
    background-image: image-set(url("../images/sections/hero/hero-image-md.webp") 1x, url("../images/sections/hero/hero-image-md@2x.webp") 2x);
    width: 617px;
    height: 291px;
    bottom: 56px;
  }

  .direction .active-btn {
    font-size: 28px;
    line-height: 1.6;
  }

  .direction .direction-cards {
    gap: 24px;
  }

  .direction .btn-wrapper {
    top: -60px;
    right: 32px;
    display: none;
  }

  .direction .slick-slide {
    margin: 0 10px;
  }

  .direction .slider-item-js {
    height: 510px;
  }

  .platform__item::before {
    left: -26px;
  }

  .platform__image::after {
    left: 20px;
    top: 28px;
  }

  .community {
    background-image: -webkit-image-set(url("../images/sections/community/community-bg-md.webp") 1x, url("../images/sections/community/community-bg-md@2x.webp") 2x);
    background-image: image-set(url("../images/sections/community/community-bg-md.webp") 1x, url("../images/sections/community/community-bg-md@2x.webp") 2x);
  }

  .contact {
    background-image: -webkit-image-set(url("../images/sections/contact/contact-bg-md.webp") 1x, url("../images/sections/contact/contact-bg-md@2x.webp") 2x);
    background-image: image-set(url("../images/sections/contact/contact-bg-md.webp") 1x, url("../images/sections/contact/contact-bg-md@2x.webp") 2x);
  }

  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .md\:mb-12 {
    margin-bottom: 3rem;
  }

  .md\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .md\:mb-8 {
    margin-bottom: 2rem;
  }

  .md\:mb-9 {
    margin-bottom: 2.25rem;
  }

  .md\:mb-\[56px\] {
    margin-bottom: 56px;
  }

  .md\:mb-\[66px\] {
    margin-bottom: 66px;
  }

  .md\:ml-\[26px\] {
    margin-left: 26px;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mt-1 {
    margin-top: 0.25rem;
  }

  .md\:block {
    display: block;
  }

  .md\:inline-block {
    display: inline-block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:size-7 {
    width: 1.75rem;
    height: 1.75rem;
  }

  .md\:h-8 {
    height: 2rem;
  }

  .md\:h-\[36px\] {
    height: 36px;
  }

  .md\:h-\[43px\] {
    height: 43px;
  }

  .md\:h-\[46px\] {
    height: 46px;
  }

  .md\:max-h-\[128px\] {
    max-height: 128px;
  }

  .md\:w-8 {
    width: 2rem;
  }

  .md\:w-\[142px\] {
    width: 142px;
  }

  .md\:w-\[169px\] {
    width: 169px;
  }

  .md\:w-\[205px\] {
    width: 205px;
  }

  .md\:w-\[550px\] {
    width: 550px;
  }

  .md\:w-\[728px\] {
    width: 728px;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:min-w-\[118px\] {
    min-width: 118px;
  }

  .md\:max-w-\[306px\] {
    max-width: 306px;
  }

  .md\:max-w-\[340px\] {
    max-width: 340px;
  }

  .md\:max-w-\[512px\] {
    max-width: 512px;
  }

  .md\:max-w-\[760px\] {
    max-width: 760px;
  }

  .md\:max-w-none {
    max-width: none;
  }

  .md\:items-end {
    align-items: flex-end;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:gap-3 {
    gap: 0.75rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-5 {
    gap: 1.25rem;
  }

  .md\:gap-\[5px\] {
    gap: 5px;
  }

  .md\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .md\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .md\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md\:py-\[18px\] {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .md\:pb-\[344px\] {
    padding-bottom: 344px;
  }

  .md\:pr-10 {
    padding-right: 2.5rem;
  }

  .md\:pt-20 {
    padding-top: 5rem;
  }

  .md\:pt-\[140px\] {
    padding-top: 140px;
  }

  .md\:pt-\[685px\] {
    padding-top: 685px;
  }

  .md\:pt-\[74px\] {
    padding-top: 74px;
  }

  .md\:text-center {
    text-align: center;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-\[11px\] {
    font-size: 11px;
  }

  .md\:text-\[20px\] {
    font-size: 20px;
  }

  .md\:text-\[22px\] {
    font-size: 22px;
  }

  .md\:text-\[28px\] {
    font-size: 28px;
  }

  .md\:text-\[32px\] {
    font-size: 32px;
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:leading-10 {
    line-height: 2.5rem;
  }

  .md\:leading-5 {
    line-height: 1.25rem;
  }

  .md\:leading-7 {
    line-height: 1.75rem;
  }

  .md\:leading-9 {
    line-height: 2.25rem;
  }

  .md\:leading-\[1\.2\] {
    line-height: 1.2;
  }

  .md\:leading-\[11px\] {
    line-height: 11px;
  }

  .md\:leading-\[32px\] {
    line-height: 32px;
  }

  .md\:leading-\[44px\] {
    line-height: 44px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }

  .section {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .section-title {
    font-size: 32px;
    line-height: 1.25;
  }

  .input-wrap:not(.input-wrap--tel) .input-label--float {
    left: 2rem;
  }

  .input-field {
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .input-field::-moz-placeholder {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .input-field::placeholder {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .input-field {
    --input-h: 4rem;
    --input-pt: 1rem;
    --input-pb: 1rem;
  }

  .input-wrap:not(.input-wrap--tel):has(.input-field[placeholder]:not(:-moz-placeholder)) .input-field,
  .input-wrap--tel:has(.iti):has(.input-field[placeholder]:not(:-moz-placeholder)) .input-field {
    --input-pt: 1.875rem;
    --input-pb: 0.125rem;
  }

  .input-wrap:has(.input-field:focus) .input-field,
  .input-wrap:not(.input-wrap--tel):has(.input-field[placeholder]:not(:placeholder-shown)) .input-field,
  .input-wrap--tel:has(.iti):has(.input-field[placeholder]:not(:placeholder-shown)) .input-field,
  .input-wrap:has(.is-invalid) .input-field,
  .input-wrap--tel.input-wrap--filled .input-field {
    --input-pt: 1.875rem;
    --input-pb: 0.125rem;
  }

  .input-wrap--filled .input-field {
    padding-right: 3.5rem;
  }

  .input-clear {
    right: 1.5rem;
  }

  .accordion-item .accordion-answer {
    padding-right: 0;
    width: 960px;
  }

  .faq .accordion-item[aria-expanded=true] .accordion-answer {
    margin-top: 20px;
  }

  .modal-school-year {
    max-width: 1136px;
  }

  .modal-school-year__inner {
    padding-left: 56px;
    padding-right: 56px;
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .modal-school-year__inner {
    background-image: url("../images/sections/modal-school-year/modal-school-year-bg-desktop.webp"), linear-gradient(158deg, #fff 55%, #ffcc4d 97%);
  }

  .modal-school-year__heading {
    max-width: 544px;
  }

  .modal-school-year__cta {
    height: 56px;
    width: 544px;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .modal-school-year__disclaimer {
    max-width: 544px;
  }

  .hero .hero__first-block {
    background-image: -webkit-image-set(url("../images/sections/hero/hero-bg-xl.webp") 1x, url("../images/sections/hero/hero-bg-xl@2x.webp") 2x);
    background-image: image-set(url("../images/sections/hero/hero-bg-xl.webp") 1x, url("../images/sections/hero/hero-bg-xl@2x.webp") 2x);
  }

  .hero .hero__image::after {
    background-image: -webkit-image-set(url("../images/sections/hero/hero-image-xl.webp") 1x, url("../images/sections/hero/hero-image-xl@2x.webp") 2x);
    background-image: image-set(url("../images/sections/hero/hero-image-xl.webp") 1x, url("../images/sections/hero/hero-image-xl@2x.webp") 2x);
    bottom: 45px;
    right: auto;
    left: 40px;
  }

  .hero .hero__decor::after {
    content: "";
    position: absolute;
    top: 0px;
    right: -24px;
    width: 90px;
    height: 90px;
    background-image: url("../images/sprite.svg#hero-box");
    background-repeat: no-repeat;
    background-size: contain;
  }

  .direction .btn-wrapper {
    display: flex;
    top: -72px;
    right: 0;
  }

  .community {
    background-image: -webkit-image-set(url("../images/sections/community/community-bg-xl.webp") 1x, url("../images/sections/community/community-bg-xl@2x.webp") 2x);
    background-image: image-set(url("../images/sections/community/community-bg-xl.webp") 1x, url("../images/sections/community/community-bg-xl@2x.webp") 2x);
  }

  .contact {
    background-image: -webkit-image-set(url("../images/sections/contact/contact-bg-xl.webp") 1x, url("../images/sections/contact/contact-bg-xl@2x.webp") 2x);
    background-image: image-set(url("../images/sections/contact/contact-bg-xl.webp") 1x, url("../images/sections/contact/contact-bg-xl@2x.webp") 2x);
  }

  .contact .contact__container {
    position: relative;
  }

  .contact .contact__container::before {
    position: absolute;
    top: 52px;
    left: -356px;
    width: 200px;
    height: 204px;
    background-image: url("../images/sprite.svg#contact-left");
    background-repeat: no-repeat;
  }

  .contact .contact__container::after {
    position: absolute;
    bottom: 62px;
    right: -350px;
    width: 167px;
    height: 162px;
    background-image: url("../images/sprite.svg#contact-right");
    background-repeat: no-repeat;
  }

  .xl\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }

@media (min-width: 480px) {
    .xl\:container {
      max-width: 480px;
      padding-right: 1.25rem;
      padding-left: 1.25rem;
    }
}

@media (min-width: 768px) {
    .xl\:container {
      max-width: 768px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
}

@media (min-width: 1280px) {
    .xl\:container {
      max-width: 1280px;
      padding-right: 2.5rem;
      padding-left: 2.5rem;
    }
}

@media (min-width: 1600px) {
    .xl\:container {
      max-width: 1600px;
      padding-right: 3.5rem;
      padding-left: 3.5rem;
    }
}

  .xl\:relative {
    position: relative;
  }

  .xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xl\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .xl\:mb-20 {
    margin-bottom: 5rem;
  }

  .xl\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .xl\:mb-\[120px\] {
    margin-bottom: 120px;
  }

  .xl\:mb-\[14px\] {
    margin-bottom: 14px;
  }

  .xl\:ml-auto {
    margin-left: auto;
  }

  .xl\:mt-\[172px\] {
    margin-top: 172px;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:h-12 {
    height: 3rem;
  }

  .xl\:h-8 {
    height: 2rem;
  }

  .xl\:max-h-\[96px\] {
    max-height: 96px;
  }

  .xl\:w-12 {
    width: 3rem;
  }

  .xl\:w-\[116px\] {
    width: 116px;
  }

  .xl\:w-\[376px\] {
    width: 376px;
  }

  .xl\:w-\[380px\] {
    width: 380px;
  }

  .xl\:w-\[455px\] {
    width: 455px;
  }

  .xl\:w-\[604px\] {
    width: 604px;
  }

  .xl\:w-\[634px\] {
    width: 634px;
  }

  .xl\:w-\[640px\] {
    width: 640px;
  }

  .xl\:w-\[732px\] {
    width: 732px;
  }

  .xl\:w-\[781px\] {
    width: 781px;
  }

  .xl\:min-w-\[586px\] {
    min-width: 586px;
  }

  .xl\:max-w-\[1280px\] {
    max-width: 1280px;
  }

  .xl\:max-w-\[354px\] {
    max-width: 354px;
  }

  .xl\:max-w-\[356px\] {
    max-width: 356px;
  }

  .xl\:max-w-\[586px\] {
    max-width: 586px;
  }

  .xl\:max-w-none {
    max-width: none;
  }

  .xl\:flex-col {
    flex-direction: column;
  }

  .xl\:items-end {
    align-items: flex-end;
  }

  .xl\:justify-end {
    justify-content: flex-end;
  }

  .xl\:justify-between {
    justify-content: space-between;
  }

  .xl\:gap-20 {
    gap: 5rem;
  }

  .xl\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }

  .xl\:overflow-hidden {
    overflow: hidden;
  }

  .xl\:border-none {
    border-style: none;
  }

  .xl\:p-0 {
    padding: 0px;
  }

  .xl\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .xl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .xl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl\:px-\[44px\] {
    padding-left: 44px;
    padding-right: 44px;
  }

  .xl\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .xl\:py-\[140px\] {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .xl\:py-\[172px\] {
    padding-top: 172px;
    padding-bottom: 172px;
  }

  .xl\:pb-0 {
    padding-bottom: 0px;
  }

  .xl\:pb-\[172px\] {
    padding-bottom: 172px;
  }

  .xl\:pb-\[191px\] {
    padding-bottom: 191px;
  }

  .xl\:pb-\[394px\] {
    padding-bottom: 394px;
  }

  .xl\:pb-\[66px\] {
    padding-bottom: 66px;
  }

  .xl\:pl-\[391px\] {
    padding-left: 391px;
  }

  .xl\:pr-\[256px\] {
    padding-right: 256px;
  }

  .xl\:pt-0 {
    padding-top: 0px;
  }

  .xl\:pt-20 {
    padding-top: 5rem;
  }

  .xl\:pt-\[215px\] {
    padding-top: 215px;
  }

  .xl\:text-\[24px\] {
    font-size: 24px;
  }

  .xl\:text-\[32px\] {
    font-size: 32px;
  }

  .xl\:text-\[40px\] {
    font-size: 40px;
  }

  .xl\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .xl\:leading-normal {
    line-height: 1.5;
  }
}

@media (min-width: 1600px) {
  .container {
    max-width: 1600px;
    padding-right: 3.5rem;
    padding-left: 3.5rem;
  }

  .hero .hero__first-block {
    background-image: -webkit-image-set(url("../images/sections/hero/hero-bg-xxl.webp") 1x, url("../images/sections/hero/hero-bg-xxl@2x.webp") 2x);
    background-image: image-set(url("../images/sections/hero/hero-bg-xxl.webp") 1x, url("../images/sections/hero/hero-bg-xxl@2x.webp") 2x);
  }

  .hero .hero__image::after {
    background-image: -webkit-image-set(url("../images/sections/hero/hero-image-xxl.webp") 1x, url("../images/sections/hero/hero-image-xxl@2x.webp") 2x);
    background-image: image-set(url("../images/sections/hero/hero-image-xxl.webp") 1x, url("../images/sections/hero/hero-image-xxl@2x.webp") 2x);
    width: 772px;
    height: 368px;
    bottom: 56px;
    right: auto;
    left: 56px;
  }

  .hero .hero__decor::after {
    top: 5px;
    right: -12px;
    width: 94px;
    height: 94px;
  }

  .direction .btn-wrapper {
    top: -72px;
    right: 0;
  }

  .community {
    background-image: -webkit-image-set(url("../images/sections/community/community-bg-xxl.webp") 1x, url("../images/sections/community/community-bg-xxl@2x.webp") 2x);
    background-image: image-set(url("../images/sections/community/community-bg-xxl.webp") 1x, url("../images/sections/community/community-bg-xxl@2x.webp") 2x);
  }

  .contact {
    background-image: -webkit-image-set(url("../images/sections/contact/contact-bg-xxl.webp") 1x, url("../images/sections/contact/contact-bg-xxl@2x.webp") 2x);
    background-image: image-set(url("../images/sections/contact/contact-bg-xxl.webp") 1x, url("../images/sections/contact/contact-bg-xxl@2x.webp") 2x);
  }

  .contact .contact__container::before {
    left: -456px;
    padding: 0;
  }

  .contact .contact__container::after {
    right: -420px;
  }

  .xxl\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .xxl\:h-12 {
    height: 3rem;
  }

  .xxl\:w-12 {
    width: 3rem;
  }

  .xxl\:w-\[116px\] {
    width: 116px;
  }

  .xxl\:w-\[756px\] {
    width: 756px;
  }

  .xxl\:w-\[800px\] {
    width: 800px;
  }

  .xxl\:w-auto {
    width: auto;
  }

  .xxl\:gap-5 {
    gap: 1.25rem;
  }

  .xxl\:overflow-auto {
    overflow: auto;
  }

  .xxl\:bg-\[\#F5F5F5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
  }

  .xxl\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .xxl\:px-\[56px\] {
    padding-left: 56px;
    padding-right: 56px;
  }

  .xxl\:px-\[98px\] {
    padding-left: 98px;
    padding-right: 98px;
  }

  .xxl\:py-\[172px\] {
    padding-top: 172px;
    padding-bottom: 172px;
  }

  .xxl\:pb-\[280px\] {
    padding-bottom: 280px;
  }

  .xxl\:pb-\[449px\] {
    padding-bottom: 449px;
  }

  .xxl\:pl-\[695px\] {
    padding-left: 695px;
  }

  .xxl\:pr-\[538px\] {
    padding-right: 538px;
  }

  .xxl\:pt-\[306px\] {
    padding-top: 306px;
  }

  .xxl\:pt-\[71px\] {
    padding-top: 71px;
  }
}

@media (max-width: 1279.98px) {
  .notXl\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }

@media (min-width: 480px) {
    .notXl\:container {
      max-width: 480px;
      padding-right: 1.25rem;
      padding-left: 1.25rem;
    }
}

@media (min-width: 768px) {
    .notXl\:container {
      max-width: 768px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
}

@media (min-width: 1280px) {
    .notXl\:container {
      max-width: 1280px;
      padding-right: 2.5rem;
      padding-left: 2.5rem;
    }
}

@media (min-width: 1600px) {
    .notXl\:container {
      max-width: 1600px;
      padding-right: 3.5rem;
      padding-left: 3.5rem;
    }
}

  .notXl\:hidden {
    display: none;
  }

  .notXl\:flex-col {
    flex-direction: column;
  }

  .notXl\:items-center {
    align-items: center;
  }

  .notXl\:justify-center {
    justify-content: center;
  }
}

@media (max-width: 767.98px) {
  .smOnly\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .smOnly\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .smOnly\:mb-8 {
    margin-bottom: 2rem;
  }

  .smOnly\:mr-8 {
    margin-right: 2rem;
  }

  .smOnly\:hidden {
    display: none;
  }

  .smOnly\:gap-8 {
    gap: 2rem;
  }

  .smOnly\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .smOnly\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .smOnly\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .smOnly\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}

@media (min-width: 1280px) and (max-width: 1599.98px) {
  .community__slider .slick-slide {
    width: 380px !important;
  }
}

@media (min-width: 768px) and (max-width: 1279.98px) {
  .mdOnly\:w-\[537px\] {
    width: 537px;
  }

  .mdOnly\:overflow-hidden {
    overflow: hidden;
  }
}

@media (prefers-reduced-motion: reduce) {
  .iti__strict-reject-animation .iti__tel-input {
    animation: iti-strict-reject-flash 0.3s ease-out both;
  }

  .iti__strict-reject-animation .iti__selected-country {
    animation: none;
  }
}